@charset "UTF-8";
/*ws-base*/
.abs-margin-2 {
    margin: 2rem;
}

:root {
    --main-color-w1: #FF5A5F;
    --text-color-w1: #484848;
    --button-color-w1: #FF5A5F;
    --main-color-w2: #067AC0;
    --text-color-w2: black;
    --main-color-w3: #FED700;
    --text-color-w3: black;
    --main-color-w4: #ff0000;
    --text-color-w4: black;
    --main-color-w5: #31D093;
    --text-color-w5: black;
    --main-color-w6: #8fba1c;
    --text-color-w6: #666666;
    --main-color-w7: #8fba1c;
    --text-color-w7: #666666;
    --main-color-w8: #2267D8;
    --text-color-w8: black;
    --main-color-w9: #fcb700;
    --text-color-w9: black;
    --main-color-w10: #48CAB2;
    --text-color-w10: black;
    --main-color-w11: #e4584b;
    --text-color-w11: black;
    --main-color-w14: #6868eb;
    --text-color-w14: #777;
    --main-color-w15: #FDA94F;
    --text-color-w15: #777;
    --main-color-w16: #003678;
    --text-color-w16: #777;
    --main-color-w: 13, 82, 87;
    --second-color-w: 77, 0, 160;
    --text-color-w: 0, 0, 0;
}

*,
*::after,
*::before {
    margin: 0;
    padding: 0;
    box-sizing: inherit;
}

html {
    font-size: 62.5%;
    -webkit-overflow-scrolling: touch;
}

.w13-formup__frame img {
    opacity: 1;
}

.ws-light__a {
    display: contents;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
img,
iframe {
    font-size: unset;
}

.ws-content__light {
    line-height: 1.8em;
    text-align: justify;
    font-size: 1.6rem;
}

    .ws-content__light h1,
    .ws-content__light h2,
    .ws-content__light h3,
    .ws-content__light h4,
    .ws-content__light h5,
    .ws-content__light h6,
    .ws-content__light p,
    .ws-content__light img,
    .ws-content__light iframe {
        margin: 0.5rem 0;
    }

    .ws-content__light h1 {
        font-size: 2.4rem;
        line-height: 1.4em;
        margin: 1em 0 !important;
    }

    .ws-content__light h2 {
        font-size: 2rem;
        line-height: 1.3em;
        margin: 1em 0 !important;
        font-weight: unset;
    }

    .ws-content__light h3 {
        line-height: 1.3em;
        font-weight: unset;
        margin: 1em 0 !important;
    }

    .ws-content__light a {
        color: royalblue;
        text-decoration: underline;
    }

    .ws-content__light ul,
    .ws-content__light ol {
        margin-left: 4rem;
    }

    .ws-content__light *,
    .ws-content__light *::after,
    .ws-content__light *::before {
        margin: unset;
        padding: unset;
    }

    .ws-content__light blockquote {
        margin-top: 1rem;
        margin-bottom: 1rem;
        border-radius: 1rem;
    }

.main figure,
.ws-right-menu figure {
    background-repeat: no-repeat;
}

    .main figure img,
    .ws-right-menu figure img {
        opacity: 0;
        display: block;
        max-height: 100%;
    }

@media only screen and (max-width: 37.5em) {
    .main figure img,
    .ws-right-menu figure img {
        height: auto;
    }
}

.main h1,
.main h2,
.main h3,
.main h4,
.main h5,
.main h6,
.ws-right-menu h1,
.ws-right-menu h2,
.ws-right-menu h3,
.ws-right-menu h4,
.ws-right-menu h5,
.ws-right-menu h6 {
    display: block;
}

body {
    box-sizing: border-box;
    padding: 0;
    font-family: "Montserrat", sans-serif;
}

    body img {
        max-width: 100%;
    }

    body a {
        color: currentColor;
        text-decoration: none;
        font-weight: inherit;
    }

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.ws-rtl {
    flex-direction: row-reverse;
}

select::-ms-expand {
    display: none;
}

.owl-prev {
    display: none;
}

.owl-next {
    display: none;
}

.kill-a {
    color: currentColor;
    text-decoration: none;
}

.display-none {
    display: none !important;
    filter: brightness(0.5);
}

.display-none-menu {
    filter: brightness(0.5);
}

.display-block {
    display: block !important;
}

.width-100 {
    width: 100% !important;
}

.width-50 {
    width: 50%;
}

.fa-img {
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.op-width-hidden {
    opacity: 0;
    width: 0 !important;
    overflow: hidden;
    visibility: hidden;
    padding: 0 !important;
    height: 0 !important;
}

.sticky {
    position: fixed !important;
    top: 0 !important;
    margin: 0 auto;
    z-index: 200 !important;
    width: 100% !important;
    animation: stickyMenu 0.3s ease-out;
}

.zindex-100 {
    z-index: 100 !important;
}

@media only screen and (min-width: 50em) {
    .sticky__logo {
        height: 5em;
        width: 5em;
    }
}

.nav__checkbox {
    display: none !important;
}

.nav__icon {
    position: relative;
}

    .nav__icon, .nav__icon::before, .nav__icon::after {
        width: 3rem;
        height: 2px;
        background-color: white;
        display: inline-block;
    }

        .nav__icon::before, .nav__icon::after {
            content: "";
            position: absolute;
            left: 0;
            transition: all 0.2s;
        }

        .nav__icon::before {
            top: -0.8rem;
        }

        .nav__icon::after {
            top: 0.8rem;
        }

.nav__checkbox:checked ~ .nav__button .nav__icon {
    background-color: transparent;
}

    .nav__checkbox:checked ~ .nav__button .nav__icon::before {
        transform: rotate(135deg);
        top: 0;
    }

    .nav__checkbox:checked ~ .nav__button .nav__icon::after {
        transform: rotate(-135deg);
        top: 0;
    }

.nav__checkbox {
    display: none;
}

.ab-position {
    position: absolute !important;
}

.color-white {
    color: white !important;
}

.color-black {
    color: black;
}

.color-red {
    color: black;
}

.light1-list-drop-mo {
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
}

.ws-120-0-a {
    max-width: 120rem;
    margin: 0 auto;
}

.ws-100p {
    width: 100%;
}

.font-600 {
    font-weight: 600;
}

.font-800 {
    font-weight: 800;
}

.ws-bga {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.display-flex {
    display: flex !important;
}

::-webkit-scrollbar-track {
    border-radius: 0.1em;
}

::-webkit-scrollbar-thumb {
    border-radius: 1em;
}

.section-content-default {
    font-size: 1.4em;
    line-height: 1.8em;
}

    .section-content-default h2,
    .section-content-default h3,
    .section-content-default iframe,
    .section-content-default h4,
    .section-content-default h5,
    .section-content-default image,
    .section-content-default p {
        margin: 0.5em 0;
    }

.ws-scroll-bar {
    height: 95vh;
    overflow: scroll;
}

    .ws-scroll-bar::-webkit-scrollbar {
        width: 1rem;
    }

    .ws-scroll-bar::-webkit-scrollbar-track {
        border-radius: 0.1em;
    }

    .ws-scroll-bar::-webkit-scrollbar-thumb {
        background: red;
        border-radius: 1em;
    }

#txt_ladi_link {
    padding: 0.8em !important;
}

section figure img {
    pointer-events: none;
}

.mn1multiselect {
    background-color: rgba(0, 128, 0, 0.386);
}

.border-red {
    border: 1px solid red;
}

.ws1highlight {
    background-color: yellow;
}

.ws1MenudropActive {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    transform: unset !important;
    z-index: 2 !important;
    pointer-events: initial !important;
}

.display-none-filter {
    display: none !important;
}

.ws1Rulerx {
    border: 1px dashed red;
    position: fixed;
    z-index: 0;
    top: 0;
    height: 100vh;
    pointer-events: none;
}

.ws1Rulery {
    border: 1px dashed red;
    position: fixed;
    left: 0;
    width: 100vw;
    z-index: 0;
    pointer-events: none;
}

.ws1ZoomEdit {
    position: fixed;
    background: white;
    left: 0;
    width: calc(100% - 80rem) !important;
    top: 0;
    z-index: 11;
    height: 100vh !important;
    padding: 1rem 3rem 1rem 3rem !important;
    overflow: scroll;
}

.display-content {
    display: contents;
}

.preventedit {
    fill: none !important;
}

.w100-ads {
    position: relative;
    height: fit-content;
    display: block;
    width: 100%;
    background-color: white;
    margin-bottom: .1rem;
}

.w100-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    height: 100%;
    width: 100%;
    position: relative;
    height: 50rem;
}

.w100-ads__c1 {
    position: absolute;
    font-size: 1.8rem;
    background-color: #eee;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w100-ads__text1 {
    font-size: 1.6rem;
    line-height: 1.8rem;
    padding: .5rem;
    position: absolute;
}

.w100-ads__slider {
    width: 39rem;
}

.w100-ads__slider__items {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .w100-ads__slider__items .swiper-wrapper {
        display: flex;
        box-sizing: border-box;
    }

    .w100-ads__slider__items .swiper-button-next {
        color: #414141;
    }

        .w100-ads__slider__items .swiper-button-next::after {
            font-size: 2rem;
        }

    .w100-ads__slider__items .swiper-button-prev {
        color: #414141;
    }

        .w100-ads__slider__items .swiper-button-prev::after {
            font-size: 2rem;
        }

    .w100-ads__slider__items .swiper-pagination {
        margin-top: 4rem;
        position: relative;
    }

    .w100-ads__slider__items .swiper-pagination-bullet {
        background-color: black;
        position: relative;
    }

        .w100-ads__slider__items .swiper-pagination-bullet::after {
            border: 1px solid black !important;
        }

    .w100-ads__slider__items .swiper-pagination-bullet-active {
        position: relative;
    }

        .w100-ads__slider__items .swiper-pagination-bullet-active::after {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(var(--main-color-w), 1);
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transform: scale(2);
        }

    .w100-ads__slider__items .swiper-slide {
        
    }

.w100-ads__slider__items__item {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 23%;
}

    .w100-ads__slider__items__item:not(:last-child) {
        margin-right: 2.666%;
    }

@media only screen and (max-width: 75em) {
    .w100-ads__slider__items__item {
        width: 22% !important;
    }
}

@media only screen and (max-width: 50em) {
    .w100-ads__slider__items__item {
        width: 48% !important;
    }
}

.w100-ads__slider__items__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    margin: .5rem auto;
}

.w100-ads__slider__items__item__imgbox__img {
    width: 100%;
}

.w100-ads__slider__items__item__text {
    font-size: 1rem;
    text-align: center;
    margin-top: .5rem;
    display: block;
}

.w100-ads__slider__items__item__icon {
    font-size: 1.6rem;
    margin-left: auto;
    margin-right: auto;
    width: fit-content;
    display: block;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

.w100-ads__dropdownlist {
    display: block;
}

.w100-ads__dropdownlist__vung {
    position: relative;
    border: 1px solid #eee;
    width: 40rem;
    height: fit-content;
}

.w100-ads__dropdownlist__vung__checkbox {
    display: none;
}

    .w100-ads__dropdownlist__vung__checkbox:checked ~ .w100-ads__dropdownlist__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
    }

.w100-ads__dropdownlist__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    font-weight: 600;
    padding: .7rem;
}

.w100-ads__dropdownlist__vung__ad__name {
    font-size: 1.4rem;
    width: 100%;
}

.w100-ads__dropdownlist__vung__ad__icon {
    margin-left: 0.5rem;
}

.w100-ads__dropdownlist__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    overflow: hidden;
}

    .w100-ads__dropdownlist__vung__items .active {
        font-weight: 800;
    }

.w100-ads__dropdownlist__vung__items__item {
    display: flex;
    align-items: center;
    padding: .8rem;
}

.w100-ads__dropdownlist__vung__items__item__icons {
    border: 1px solid #dddddd;
    height: fit-content;
    width: fit-content;
    margin-right: .7rem;
}

.w100-ads__dropdownlist__vung__items__item__icons__icon {
    width: 1.5rem;
    height: 1.5rem;
    margin: .2rem;
}

.w100-ads__dropdownlist__vung__items__item__text {
    font-size: 1rem;
    display: block;
    cursor: pointer;
}

.w100-ads__dropdownlist__vung__items__item:hover {
    background-color: #eee;
}

    .w100-ads__dropdownlist__vung__items__item:hover .w100-ads__dropdownlist__vung__items__item__icons__icon {
        background-color: rgba(var(--main-color-w), 1);
    }

.w100-ads__groupinput {
    border: 1px solid #eee;
    width: 100%;
    padding: 0 1rem;
}

.w100-ads__groupinput__text {
    width: 100%;
    outline: none;
    font-size: 1.2rem;
    background-color: transparent;
    outline: none;
    border: none;
    height: 100%;
}

.position-absolute {
    position: absolute;
}

.ws1highlightView {
    border: 3px solid red;
}

.ws1TempDivIframe {
    position: relative;
    width: fit-content;
    height: fit-content;
}

.ws1TempdivIframeBG {
    position: absolute;
    background-color: black;
    opacity: 0.5;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.viewAddField {
    z-index: 100;
    position: fixed;
    background-color: white;
    padding: 2rem;
    border-radius: .5rem;
    width: 35rem;
    max-width: 70rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.24);
    width: fit-content;
    display: block;
    height: fit-content;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
}

    .viewAddField * {
        width: 100% !important;
        max-width: 100%;
    }

.ws1FilterBrn-5 {
    filter: brightness(0.5);
}

.divWs1LightMainFrame {
    height: calc(100vh - 9.5rem);
}

.ws1SelectUser {
    user-select: none;
}

.ws1EditViewSite {
    position: fixed;
    width: 13.5em;
    height: 5em;
    margin-top: 2rem;
    margin-left: 3rem;
    z-index: 110;
}

.ws1EditViewSite__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1.5em 3.5em rgba(0, 0, 0, 0.2);
    border-top: 0.1em solid rgba(255, 255, 255, 0.1);
    border-bottom: 0.1em solid rgba(255, 255, 255, 0.1);
    border-radius: 3em;
    color: #004369;
    z-index: 1;
    font-weight: 600;
    font-size: 1.6rem;
    letter-spacing: 2px;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
    backdrop-filter: blur(1.5em);
    -webkit-backdrop-filter: blur(1.5em);
}

    .ws1EditViewSite__button::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
        transform: skewX(45deg) translateX(0);
        transition: 0.5s;
    }

    .ws1EditViewSite__button:hover {
        letter-spacing: .3em;
    }

        .ws1EditViewSite__button:hover::before {
            transform: skewX(45deg) translateX(200%);
        }

.ws1EditViewSite::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.5em;
    width: 3em;
    height: 1em;
    background-color: #f00;
    border-radius: 1em;
    transition: .5s;
}

.ws1EditViewSite:hover::before {
    bottom: 0;
    height: 80%;
    width: 80%;
    border-radius: 3em;
}

.ws1EditViewSite::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -.5em;
    width: 3em;
    height: 1em;
    background-color: #f00;
    border-radius: 1em;
    transition: .5s;
}

.ws1EditViewSite:hover::after {
    top: 0;
    height: 80%;
    width: 80%;
    border-radius: 3em;
}

.ws1EditViewSite:hover .ws1EditViewSite__button {
    color: white;
}

.ws1EditViewSite::before, .ws1EditViewSite::after {
    background: #2bd2ff;
    box-shadow: 0 0 .5em #2bd2ff, 0 0 1.5em #2bd2ff, 0 0 3em #2bd2ff, 0 0 6em #2bd2ff;
}

.width-50 {
    width: 50%;
}

.width-100 {
    width: 100%;
}

.mn1ConnectOtherFilter {
    background-color: yellow !important;
}

.mn1ContainOtherChildFilter {
    display: flex;
    flex-wrap: wrap;
    max-width: 80rem;
    margin-left: 2rem;
}

.mn1ContainOtherChildFilterItem {
    position: relative;
    margin-left: 1rem;
    display: block;
    width: fit-content;
    border: 1px solid black;
    padding: .5rem;
    height: fit-content;
    line-height: 1rem;
    margin-bottom: 1.5rem;
    transition: all .2s ease;
    background-color: white;
}

    .mn1ContainOtherChildFilterItem:hover {
        scale: 2;
        z-index: 10;
    }

.mn1ContainOtherChildFilterItemIcon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -1.2rem;
    color: red;
    font-size: 1.5rem;
    cursor: pointer;
}

.mn1ContainOtherChildFilterItemText {
    font-size: 1rem;
}

.mn1FilterAddCurentFilter {
    padding: 1rem;
    font-size: 1.2rem;
    margin-right: .5rem;
    border: 1px solid black;
    border-radius: .5rem;
    height: fit-content;
    line-height: 1rem;
    margin-top: .5rem;
    font-weight: 600;
    cursor: pointer;
}

    .mn1FilterAddCurentFilter:hover {
        background-color: yellow;
    }

.ws1404Img {
    height: 10rem;
    width: 100%;
}

@font-face {
    font-family: 'UTM Avo';
    src: url("/Fonts/UTMFonts/UTM Avo.ttf");
}

.ws1SupportLeft section {
    margin: 0 auto;
    left: unset;
    right: unset;
    bottom: unset;
    top: unset;
    position: relative;
}

.landingfreediv:hover {
    outline: 1px dotted black;
}

.landingFreeGroup:hover {
    outline: 2px dotted black;
}

div[data-leftmoduletype="productDetail"] .wsLeftMenuBoxBtnReplaceModule {
    color: red;
    background-color: yellow;
}

.main-slider {
    width: 100%;
}

    .main-slider .owl-stage {
        background-color: rgba(30, 144, 255, 0.8);
    }

    .main-slider .owl-item {
        padding: 0;
        position: relative;
        opacity: .5;
    }

        .main-slider .owl-item img {
            object-fit: cover;
            object-position: center;
            height: 450px;
        }

    .main-slider .center {
        opacity: 1;
        transform: scale(1.005);
        transition: .5s ease-in-out;
        z-index: 9999;
    }

    .main-slider .owl-controls .owl-nav {
        position: absolute;
        width: 100%;
        top: 0;
        bottom: 0;
    }

        .main-slider .owl-controls .owl-nav .prev {
            position: absolute;
            height: 80%;
            width: 15%;
            left: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .main-slider .owl-controls .owl-nav .next {
            position: absolute;
            height: 80%;
            width: 15%;
            right: 0;
            display: flex;
            align-items: center;
            justify-content: center;
        }

    .main-slider .owl-thumbs {
        text-align: center;
        display: table;
        width: 100%;
    }

    .main-slider .owl-thumb-item {
        width: 20%;
        height: 150px;
        border: none;
        background: none;
        padding: 0;
        opacity: .7;
        overflow: hidden;
    }

        .main-slider .owl-thumb-item img {
            width: 100%;
            height: auto;
            vertical-align: middle;
        }

        .main-slider .owl-thumb-item.active {
            opacity: 1;
        }

            .main-slider .owl-thumb-item.active img {
                position: relative;
            }

.overlay {
    width: 100%;
    height: 100%;
    display: block;
    background-color: black;
}

@keyframes moveInLeft {
    0% {
        opacity: 0;
        transform: translateX(-10rem);
    }

    80% {
        transform: translateX(1rem);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInRight {
    0% {
        opacity: 0;
        transform: translateX(10rem);
    }

    80% {
        transform: translateX(-1rem);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveInBottom {
    0% {
        opacity: 0;
        transform: translateY(3rem);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes moveToBottom {
    0% {
        margin-top: 100%;
    }

    100% {
        margin-top: 0;
    }
}

@keyframes zoom-in-out {
    0% {
        transform: scale(1);
        box-shadow: none;
    }

    50% {
        transform: scale(1.01) rotate(-2deg);
        box-shadow: 0 1rem 4rem rgba(255, 248, 220, 0.397);
    }

    100% {
        transform: scale(1);
        box-shadow: none;
    }
}

@keyframes stickyMenu {
    0% {
        height: 0;
        opacity: 0;
    }

    100% {
        opacity: 1;
        height: 8em;
    }
}

@keyframes buttonMoveBg {
    0% {
        background-position: right top;
    }

    100% {
        background-position: left bottom;
    }
}

@keyframes outLine {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        color: black;
        background-color: transparent;
    }
}

@keyframes zoomBtn {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    100% {
        transform: scaleX(1.4) scaleY(1.6);
        opacity: 0;
    }
}

@keyframes zoomIn {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.4);
    }
}

@keyframes skakeBtn {
    0% {
        transform: rotateX(180deg);
    }

    50% {
        transform: rotateX(360deg);
    }

    100% {
        transform: rotateY(180deg);
    }
}

.fls-cong-suat {
    background-image: url(../img/w25/congxuat.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position: center;
    padding: 1em 1.6em;
    display: inline-block;
}

.fls-mam-banh-xe {
    background-image: url(../img/w25/mam-banh-xe.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 1em;
    display: inline-block;
    background-position: center;
}

.fls-ghe-trai {
    background-image: url(../img/w25/ghe-trai.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 1em;
    display: inline-block;
    background-position: center;
}

.fls-long-arrow-left {
    -webkit-mask-image: url(/img/svg/long-arrow-alt-left.svg);
    mask-image: url(/img/svg/long-arrow-alt-left.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 1em;
    display: inline-block;
    background-position: center;
}

    .fls-long-arrow-left::after {
        display: none;
    }

.fls-long-arrow-right {
    -webkit-mask-image: url(/img/svg/long-arrow-right.svg) no-repeat 50% 50%;
    mask-image: url(/img/svg/long-arrow-right.svg) no-repeat 50% 50%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding: 1em;
    display: inline-block;
    background-position: center;
}

    .fls-long-arrow-right::after {
        display: none;
    }

/*ed*/
/*ws-admin*/
/*ed*/
/*w1-ctaregister*/
.w1-ctaregister {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 3em 1em;
    color: var(--text-color-w);
}

.w1-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w1-ctaregister__text--1 {
    color: white;
    font-size: 3em;
    font-weight: 600;
    margin-bottom: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w1-ctaregister__text--1 {
        font-size: 2em;
    }
}

.w1-ctaregister__text--2 {
    color: white;
    font-size: 1.6em;
    font-weight: 300;
}

@media only screen and (max-width: 37.5em) {
    .w1-ctaregister__text--2 {
        font-size: 1.5em;
    }
}

.w1-ctaregister__button {
    text-align: center;
    font-size: 2em;
    padding: 1em;
    font-weight: 800;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border-radius: 0.4em;
    transition: all 0.2s;
    cursor: pointer;
    display: inline-block;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w1-ctaregister__button {
        margin-top: 1em;
        margin-left: auto;
    }
}

.w1-ctaregister__button:hover {
    background-color: white;
    color: rgba(var(--second-color-w), 1);
}
/*ed*/
/*w1-footer*/
.w1-footer {
    padding: 3em 1em;
    background-color: #202040;
    color: white;
    width: 100%;
    padding: 2em 1em;
}

.w1-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    font-size: 1.4em;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w1-footer__group {
        flex-direction: column;
    }
}

.w1-footer__col {
    width: 75%;
    display: flex;
}

    .w1-footer__col:last-child {
        width: 25%;
    }

@media only screen and (max-width: 37.5em) {
    .w1-footer__col {
        flex-direction: column;
        width: 100%;
        padding: 1em;
        margin: 0;
    }

        .w1-footer__col:last-child {
            width: 100%;
        }
}

.w1-footer__link {
    margin-right: 2%;
    margin-top: 1.5em;
    width: 100%;
}

.w1-footer__link-first {
    min-width: 33%;
}

.w1-footer__link--1 {
    font-size: 1.4em;
    font-weight: 600;
    color: white;
    line-height: 1.5em;
    display: block;
    text-decoration: none;
}

.w1-footer__link--2 {
    width: 100%;
    margin-top: 1em;
    font-weight: 300;
    color: white;
    line-height: 1.5em;
    display: block;
    text-decoration: none;
}

.w1-footer__social {
    font-size: 2em;
    margin: 0.5em;
    cursor: pointer;
}

/*ed*/
/*w1-downbar*/
.w1-downbar {
    padding: 2em;
    width: 100%;
    background-color: #1a1a38;
}

.w1-downbar__group {
    height: 3em;
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    font-weight: 300;
}

.w1-downbar__link__item {
    margin: 0 0.5em 0.5em 0;
    color: white;
    text-decoration: none;
    font-size: 1.2em;
}

/*ed*/
/*w1-blogdetail*/
.w1-blogdetail {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w1-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 56.25em) {
    .w1-blogdetail__group {
        flex-direction: column;
    }
}

.w1-blogdetail__first {
    width: 67%;
}

@media only screen and (max-width: 56.25em) {
    .w1-blogdetail__first {
        width: 100%;
    }
}

.w1-blogdetail__first__heading__cate {
    background-color: rgba(var(--main-color-w), 1);
    display: inline-block;
    padding: 0.5em 1em;
    font-size: 1.4em;
    color: white;
    text-transform: capitalize;
    border-radius: 0.3em;
}

.w1-blogdetail__first__heading__title {
    font-weight: 700;
    font-size: 2.5em;
    margin-top: 1em;
}

.w1-blogdetail__first__heading__postinfo {
    margin-top: 2em;
    align-items: center;
    display: flex;
}

.w1-blogdetail__first__heading__postinfo__user {
    align-items: center;
    display: flex;
    color: #777;
    font-size: 1.3em;
    margin-left: 1em;
}

.w1-blogdetail__first__heading__postinfo__user__img {
    border-radius: 50%;
    width: 3em;
    height: 3em;
}

.w1-blogdetail__first__heading__postinfo__user__text {
    margin-left: 1rem;
}

.w1-blogdetail__first__heading__postinfo__user__des {
    margin-left: 0.5em;
}

.w1-blogdetail__first__imgbox {
    margin-top: 2em;
    height: 40em;
    border-radius: 0.7em;
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w1-blogdetail__first__text {
    line-height: 2em;
    margin-top: 2em;
    display: block;
    font-size: 1.6em;
    line-height: 1.8em;
    text-align: justify;
}

.w1-blogdetail__first__share {
    margin-top: 2em;
    padding: 2em 0 2em 0;
    display: flex;
    border-top: 0.1em solid #eee;
    border-bottom: 0.1em solid #eee;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w1-blogdetail__first__share__link {
    margin-top: 1em;
    font-size: 1.4em;
}

.w1-blogdetail__first__share__link__text {
    margin-right: 1em;
}

.w1-blogdetail__first__share__link__icon {
    padding: 1em;
    margin-top: 1em;
    background-color: #f7f7f7;
    border-radius: 0.5em;
    cursor: pointer;
    transition: all 0.2s;
}

    .w1-blogdetail__first__share__link__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-blogdetail__first__share__tag {
    margin-top: 1em;
}

.w1-blogdetail__first__share__tag__text {
    font-size: 1.2em;
    font-weight: 300;
}

.w1-blogdetail__first__page {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom: 0.1em solid #eee;
}

.w1-blogdetail__first__page__site {
    align-items: center;
    display: flex;
}

.w1-blogdetail__first__page__site__icon {
    padding: 1em;
    background-color: #eee;
    min-width: 3em;
    text-align: center;
    font-size: 1.6em;
    border-radius: 50%;
    transition: all 0.2s;
    cursor: pointer;
}

    .w1-blogdetail__first__page__site__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-blogdetail__first__page__site__text {
    font-size: 1.3em;
    font-weight: 300;
    margin-left: 1em;
    text-align: center;
    margin-right: .5rem;
}

.w1-blogdetail__first__review {
    padding: 2em;
}

.w1-blogdetail__first__review__first {
    width: 100%;
}

.w1-blogdetail__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w1-blogdetail__first__review__first__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    background-size: contain;
    background-position: center;
}

.w1-blogdetail__first__review__first__imgbox__img {
    width: 100%;
}

.w1-blogdetail__first__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w1-blogdetail__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w1-blogdetail__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w1-blogdetail__first__review__first__comment__head__user__date {
    color: #777;
}

.w1-blogdetail__first__review__first__comment__star__icon {
    color: #f93;
}

.w1-blogdetail__first__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w1-blogdetail__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w1-blogdetail__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w1-blogdetail__first__review__second__title {
    font-weight: 300;
}

.w1-blogdetail__first__review__second__textrate {
    margin-top: 2em;
}

.w1-blogdetail__first__review__second__textreview {
    margin-top: 1em;
}

.w1-blogdetail__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w1-blogdetail__first__review__second__star {
    display: flex;
    align-items: center;
}

.w1-blogdetail__first__review__second__star__items {
    margin-left: 1em;
}

.w1-blogdetail__first__review__second__star__items__icon {
    color: darkgray;
}

.w1-blogdetail__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w1-blogdetail__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w1-blogdetail__first__review__second__textform__name__info {
    font-weight: 300;
}

.w1-blogdetail__first__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w1-blogdetail__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w1-blogdetail__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w1-blogdetail__second {
    width: 30%;
    margin-top: 4em;
}

@media only screen and (max-width: 56.25em) {
    .w1-blogdetail__second {
        width: 100%;
    }
}

.w1-blogdetail__second__latest {
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    background-color: white;
    border-radius: 0.5em;
}

.w1-blogdetail__second__latest__heading {
    font-weight: bolder;
    font-size: 1.4em;
    padding: 0.5em;
}

.w1-blogdetail__second__latest__content {
    display: flex;
    padding: 1em;
    align-items: center;
}

.w1-blogdetail__second__latest__content__imgbox {
    min-width: 30%;
    width: 30%;
    overflow: hidden;
    border-radius: 0.5em;
    height: 8em;
    background-size: cover;
}

.w1-blogdetail__second__latest__content__imgbox__img {
    width: 100%;
    height: 100%;
}

.w1-blogdetail__second__latest__content__info {
    width: 68%;
    margin-left: 1em;
    transition: all 0.2s;
    cursor: pointer;
}

.w1-blogdetail__second__latest__content__info__price {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 1.3em;
    margin-top: 0.5em;
}

.w1-blogdetail__second__latest__content__info__date {
    margin-top: 0.5em;
    color: #626262;
}

.w1-blogdetail__second__latest__content__info__text {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.4em;
}

.w1-blogdetail__second__latest__content__info__properties {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5em;
    align-items: center;
    flex-wrap: wrap;
}

.w1-blogdetail__second__latest__content__info__properties__text {
    font-size: 1.2em;
    white-space: nowrap;
    line-height: 1.4em;
    color: #5f5f5f;
}

.w1-blogdetail__second__latest__content__info:hover .w1-blogdetail__second__latest__content__info__text {
    color: rgba(var(--main-color-w), 1);
}

.w1-blogdetail__second__search {
    display: flex;
    align-items: center;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
}

.w1-blogdetail__second__search__input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 1.3em;
}

.w1-blogdetail__second__search__icon {
    margin-left: 1em;
    font-size: 1.4em;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.w1-blogdetail__second__blog {
    background-color: white;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w1-blogdetail__second__blog__heading {
    font-weight: bolder;
    font-size: 1.4em;
    padding: 0.5em;
}

.w1-blogdetail__second__blog__content {
    padding: 1em;
}

.w1-blogdetail__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w1-blogdetail__second__blog__content__info__icon {
    font-size: 1.6em;
}

.w1-blogdetail__second__blog__content__info__text {
    font-size: 1.3em;
    margin-left: 0.5em;
}

.w1-blogdetail__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w1-bloglist*/
.w1-bloglist {
    width: 100%;
    padding: 3em 1em;
    background-color: #eee;
}

.w1-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w1-bloglist__group {
        flex-direction: column;
    }
}

.w1-bloglist__first {
    width: 65%;
}

@media only screen and (max-width: 43.75em) {
    .w1-bloglist__first {
        width: 100%;
    }
}

.w1-bloglist__first__items {
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    margin-top: 2em;
    background-color: white;
}

.w1-bloglist__first__items__2 {
    width: 47%;
    display: inline-block;
    margin-right: 2%;
}

@media only screen and (max-width: 43.75em) {
    .w1-bloglist__first__items__2 {
        margin-right: 0%;
        width: 49%;
    }
}

.w1-bloglist__first__items__2 .w1-bloglist__first__items__image__imgbox {
    height: auto;
}

.w1-bloglist__first__items__image {
    margin: 1.5em;
    position: relative;
    overflow: hidden;
    border-radius: 0.7em;
}

.w1-bloglist__first__items__image__imgbox {
    width: 100%;
    transition: all 0.2s;
    border-radius: 0.7em;
    height: 30em;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 25em) {
    .w1-bloglist__first__items__image__imgbox {
        height: 15em;
    }
}

.w1-bloglist__first__items__image__imgbox:hover {
    transform: scale(1.1) rotate(2deg);
}

.w1-bloglist__first__items__image__cate {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    position: absolute;
    color: white;
    border-radius: 0.4em;
    margin: 1em;
    top: 0;
}

.w1-bloglist__first__items__content__post {
    border-top: 0.1em solid #eee;
    padding: 1.5em;
    border-radius: 0.5em;
    margin-top: 2em;
    display: flex;
    align-items: center;
}

.w1-bloglist__first__items__content__post__text {
    color: var(--text-color-w);
    margin-left: 1em;
    font-size: 1.3em;
}

.w1-bloglist__first__items__content__post__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    border-radius: 50%;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w1-bloglist__first__items__content__post__imgbox__img {
    width: 100%;
    height: 100%;
}

.w1-bloglist__first__items__content__post__button {
    display: flex;
    align-items: center;
    color: var(--button-color-w1);
    font-weight: 600;
    background-color: transparent;
    text-transform: capitalize;
    border: none;
    font-size: 1.3em;
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w1-bloglist__first__items__content__post__button__icon {
    font-size: 1.2em;
    margin-left: 0.1em;
    padding: .5em;
}

.w1-bloglist__first__items__content__main {
    margin: 0.5em;
    margin-top: 0.2em;
    margin-left: 1.5em;
    font-size: 1.5em;
    font-weight: bolder;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
}

.w1-bloglist__first__items__content__sub {
    margin: 1em;
    margin-top: .5em;
    margin-left: 1.6em;
    color: var(--text-color-w);
    font-size: 1.3em;
    text-align: justify;
    line-height: 1.6em;
}

.w1-bloglist__first__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
    flex-wrap: wrap;
}

.w1-bloglist__first__paging__items {
    padding: 1.3em;
    width: 4em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1em solid #eee;
    transition: all 0.2s;
}

    .w1-bloglist__first__paging__items:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-bloglist__first__paging__active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w1-bloglist__first__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4em;
    border-radius: 50%;
    padding: 0.7em;
    width: 2.8em;
    border: 0.1em solid #eee;
    transition: all 0.2s;
}

    .w1-bloglist__first__paging__pre:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-bloglist__second {
    width: 34%;
}

@media only screen and (max-width: 43.75em) {
    .w1-bloglist__second {
        width: 100%;
    }
}

.w1-bloglist__second__blog {
    background-color: white;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w1-bloglist__second__blog__heading {
    font-weight: bolder;
    font-size: 1.4em;
    padding: 0.5em;
}

.w1-bloglist__second__blog__content {
    padding: 1em;
}

.w1-bloglist__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w1-bloglist__second__blog__content__info__icon {
    font-size: 1.6em;
}

.w1-bloglist__second__blog__content__info__text {
    font-size: 1.3em;
    margin-left: 0.5em;
}

.w1-bloglist__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
}

.w1-bloglist__second__latest {
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    background-color: white;
    border-radius: 0.5em;
}

.w1-bloglist__second__latest__heading {
    font-weight: bolder;
    font-size: 1.4em;
    padding: 0.5em;
}

.w1-bloglist__second__latest__content {
    display: flex;
    padding: 1em;
    align-items: center;
}

.w1-bloglist__second__latest__content__imgbox {
    min-width: 30%;
    width: 30%;
    overflow: hidden;
    border-radius: 0.5em;
    height: 8em;
    background-size: cover;
}

.w1-bloglist__second__latest__content__imgbox__img {
    width: 100%;
    height: 100%;
}

.w1-bloglist__second__latest__content__info {
    width: 68%;
    margin-left: 1em;
    transition: all 0.2s;
    cursor: pointer;
}

.w1-bloglist__second__latest__content__info__price {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 1.3em;
    margin-top: 0.5em;
}

.w1-bloglist__second__latest__content__info__date {
    margin-top: 0.5em;
    color: #626262;
}

.w1-bloglist__second__latest__content__info__text {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.4em;
}

.w1-bloglist__second__latest__content__info__properties {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5em;
    align-items: center;
    flex-wrap: wrap;
}

.w1-bloglist__second__latest__content__info__properties__text {
    font-size: 1.2em;
    white-space: nowrap;
    line-height: 1.4em;
    color: #5f5f5f;
}

.w1-bloglist__second__latest__content__info:hover .w1-bloglist__second__latest__content__info__text {
    color: rgba(var(--main-color-w), 1);
}

.w1-bloglist__second__tag {
    margin-top: 2em;
    border: 0.1em solid #eee;
    background-color: white;
    border-radius: 0.5em;
}

.w1-bloglist__second__tag__heading {
    font-weight: bolder;
    font-size: 1.4em;
    padding: 1em;
}

.w1-bloglist__second__tag__content {
    display: flex;
    flex-wrap: wrap;
}

.w1-bloglist__second__tag__content__button {
    background-color: #eef2f8;
    border: none;
    outline: none;
    padding: 0.6em 1em;
    color: #626262;
    margin-left: 1em;
    margin-bottom: 1em;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
    border-radius: 0.3em;
}

    .w1-bloglist__second__tag__content__button:hover {
        color: white;
        background-color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w1-productdetail*/
.w1-productdetail {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
}

.w1-productdetail__group {
    max-width: 100%;
    margin: 0 auto;
    position: relative;
}

.w1-productdetail__gll {
    position: relative;
}

.w1-productdetail__gll__imgbox {
    width: 100%;
    background-position: center;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    height: 60em;
}

.w1-productdetail__gll__imgbox__img {
    width: 100%;
}

.w1-productdetail__gll__tab {
    min-height: 10rem;
}

.w1-productdetail__gll__img {
    max-height: 100%;
}

.w1-productdetail__gll__360 {
    max-height: 100%;
}

.w1-productdetail__gll__location {
    max-height: 100%;
}

.w1-productdetail__gll__item {
    position: absolute;
    padding-top: 2em;
    top: 0;
    display: block;
    z-index: 2;
    left: 20%;
}

    .w1-productdetail__gll__item .active {
        background-color: rgba(var(--main-color-w), 1);
    }

.w1-productdetail__gll__item__icon {
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.719);
    color: white;
    border-radius: 0.3em;
    font-size: 1.4em;
    cursor: pointer;
    margin-left: 0.5em;
}

.w1-productdetail__gll__button {
    border: 0.1em solid white;
    border-radius: 0.7em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    border: none;
}

    .w1-productdetail__gll__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w1-productdetail__gll__button-next {
    position: absolute;
    top: 40%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w1-productdetail__gll__button__icon {
    font-size: 2em;
}

.w1-productdetail__gll__button-prev {
    position: absolute;
    top: 40%;
    margin-left: 1em;
    z-index: 2;
}

.w1-productdetail__content {
    max-width: 120em;
    padding: 4em 2em;
    margin: 0 auto;
}

@media only screen and (max-width: 56.25em) {
    .w1-productdetail__content {
        padding: 2em;
    }
}

.w1-productdetail__content__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w1-productdetail__content__title__info {
    margin-bottom: 1em;
}

.w1-productdetail__content__title__info__name {
    display: flex;
    align-items: center;
}

.w1-productdetail__content__title__info__name__text {
    font-weight: 600;
    font-size: 1.6em;
    margin-right: 1em;
}

.w1-productdetail__content__title__info__name__type {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5rem;
    border-radius: 0.2em;
    font-size: 1.2em;
    display: inline-block;
    margin: .5rem;
    margin-left: 0;
}

.w1-productdetail__content__title__info__location {
    font-size: 1.2em;
    margin-top: 1em;
}

.w1-productdetail__content__title__info__price {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.w1-productdetail__content__title__info__price__main {
    font-weight: bolder;
    font-size: 1.4em;
}

.w1-productdetail__content__title__info__price__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    padding: 0.5em;
    border-radius: 0.3em;
    margin-left: 1em;
    transition: all 0.2s;
    cursor: pointer;
}

    .w1-productdetail__content__title__info__price__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w1-productdetail__content__body {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w1-productdetail__content__body {
        flex-direction: column;
    }
}

.w1-productdetail__content__body__first {
    width: 65%;
}

@media only screen and (max-width: 56.25em) {
    .w1-productdetail__content__body__first {
        width: 50%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w1-productdetail__content__body__first {
        width: 100%;
    }
}

.w1-productdetail__content__body__first__row {
    border: 0.1em solid #eee;
    background-color: white;
    padding: 2em;
    border-radius: 0.5em;
    margin-top: 2em;
}

.w1-productdetail__content__body__first__heading {
    display: block;
    font-weight: 500;
}

.w1-productdetail__content__body__first__heading__type {
    background-color: #f7f7f7;
    color: rgba(var(--main-color-w), 1);
    padding: 1em;
    display: inline-block;
    border-radius: 0.3em;
}

.w1-productdetail__content__body__first__heading__text {
    background-color: #f7f7f7;
    padding: 1em;
    display: inline-block;
    border-radius: 0.3em;
    margin-bottom: 1em;
    position:relative;
    z-index:2;
}

.w1-productdetail__content__body__first__text {
    background-color: white;
    text-align: justify;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w1-productdetail__content__body__first__amen__text {
    font-size: 1.4em;
    font-weight: 600;
    margin-bottom: .5EM;
}

.w1-productdetail__content__body__first__amen__row {
    display: flex;
    flex-wrap: wrap;
}

.w1-productdetail__content__body__first__amen__info {
    margin-top: 1.5em;
    display: flex;
    align-items: center;
    width: 49%;
}

.w1-productdetail__content__body__first__amen__info__icon {
    color: #3b3b3b;
    margin-right: 1em;
    font-size: 2em;
}

.w1-productdetail__content__body__first__amen__info__text {
    font-size: 1.3em;
    font-weight: 600;
}

.w1-productdetail__content__body__first__location__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w1-productdetail__content__body__first__location__content {
    margin-top: 1em;
    display: block;
    line-height: 1.5rem;
    font-size: 1.6rem;
    text-align: justify;
    display: block;
}

.w1-productdetail__content__body__first__review {
    padding: 2em;
    background-color: white;
    margin-top: 2em;
    border-radius: .5em;
}

.w1-productdetail__content__body__first__review__first {
    width: 100%;
}

.w1-productdetail__content__body__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w1-productdetail__content__body__first__review__first__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    background-size: contain;
    background-position: center;
}

.w1-productdetail__content__body__first__review__first__imgbox__img {
    width: 100%;
}

.w1-productdetail__content__body__first__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w1-productdetail__content__body__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w1-productdetail__content__body__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w1-productdetail__content__body__first__review__first__comment__head__user__date {
    color: #777;
}

.w1-productdetail__content__body__first__review__first__comment__star__icon {
    color: #f93;
}

.w1-productdetail__content__body__first__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w1-productdetail__content__body__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w1-productdetail__content__body__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w1-productdetail__content__body__first__review__second__title {
    font-weight: 300;
}

.w1-productdetail__content__body__first__review__second__textrate {
    margin-top: 2em;
}

.w1-productdetail__content__body__first__review__second__textreview {
    margin-top: 1em;
}

.w1-productdetail__content__body__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w1-productdetail__content__body__first__review__second__star {
    display: flex;
    align-items: center;
}

.w1-productdetail__content__body__first__review__second__star__items {
    margin-left: 1em;
}

.w1-productdetail__content__body__first__review__second__star__items__icon {
    color: darkgray;
}

.w1-productdetail__content__body__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w1-productdetail__content__body__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w1-productdetail__content__body__first__review__second__textform__name__info {
    font-weight: 300;
}

.w1-productdetail__content__body__first__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w1-productdetail__content__body__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w1-productdetail__content__body__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w1-productdetail__content__body__second {
    width: 33%;
    margin-top: 2em;
}

@media only screen and (max-width: 56.25em) {
    .w1-productdetail__content__body__second {
        width: 45%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w1-productdetail__content__body__second {
        width: 100%;
    }
}

.w1-productdetail__content__body__second__contact {
    padding: 2em;
    background-color: white;
    height: max-content;
    border-radius: 0.5em;
}

.w1-productdetail__content__body__second__contact__title {
    font-weight: 600;
    font-size: 1.6em;
}

.w1-productdetail__content__body__second__contact__user-row {
    margin-top: 2em;
    display: flex;
    align-items: center;
}

.w1-productdetail__content__body__second__contact__user__imgbox {
    min-width: 7em;
    max-width: 7em;
    height: 7em;
    background-size: contain;
    background-position: center;
}

.w1-productdetail__content__body__second__contact__user__imgbox__img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0 auto;
}

.w1-productdetail__content__body__second__contact__user__info {
    margin-left: 2em;
}

.w1-productdetail__content__body__second__contact__user__info__name {
    font-weight: 600;
    font-size: 1.4em;
    margin-bottom: .5em;
}

.w1-productdetail__content__body__second__contact__user__info__phone {
    display: block;
    font-size: 1.2em;
    line-height: 1.6em;
}

.w1-productdetail__content__body__second__contact__user__text {
    padding: .8em;
    width: 100%;
    border: 0.1em solid #eee;
    outline: none;
    margin-top: 1em;
    border-radius: 0.5em;
    font-size: 1.3em;
}

.w1-productdetail__content__body__second__contact__user__button {
    padding: 1em;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 1.3em;
    margin-top: 1em;
    border: none;
    outline: none;
    border-radius: 0.3em;
    cursor: pointer;
}

    .w1-productdetail__content__body__second__contact__user__button:hover {
        filter: brightness(0.8);
    }

.w1-productdetail__content__body__second__search {
    margin-top: 2em;
    background-color: white;
    padding: 2em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w1-productdetail__content__body__second__search {
        width: 100%;
    }
}

.w1-productdetail__content__body__second__search__title {
    font-weight: 600;
    font-size: 1.4em;
}

.w1-productdetail__content__body__second__search__form {
    margin-top: 2em;
}

.w1-productdetail__content__body__second__search__form__input {
    padding: .8em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    display: flex;
    justify-content: space-between;
    font-size: 1.3em;
}

.w1-productdetail__content__body__second__search__form__input__text {
    border: none;
    outline: none;
    width: 80%;
}

.w1-productdetail__content__body__second__search__form__input__icon {
    font-size: 1.3em;
}

.w1-productdetail__content__body__second__search__form__select {
    background-position-x: -2em;
    margin-top: 1.5em;
    width: 100%;
    padding: .9em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    display: flex;
    font-size: 1.3em;
    color: #646464;
}

.w1-productdetail__content__body__second__search__form__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: .8em 1em;
    color: white;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    border-radius: 0.3em;
    margin-top: 2em;
    text-align: center;
    outline: none;
    display: block;
    cursor: pointer;
}

    .w1-productdetail__content__body__second__search__form__button:hover {
        filter: brightness(80%);
    }

.w1-productdetail__content__body__second__search__form__pricefilter {
    margin-top: 3em;
}

@media only screen and (max-width: 43.75em) {
    .w1-productdetail__content__body__second__search__form__pricefilter {
        margin-top: 5em;
    }
}

.w1-productdetail__content__body__second__search__form__pricefilter__content__price-range {
    margin-top: 1em;
}

    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-widget-header {
        background: rgba(var(--main-color-w), 1);
    }

    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-slider .ui-slider-handle {
        cursor: w-resize !important;
        background-color: black;
        height: 1.5em;
        width: 1.5em;
        margin-top: -.25em;
    }

    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-state-active {
        background-color: white !important;
    }

    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-state-default {
        background-color: black !important;
    }

    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-widget.ui-widget-content {
        border: none !important;
        background-color: #b8b8b8;
    }

    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range .ui-state-default {
        border-radius: 0;
        border: 3px solid white !important;
    }

.w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__filter {
    height: 0.3em !important;
    margin-top: 2em;
}

.w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val {
    justify-content: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: baseline;
}

@media only screen and (max-width: 62.5em) {
    .w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val__text {
    font-size: 1.4em;
    margin-left: 0.3em;
}

.w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val__filter__field {
    margin-left: 0.3em;
    background-color: white;
    font-size: 1.4em;
    font-weight: 600;
    width: max-content;
    border-radius: 0.3em;
    outline: none;
    border: none;
    max-width: 4em;
    font-family: "Montserrat";
}

.w1-productdetail__content__body__second__search__form__pricefilter__content__price-range__val__des {
    font-weight: 600;
    font-size: 1.4em;
    margin-left: 1em;
}

.w1-productdetail__content__body__second__latest {
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    background-color: white;
    border-radius: 0.5em;
}

.w1-productdetail__content__body__second__latest__heading {
    font-weight: bolder;
    font-size: 1.4em;
    padding: 0.5em;
}

.w1-productdetail__content__body__second__latest__content {
    display: flex;
    padding: 1em;
    align-items: center;
}

.w1-productdetail__content__body__second__latest__content__imgbox {
    min-width: 30%;
    width: 30%;
    overflow: hidden;
    border-radius: 0.5em;
    height: 8em;
    background-size: cover;
}

.w1-productdetail__content__body__second__latest__content__imgbox__img {
    width: 100%;
    height: 100%;
}

.w1-productdetail__content__body__second__latest__content__info {
    width: 68%;
    margin-left: 1em;
    transition: all 0.2s;
    cursor: pointer;
}

.w1-productdetail__content__body__second__latest__content__info__price {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 1.3em;
    margin-top: 0.5em;
}

.w1-productdetail__content__body__second__latest__content__info__date {
    margin-top: 0.5em;
    color: #626262;
}

.w1-productdetail__content__body__second__latest__content__info__text {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.4em;
}

.w1-productdetail__content__body__second__latest__content__info__properties {
    display: flex;
    justify-content: space-between;
    margin-top: 0.5em;
    align-items: center;
    flex-wrap: wrap;
}

.w1-productdetail__content__body__second__latest__content__info__properties__text {
    font-size: 1.2em;
    white-space: nowrap;
    line-height: 1.4em;
    color: #5f5f5f;
}

.w1-productdetail__content__body__second__latest__content__info:hover .w1-productdetail__content__body__second__latest__content__info__text {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w1-productlist*/
.w1-productlist {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w1-productlist__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist__group {
        flex-direction: column;
    }
}

.w1-productlist__first {
    width: 25%;
    padding: 2em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist__first {
        width: 100%;
    }
}

.w1-productlist__first__title {
    font-weight: bolder;
    font-size: 1.4em;
    letter-spacing: 1px;
}

.w1-productlist__first__form {
    margin-top: 1em;
}

.w1-productlist__first__form__input {
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w1-productlist__first__form__input__text {
    border: none;
    outline: none;
    width: 80%;
    font-size: 1.1em;
}

.w1-productlist__first__form__input__icon {
    font-size: 1.5em;
}

.w1-productlist__first__form__select {
    margin-top: 1.5em;
    width: 100%;
    padding: 1em 1em 1em 1em;
    border: 0.1em solid #e3e3e3;
    border-radius: 0.5em;
    font-size: 1.1em;
    display: flex;
    color: #626262;
    outline: #eee;
    cursor: pointer;
}

.w1-productlist__first__form__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.8em 1em;
    color: white;
    font-size: 1.4em;
    font-weight: 600;
    letter-spacing: 1px;
    border: none;
    border-radius: 0.3em;
    margin-top: 2em;
    text-align: center;
    outline: none;
    display: block;
    cursor: pointer;
}

    .w1-productlist__first__form__button:hover {
        filter: brightness(80%);
    }

.w1-productlist__first__form__pricefilter {
    margin-top: 3em;
}

@media only screen and (max-width: 43.75em) {
    .w1-productlist__first__form__pricefilter {
        margin-top: 5em;
    }
}

.w1-productlist__first__form__pricefilter__content__price-range {
    margin-top: 1em;
}

    .w1-productlist__first__form__pricefilter__content__price-range .ui-widget-header {
        background: rgba(var(--main-color-w), 1);
    }

    .w1-productlist__first__form__pricefilter__content__price-range .ui-slider .ui-slider-handle {
        cursor: w-resize !important;
        background-color: black;
        height: 1.5em;
        width: 1.5em;
        margin-top: -0.25em;
    }

    .w1-productlist__first__form__pricefilter__content__price-range .ui-state-active {
        background-color: white !important;
    }

    .w1-productlist__first__form__pricefilter__content__price-range .ui-state-default {
        background-color: black !important;
    }

    .w1-productlist__first__form__pricefilter__content__price-range .ui-widget.ui-widget-content {
        border: none !important;
        background-color: #b8b8b8;
    }

    .w1-productlist__first__form__pricefilter__content__price-range .ui-state-default {
        border-radius: 0;
        border: 3px solid white !important;
    }

.w1-productlist__first__form__pricefilter__content__price-range__filter {
    height: 0.3em !important;
    margin-top: 2em;
}

.w1-productlist__first__form__pricefilter__content__price-range__val {
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: baseline;
}

@media only screen and (max-width: 62.5em) {
    .w1-productlist__first__form__pricefilter__content__price-range__val {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w1-productlist__first__form__pricefilter__content__price-range__val__text {
    font-size: 1.4em;
    margin-left: 0.3em;
}

.w1-productlist__first__form__pricefilter__content__price-range__val__filter__field {
    margin-left: 0.3em;
    background-color: white;
    font-size: 1.4em;
    font-weight: 600;
    width: max-content;
    border-radius: 0.3em;
    outline: none;
    border: none;
    max-width: 4em;
    font-family: "Montserrat";
}

.w1-productlist__first__form__pricefilter__content__price-range__val__des {
    font-weight: 600;
    font-size: 1.4em;
    margin-left: 1em;
}

.w1-productlist__second {
    width: 73%;
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist__second {
        width: 100%;
    }
}

.w1-productlist__second__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.5em;
    border: 0.1em solid #eee;
    padding: 0.5em;
    margin-bottom: 2em;
}

.w1-productlist__second__heading__title {
    font-size: 1.2em;
}

.w1-productlist__second__heading__action {
    display: flex;
    align-items: center;
}

.w1-productlist__second__heading__action__sort {
    text-transform: capitalize;
    padding: 1em;
    font-size: 1.2em;
    border: none;
    outline: none;
    margin-top: 0.1em;
}

.w1-productlist__second__heading__action__des {
    font-weight: 600;
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist__second__heading__action__des {
        display: none;
    }
}

.w1-productlist__second__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w1-productlist__second__card__item {
    padding: 1em;
    border-radius: 1em;
    transition: all 0.2s linear;
    margin-bottom: 1em;
    border: 0.1em solid #eee;
    background-color: white;
    height: max-content;
    width: 32.444444444%;
    margin-left: 1.33333%;
}

    .w1-productlist__second__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 50em) {
    .w1-productlist__second__card__item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 37.5em) and (max-width: 50em) {
    .w1-productlist__second__card__item {
        width: 32.4%;
    }

        .w1-productlist__second__card__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist__second__card__item {
        width: 49.3%;
    }

        .w1-productlist__second__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w1-productlist__second__card__item:hover {
    box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2);
}

.w1-productlist__second__card__item__content {
    border-radius: 0.5em;
    overflow: hidden;
    position: relative;
    display: block;
}

.w1-productlist__second__card__item__content__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: black;
    z-index: 1;
    opacity: 0.2;
    transition: all 0.2s ease;
}

    .w1-productlist__second__card__item__content__overlay:hover {
        opacity: 0;
    }

.w1-productlist__second__card__item__content__salebox {
    position: absolute;
    background-color: #3e4c66;
    top: 1em;
    left: 1em;
    color: white;
    padding: 0.5em;
    border-radius: 0.3em;
    font-weight: 600;
    z-index: 1;
}

.w1-productlist__second__card__item__content__saleprice {
    position: absolute;
    left: 0.3em;
    color: white;
    padding: 0.5em;
    border-radius: 0.3em;
    bottom: 0;
    font-size: 2em;
    font-weight: bolder;
    z-index: 1;
}

.w1-productlist__second__card__item__content__imgbox {
    display: block;
    overflow: hidden;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w1-productlist__second__card__item__content__imgbox__img {
    margin: 0 auto;
}

.w1-productlist__second__card__item__content__iconbox {
    position: absolute;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.629);
    transition: all 0.2s;
    cursor: pointer;
    z-index: 1;
    border-radius: 0.5em;
}

.w1-productlist__second__card__item__content__iconbox__icon {
    font-size: 1.6em;
    color: white;
}

.w1-productlist__second__card__item__content__iconbox:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w1-productlist__second__card__item__type {
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    display: block;
}

.w1-productlist__second__card__item__name {
    margin-top: 0.5em;
    font-size: 1.4em;
    font-weight: bolder;
    line-height: 1.4em;
    display: block;
}

.w1-productlist__second__card__item__info {
    display: flex;
    font-size: 1.3em;
    align-items: center;
    margin-top: 1em;
}

.w1-productlist__second__card__item__info__text {
    margin-left: 0.5em;
}

.w1-productlist__second__card__item__inside {
    margin-top: 1em;
    font-size: 1.2em;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
}

    .w1-productlist__second__card__item__inside span {
        margin-right: 2em;
        display: inline-block;
        margin-bottom: 1em;
    }

.w1-productlist__second__card__item__line {
    border-bottom: 0.1em solid #eee;
}

.w1-productlist__second__card__item__postinfo {
    margin-top: 1.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}

.w1-productlist__second__card__item__postinfo__image {
    display: flex;
    align-items: center;
}

.w1-productlist__second__card__item__postinfo__image__imgbox {
    background-size: contain;
    background-position: center;
    max-width: 3.5em;
    min-width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    margin-right: 0.5em;
    overflow: hidden;
}

.w1-productlist__second__card__item__postinfo__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w1-productlist__second__card__item__postinfo__text {
    margin-right: 1em;
}

.w1-productlist__second__card-darkrate {
    display: none;
}

.w1-productlist__second__card-ocean {
    display: none;
}

.w1-productlist__second__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

.w1-productlist__second__paging__items {
    padding: 1.3em;
    width: 4em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1em solid #eee;
    transition: all 0.2s;
}

    .w1-productlist__second__paging__items:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-productlist__second__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w1-productlist__second__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4em;
    border-radius: 50%;
    padding: 0.7em;
    width: 2.8em;
    border: 0.1em solid #eee;
    transition: all 0.2s;
}

    .w1-productlist__second__paging__pre:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

/*ed*/
/*w1-card*/
.w1-card {
    width: 100%;
    background-color: #f7f7f7;
    padding: 3em 1em;
    color: var(--text-color-w);
}

.w1-card__group {
    max-width: 96em;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w1-card__group {
        flex-direction: column;
    }
}

.w1-card__first {
    width: 100%;
    background-color: white;
    padding: 2em;
    border-radius: .7em;
}

@media only screen and (max-width: 50em) {
    .w1-card__first {
        width: 99%;
    }
}

.w1-card__first__table {
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w1-card__first__table-col {
        overflow-x: scroll;
    }
}

.w1-card__first__table tr {
    text-transform: capitalize;
}

.w1-card__first__table th {
    font-weight: 700;
    font-size: 1.3em;
    white-space: nowrap;
    text-align: left;
    padding: 0 0 2em 1em;
    border-bottom: .1em solid #eee;
    vertical-align: bottom;
}

.w1-card__first__table td {
    padding-left: 1em;
}

.w1-card__first__table__th__action {
    width: 5%;
}

.w1-card__first__table__th__image {
    width: 15%;
}

.w1-card__first__table__th__name {
    width: 25%;
    min-width: 15em;
}

.w1-card__first__table__th__quan {
    width: 5%;
}

.w1-card__first__table__th__price {
    width: 10%;
}

.w1-card__first__table__th__total {
    width: 10%;
}

.w1-card__first__table__td__image__imgbox {
    min-width: 10em;
    width: 100%;
    height: 17em;
    background-size: contain;
    background-position: center;
}

.w1-card__first__table__td__image__imgbox__img {
    width: 100%;
}

.w1-card__first__table__td__action {
    text-align: center;
}

.w1-card__first__table__td__action__icon {
    font-size: 2em;
    background-color: rgba(var(--main-color-w), 1);
    padding: .6em;
    border-radius: 50%;
    color: white;
}

    .w1-card__first__table__td__action__icon:hover {
        filter: brightness(0.8);
    }

.w1-card__first__table__td__name__des {
    margin-top: .5em;
    font-weight: 600;
}

.w1-card__first__table__td__name__des__cate {
    font-weight: 300;
}

.w1-card__first__table__td__quan__input {
    width: 4em;
    padding: 1.1em;
}

.w1-card__first__table__td__price__text {
    font-size: 1.3em;
    font-weight: 500;
    color: rgba(var(--main-color-w), 1);
}

.w1-card__first__table__td__total {
    font-size: 1.3em;
    font-weight: 700;
    color: rgba(var(--main-color-w), 1);
}

.w1-card__first__sending {
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w1-card__first__sending {
        flex-direction: column;
        margin-top: 2em;
    }
}

.w1-card__first__sending__coupon {
    display: flex;
    justify-content: space-between;
}

.w1-card__first__sending__coupon__text {
    padding: 1em;
    border: .1em solid #eee;
    width: 49%;
    border-radius: .3em;
}

.w1-card__first__sending__coupon__button {
    width: 49%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    margin-left: 1em;
    padding: 1em;
    font-weight: 600;
    font-size: 1.3em;
    border-radius: .3em;
    position: relative;
    text-align: center;
    transition: all .2s;
}

    .w1-card__first__sending__coupon__button:hover {
        background-color: rgba(var(--second-color-w), 1);
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-card__first__sending__button {
    margin-top: 1em;
    border: .1em solid #ef3636;
    color: rgba(var(--main-color-w), 1);
    padding: 1em;
    font-weight: 600;
    font-size: 1.3em;
    border-radius: .3em;
    position: relative;
    display: block;
    text-align: center;
    transition: all .2s;
}

@media only screen and (max-width: 37.5em) {
    .w1-card__first__sending__button {
        margin-top: 2em;
    }
}

.w1-card__first__sending__button:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
}

.w1-card__second {
    display: block;
    margin-left: auto;
    margin-top: 3em;
    width: 40%;
    padding: 2em;
    position: relative;
    height: max-content;
    background-color: white;
    border-radius: .7em;
}

@media only screen and (max-width: 50em) {
    .w1-card__second {
        width: 100%;
        margin-top: 5em;
    }
}

.w1-card__second__heading {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 3em;
    padding-bottom: .2em;
    border-bottom: .05em solid #eee;
}

.w1-card__second__price {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    white-space: nowrap;
    padding-bottom: 2em;
    padding-top: 2em;
    border-bottom: .1em solid #eee;
}

.w1-card__second__price__text {
    font-weight: 600;
    font-size: 1.4em;
}

.w1-card__second__price__main {
    font-weight: 600;
    font-size: 1.5em;
}

.w1-card__second__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 1em;
    font-weight: 600;
    font-size: 1.3em;
    border-radius: .3em;
    position: relative;
    display: block;
    text-align: center;
    margin-top: 3em;
    transition: all .2s;
}

    .w1-card__second__button:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

/*ed*/
/*w1-checkout*/
.w1-checkout {
    width: 100%;
    padding: 3em 1em;
    background-color: #f7f7f7;
    font-weight: 500;
    color: var(--text-color-w);
}

.w1-checkout__group {
    max-width: 120em;
    margin: 0 auto;
}

.w1-checkout__checklogin__checkbox {
    display: none;
}

    .w1-checkout__checklogin__checkbox:checked ~ .w1-checkout__checklogin__form {
        opacity: 1;
        max-height: 40em;
        padding: 2em;
        margin-top: 2em;
    }

.w1-checkout__checklogin__nav-button__heading {
    background-color: white;
    color: black;
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w1-checkout__checklogin__nav-button__heading::before {
        content: "";
        width: 0.2em;
        background-color: rgba(var(--main-color-w), 1);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w1-checkout__checklogin__form {
    border: 0.1em solid #eee;
    padding: 0 2em;
    margin-top: 0;
    background-color: white;
    border-radius: 0.5em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w1-checkout__checklogin__form__text {
    color: var(--text-color-w);
    font-weight: 500;
    font-size: 1.3em;
    margin-top: 1em;
}

.w1-checkout__checklogin__form__content {
    margin-top: 1em;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w1-checkout__checklogin__form__content {
        flex-direction: column;
    }
}

.w1-checkout__checklogin__form__content__email {
    width: 49%;
}

@media only screen and (max-width: 43.75em) {
    .w1-checkout__checklogin__form__content__email {
        width: 100%;
    }
}

.w1-checkout__checklogin__form__content__email__text {
    font-weight: 500;
    font-size: 1.3em;
}

.w1-checkout__checklogin__form__content__email__input {
    margin-top: 1em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
}

    .w1-checkout__checklogin__form__content__email__input:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w1-checkout__checklogin__form__button {
    margin-top: 1em;
    padding: 1em;
    background-color: transparent;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
    transition: all 0.2s;
}

    .w1-checkout__checklogin__form__button:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-checkout__checklogin__form__otherlogin {
    margin-top: 1em;
    display: inline-block;
    text-decoration: underline;
}

@media only screen and (max-width: 43.75em) {
    .w1-checkout__checklogin__form__otherlogin {
        display: block;
    }
}

.w1-checkout__checklogin__form__otherlogin__link {
    font-size: 1.3em;
    margin-left: 1em;
    transition: all 0.2s;
}

@media only screen and (max-width: 43.75em) {
    .w1-checkout__checklogin__form__otherlogin__link {
        display: block;
        margin-top: 1em;
    }
}

.w1-checkout__checklogin__form__otherlogin__link:hover {
    color: rgba(var(--second-color-w), 1);
    font-weight: 600;
}

.w1-checkout__checklogin__form__otherlogin__link:not(:last-child) {
    font-weight: 300;
}

.w1-checkout__checkcoupon {
    margin-top: 2em;
}

.w1-checkout__checkcoupon__checkbox {
    display: none;
}

    .w1-checkout__checkcoupon__checkbox:checked ~ .w1-checkout__checkcoupon__sending {
        opacity: 1;
        max-height: 40em;
        padding: 2em;
        margin-top: 2em;
    }

.w1-checkout__checkcoupon__text {
    color: black;
    border-top: 0.1em solid rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    background-color: white;
    cursor: pointer;
}

    .w1-checkout__checkcoupon__text::before {
        content: "";
        width: 0.2em;
        background-color: rgba(var(--main-color-w), 1);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w1-checkout__checkcoupon__sending {
    background-color: white;
    padding: 0 2em;
    margin-top: 0;
    border-radius: 0.5em;
    border: 0.1em solid #eee;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w1-checkout__checkcoupon__sending__text {
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    font-weight: 500;
    width: 50%;
}

    .w1-checkout__checkcoupon__sending__text:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w1-checkout__checkcoupon__sending__button {
    padding: 1.1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
    width: 49%;
    text-align: center;
}

    .w1-checkout__checkcoupon__sending__button:hover {
        filter: brightness(0.8);
    }

.w1-checkout__payinfo {
    display: flex;
    margin-top: 3em;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w1-checkout__payinfo {
        flex-direction: column;
    }
}

.w1-checkout__payinfo__first {
    width: 56%;
    background-color: white;
    padding: 2em;
    border-radius: 0.5em;
    height: max-content;
}

@media only screen and (max-width: 43.75em) {
    .w1-checkout__payinfo__first {
        width: 100%;
    }
}

.w1-checkout__payinfo__first__heading {
    font-weight: 700;
    font-size: 2.5em;
}

.w1-checkout__payinfo__first__name {
    margin-top: 2em;
}

.w1-checkout__payinfo__first__name__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w1-checkout__payinfo__first__name__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.3em;
}

.w1-checkout__payinfo__first__phonemail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
}

.w1-checkout__payinfo__first__phonemail__content {
    width: 49%;
}

.w1-checkout__payinfo__first__phonemail__content__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w1-checkout__payinfo__first__phonemail__content__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w1-checkout__payinfo__first__add {
    margin-top: 2em;
}

.w1-checkout__payinfo__first__add__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w1-checkout__payinfo__first__add__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w1-checkout__payinfo__first__creacc {
    margin-top: 2em;
}

.w1-checkout__payinfo__first__creacc__checkbox {
    display: none;
}

    .w1-checkout__payinfo__first__creacc__checkbox:checked ~ .w1-checkout__payinfo__first__creacc__form {
        opacity: 1;
        max-height: 40em;
        padding: 1em;
        margin-top: 2em;
    }

.w1-checkout__payinfo__first__creacc__text {
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    background-color: #f7f7f7;
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w1-checkout__payinfo__first__creacc__text::before {
        content: "";
        width: 0.2em;
        background-color: rgba(var(--main-color-w), 1);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w1-checkout__payinfo__first__creacc__form {
    padding: 0 1em;
    margin-top: 0;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    background-color: #f7f7f7;
    border-radius: 0.5em;
    opacity: 0;
}

.w1-checkout__payinfo__first__creacc__form__text {
    margin-top: 2em;
    font-size: 1.3em;
    font-weight: 500;
}

.w1-checkout__payinfo__first__creacc__form__email {
    margin-top: 2em;
}

.w1-checkout__payinfo__first__creacc__form__email__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w1-checkout__payinfo__first__creacc__form__email__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w1-checkout__payinfo__first__invoice {
    margin-top: 2em;
    height: max-content;
}

.w1-checkout__payinfo__first__invoice__checkbox {
    display: none;
}

    .w1-checkout__payinfo__first__invoice__checkbox:checked ~ .w1-checkout__payinfo__first__invoice__com {
        opacity: 1;
        max-height: 40em;
        margin-top: 2em;
        padding: 1em;
    }

.w1-checkout__payinfo__first__invoice__text {
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    background-color: #f7f7f7;
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w1-checkout__payinfo__first__invoice__text::before {
        display: none;
        content: "";
        width: 0.2em;
        background-color: rgba(var(--main-color-w), 1);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w1-checkout__payinfo__first__invoice__com {
    background-color: #f7f7f7;
    padding: 0 1em;
    margin-top: 0;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
    margin-top: 2em;
}

.w1-checkout__payinfo__first__invoice__com__send__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w1-checkout__payinfo__first__invoice__com__send__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w1-checkout__payinfo__second {
    height: max-content;
    padding: 2em;
    width: 40%;
    background-color: white;
    border-radius: 0.6em;
}

@media only screen and (max-width: 43.75em) {
    .w1-checkout__payinfo__second {
        width: 100%;
    }
}

.w1-checkout__payinfo__second__heading {
    font-weight: 700;
    font-size: 2.5em;
}

.w1-checkout__payinfo__second__card {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.1em solid #eee;
    background-color: white;
    margin-top: 2em;
    padding-bottom: 1em;
}

.w1-checkout__payinfo__second__card__imgbox {
    width: 10em;
    min-width: 10em;
    display: block;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w1-checkout__payinfo__second__card__img {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w1-checkout__payinfo__second__card__content {
    background-color: white;
}

.w1-checkout__payinfo__second__card__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w1-checkout__payinfo__second__card__quan {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.3em;
}

.w1-checkout__payinfo__second__card__mon {
    margin-top: 0.2em;
    font-weight: 300;
    font-size: 1.3em;
}

.w1-checkout__payinfo__second__price {
    margin-top: 2em;
    border-bottom: 0.1em solid #eee;
    padding-bottom: 1em;
}

.w1-checkout__payinfo__second__price__text {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 500;
}

.w1-checkout__payinfo__second__price__text__number {
    font-weight: 600;
}

.w1-checkout__payinfo__second__payway__item {
    display: flex;
    border-bottom: 0.1em solid #eee;
    padding: 2em 0 2em 0;
}

.w1-checkout__payinfo__second__payway__item__input {
    width: 2em;
    height: 2em;
}

.w1-checkout__payinfo__second__payway__item__content {
    cursor: pointer;
    margin-left: 2em;
}

.w1-checkout__payinfo__second__payway__item__content__text {
    font-weight: 500;
    font-size: 1.6em;
}

    .w1-checkout__payinfo__second__payway__item__content__text:last-child {
        margin-top: 2em;
        font-weight: 300;
    }

.w1-checkout__payinfo__second__payway__item__content__text__agree {
    font-weight: 500;
    font-size: 1.6em;
}

.w1-checkout__payinfo__second__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
    width: 100%;
    text-align: center;
    font-size: 1.6em;
}

    .w1-checkout__payinfo__second__button:hover {
        filter: 80%;
    }

/*ed*/
/*w1-productlist-1*/
.w1-productlist-1 {
    width: 100%;
    background-color: white;
    color: var(--text-color-w);
}

.w1-productlist-1__group {
    margin: 0 auto;
    max-width: 120em;
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist-1__group {
        flex-direction: column;
    }
}

.w1-productlist-1__group__heading {
    margin-top: 4em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.w1-productlist-1__group__heading--main {
    display: block;
    font-size: 3em;
    margin-bottom: 1em;
}

.w1-productlist-1__group__heading--sub {
    font-size: 2em;
    font-weight: 300;
    display: block;
}

.w1-productlist-1__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.5em;
    border: 0.1em solid #eee;
    padding: .5em;
    margin-bottom: 2em;
}

.w1-productlist-1__heading__title {
    font-size: 1.2em;
}

.w1-productlist-1__heading__action {
    display: flex;
    align-items: center;
}

.w1-productlist-1__heading__action__sort {
    text-transform: capitalize;
    padding: 1em;
    font-size: 1.2em;
    border: none;
    outline: none;
    margin-top: .1em;
}

.w1-productlist-1__heading__action__des {
    font-weight: 600;
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist-1__heading__action__des {
        display: none;
    }
}

.w1-productlist-1__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w1-productlist-1__card__item {
    padding: 1em;
    border-radius: 1em;
    transition: all 0.2s linear;
    margin-bottom: 1em;
    border: 0.1em solid #eee;
    background-color: white;
    height: max-content;
    width: 32.444444444%;
    margin-left: 1.33333%;
}

    .w1-productlist-1__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 50em) {
    .w1-productlist-1__card__item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 37.5em) and (max-width: 50em) {
    .w1-productlist-1__card__item {
        width: 32.4%;
    }

        .w1-productlist-1__card__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist-1__card__item {
        width: 49.3%;
    }

        .w1-productlist-1__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w1-productlist-1__card__item:hover {
    box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2);
}

.w1-productlist-1__card__item__content {
    border-radius: 0.5em;
    overflow: hidden;
    position: relative;
    display: block;
}

.w1-productlist-1__card__item__content__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: black;
    z-index: 1;
    opacity: 0.2;
    transition: all 0.2s ease;
}

    .w1-productlist-1__card__item__content__overlay:hover {
        opacity: 0;
    }

.w1-productlist-1__card__item__content__salebox {
    position: absolute;
    background-color: #3e4c66;
    top: 1em;
    left: 1em;
    color: white;
    padding: 0.5em;
    border-radius: 0.3em;
    font-weight: 600;
    z-index: 1;
}

.w1-productlist-1__card__item__content__saleprice {
    position: absolute;
    left: 0.3em;
    color: white;
    padding: 0.5em;
    border-radius: 0.3em;
    bottom: 0;
    font-size: 2em;
    font-weight: bolder;
    z-index: 1;
}

.w1-productlist-1__card__item__content__imgbox {
    display: block;
    overflow: hidden;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w1-productlist-1__card__item__content__imgbox__img {
    margin: 0 auto;
}

.w1-productlist-1__card__item__content__iconbox {
    position: absolute;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.629);
    transition: all 0.2s;
    cursor: pointer;
    z-index: 1;
    border-radius: 0.5em;
}

.w1-productlist-1__card__item__content__iconbox__icon {
    font-size: 1.6em;
    color: white;
}

.w1-productlist-1__card__item__content__iconbox:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w1-productlist-1__card__item__type {
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    display: block;
}

.w1-productlist-1__card__item__name {
    margin-top: 0.5em;
    font-size: 1.4em;
    font-weight: bolder;
    line-height: 1.4em;
    display: block;
}

.w1-productlist-1__card__item__info {
    display: flex;
    font-size: 1.3em;
    align-items: center;
    margin-top: 1em;
}

.w1-productlist-1__card__item__info__text {
    margin-left: 0.5em;
}

.w1-productlist-1__card__item__inside {
    margin-top: 1em;
    font-size: 1.2em;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
}

    .w1-productlist-1__card__item__inside span {
        margin-right: 2em;
        display: inline-block;
        margin-bottom: 1em;
    }

.w1-productlist-1__card__item__line {
    border-bottom: 0.1em solid #eee;
}

.w1-productlist-1__card__item__postinfo {
    margin-top: 1.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}

.w1-productlist-1__card__item__postinfo__image {
    display: flex;
    align-items: center;
}

.w1-productlist-1__card__item__postinfo__image__imgbox {
    background-size: contain;
    background-position: center;
    max-width: 3.5em;
    min-width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    margin-right: 0.5em;
    overflow: hidden;
}

.w1-productlist-1__card__item__postinfo__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w1-productlist-1__card__item__postinfo__text {
    margin-right: 1em;
}

.w1-productlist-1__card-darkrate {
    display: none;
}

.w1-productlist-1__card-ocean {
    display: none;
}

.w1-productlist-1__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

.w1-productlist-1__paging__items {
    padding: 1.3em;
    width: 4em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: .1em solid #eee;
    transition: all .2s;
}

    .w1-productlist-1__paging__items:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-productlist-1__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w1-productlist-1__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4em;
    border-radius: 50%;
    padding: .7em;
    width: 2.8em;
    border: .1em solid #eee;
    transition: all .2s;
}

    .w1-productlist-1__paging__pre:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

/*ed*/
/*w1-productlist-2*/
.w1-productlist-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w1-productlist-2__group {
    margin: 0 auto;
    max-width: 120em;
}

.w1-productlist-2__group__heading {
    margin-top: 4em;
    margin-bottom: 2em;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.w1-productlist-2__group__heading--main {
    display: block;
    font-size: 3em;
    margin-bottom: 1em;
}

.w1-productlist-2__group__heading--sub {
    font-size: 2em;
    font-weight: 300;
    display: block;
}

.w1-productlist-2__tab {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.w1-productlist-2__tab__items {
    cursor: pointer;
    margin-top: 1em;
    color: black;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    font-weight: 600;
}

    .w1-productlist-2__tab__items:not(:first-child) {
        margin-left: 1em;
    }

.w1-productlist-2__tab__items-active {
    background-color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
    color: white;
}

.w1-productlist-2__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 0.5em;
    border: 0.1em solid #eee;
    padding: .5em;
}

.w1-productlist-2__heading__title {
    font-size: 1.2em;
}

.w1-productlist-2__heading__action {
    display: flex;
    align-items: center;
}

.w1-productlist-2__heading__action__sort {
    text-transform: capitalize;
    padding: 1em;
    font-size: 1.2em;
    border: none;
    outline: none;
    margin-top: .1em;
}

.w1-productlist-2__heading__action__des {
    font-weight: 600;
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist-2__heading__action__des {
        display: none;
    }
}

.w1-productlist-2__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w1-productlist-2__card__item {
    padding: 1em;
    border-radius: 1em;
    transition: all 0.2s linear;
    margin-bottom: 1em;
    border: 0.1em solid #eee;
    background-color: white;
    height: max-content;
    width: 32.44444%;
    margin-left: 1.33333%;
}

    .w1-productlist-2__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 50em) {
    .w1-productlist-2__card__item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 37.5em) and (max-width: 50em) {
    .w1-productlist-2__card__item {
        width: 32.4%;
    }

        .w1-productlist-2__card__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5em) {
    .w1-productlist-2__card__item {
        width: 49.3%;
    }

        .w1-productlist-2__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w1-productlist-2__card__item:hover {
    box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2);
}

.w1-productlist-2__card__item__content {
    border-radius: 0.5em;
    overflow: hidden;
    position: relative;
    display: block;
}

.w1-productlist-2__card__item__content__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: black;
    z-index: 1;
    opacity: 0.2;
    transition: all 0.2s ease;
}

    .w1-productlist-2__card__item__content__overlay:hover {
        opacity: 0;
    }

.w1-productlist-2__card__item__content__salebox {
    position: absolute;
    background-color: #3e4c66;
    top: 1em;
    left: 1em;
    color: white;
    padding: 0.5em;
    border-radius: 0.3em;
    font-weight: 600;
    z-index: 1;
}

.w1-productlist-2__card__item__content__saleprice {
    position: absolute;
    left: 0.3em;
    color: white;
    padding: 0.5em;
    border-radius: 0.3em;
    bottom: 0;
    font-size: 2em;
    font-weight: bolder;
    z-index: 1;
}

.w1-productlist-2__card__item__content__imgbox {
    display: block;
    overflow: hidden;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w1-productlist-2__card__item__content__imgbox__img {
    margin: 0 auto;
}

.w1-productlist-2__card__item__content__iconbox {
    position: absolute;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.629);
    transition: all 0.2s;
    cursor: pointer;
    z-index: 1;
    border-radius: 0.5em;
}

.w1-productlist-2__card__item__content__iconbox__icon {
    font-size: 1.6em;
    color: white;
}

.w1-productlist-2__card__item__content__iconbox:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w1-productlist-2__card__item__type {
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    display: block;
}

.w1-productlist-2__card__item__name {
    margin-top: 0.5em;
    font-size: 1.4em;
    font-weight: bolder;
    line-height: 1.4em;
    display: block;
}

.w1-productlist-2__card__item__info {
    display: flex;
    font-size: 1.3em;
    align-items: center;
    margin-top: 1em;
}

.w1-productlist-2__card__item__info__text {
    margin-left: 0.5em;
}

.w1-productlist-2__card__item__inside {
    margin-top: 1em;
    font-size: 1.2em;
    text-transform: capitalize;
    display: flex;
    flex-wrap: wrap;
}

    .w1-productlist-2__card__item__inside span {
        margin-right: 2em;
        display: inline-block;
        margin-bottom: 1em;
    }

.w1-productlist-2__card__item__line {
    border-bottom: 0.1em solid #eee;
}

.w1-productlist-2__card__item__postinfo {
    margin-top: 1.5em;
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
}

.w1-productlist-2__card__item__postinfo__image {
    display: flex;
    align-items: center;
}

.w1-productlist-2__card__item__postinfo__image__imgbox {
    background-size: contain;
    background-position: center;
    max-width: 3.5em;
    min-width: 3.5em;
    height: 3.5em;
    border-radius: 50%;
    margin-right: 0.5em;
}

.w1-productlist-2__card__item__postinfo__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w1-productlist-2__card__item__postinfo__text {
    margin-right: 1em;
}

.w1-productlist-2__card-darkrate {
    display: none;
}

.w1-productlist-2__card-ocean {
    display: none;
}

.w1-productlist-2__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

.w1-productlist-2__paging__items {
    padding: 1.3em;
    width: 4em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: .1em solid #eee;
    transition: all .2s;
}

    .w1-productlist-2__paging__items:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w1-productlist-2__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w1-productlist-2__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4em;
    border-radius: 50%;
    padding: .7em;
    width: 2.8em;
    border: .1em solid #eee;
    transition: all .2s;
}

    .w1-productlist-2__paging__pre:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

/*ed*/
/*w2-topbar*/
.w2-topbar {
    padding: 1em;
    position: absolute;
    width: 100%;
    display: block;
    z-index: 5;
    color: var(--text-color-w);
}

.w2-topbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: white;
}

.w2-topbar__info {
    display: flex;
    color: var(--text-color-w);
}

.w2-topbar__info--1 {
    margin-right: 1.5em;
    display: flex;
    align-items: center;
}

.w2-topbar__info:last-child {
    margin-right: 0;
}

.w2-topbar__icon {
    margin: 0.4em;
}

.w2-topbar__text {
    font-size: 1.2em;
}

.w2-topbar i {
    color: var(--text-color-w);
    font-size: 1.5em;
}

/*ed*/
/*w2-menu*/
.w2-menu {
    width: 100%;
    z-index: 3;
    top: 3em;
    position: absolute;
    background-color: transparent;
}

@media only screen and (max-width: 50em) {
    .w2-menu {
        top: 0;
        width: 100%;
    }
}

.w2-menu__group {
    max-width: 120em;
    margin: 0 auto;
    justify-content: space-between;
    background-color: rgba(var(--main-color-w), 1);
    height: 7em;
    border-bottom-left-radius: 1em;
    border-bottom-right-radius: 1em;
    position: relative;
}

.w2-menu__items {
    margin-left: auto;
    display: inline-block;
    float: right;
    position: relative;
    width: 100%;
    height: 7em;
}

.w2-menu__items__checkbox {
    display: none;
}

    .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon {
        background-color: transparent;
    }

        .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon::before {
            transform: rotate(135deg);
            top: 0;
        }

        .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon::after {
            transform: rotate(-135deg);
            top: 0;
        }

        .w2-menu__items__checkbox:checked ~ .w2-menu__items__lbl .w2-menu__items__lbl__icon::after {
            transform: rotate(-135deg);
            top: 0;
        }

    .w2-menu__items__checkbox:checked ~ .w2-menu__items__brand__logobox--1 {
        display: none !important;
    }

.w2-menu__items__lbl {
    width: max-content;
    display: block;
    position: absolute;
    height: max-content;
    top: 3em;
    cursor: pointer;
    left: 2em;
}

.w2-menu__items__lbl__icon {
    position: relative;
}

    .w2-menu__items__lbl__icon, .w2-menu__items__lbl__icon::before, .w2-menu__items__lbl__icon::after {
        width: 2.5em;
        height: 0.3em;
        background-color: white;
        display: none;
    }

@media only screen and (max-width: 50em) {
    .w2-menu__items__lbl__icon, .w2-menu__items__lbl__icon::before, .w2-menu__items__lbl__icon::after {
        display: inline-block;
    }
}

.w2-menu__items__lbl__icon::before, .w2-menu__items__lbl__icon::after {
    content: "";
    position: absolute;
    left: 0;
    transition: all 0.2s;
}

.w2-menu__items__lbl__icon::before {
    top: -0.8em;
}

.w2-menu__items__lbl__icon::after {
    top: 0.8em;
}

.w2-menu__items__brand {
    display: flex;
    align-items: center;
    transition: all 0.2s;
    height: 11em;
    top: -2em;
    left: 1em;
    position: absolute;
    width: max-content;
    justify-content: center;
}

.w2-menu__items__brand__logobox {
    margin: 0 auto;
    display: block;
    height: 9em;
    margin-top: 3em;
    background-size: contain;
    background-position: center;
    max-width: 12em;
}

.w2-menu__items__brand__logobox--1 {
    display: none;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__brand__logobox--1 {
        height: 8em;
        right: 1em;
        display: block;
        position: absolute;
    }
}

.w2-menu__items__brand__logobox__img {
    height: 100%;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__brand {
        height: 18em;
        width: 30em;
        position: absolute;
        margin-left: -30em;
        left: 0;
        background-color: rgba(var(--main-color-w), 1);
    }
}

.w2-menu__items__item {
    display: flex;
    list-style: none;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
    margin-left: auto;
    float: right;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item {
        flex-direction: column;
        align-items: center;
        width: 30em;
        top: 16em;
        justify-content: space-between;
        position: absolute;
        overflow-y: scroll;
        left: -30em;
    }

        .w2-menu__items__item::-webkit-scrollbar {
            display: none;
        }

    .w2-menu__items__item {
        -ms-overflow-style: none;
    }
}

.w2-menu__items__item__list {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list {
        flex-direction: column;
        width: 100%;
    }
}

.w2-menu__items__item__list__cb {
    display: none;
}

.w2-menu__items__item__list__link {
    color: white;
    text-decoration: none;
    position: relative;
    white-space: nowrap;
    height: 7em;
    line-height: 5em;
    padding: 1em;
    display: flex;
    align-items: center;
}

.w2-menu__items__item__list__link__text {
    font-size: 1.6em;
    display: -webkit-inline-box;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w2-menu__items__item__list__link__icon {
    font-size: 1.6em;
    padding: 0.5em;
    margin-left: auto;
    float: right;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__link {
        width: 100%;
    }
}

.w2-menu__items__item__list__cb:checked ~ .w2-menu__items__item__list__dropdown {
    display: block;
}

.w2-menu__items__item__list:hover .w2-menu__items__item__list__dropdown {
    display: block;
}

.w2-menu__items__item__list__dropdown {
    list-style: none;
    position: absolute;
    display: none;
    top: 7em;
    width: max-content;
    z-index: 1;
    width: 25em;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown {
        position: relative;
        display: none;
        top: 0;
        left: 0;
        width: 29em;
    }
}

.w2-menu__items__item__list__dropdown__list {
    transition: all 0.2s;
    background-size: 0;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

    .w2-menu__items__item__list__dropdown__list:hover {
        transition: all 0.2s;
        background: linear-gradient(90deg, #ffffff 50%, #0000ff00 0%);
        background-size: 10%;
        background-position: left;
        background-repeat: no-repeat;
        color: rgba(var(--second-color-w), 1);
    }

    .w2-menu__items__item__list__dropdown__list:not(:last-child) {
        border-bottom: 0.1em solid #fff;
    }

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown__list:not(:last-child) {
        border-bottom: none;
    }
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown__list {
        padding: 0;
        flex-direction: column;
    }
}

.w2-menu__items__item__list__dropdown__list__link {
    color: white;
    z-index: 5;
    transition: all 0.2s;
    padding: 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
}

    .w2-menu__items__item__list__dropdown__list__link:hover::after {
        width: 1.5em;
    }

    .w2-menu__items__item__list__dropdown__list__link:hover {
        padding-left: 2em;
    }

.w2-menu__items__item__list__dropdown__list__link__text {
    font-size: 1.6em;
    display: -webkit-inline-box;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w2-menu__items__item__list__dropdown__list__link__icon {
    font-size: 1.6em;
    padding: 0.5em 0em 0.5em 0.5em;
    margin-left: auto;
    float: right;
}

.w2-menu__items__item__list__dropdown__list__link::after {
    content: "";
    background-color: white;
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    transition: all 0.2s;
    top: 0;
}

.w2-menu__items__item__list__dropdown__list:hover .w2-menu__items__item__list__dropdown--1 {
    display: block;
}

.w2-menu__items__item__list__dropdown--1__list:hover .w2-menu__items__item__list__dropdown--2 {
    display: block;
}

.w2-menu__items__item__list__dropdown .w2-menu__items__item__list__dropdown__list__cb {
    display: none;
}

.w2-menu__items__item__list__dropdown__list__cb:checked ~ .w2-menu__items__item__list__dropdown--1 {
    display: block;
}

.w2-menu__items__item__list__dropdown--1 {
    list-style: none;
    position: absolute;
    top: 0;
    width: max-content;
    z-index: 1;
    right: 25em;
    width: 25em;
    display: none;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown--1 {
        position: relative;
        display: none;
        top: 0;
        right: 0;
        width: 29em;
    }
}

.w2-menu__items__item__list__dropdown--1__list {
    width: 100%;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    position: relative;
}

    .w2-menu__items__item__list__dropdown--1__list:hover {
        transition: all 0.2s;
        background: linear-gradient(90deg, #ffffff 50%, #0000ff00 0%);
        background-size: 10%;
        background-position: left;
        background-repeat: no-repeat;
        color: rgba(var(--second-color-w), 1);
    }

    .w2-menu__items__item__list__dropdown--1__list:not(:last-child) {
        border-bottom: 0.1em solid #fff;
    }

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown--1__list:not(:last-child) {
        border-bottom: none;
    }
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown--1__list {
        padding: 0;
        flex-direction: column;
    }
}

.w2-menu__items__item__list__dropdown--1__list__link {
    color: white;
    z-index: 5;
    transition: all 0.2s;
    padding: 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
}

    .w2-menu__items__item__list__dropdown--1__list__link:hover::after {
        width: 1.5em;
    }

    .w2-menu__items__item__list__dropdown--1__list__link:hover {
        padding-left: 2em;
    }

.w2-menu__items__item__list__dropdown--1__list__link__text {
    font-size: 1.6em;
    display: -webkit-inline-box;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w2-menu__items__item__list__dropdown--1__list__link__icon {
    font-size: 1.6em;
    padding: 0.5em 0em 0.5em 0.5em;
    margin-left: auto;
    float: right;
}

.w2-menu__items__item__list__dropdown--1__list__link::after {
    content: "";
    background-color: white;
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    transition: all 0.2s;
    top: 0;
}

.w2-menu__items__item__list__dropdown .w2-menu__items__item__list__dropdown--1__list__cb {
    display: none;
}

.w2-menu__items__item__list__dropdown--1__list__cb:checked ~ .w2-menu__items__item__list__dropdown--2 {
    display: block;
}

.w2-menu__items__item__list__dropdown--2 {
    list-style: none;
    position: absolute;
    top: 0;
    width: max-content;
    z-index: 1;
    right: 25em;
    display: none;
    width: 25em;
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown--2 {
        position: relative;
        display: none;
        top: 0;
        right: 0;
        width: 29em;
    }
}

.w2-menu__items__item__list__dropdown--2__list {
    width: 100%;
    transition: all 0.2s;
    display: flex;
    align-items: center;
}

    .w2-menu__items__item__list__dropdown--2__list:hover {
        transition: all 0.2s;
        background: linear-gradient(90deg, #ffffff 50%, #0000ff00 0%);
        background-size: 10%;
        background-position: left;
        background-repeat: no-repeat;
        color: rgba(var(--second-color-w), 1);
    }

    .w2-menu__items__item__list__dropdown--2__list:not(:last-child) {
        border-bottom: 0.1em solid #fff;
    }

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown--2__list:not(:last-child) {
        border-bottom: none;
    }
}

@media only screen and (max-width: 50em) {
    .w2-menu__items__item__list__dropdown--2__list {
        padding: 0;
    }
}

.w2-menu__items__item__list__dropdown--2__list__link {
    color: white;
    z-index: 5;
    transition: all 0.2s;
    padding: 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
}

    .w2-menu__items__item__list__dropdown--2__list__link:hover::after {
        width: 1.5em;
    }

    .w2-menu__items__item__list__dropdown--2__list__link:hover {
        padding-left: 2em;
    }

.w2-menu__items__item__list__dropdown--2__list__link__text {
    font-size: 1.6em;
    display: -webkit-inline-box;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w2-menu__items__item__list__dropdown--2__list__link__icon {
    font-size: 1.6em;
    padding: 0.5em 0em 0.5em 0.5em;
    margin-left: auto;
    float: right;
}

.w2-menu__items__item__list__dropdown--2__list__link::after {
    content: "";
    background-color: white;
    position: absolute;
    width: 0;
    height: 100%;
    left: 0;
    transition: all 0.2s;
    top: 0;
}

.w2-menu__list:hover .w2-menu__dropdown-menu--1 {
    display: block;
}

.w2-menu__dropdown-menu__list--1:hover .w2-menu__dropdown-menu--2 {
    display: block;
}

.w2-menu__dropdown-menu__list--2:hover .w2-menu__dropdown-menu--3 {
    display: block;
}

.w2-menu-nav__icon {
    font-size: 1em;
    color: white;
    margin-left: 0.5em;
}

.w2-menu__checkbox {
    display: none;
}

.w2-menu__button-nav {
    margin-left: 0.5em;
    margin-top: 2em;
}

@media only screen and (min-width: 50em) {
    .w2-menu__button-nav {
        display: none;
    }
}

.w2-menu__dropdown-menu--1 {
    list-style: none;
    position: absolute;
    top: 3em;
    width: 15em;
    background-color: rgba(var(--main-color-w), 1);
    display: none;
}

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--1 {
        position: relative;
        top: 0;
        margin: 0;
    }
}

.w2-menu__dropdown-menu--1__list {
    padding: 2em;
    display: block;
}

    .w2-menu__dropdown-menu--1__list:not(:last-child) {
        border-bottom: 0.1em solid #fff;
    }

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--1__list:not(:last-child) {
        border-bottom: none;
    }
}

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--1__list {
        padding: 0;
        margin: 1em 0;
    }
}

.w2-menu__dropdown-menu--1__link:hover {
    border-right: 0.2em solid white;
    color: black;
}

.w2-menu__dropdown-menu--1 ul {
    display: none;
    left: 15em;
    top: 0;
}

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--1 ul {
        position: relative;
        display: flex;
        flex-direction: column;
        left: 0;
        display: none;
    }
}

.w2-menu__dropdown-menu--2 {
    list-style: none;
    position: absolute;
    top: 3em;
    width: 15em;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--2 {
        position: relative;
        display: none;
        top: 0;
    }
}

.w2-menu__dropdown-menu--2__list {
    margin: 2.5em 0;
    padding: 0 0 0.5em 1em;
}

    .w2-menu__dropdown-menu--2__list:not(:last-child) {
        border-bottom: 0.1em solid #fff;
    }

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--2__list:not(:last-child) {
        border-bottom: none;
    }
}

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--2__list {
        padding: 0;
        margin: 1em 0;
    }
}

.w2-menu__dropdown-menu--2__link {
    color: white;
    text-decoration: none;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w2-menu__dropdown-menu--2 ul {
    display: none;
    left: 15em;
    top: 0;
}

@media only screen and (max-width: 50em) {
    .w2-menu__dropdown-menu--2 ul {
        position: relative;
        display: flex;
        flex-direction: column;
        left: 0;
        display: none;
    }
}

/*ed*/
/*w2-banner*/
.w2-banner {
    position: relative;
    width: 100%;
}

.w2-banner__group {
    max-width: 120em;
    margin: 0 auto;
}

.w2-banner__items {
    width: 100%;
    left: 0;
    z-index: -2;
    background-image: linear-gradient(to right bottom, rgba(10, 95, 206, 0.2), rgba(17, 47, 212, 0.1));
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    overflow: hidden;
}

.w2-banner__items__item {
    margin: 0 auto;
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    padding: 5em;
    width: 100% !important;
}

.w2-banner__items__item__info--1 {
    font-size: 3em;
    color: white;
    font-weight: 300;
    text-transform: uppercase;
    line-height: 1.4em;
}

.w2-banner__items__item__info--2 {
    font-size: 9em;
    font-weight: 600;
    line-height: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w2-banner__items__item__info--2 {
        font-size: 2em;
    }
}

.w2-banner__items__item__info--3 {
    font-size: 7em;
    color: white;
    font-weight: 300;
    line-height: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w2-banner__items__item__info--3 {
        font-size: 3em;
    }
}

.w2-banner__items__item__info--4 {
    font-size: 1.6em;
    color: white;
    font-weight: 400;
    line-height: 1.4em;
}

.w2-banner__items__item__action {
    margin-top: 3em;
    width: auto;
    padding: 1em 2em 1em 2em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.3em;
    color: white;
    font-weight: 600;
    transition: 0.2s;
}

    .w2-banner__items__item__action:hover {
        color: rgba(var(--second-color-w), 1);
        background-color: white;
    }

.w2-banner__items__item-btn--side {
    font-size: 4em;
    width: 7em;
    height: 7em;
    padding-bottom: 1em;
    background-color: rgba(0, 0, 0, 0.6);
    border: none;
    color: white;
}

    .w2-banner__items__item-btn--side:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }

.w2-banner__items__item-btn--right {
    right: 0;
    position: absolute;
    padding-bottom: 1em;
}

/*ed*/
/*w2-introducer*/
.w2-introducer {
    width: 100%;
    position: relative;
    overflow: auto;
    padding: 3em 1em;
    margin-top: -20em;
    color: var(--text-color-w);
}

@media only screen and (max-width: 50em) {
    .w2-introducer {
        flex-direction: column;
    }
}

.w2-introducer__group {
    float: left;
    max-width: calc((96em + 100%) / 2);
    padding-left: calc((100% - 96em) / 2);
    margin: 0 auto;
    display: flex;
    background-color: white;
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
    overflow: hidden;
    position: relative;
    box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.8);
}

@media only screen and (max-width: 50em) {
    .w2-introducer__group {
        flex-direction: column;
    }
}

.w2-introducer__info {
    padding: 4em 1em 0 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w2-introducer__info {
        width: 100%;
    }
}

@media only screen and (min-width: 50em) and (max-width: 62.5em) {
    .w2-introducer__info {
        padding-top: 1em;
    }
}

@media only screen and (max-width: 50em) {
    .w2-introducer__info {
        padding-bottom: 2em;
    }
}

.w2-introducer__info--1 {
    margin: 1em 0;
    font-size: 1.6em;
    font-weight: 400;
}

@media only screen and (min-width: 50em) and (max-width: 62.5em) {
    .w2-introducer__info--1 {
        margin: 0;
    }
}

.w2-introducer__info--2 {
    margin: 0.5em 0 1em 0;
    font-size: 3em;
    color: #1863b9;
    font-weight: 600;
    text-align: center;
}

@media only screen and (min-width: 50em) and (max-width: 62.5em) {
    .w2-introducer__info--2 {
        margin: 1em 0 1em 0;
        font-size: 3em;
    }
}

@media only screen and (min-width: 50em) and (max-width: 62.5em) {
    .w2-introducer__info--3 {
        font-size: 0.8em;
    }
}

.w2-introducer__info--4 {
    margin: 1em 0;
    font-size: 1.6em;
    text-align: center;
    line-height: 1.8em;
}

@media only screen and (min-width: 50em) and (max-width: 62.5em) {
    .w2-introducer__info--4 {
        text-align: center;
        margin: 0.5em 0;
    }
}

.w2-introducer__imgbox {
    background-size: cover;
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w2-introducer__imgbox {
        height: 30em;
        width: 100%;
        margin: 0 auto;
    }
}

.w2-introducer__button {
    margin-top: 3em;
    margin-bottom: 1em;
    padding: 2em;
    border: none;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    position: relative;
}

/*ed*/
/*w2-partners*/
.w2-partners {
    position: relative;
    width: 100%;
    color: var(--text-color-w);
    padding: 5em 1em;
    display: block;
    background-color: white;
}

.w2-partners__group {
    margin: 0 auto;
    max-width: 96em;
    display: flex;
    flex-direction: column;
    min-width: 20em;
}

.w2-partners__name {
    font-size: 4em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin: 0 0 2em 0;
}

.w2-partners__item-partner {
    display: inline-flex;
    align-self: flex-start;
    position: relative;
    align-items: center;
    justify-content: center;
    align-items: center;
    font-size: 1.3em;
    font-weight: 600;
    margin: 0 auto;
}

.w2-partners__item-partner__imgbox {
    width: 50%;
    min-width: 50%;
    background-size: contain;
    background-position: center;
}

.w2-partners__item-partner__imgbox__img {
    height: auto;
    margin: 0 auto;
}

.w2-partners__info--2 {
    color: #0077ff;
    font-weight: 800;
    margin: 0.5em 0;
}

    .w2-partners__info--2:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w2-partners__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 0.5em;
}

.w2-partners__img {
    max-width: 10em;
    max-height: 10em;
    min-width: 5em;
    width: auto;
    height: auto;
}

.w2-partners__button {
    padding: 1em 2em 1em 2em;
    font-size: 2em;
    border: none;
    color: white;
    width: 5em;
    background-color: rgba(0, 0, 0, 0.6);
    font-style: normal;
    margin-top: 2em;
    z-index: 1;
}

    .w2-partners__button:hover {
        background-color: rgba(0, 0, 0, 0.3);
    }

/*ed*/
/*w2-schedules*/
.w2-schedules {
    width: 100%;
    background-color: #f7f7f7;
    position: relative;
    display: block;
    padding: 3em 1em;
    color: var(--text-color-w);
}

.w2-schedules__group {
    margin: 0 auto;
    max-width: 96em;
    display: flex;
    justify-content: center;
    height: auto;
    padding-top: 4em;
    padding-bottom: 4em;
    position: relative;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__group {
        flex-direction: column;
        height: auto;
        align-items: center;
    }
}

.w2-schedules__first-group {
    width: 80%;
}

.w2-schedules__name {
    font-size: 1.3em;
    font-weight: 300;
}

.w2-schedules__text--1 {
    font-size: 3em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin: 1em 0;
}

.w2-schedules__info {
    display: grid;
    grid-template-columns: repeat(2, minmax(40%, 1fr));
    grid-template-rows: repeat(2, minmax(2em, 1fr));
    grid-gap: 3em;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__info {
        display: flex;
        flex-direction: column;
        align-items: center;
        grid-gap: 0;
    }
}

.w2-schedules__date--1 {
    grid-row: 1 / span 2;
    grid-column: 1 / 2;
    border-radius: 0.2em;
    background-color: #fff;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__date--1 {
        width: 100%;
    }
}

.w2-schedules__date--2 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
    border-radius: 0.2em;
    background-color: #fff;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__date--2 {
        width: 100%;
        margin-top: 3em;
    }
}

.w2-schedules__date--3 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
    border-radius: 0.2em;
    background-color: #fff;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__date--3 {
        width: 100%;
        margin-top: 3em;
    }
}

.w2-schedules__table-title {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 1em;
    background-origin: border-box;
    border-top-right-radius: 0.5em;
    border-top-left-radius: 0.5em;
    display: flex;
    justify-content: space-between;
}

.w2-schedules__table__rows {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.2em solid #f7f7f7;
    padding: 0.5em;
    align-items: center;
    padding: 1em;
}

.w2-schedules__table__days {
    width: 50%;
}

.w2-schedules__second-group {
    min-width: 50%;
    margin: 0 0 0 2em;
    display: flex;
    flex-basis: 100%;
    flex-direction: column;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__second-group {
        max-width: 100%;
        margin-top: 3em;
        flex-direction: column;
        align-items: center;
    }
}

.w2-schedules__second-items {
    display: flex;
    width: 100%;
    justify-content: center;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__second-items {
        width: 48%;
        flex-direction: column;
    }
}

@media only screen and (max-width: 37.5em) {
    .w2-schedules__second-items {
        width: 80%;
        flex-direction: column;
    }
}

.w2-schedules__news-item {
    max-width: 100%;
    border-radius: 0.5em;
    overflow: hidden;
    background-color: #fff;
    height: 32em;
    margin: 0 2em;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__news-item {
        display: flex;
        width: 100%;
        align-items: center;
        flex-direction: column;
        margin: 1em 0;
    }
}

.w2-schedules__second-dates {
    position: absolute;
    transform: translateY(-3.6em);
    background-color: white;
    padding: 0.5em;
}

@media only screen and (max-width: 56.25em) {
    .w2-schedules__second-dates {
        transform: none;
    }
}

.w2-schedules__second-info--1 {
    font-size: 1em;
    font-weight: 300;
    margin: 0.5em 0;
    display: block;
}

.w2-schedules__second-info--2 {
    font-size: 1.5em;
    font-weight: 400;
    margin: 0.5em 0;
    display: block;
}

.w2-schedules__second-info--3 {
    font-size: 1em;
    font-weight: 300;
    margin: 0.5em 0;
}

.w2-schedules__second-para {
    padding: 0.5em;
}

.w2-schedules__img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto;
}

/*ed*/
/*w2-aboutus*/
.w2-aboutus {
    width: 100%;
    color: var(--text-color-w);
    background-color: white;
    padding: 3em 1em;
}

.w2-aboutus__group {
    max-width: 96em;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.w2-aboutus__first {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w2-aboutus__first {
        width: 90%;
        margin: 0 auto;
    }
}

.w2-aboutus__name {
    font-size: 1.2em;
    font-weight: 300;
}

.w2-aboutus__info--1 {
    font-size: 4em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    margin: 1em 0;
    display: block;
}

.w2-aboutus__info--2 {
    font-size: 1.4em;
    font-weight: 400;
    margin: 0 0 3em 0;
}

.w2-aboutus__info--3 {
    font-size: 1em;
    font-weight: 400;
    margin: 0 0 3em 0;
}

.w2-aboutus__btn {
    padding: 1em 2em;
    border: 0;
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: 0.5em;
    font-weight: 600;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    transition: all 0.2s;
}

    .w2-aboutus__btn:hover {
        color: white;
        background-color: rgba(var(--second-color-w), 1);
    }

.w2-aboutus__second {
    max-width: 100%;
    margin-top: 5em;
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

.w2-aboutus__items {
    display: flex;
    flex-direction: column;
    border-radius: 0.5em;
    max-width: 100%;
    overflow: hidden;
    position: relative;
    margin-right: 1em;
}

.w2-aboutus__items__imgbox {
    height: 17em;
    background-size: contain;
    background-position: center;
}

.w2-aboutus__items__imgbox__img {
    max-height: 0;
    margin: 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w2-aboutus__items {
        max-width: 90%;
        margin: 0 auto;
    }
}

.w2-aboutus__iconbox {
    background-color: white;
    position: relative;
    border-radius: 50%;
    bottom: 0;
    top: -5em;
    left: 5%;
    padding: 1em;
    display: inline-block;
    overflow: hidden;
    width: fit-content;
}

.w2-aboutus__iconbox__icon {
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--main-color-w), 1);
    position: relative;
    font-size: 10em;
}

    .w2-aboutus__iconbox__icon:hover {
        color: white;
    }

        .w2-aboutus__iconbox__icon:hover::before {
            background-color: rgba(var(--second-color-w), 1);
            transform: scale(0.9);
            z-index: 1;
        }

.w2-aboutus__iconbox:hover {
    color: white;
    background-color: rgba(var(--second-color-w), 1);
    transform: scale(0.9);
    z-index: 1;
}

.w2-aboutus__icon {
    font-size: 1em;
    z-index: 2;
}

.w2-aboutus__second__img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto;
    position: relative;
}

.w2-aboutus__second__info--1 {
    margin: -2em 0 1em 0;
    font-size: 2em;
    font-weight: 800;
    z-index: 2;
    display: block;
}

.w2-aboutus__second__info--2 {
    font-size: 1em;
    font-weight: 400;
}

/*ed*/
/*w2-awards*/
.w2-awards {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-image: url(../img/w2/home_inner_01.jpg);
    background-position: center;
    background-size: cover;
    background-position: center;
    color: var(--text-color-w);
    padding: 4em 2em 10em 2em;
}

.w2-awards__group {
    margin: 0 auto;
    max-width: 120em;
    z-index: 1;
    position: relative;
}

.w2-awards__button {
    padding: 0.5em 2em;
    border: 0;
    color: white;
    background-color: transparent;
    border-radius: 0.5em;
    font-weight: 600;
    border: 0.1em solid white;
    transition: all 0.2s;
    cursor: pointer;
    display: inline-table;
    height: max-content;
}

    .w2-awards__button:hover {
        color: rgba(var(--second-color-w), 1);
        background-color: white;
    }

.w2-awards__brands {
    display: flex;
    justify-content: space-between;
}

.w2-awards__info--1 {
    color: white;
    font-weight: 400;
    margin: 0.5em 0;
}

    .w2-awards__info--1:hover {
        color: #a70a1f;
    }

.w2-awards__name {
    font-size: 4em;
    font-weight: 600;
    color: white;
    margin: 0 0 2em 0;
}

.w2-awards__imgbox {
    width: 100%;
    z-index: -2;
    position: absolute;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w2-awards__imgbox {
        height: 100vh;
    }
}

@media only screen and (max-width: 50em) {
    .w2-awards__item__imgbox {
        width: 50% !important;
        margin: 0 auto;
    }
}

.w2-awards__contain__img {
    max-width: 100%;
    position: absolute;
    overflow: hidden;
}

.w2-awards__items {
    margin-top: 3em;
}

/*ed*/
/*w2-teamus*/
.w2-teamus {
    width: 100%;
    position: relative;
    height: 40em;
}

.w2-teamus__groups {
    height: auto;
    max-width: calc((96em + 100%) / 2);
    padding-left: calc((100% - 96em) / 2);
    top: -5em;
    z-index: 100;
    background-color: #f7f7f7;
    background-color: white;
    border-bottom-right-radius: 1em;
    border-top-right-radius: 1em;
    flex-direction: column;
    display: flex;
    position: relative;
    box-shadow: 0 0.1em 1em rgba(0, 0, 0, 0.8);
    padding-top: 4em;
    padding-bottom: 4em;
    padding-right: 4em;
    float: left;
}

@media only screen and (max-width: 50em) {
    .w2-teamus__groups {
        width: 95vw;
        padding: 4em 4em 4em 4em;
    }
}

.w2-teamus__first-group {
    display: flex;
    flex-direction: column;
    width: 100%;
    position: relative;
    align-self: flex-end;
}

.w2-teamus__infog {
    margin: 0 1em;
    text-align: center;
}

.w2-teamus__info--1 {
    font-size: 1em;
    font-weight: 300;
}

.w2-teamus__info--2 {
    font-size: 3.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w2-teamus__info--3 {
    font-size: 1em;
    font-weight: 300;
}

.w2-teamus__infographic {
    margin-top: 2em;
}

.w2-teamus__infographic {
    display: flex;
    align-items: center;
}

.w2-teamus__icon {
    font-size: 3em;
    margin: auto 0.5em 0.2em 0;
}

.w2-teamus__infog__text {
    font-size: 5em;
    font-weight: 800;
}

.w2-teamus__infog__name {
    font-size: 1em;
    font-weight: 300;
}

.w2-teamus__infog__des {
    font-size: 1.4em;
    font-weight: 800;
}

.w2-teamus__second-group {
    margin-top: 3em;
    display: flex;
    justify-content: space-between;
    line-height: 1.8em;
}

.w2-teamus__second__info--1 {
    width: 50%;
}

.w2-teamus__second__text--1 {
    font-size: 1em;
    font-weight: 300;
}

.w2-teamus__second__text--2 {
    font-size: 3.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin: 0.3em 0;
}

.w2-teamus__second__text--3 {
    font-size: 1em;
}

.w2-teamus__second__text--4 {
    margin-top: 2em;
    font-size: 1em;
    font-weight: 300;
}

.w2-teamus__second__info--2 {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.w2-teamus__second__score--1 {
    font-size: 1.4em;
    font-weight: 600;
}

.w2-teamus__second__score--1-des {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    text-align: end;
    border-radius: 0.4em;
}

/*ed*/
/*w2-testimonials*/
.w2-testimonials {
    width: 100%;
    position: relative;
    margin-top: 2em;
    background-position: center;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: var(--text-color-w);
    padding: 3em 1em;
}

.w2-testimonials__groups {
    margin: 0 auto;
    max-width: 96em;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w2-testimonials__groups {
        padding: 1em;
    }
}

.w2-testimonials__heading--main {
    font-size: 4em;
    font-weight: 600;
}

.w2-testimonials__heading--sub {
    font-size: 1.4em;
    font-weight: 400;
    margin-top: 2em;
}

.w2-testimonials__items {
    display: flex;
    align-items: center;
    margin-top: 5em;
}

.w2-testimonials__item {
    display: flex;
    justify-content: space-evenly;
}

.w2-testimonials__item__img {
    height: 100%;
    width: 100%;
}

.w2-testimonials__item__imgbox {
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    display: inline-block;
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-repeat: no-repeat;
    position: relative;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w2-testimonials__item__imgbox {
        width: 8em;
        height: 8em;
    }
}

.w2-testimonials__item__info {
    max-width: 50%;
    margin-left: 0;
    height: auto;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 37.5em) {
    .w2-testimonials__item__info {
        padding: 1em;
    }
}

.w2-testimonials__item__info--1 {
    font-size: 1.4em;
    font-weight: 300;
}

@media only screen and (max-width: 50em) {
    .w2-testimonials__item__info--1 {
        font-size: 1em;
    }
}

.w2-testimonials__item__info--2 {
    margin-top: 1em;
    font-size: 2em;
    font-weight: 800;
}

@media only screen and (max-width: 50em) {
    .w2-testimonials__item__info--2 {
        font-size: 2em;
    }
}

.w2-testimonials__item__info--3 {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 400;
}

@media only screen and (max-width: 50em) {
    .w2-testimonials__item__info--3 {
        font-size: 1em;
    }
}

/*ed*/
/*w2-imgalbum*/
.w2-imgalbum {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w2-imgalbum {
        grid-template-columns: repeat(2, 1fr);
    }
}

.w2-imgalbum__gallery__item--1 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

.w2-imgalbum__gallery__item__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*ed*/
/*w2-ctaregister*/
.w2-ctaregister {
    width: 100%;
    position: relative;
    overflow: auto;
    background-color: rgba(var(--main-color-w), 1);
    color: var(--text-color-w);
    padding: 3em 1em;
}

.w2-ctaregister__groups {
    margin: 0 auto;
    max-width: 96em;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w2-ctaregister__groups {
        padding: 2em;
    }
}

.w2-ctaregister__heading {
    font-size: 2em;
    color: white;
    font-weight: 800;
    display: inline-block;
}

.w2-ctaregister__ctabutton {
    padding: 0.5em 2em;
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
    border: none;
    font-weight: 600;
}

    .w2-ctaregister__ctabutton:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
        border: 0.1em solid white;
    }

/*ed*/
/*w2-footer*/
.w2-footer {
    width: 100%;
    position: relative;
    background-color: rgba(var(--main-color-w), 1);
    padding-bottom: 2em;
    padding-top: 5em;
}

.w2-footer__groups {
    margin: 0 auto;
    max-width: 120em;
    color: white;
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w2-footer__groups {
        flex-direction: column;
    }
}

.w2-footer-col {
    display: flex;
    width: 70%;
    flex-wrap: wrap;
}

.w2-footer__item {
    width: 33%;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w2-footer__item {
        margin: 2em auto;
        width: 90%;
    }
}

.w2-footer__item__imgbox {
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w2-footer__item__imgbox__img {
    margin: 0 auto;
}

.w2-footer__item__img {
    max-width: 15em;
    width: 100%;
    height: auto;
}

.w2-footer__item__info--1 {
    font-weight: 800;
    font-size: 1.6em;
    margin-bottom: 2em;
}

.w2-footer__item__info--2 {
    font-size: 1.3em;
    font-weight: 300;
    margin-top: 0.5em;
}

.w2-footer__item--4 {
    width: 30%;
}

@media only screen and (max-width: 50em) {
    .w2-footer__item--4 {
        margin: 0 auto;
        width: 90%;
        margin-top: 4em;
    }
}

.w2-footer__item--4__detail {
    display: flex;
    align-items: center;
}

.w2-footer__item--4__detail__imgbox {
    width: 10em;
    min-width: 10em;
    height: 7em;
    background-size: contain;
    background-position: center;
}

.w2-footer__item--4__detail:not(:last-child) {
    margin-bottom: 1em;
}

.w2-footer__item--4__detail__img {
    max-height: 10em;
    min-width: 10em;
    max-width: 10em;
    border: 0.1em solid white;
}

.w2-footer__item--4__detail--des {
    margin-top: 1em;
    font-size: 1.6em;
}

.w2-footer__item--4__detail__groups {
    margin-left: 0.5em;
}

/*ed*/
/*w2-downbar*/
.w2-downbar {
    color: white;
    overflow: auto;
    position: relative;
    width: 100%;
    background-color: black;
    padding: 1em;
}

.w2-downbar__groups {
    width: 96em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w2-downbar__copyright {
    font-size: 1.4em;
}

.w2-downbar__links {
    display: flex;
}

.w2-downbar__link {
    font-size: 1.4em;
    padding: 0.5em 1em;
    text-decoration: none;
    cursor: pointer;
}

/*ed*/
/*w3-topbar*/
.w3-topbar {
    width: 100%;
    position: relative;
    border-bottom: 0.1em solid #eee;
    background-color: white;
    color: var(--text-color-w);
    padding: 1em;
}

.w3-topbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.w3-topbar__first-group--info {
    font-size: 1em;
    font-weight: 300;
    text-align: justify;
    margin-right: 2em;
    line-height: 1.8em;
}

.w3-topbar__second-group {
    display: flex;
}

.w3-topbar__second-group--info {
    display: flex;
    align-items: center;
    padding: 0 1em;
    text-align: center;
}

    .w3-topbar__second-group--info:not(:last-child) {
        border-right: 0.1em solid #eee;
    }

.w3-topbar__second-group__icon {
    font-size: 1em;
    margin: 0 0.5em;
    color: #0062bd;
}

.w3-topbar__second-group__text {
    font-size: 1.2em;
    font-weight: 400;
    text-decoration: none;
    color: #0062bd;
}

/*ed*/
/*w3-navbar*/
.w3-navbar {
    width: 100%;
    position: relative;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w3-navbar__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w3-navbar-logo {
    width: 16em;
    height: auto;
    background-size: contain;
    background-position: center;
}

.w3-navbar-logo__img {
    max-width: 100%;
    max-height: 9em;
}

.w3-navbar__search__group {
    width: 50em;
    border-radius: 5em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-origin: border-box;
    overflow: hidden;
    padding-left: 1em;
    height: 4em;
}

@media only screen and (max-width: 37.5em) {
    .w3-navbar__search__group {
        display: none;
    }
}

.w3-navbar__search__group__select {
    display: flex;
    align-items: center;
    margin-right: 0.5em;
}

.w3-navbar__search__group__select__sl {
    padding: 1em;
    border: none;
    outline: none;
    font-size: 1.2em;
}

.w3-navbar__search__group__select__sl__ot {
    padding: 1.5em;
}

.w3-navbar__search__group__select__icon {
    font-size: 1.6em;
}

.w3-navbar__search__text {
    width: 100%;
    border: none;
    outline: none;
    font-size: 1.3em;
}

.w3-navbar__search__dropdown-list {
    width: 20em;
    display: flex;
    align-items: center;
}

.w3-navbar__search__icon-box {
    background-color: rgba(var(--main-color-w), 1);
    width: 8em;
    border: none;
    height: 100%;
    background-origin: border-box;
    background-position: center;
    margin: 0 auto;
    padding: 0.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w3-navbar__second-group__svg__card {
    font-size: 2em;
}

.w3-navbar__search__dropdown-list {
    text-align: right;
}

.w3-navbar__search__dropdown__text {
    font-size: 1.2em;
}

.w3-navbar__second-group__svg__search {
    font-size: 2.5em;
}

.w3-navbar__search__dropdown__items {
    list-style: none;
}

.w3-navbar__search__dropdown__item {
    display: none;
}

.w3-navbar__card {
    display: flex;
    padding: 1em;
}

.w3-navbar__shopping {
    margin-left: 2em;
}

.w3-navbar__shopping__qtt {
    border-radius: 50%;
    width: 1.5em;
    height: 1.5em;
    padding: 0.2em;
    transform: translateX(-1em);
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    display: inline-block;
    font-size: 0.8em;
}

.w3-navbar__shopping__price {
    font-size: 1.6em;
    font-weight: 800;
}

/*ed*/
/*w3-menu*/
.w3-menu {
    width: 100%;
    position: relative;
    height: 3.8em;
    background-color: white;
}

.w3-menu__ab {
    z-index: 1;
}

@media only screen and (min-width: 37.5em) {
    .w3-menu__ab {
        position: absolute;
        background-color: transparent;
    }
}

.w3-menu__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between;
    position: relative;
}

.w3-menu__items {
    border-radius: 0.7em;
    width: 25em;
    background-color: white;
    z-index: 2;
    list-style: none;
}

.w3-menu__items__bar {
    color: white;
    display: inline block;
    background-color: rgba(var(--main-color-w), 1);
    background-origin: border-box;
    padding: 1em;
    display: flex;
    align-items: center;
    font-weight: 600;
    font-size: 1.4em;
}

.w3-menu__items__bar__icon {
    margin-right: 1em;
    font-size: 1.5em;
}

@media only screen and (max-width: 56.25em) {
    .w3-menu__items {
        width: 90%;
        margin: 0 auto;
    }
}

.w3-menu__nav__checkbox {
    display: none;
}

    .w3-menu__nav__checkbox:checked ~ .w3-menu-item {
        display: block;
    }

.w3-menu-item {
    padding: 1em;
    border-bottom: 0.1em solid #eee;
    font-size: 1.4em;
    font-weight: 300;
    cursor: pointer;
    position: relative;
    display: none;
    text-overflow: ellipsis;
}

.w3-menu-item__icon {
    float: right;
    margin-left: auto;
    line-height: 1.2em !important;
}

.w3-menu-item:hover .w3-menu__dropdown--1 {
    left: 17em;
    opacity: 1;
    visibility: visible;
    transition: all 0.2s;
}

@media only screen and (max-width: 37.5em) {
    .w3-menu-item:hover .w3-menu__dropdown--1 {
        left: 1em;
        padding-left: 1em;
        width: 20em;
        height: auto;
        display: block;
    }
}

.w3-menu__link {
    height: 4em;
    padding: 1em;
    width: 60%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

@media only screen and (max-width: 56.25em) {
    .w3-menu__link {
        display: none;
        white-space: nowrap;
    }
}

.w3-menu__link__items {
    padding: 0 2.5em;
    display: flex;
    list-style: none;
    font-size: 1.2em;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w3-menu__link__items {
        display: flex;
        flex-direction: column;
        padding: 0;
    }
}

.w3-menu__link__item {
    margin-right: .5em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w3-menu__link__item {
        margin: 1em auto;
        width: 30%;
        border-left: 0.1em solid rgba(var(--main-color-w), 1);
    }
}

.w3-menu__link__item a {
    text-decoration: none;
    color: black;
}

.w3-menu__text {
    height: 4em;
    line-height: 4em;
    text-align: center;
    font-weight: 300;
    white-space: nowrap;
}

@media only screen and (max-width: 56.25em) {
    .w3-menu__text {
        position: absolute;
        bottom: -10em;
        display: none;
    }
}

.w3-menu__dropdown--1 {
    background-color: white;
    z-index: 1;
    list-style: none;
    position: absolute;
    font-size: 1em;
    margin: 0 auto;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    list-style: none;
    cursor: pointer;
    font-weight: 300;
}

@media only screen and (max-width: 37.5em) {
    .w3-menu__dropdown--1 {
        width: 100%;
    }
}

.w3-menu-item__icon__icon {
    font-size: 1em;
}

.w3-menu__dropdown-item {
    padding: 1em;
    border-bottom: 0.1em solid #eee;
    white-space: nowrap;
}

.w3-menu__dropdown-item__icon {
    float: right;
    margin-left: auto;
    line-height: 1.2em !important;
}

/*ed*/
/*w3-banner*/
.w3-banner {
    width: 100%;
    position: relative;
    background-color: #eee;
    overflow: hidden;
    z-index: 0;
    color: var(--text-color-w);
    padding: 3em 1em;
}

.w3-banner__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: flex-end;
    position: relative;
    align-items: center;
    background-repeat: no-repeat;
    background-position: right;
    background-size: 50%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.w3-banner__items {
    position: relative;
    top: 10%;
    margin-left: 30%;
    height: 100%;
    width: 25em;
    padding: 0 1em;
}

@media only screen and (max-width: 56.25em) {
    .w3-banner__items {
        margin-left: 2%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-banner__items {
        margin-left: 1%;
    }
}

.w3-banner__imgbox {
    float: right;
    margin-left: auto;
    width: 50%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w3-banner__imgbox {
        margin-right: 1em;
    }
}

.w3-banner__imgbox__img {
    margin: 0 auto;
}

.w3-banner__item__name {
    font-size: 3.3em;
    font-weight: 800;
}

@media only screen and (max-width: 75em) {
    .w3-banner__item__name {
        font-size: 2.5em;
    }
}

.w3-banner__item__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 300;
}

.w3-banner__item__des--1 {
    font-size: 4em;
    font-weight: 800;
}

.w3-banner__item__button {
    margin-top: 1em;
    border-radius: 0.2em;
    border: none;
    display: inline-block;
    padding: 0.7em 1.4em;
    font-size: 1.8em;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

/*ed*/
/*w3-ads*/
.w3-ads {
    width: 100%;
    position: relative;
    padding: 3em 1em;
    color: var(--text-color-w);
}

.w3-ads__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    justify-content: space-between;
}

.w3-ads__item {
    margin: 0 1em;
    padding: 1em;
    display: flex;
    justify-content: space-around;
    align-items: center;
    background-color: #f5f5f5;
}

.w3-ads__item__info {
    width: 40%;
}

.w3-ads__item__grbtn {
    display: flex;
    align-items: center;
    margin-top: 2em;
    cursor: pointer;
}

.w3-ads__item__text {
    font-size: 1.2em;
    font-weight: 300;
    text-transform: uppercase;
}

.w3-ads__item__btn {
    border: none;
    width: 7em;
    font-weight: 600;
    cursor: pointer;
    background-color: transparent;
}

.w3-ads__item__icon {
    border-radius: 50%;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.5em;
    text-align: center;
}

.w3-ads__imgbox {
    position: relative;
    display: inline-block;
    height: 11em;
    margin-right: 0.5em;
    width: 55%;
    min-width: 55%;
    background-size: contain;
    background-position: center;
}

.w3-ads__imgbox__img {
    max-height: 100%;
    max-width: 100%;
    margin: 0 auto;
}

/*ed*/
/*w3-product*/
.w3-product {
    width: 100%;
    position: relative;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w3-product__group {
    margin: 0 auto;
    max-width: 120em;
    height: auto;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w3-product__group {
        flex-direction: column;
    }
}

.w3-product__card--1 {
    position: relative;
    z-index: 10 !important;
    padding-top: 0 !important;
}

.w3-product__card--2 {
    border-top: none !important;
    position: relative;
}

.w3-product__main-card {
    width: 30%;
    border-radius: 1em;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    padding: 2em 1em;
    text-align: center;
    height: max-content;
}

@media only screen and (max-width: 68.75em) {
    .w3-product__main-card {
        width: 40%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product__main-card {
        width: 90%;
        margin: 0 auto;
    }
}

.w3-product__main-card__offer {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w3-product__main-card__offer__info--1 {
    font-size: 1.4em;
    font-size: 1.6rem;
}

.w3-product__main-card__offer__info--2 {
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    font-size: 2.5em;
    line-height: 3em;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    min-width: 3em;
}

.w3-product__main-card__imgbox {
    width: 100%;
    margin: 1em auto;
    height: 30em;
    background-size: contain;
    background-position: center;
}

.w3-product__main-card__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w3-product__main-card__name {
    text-decoration: none;
    font-size: 1.2em;
}

.w3-product__main-card__price {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2em;
}

.w3-product__main-card__price__first {
    color: orangered;
    font-weight: 300;
    font-size: 3em;
}

.w3-product__main-card__price__second {
    font-size: 2em;
    font-weight: 300;
    text-decoration: line-through;
    margin: 1em;
}

.w3-product__main-card__text {
    font-size: 1em;
    font-weight: 300;
}

.w3-product__main-card__price-clock {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}

.w3-product__main-card__price-clock__divide {
    height: 2em;
    width: 2em;
    top: 0.7em;
    position: relative;
    font-size: 2em;
    display: inline-block;
}

.w3-product__main-card__price-clock__time {
    width: 20%;
    text-align: center;
    margin: 0 auto;
}

.w3-product__main-card__price-clock__time--number {
    font-size: 3em;
    padding: 0.5em;
    background-color: #f5f5f5;
}

.w3-product__main-card__price-clock__time--text {
    margin-top: 1em;
    font-size: 1em;
}

.w3-product__card-item {
    width: 69%;
    margin-left: 1%;
}

@media only screen and (max-width: 37.5em) {
    .w3-product__card-item {
        width: 90%;
        margin-top: 2em;
    }
}

.w3-product__card-item__title {
    display: flex;
    justify-content: center;
    position: relative;
    flex-wrap: wrap;
}

.w3-product__card-item__title__tag {
    display: block;
    text-align: center;
    margin: 1em;
    font-size: 1.6em;
    font-weight: 800;
    white-space: nowrap;
    z-index: 2;
    padding: 0.5em;
    cursor: pointer;
    margin-bottom: 3em;
}

@media only screen and (max-width: 37.5em) {
    .w3-product__card-item__title__tag {
        margin-top: 0.5em;
    }
}

.w3-product__card-item__title .active {
    position: relative;
}

    .w3-product__card-item__title .active::before {
        content: "";
        height: 0.15em;
        width: 100%;
        background-color: rgba(var(--main-color-w), 1);
        z-index: 2;
        position: absolute;
        display: block;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0.2em;
    }

    .w3-product__card-item__title .active::after {
        content: "";
        height: 0.5em;
        width: 1em;
        background-color: rgba(var(--main-color-w), 1);
        z-index: 2;
        position: absolute;
        display: block;
        bottom: -0.5em;
        left: 50%;
        transform: translateX(-50%);
        border-bottom-left-radius: 100% 200%;
        border-bottom-right-radius: 100% 200%;
    }

.w3-product__card-item__child {
    border-top: 0.2em solid #f5f5f5;
    position: relative;
    top: -2.2em;
    display: flex;
    justify-content: flex-start;
}

.w3-product__card-item__child__small-card {
    margin-left: 1.5em;
    position: relative;
    padding: 2em;
    margin-top: 1em;
    margin-bottom: 1em;
}

    .w3-product__card-item__child__small-card:not(:last-child) {
        border-right: 0.2em solid #f5f5f5;
    }

.w3-product__card-item__child__small-card__info--1 {
    font-size: 1em;
    font-weight: 300;
}

.w3-product__card-item__child__small-card__info--2 {
    cursor: pointer;
    color: #0062bd;
    font-size: 1.4em;
    font-weight: 600;
    display: block;
    margin-top: 1em;
}

@media only screen and (max-width: 68.75em) {
    .w3-product__card-item__child__small-card__info--2 {
        font-size: 1.2em;
    }
}

.w3-product__card-item__child__small-card__imgbox {
    margin: 0.5em auto 1em auto;
    width: 100%;
    margin-top: 1.5em;
}

.w3-product__card-item__child__small-card__imgbox__img {
    width: 100%;
    height: 100%;
}

.w3-product__card-item__child__small-card__price {
    display: flex;
    align-items: center;
}

.w3-product__card-item__child__small-card__price__first {
    color: orangered;
    font-size: 1.5em;
    margin-right: 0.5em;
}

@media only screen and (max-width: 68.75em) {
    .w3-product__card-item__child__small-card__price__first {
        font-size: 1em;
    }
}

.w3-product__card-item__child__small-card__price__second {
    text-decoration: line-through;
    font-size: 1em;
    font-weight: 300;
    margin-right: 0.5em;
}

@media only screen and (max-width: 68.75em) {
    .w3-product__card-item__child__small-card__price__second {
        font-size: 0.8em;
    }
}

.w3-product__card-item__child__small-card__price__btn {
    border: none;
    text-align: center;
    padding: 0.5em;
    border-radius: 50%;
    display: flex;
    margin-left: auto;
    display: inline-block;
    align-items: center;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
}

.w3-product__card-item__child__small-card__price__btn__icon {
    font-size: 1.2em;
    color: black;
}

    .w3-product__card-item__child__small-card__price__btn__icon:hover {
        color: white;
    }

.w3-product__card-item__child__small-card:hover {
    border: 0.1em solid #f5f5f5;
    box-shadow: 0.2em 0.2em 1.1em 0.1em rgba(0, 0, 0, 0.2);
    background-color: white;
}

    .w3-product__card-item__child__small-card:hover .w3-product__card-item__child__small-card__grbtn {
        opacity: 1;
        box-shadow: 1px 3px 5px 1px rgba(0, 0, 0, 0.2);
        z-index: 100000 !important;
    }

.w3-product__card-item__child__small-card__grbtn {
    width: 101%;
    margin-top: 1em;
    height: 5em;
    position: absolute;
    text-align: center;
    line-height: 5em;
    left: -1px;
    background-color: white;
    opacity: 0;
}

.w3-product__card-item__child__small-card__grbtn__btn {
    margin: 0 auto;
    padding: 0.5em;
    width: 5em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    font-weight: 600;
    min-width: 5em;
}

/*ed*/
/*w3-product-1*/
.w3-product-1 {
    max-width: 100%;
    position: relative;
    padding: 4em 0 6em 0;
    background-color: #f5f5f5;
}

.w3-product-1__group {
    margin: 0 auto;
    max-width: 120em;
}

.w3-product-1__title {
    margin: 0 auto;
    width: 100%;
    text-align: center;
    display: inline-block;
    border-bottom: 0.1em solid #f5f5f5;
}

.w3-product-1__title__tag {
    text-align: center;
    display: inline-block;
    font-size: 1.6em;
    margin-right: 2em;
    cursor: pointer;
    padding: 0.2em 0.2em 1em 0.2em;
}

.w3-product-1__title .active {
    position: relative;
}

    .w3-product-1__title .active::before {
        content: "";
        height: 0.15em;
        width: 100%;
        background-color: rgba(var(--main-color-w), 1);
        z-index: 2;
        position: absolute;
        display: block;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        border-radius: 0.2em;
    }

    .w3-product-1__title .active::after {
        content: "";
        height: 0.5em;
        width: 1.1em;
        background-color: rgba(var(--main-color-w), 1);
        z-index: 2;
        position: absolute;
        display: block;
        bottom: -0.4em;
        left: 50%;
        transform: translateX(-50%);
        border-bottom-left-radius: 100% 200%;
        border-bottom-right-radius: 100% 200%;
    }

.w3-product-1__item {
    margin: 0 auto;
    padding: 1em 0 0 0;
    background-color: #f5f5f5;
    display: flex;
    flex-wrap: wrap;
}

.w3-product-1__item--col-1 {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w3-product-1__item--col-1 {
        width: 100%;
    }
}

.w3-product-1__item__small-card {
    background-color: white;
    position: relative;
    height: auto;
    border-bottom: 0.1em solid #eee;
    width: 50%;
    padding: 1em;
}

.w3-product-1__item__small-card--main {
    position: relative;
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w3-product-1__item__small-card--main {
        width: 100%;
    }
}

.w3-product-1__item__small-card__thumb {
    display: flex;
    margin-bottom: 0.5em;
    margin-top: 2em;
}

.w3-product-1__item__small-card__thumb__imgbox {
    border: 0.1em solid #f5f5f5;
    width: 9em;
    height: 9em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w3-product-1__item__small-card__thumb__imgbox__img {
    margin: 0 auto;
}

.w3-product-1__item__small-card:hover .w3-product-1__item__small-card__grbtn {
    display: block;
    opacity: 1;
    z-index: 100;
    visibility: visible;
}

.w3-product-1__item__small-card:hover {
    display: inline-block;
    z-index: 1;
    box-shadow: 0px -2px 5px 1px rgba(0, 0, 0, 0.1);
}

.w3-product-1__item__small-card__info--1 {
    font-weight: 300;
}

.w3-product-1__item__small-card__info--2 {
    cursor: pointer;
    color: #0062bd;
    margin-top: 1em;
    font-size: 1.4em;
}

.w3-product-1__item__small-card__imgbox {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    height: 18em;
    margin: 1.5em 0;
    background-size: contain;
    background-position: center;
}

.w3-product-1__item__small-card__imgbox--main {
    margin-top: 2em;
    width: 100%;
    min-height: 55%;
    background-size: contain;
    background-position: center;
}

.w3-product-1__item__small-card__imgbox__img {
    border-radius: 0.3em;
}

.w3-product-1__item__small-card__price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w3-product-1__item__small-card__price__group {
    margin-top: 1em;
    margin-right: 0.5em;
}

.w3-product-1__item__small-card__price__group__first {
    display: block;
    color: orangered;
    font-size: 1.6em;
}

.w3-product-1__item__small-card__price__group__first--main {
    font-size: 2.5em;
}

.w3-product-1__item__small-card__price__group__second {
    display: block;
    text-decoration: line-through;
    font-weight: 300;
    font-size: 1.4em;
}

.w3-product-1__item__small-card__price__group__second--main {
    font-size: 2em;
    margin-top: 0.5em;
}

.w3-product-1__item__small-card__price__btn {
    margin-top: 1em;
    display: inline-block;
    position: relative;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em;
    border-radius: 50%;
    font-size: 1.2em;
    border: none;
    cursor: pointer;
}

.w3-product-1__item__small-card__price__btn--main {
    width: 4em;
    height: 4em;
    margin-right: 3em;
}

.w3-product-1__item__small-card__price__btn__svg__card {
    font-size: 1.3em;
}

.w3-product-1__item__small-card__price__btn__svg__card--main {
    font-size: 1.3em;
}

.w3-product-1__item__small-card__price__btn__svg__card:hover {
    color: white;
}

.w3-product-1__item__small-card__grbtn {
    border-top: 0.15em solid #f5f5f5;
    padding: 1em 0;
    text-align: center;
    display: block;
    z-index: 10000;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: white;
    position: absolute;
    left: 0;
    box-shadow: 2px 10px 10px 1px rgba(151, 151, 151, 0.1);
    margin-top: 0.5em;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-1__item__small-card__grbtn {
        padding: 1em 0;
        opacity: 1;
        box-shadow: none;
        bottom: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-1__item__small-card__grbtn {
        padding: 1em 0;
        opacity: 1;
        border: none;
    }
}

.w3-product-1__item__small-card__grbtn--main {
    text-align: center;
    margin-top: 0.5em;
}

.w3-product-1__item__small-card__grbtn__btn {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 2em;
    font-weight: 600;
    border: none;
    border-radius: 0.2em;
    cursor: pointer;
}

.w3-product-1__item__small-card__grbtn__btn--main {
    font-size: 3em;
}

/*ed*/
/*w3-product-2*/
.w3-product-2 {
    width: 100%;
    position: relative;
    background-color: white;
    padding: 2em 1em;
}

.w3-product-2__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w3-product-2__title {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #f5f5f5;
    padding: 1em;
}

.w3-product-2__title__tag-name {
    font-size: 1.6em;
    display: inline-block;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    line-height: 1.8em;
    min-width: 9em;
    width: 9em;
    padding: 0.5em;
    height: max-content;
}

.w3-product-2__title__group {
    font-size: 1.3em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: flex-end;
}

@media only screen and (max-width: 37.5em) {
    .w3-product-2__title__group {
        flex-direction: column;
    }
}

.w3-product-2__title__group__tag {
    display: inline-block;
    margin-left: 2em;
    line-height: 1.8em;
    padding: 0.5em 2em;
}

@media only screen and (max-width: 37.5em) {
    .w3-product-2__title__group__tag {
        padding: 0.5em 1em;
    }
}

.w3-product-2__title__group__tag--1 {
    border: 0.2em solid rgba(var(--main-color-w), 1);
    border-radius: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w3-product-2__title__group__tag--1 {
        margin-bottom: 0.5em;
    }
}

.w3-product-2__item {
    display: grid;
    grid-template-rows: 1fr 1fr;
}

.w3-product-2__item__small-card {
    padding: 1.5em;
    display: flex;
    position: relative;
    margin: 1em;
}

    .w3-product-2__item__small-card:hover {
        z-index: 1;
        box-shadow: 0.2em 0.2em 1.1em 0.1em rgba(206, 206, 206, 0.2);
    }

.w3-product-2__item__small-card__imgbox {
    margin-left: auto;
    margin-right: auto;
    max-width: 12em;
    min-width: 12em;
    background-size: cover;
    display: block;
    position: relative;
    margin-right: 1em;
    height: 12em;
    background-size: contain;
    background-position: center;
}

.w3-product-2__item__small-card__imgbox__img {
    width: 100%;
    border-radius: 0.3em;
    margin: 0 auto;
}

.w3-product-2__item__small-card__des {
    display: inline-block;
}

.w3-product-2__item__small-card__des__info--1 {
    font-size: 1.3em;
    font-weight: 300;
}

.w3-product-2__item__small-card__des__info--2 {
    margin: 1em 0;
    font-size: 1.4em;
    font-weight: 600;
    display: block;
}

.w3-product-2__item__small-card__des__price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w3-product-2__item__small-card__des__price__group__first {
    display: inline-block;
    color: orangered;
    font-size: 1.4em;
}

.w3-product-2__item__small-card__des__price__group__second {
    display: inline-block;
    font-size: 1em;
    text-decoration: line-through;
    font-weight: 300;
}

.w3-product-2__item__small-card__des__price__btn__svg__card {
    font-size: 2em;
}

.w3-product-2__item__small-card:hover .w3-product-2__item__small-card__grbtn {
    display: block;
    opacity: 1;
    z-index: 1000;
    background-color: white;
    box-shadow: 0px 2px 5px 1px rgba(88, 88, 88, 0.1);
}

.w3-product-2__item__small-card__grbtn {
    position: absolute;
    left: 0;
    bottom: -6em;
    text-align: center;
    width: 100%;
    box-shadow: 0px -2px 5px 1px rgba(0, 0, 0, 0.1);
    background-color: white;
    padding: 2em 0;
    opacity: 0;
    display: block;
}

.w3-product-2__item__small-card__grbtn__btn {
    cursor: pointer;
    display: inline-block;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    font-weight: 600;
}

/*ed*/
/*w3-product-3*/
.w3-product-3 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w3-product-3__group {
    margin: 0 auto;
    max-width: 120em;
}

.w3-product-3__title {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #f5f5f5;
}

.w3-product-3__title__tag-name {
    padding: 1em 0;
    font-size: 1.6em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
}

.w3-product-3__title__group {
    position: relative;
    white-space: nowrap;
    margin-left: 3em;
}

.w3-product-3__title__group__button {
    border: 0.1em solid black;
    border-radius: 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    background-color: rgba(0, 0, 0, 0.89);
}

    .w3-product-3__title__group__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w3-product-3__title__group__button-next {
    position: absolute;
    bottom: 1em;
    right: 1em;
    margin-right: 1em;
    z-index: 2;
    font-size: 1.4em;
}

.w3-product-3__title__group__button__icon {
    font-size: 2em;
}

.w3-product-3__title__group__button-prev {
    position: absolute;
    bottom: 1em;
    right: 7em;
    margin-left: 1em;
    z-index: 2;
    font-size: 1.4em;
}

.w3-product-3__icon-nav--1 {
    padding: 0.5em;
    background-color: rgba(34, 34, 34, 0.884);
    color: white;
    border: none;
    border-radius: 0.2em;
    text-align: center;
    cursor: pointer;
    font-size: 1.4em;
}

    .w3-product-3__icon-nav--1:hover {
        background-color: rgba(53, 53, 53, 0.671);
    }

.w3-product-3__item {
    display: flex;
    position: relative;
    margin-bottom: 2em;
}

.w3-product-3__item__small-card {
    background-color: white;
    padding: 1em;
    height: max-content;
    margin-right: 0.5em;
}

    .w3-product-3__item__small-card:hover {
        z-index: 1;
        position: relative;
        display: block;
        box-shadow: 0.1em 5px 1em 1px rgba(133, 133, 133, 0.1) !important;
    }

.w3-product-3__item__small-card__info--1 {
    font-weight: 300;
    font-size: 1.2em;
}

.w3-product-3__item__small-card__info--2 {
    cursor: pointer;
    color: #0062bd;
    margin-top: 1em;
    font-size: 1.6em;
    display: block;
}

.w3-product-3__item__small-card__imgbox {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    margin-top: 1em;
    height: 28em;
    background-size: contain;
    background-position: center;
}

.w3-product-3__item__small-card__imgbox__img {
    height: 100%;
    width: 100%;
    border-radius: 0.4em;
    margin: 0 auto;
}

.w3-product-3__item__small-card__price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1em;
}

.w3-product-3__item__small-card__price__group__first {
    display: block;
    color: orangered;
    font-size: 1.6em;
}

.w3-product-3__item__small-card__price__group__second {
    display: block;
    font-size: 1.4em;
    text-decoration: line-through;
    font-weight: 300;
}

.w3-product-3__item__small-card__price__btn {
    display: inline-block;
    position: relative;
    right: 0;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.2em;
    text-align: center;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    min-width: 3em;
    font-size: 1.2em;
    border: none;
    line-height: 3.1em;
    cursor: pointer;
}

.w3-product-3__item__small-card__price__btn__svg__card {
    font-size: 1.5em;
}

.w3-product-3__item__small-card__price__btn__svg__card--main {
    font-size: 1.5em;
}

/*ed*/
/*w3-product-4*/
.w3-product-4 {
    max-width: 100%;
    position: relative;
    padding: 2em 1em;
    background-color: #f5f5f5;
}

.w3-product-4__group {
    margin: 0 auto;
    max-width: 120em;
}

.w3-product-4__bottom--active {
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
}

    .w3-product-4__bottom--active::after {
        content: "";
        height: 0.5em;
        width: 1.1em;
        background-color: rgba(var(--main-color-w), 1);
        z-index: 2;
        position: relative;
        display: block;
        top: 1.5em;
        left: 40%;
        border-bottom-left-radius: 100% 200%;
        border-bottom-right-radius: 100% 200%;
    }

.w3-product-4__title {
    display: flex;
    justify-content: space-between;
    border-bottom: 0.1em solid #f5f5f5;
}

.w3-product-4__title__name {
    font-size: 1.2em;
    padding: 1em;
}

.w3-product-4__title__group__tag {
    text-align: center;
    display: inline-block;
    font-size: 1.2em;
    margin-right: 2em;
    padding: 0.2em 0.2em 1em 0.2em;
    cursor: pointer;
}

.w3-product-4__item {
    display: grid;
    grid-template-columns: repeat(6, minmax(10em, 1fr));
    grid-template-rows: repeat(2, minmax(10em, 1fr));
    margin: 0 auto;
    padding: 1em 0 0 0;
    background-color: #f5f5f5;
    grid-column-gap: 0.2em;
    max-width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item {
        grid-template-columns: repeat(4, minmax(10em, 1fr));
        grid-template-rows: repeat(3, minmax(10em, 1fr));
        height: auto;
    }
}

@media only screen and (max-width: 56.25em) {
    .w3-product-4__item {
        grid-template-columns: repeat(4, minmax(10em, 1fr));
        grid-template-rows: repeat(3, minmax(32em, 1fr));
        height: auto;
    }
}

@media only screen and (max-width: 50em) {
    .w3-product-4__item {
        grid-template-columns: repeat(4, minmax(10em, 1fr));
        grid-template-rows: repeat(3, minmax(26em, 1fr));
        height: auto;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item {
        display: block;
        margin: 0 auto;
    }
}

.w3-product-4__item__small-card {
    background-color: white;
    position: relative;
    padding: 1em;
}

.w3-product-4__item__small-card--1 {
    grid-row: 1 / 2;
    grid-column: 1 / 2;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--1 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--1 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--2 {
    border-top: 0.2em solid #f5f5f5;
    grid-row: 2 / 3;
    grid-column: 1 / 2;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--2 {
        grid-row: 2 / 3;
        grid-column: 1 / 2;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--2 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--3 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--3 {
        grid-row: 1 / 2;
        grid-column: 2 / 3;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--3 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--4 {
    border-top: 0.2em solid #f5f5f5;
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--4 {
        grid-row: 2 / 3;
        grid-column: 2 / 3;
        transform: translateY(0);
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--4 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--5 {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
    border-top: 0.2em solid #f5f5f5;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--5 {
        grid-row: 3 / 4;
        grid-column: 1 / 2;
        border-bottom: 0.2em solid #f5f5f5;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--5 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--6 {
    border-top: 0.2em solid #f5f5f5;
    grid-row: 2 / 3;
    grid-column: 3 / 4;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--6 {
        grid-row: 3 / 4;
        grid-column: 2 / 3;
        border-bottom: 0.2em solid #f5f5f5;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--6 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--7 {
    border-top: 0.2em solid #f5f5f5;
    grid-row: 1 / 2;
    grid-column: 4 / 5;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--7 {
        grid-row: 3 / 4;
        grid-column: 3 / 4;
        border-bottom: 0.2em solid #f5f5f5;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--7 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--8 {
    border-top: 0.2em solid #f5f5f5;
    grid-row: 2 / 3;
    grid-column: 4 / 5;
}

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--8 {
        grid-row: 3 / 4;
        grid-column: 4 / 5;
        transform: translateY(0);
        border-bottom: 0.2em solid #f5f5f5;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--8 {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card--main {
    grid-row: 1 / span 2;
    grid-column: 5 / span 2;
    height: auto;
    min-height: 0;
    min-width: 0;
}

    .w3-product-4__item__small-card--main button i {
        font-size: 1.5em;
    }

@media only screen and (max-width: 68.75em) {
    .w3-product-4__item__small-card--main {
        grid-row: 1 / span 2;
        grid-column: 3 / span 2;
    }
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card--main {
        grid-row: 1 / 2;
        grid-column: 1 / 2;
    }
}

.w3-product-4__item__small-card__thumb {
    display: inline-block;
    margin-bottom: 0.5em;
}

.w3-product-4__item__small-card__thumb__imgbox {
    border: 0.1em solid #f5f5f5;
    width: 5em;
    cursor: pointer;
    height: 5em;
    background-size: contain;
    background-position: center;
}

.w3-product-4__item__small-card__thumb__imgbox__img {
    margin: 0 auto;
}

.w3-product-4__item__small-card:hover {
    display: inline-block;
    box-shadow: 0px -1px 5px 1px rgba(151, 151, 151, 0.1);
}

@media only screen and (max-width: 37.5em) {
    .w3-product-4__item__small-card:hover {
        display: block;
    }
}

.w3-product-4__item__small-card__info--1 {
    font-weight: 300;
}

.w3-product-4__item__small-card__info--2 {
    cursor: pointer;
    color: #0062bd;
    margin-top: 1em;
}

.w3-product-4__item__small-card__imgbox {
    width: 100%;
    margin: 1em auto;
    height: 18em;
    background-size: contain;
    background-position: center;
}

.w3-product-4__item__small-card__imgbox--main {
    width: 100%;
    height: 42em;
    background-size: contain;
    background-position: center;
}

.w3-product-4__item__small-card__imgbox__img {
    height: 100%;
    width: 100%;
}

.w3-product-4__item__small-card__price {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w3-product-4__item__small-card__price__group__first {
    display: inline-block;
    color: orangered;
    font-size: 1.4em;
}

.w3-product-4__item__small-card__price__group__second {
    display: inline-block;
    font-size: 1em;
    text-decoration: line-through;
    font-weight: 300;
}

.w3-product-4__item__small-card__price__btn {
    display: inline-block;
    position: relative;
    right: 0;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.6em;
    border-radius: 50%;
    width: 3em;
    height: 3em;
    font-size: 1.3em;
    border: none;
    color: black;
    cursor: pointer;
}

.w3-product-4__item__small-card__price__btn--main {
    width: 4em;
    height: 4em;
    margin-right: 3em;
}

.w3-product-4__item__small-card__price__btn__svg__card {
    font-size: 1.2em;
}

.w3-product-4__item__small-card__price__btn__svg__card--main {
    font-size: 1.2em;
}

/*ed*/
/*w3-partners*/
.w3-partners {
    width: 100%;
    position: relative;
    background-color: white;
    padding: 3em 1em;
}

.w3-partners__group {
    margin: 0 auto;
    max-width: 120em;
    border-top: 0.1em solid #f5f5f5;
    border-bottom: 0.1em solid #f5f5f5;
}

.w3-partners__list {
    width: 100%;
    margin: 0 auto;
}

.w3-partners__list__item {
    width: 100%;
    display: inline-block;
    margin-right: 1em;
}

.w3-partners__list__item__imglink__imgbox {
    height: 10em;
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w3-partners__list__item__imglink__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

/*ed*/
/*w3-producttab*/
.w3-producttab {
    width: 100%;
    position: relative;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w3-producttab__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    padding-left: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w3-producttab__group {
        flex-wrap: wrap;
    }
}

.w3-producttab__banner {
    cursor: pointer;
    max-width: 25%;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w3-producttab__banner {
        display: none;
    }
}

.w3-producttab__banner__imgbox {
    width: 100%;
    height: 35em;
    background-size: contain;
    background-position: center;
}

.w3-producttab__banner__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w3-producttab__item {
    width: 22%;
    display: inline-block;
    margin-right: 1em;
    margin-top: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w3-producttab__item {
        display: block;
        width: 100%;
    }
}

.w3-producttab__item__title {
    padding: 1em 0;
    font-size: 1.6em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    white-space: nowrap;
    display: block;
}

.w3-producttab__item__card {
    margin-top: 2em;
    display: flex;
}

@media only screen and (max-width: 56.25em) {
    .w3-producttab__item__card {
        flex-wrap: wrap;
    }
}

.w3-producttab__item__card__imgbox {
    max-width: 7em;
    min-width: 7em;
    background-size: contain;
    background-position: center;
    height: auto;
}

@media only screen and (max-width: 56.25em) {
    .w3-producttab__item__card__imgbox {
        max-width: 100%;
    }
}

.w3-producttab__item__card__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w3-producttab__item__card__info {
    padding: 0 1em;
}

@media only screen and (max-width: 56.25em) {
    .w3-producttab__item__card__info {
        padding: 1em 0;
    }
}

.w3-producttab__item__card__info--1 {
    color: #0062bd;
    font-size: 1.4em;
    cursor: pointer;
}

.w3-producttab__item__card__info__group-star {
    margin: 0.5em 0;
    display: inline-block;
    position: relative;
}

.w3-producttab__item__card__info__group-star__icon {
    display: inline-block;
    color: rgba(var(--main-color-w), 1);
    font-size: 1em;
    position: relative;
}

.w3-producttab__item__card__info__price__group__first {
    display: inline-block;
    font-size: 1.2em;
    color: orangered;
}

.w3-producttab__item__card__info__price__group__second {
    display: inline-block;
    text-decoration: line-through;
}

/*ed*/
/*w3-ctaregister*/
.w3-ctaregister {
    display: flex;
    width: 100%;
    background-color: #ff5a5f;
    padding: 3em 1em;
    color: var(--text-color-w);
}

.w3-ctaregister__group {
    width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w3-ctaregister__group {
        display: block;
    }
}

.w3-ctaregister__info {
    display: flex;
    align-items: center;
}

.w3-ctaregister__info__icon {
    font-size: 3em;
    margin: 0.5em;
}

.w3-ctaregister__info__text--1 {
    font-size: 1.4em;
    font-weight: 300;
    margin: 0 1em;
}

.w3-ctaregister__info__text--2 {
    font-size: 1.3em;
    font-weight: 600;
}

.w3-ctaregister__input-form {
    display: flex;
    position: relative;
    background-color: white;
    border: none;
    border-radius: 2.5em;
    width: 45%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w3-ctaregister__input-form {
        width: 100%;
        margin-top: 1em;
    }
}

.w3-ctaregister__input-form__text {
    border: none;
    font-size: 1.6em;
    outline: none;
    margin: 1em;
}

.w3-ctaregister__input-form__btn {
    right: 0;
    float: right;
    margin-left: auto;
    border: none;
    background-color: black;
    color: white;
    padding: 1em 2em;
    top: 0;
    font-size: 1.6em;
    cursor: pointer;
}

/*ed*/
/*w3-footer*/
.w3-footer {
    display: flex;
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w3-footer__group {
    width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w3-footer__group {
        display: block;
    }
}

.w3-footer-col {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w3-footer-col {
        width: 100%;
    }
}

.w3-footer__info {
    width: 30%;
    padding: 0 0.5em;
}

@media only screen and (max-width: 50em) {
    .w3-footer__info {
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w3-footer__info__logo {
    width: 15em;
}

.w3-footer__info__question {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w3-footer__info__question {
        justify-content: center;
    }
}

.w3-footer__info__question__icon {
    font-size: 4em;
}

.w3-footer__info__question__text {
    margin-left: 2em;
}

.w3-footer__info__question__text--1 {
    font-size: 1.4em;
    font-weight: 300;
}

.w3-footer__info__question__text--2 {
    font-size: 1.6em;
    font-weight: 400;
}

.w3-footer__info__contact {
    font-weight: 600;
    margin-top: 2em;
    font-size: 1.4em;
}

.w3-footer__info__address {
    font-weight: 300;
}

.w3-footer__info__link {
    margin-top: 1em;
    display: inline-block;
}

.w3-footer__info__link__social {
    cursor: pointer;
    max-width: 2em;
    fill: #999;
    margin: 0 2em;
    height: 2em;
}

.w3-footer__des {
    width: 33%;
}

@media only screen and (max-width: 50em) {
    .w3-footer__des {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 2em;
    }
}

.w3-footer__des__title {
    font-size: 1.8em;
    font-size: 1.6rem;
    display: inline-block;
}

.w3-footer__des__link-group {
    margin-top: 2em;
}

.w3-footer__des__link-group__text {
    display: block;
    margin-bottom: 1em;
    font-size: 1.4em;
    font-weight: 300;
    cursor: pointer;
}

/*ed*/
/*w3-services*/
.w3-services {
    max-width: 100%;
    position: relative;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w3-services__group {
    max-width: 120em;
    margin: 0 auto;
    border: 0.1em solid #eee;
    border-radius: 1em;
    padding: 1em 0;
    display: flex;
    flex-wrap: wrap;
}

.w3-services__item {
    padding: 1em 0.5em;
    display: flex;
    align-items: center;
    width: 20%;
    justify-content: center;
}

@media only screen and (max-width: 56.25em) {
    .w3-services__item {
        width: 33%;
    }
}

@media only screen and (max-width: 25em) {
    .w3-services__item {
        width: 50%;
    }
}

.w3-services__item:not(:last-child) {
    border-right: 0.1em solid #eee;
}

.w3-services__item__icon {
    margin-right: 0.3em;
    color: rgba(var(--main-color-w), 1);
    font-size: 3em;
}

.w3-services__item__group__des {
    font-weight: 300;
}

.w3-services__item__group__name {
    font-size: 1.4em;
    font-weight: 600;
}

/*ed*/
/*w3-productdetail*/
.w3-productdetail {
    width: 100%;
    margin-top: 5em;
    color: var(--text-color-w);
}

.w3-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w3-productdetail__group {
        flex-wrap: wrap-reverse;
    }
}

.w3-productdetail__first {
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w3-productdetail__first {
        width: 100%;
    }
}

.w3-productdetail__first__item {
    display: inline-block;
    margin-right: 1em;
    margin-top: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w3-productdetail__first__item {
        display: block;
        width: 100%;
    }
}

.w3-productdetail__first__item__title {
    padding: 1em 0;
    font-size: 1.6em;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    white-space: nowrap;
}

.w3-productdetail__first__item__card {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
}

.w3-productdetail__first__item__card__imgbox {
    max-width: 30%;
    height: auto;
    width: 30%;
    background-size: contain;
    background-position: center;
}

.w3-productdetail__first__item__card__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w3-productdetail__first__item__card__info {
    padding: 0 1em;
    width: 70%;
}

.w3-productdetail__first__item__card__info--1 {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
    cursor: pointer;
}

.w3-productdetail__first__item__card__info__group-star {
    margin: 0.5em 0;
    display: inline-block;
    position: relative;
}

.w3-productdetail__first__item__card__info__group-star__icon {
    display: inline-block;
    color: rgba(var(--main-color-w), 1);
    font-size: 1em;
    position: relative;
}

.w3-productdetail__first__item__card__info__price__group__first {
    display: inline-block;
    font-size: 1.2em;
    color: orangered;
}

.w3-productdetail__first__item__card__info__price__group__second {
    display: inline-block;
    text-decoration: line-through;
}

.w3-productdetail__second {
    width: 70%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w3-productdetail__second {
        width: 100%;
    }
}

.w3-productdetail__second__card {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w3-productdetail__second__card {
        flex-direction: column;
    }
}

.w3-productdetail__second__card__owl-imgbox {
    background-size: contain;
    background-position: center;
}

.w3-productdetail__second__card__owl-imgbox__img {
    width: 100%;
}

.w3-productdetail__second__card__owl-thumb {
    width: 100%;
    display: flex;
    background-color: transparent;
}

    .w3-productdetail__second__card__owl-thumb .owl-thumb-item {
        background-color: transparent !important;
        border: none;
    }

.w3-productdetail__second__card__owl-thumb__imgbox {
    width: 100%;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w3-productdetail__second__card__owl-thumb__imgbox__img {
    width: 100%;
}

.w3-productdetail__second__card__owl-col {
    width: 50%;
    margin-right: 2em;
}

.w3-productdetail__second__card__owl-col-1 {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w3-productdetail__second__card__owl-col {
        width: 100%;
    }
}

.w3-productdetail__second__card__button {
    border: 0.1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: black;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
}

    .w3-productdetail__second__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w3-productdetail__second__card__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
    transform: translateY(-50%);
}

.w3-productdetail__second__card__button__icon {
    font-size: 2em;
}

.w3-productdetail__second__card__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    z-index: 2;
    transform: translateY(-50%);
}

.w3-productdetail__second__card__imgbox {
    width: 100%;
    height: 30em;
    background-size: contain;
    background-position: center;
    overflow: hidden;
    border: 0.1em solid #eee;
}

@media only screen and (max-width: 50em) {
    .w3-productdetail__second__card__imgbox {
        width: 100%;
    }
}

.w3-productdetail__second__card__imgbox__img {
    transition: all 0.3s ease-in-out;
    width: 100%;
}

    .w3-productdetail__second__card__imgbox__img:hover {
        transform: scale(1.3);
    }

.w3-productdetail__second__card__info {
    width: 45%;
}

@media only screen and (max-width: 50em) {
    .w3-productdetail__second__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w3-productdetail__second__card__info__status {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w3-productdetail__second__card__info__name {
    margin-top: 0.5em;
    font-size: 3em;
    line-height: 1.8em;
}

.w3-productdetail__second__card__info__star {
    margin-top: 1em;
    border-bottom: 0.1em solid #eee;
    padding-bottom: 1em;
}

.w3-productdetail__second__card__info__star__icon {
    color: #f93;
    font-size: 1.3em;
}

.w3-productdetail__second__card__info__price {
    margin-top: 1em;
    display: flex;
    font-size: 2.5em;
}

.w3-productdetail__second__card__info__price__main {
    display: inline-block;
    font-weight: 600;
}

.w3-productdetail__second__card__info__price__sub {
    margin-left: 1em;
    text-decoration: line-through;
    display: inline-block;
    color: var(--text-color-w);
}

.w3-productdetail__second__card__info__des {
    margin-top: 1em;
    color: var(--text-color-w);
    font-size: 1.3em;
    text-align: justify;
    line-height: 1.8em;
}

.w3-productdetail__second__card__info__form {
    margin-top: 4em;
    width: 100%;
    padding-bottom: 3em;
    border-bottom: 0.1em solid #eee;
    display: block;
}

.w3-productdetail__second__card__info__form__input {
    padding: 1em;
    border: 0.1em solid #eee;
    width: 100%;
    display: block;
}

.w3-productdetail__second__card__info__form__button {
    color: white;
    background-color: #ef3636;
    border: none;
    border-radius: 2em;
    padding: 1em;
    display: block;
    width: 100%;
    margin-top: 1em;
    outline: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w3-productdetail__second__card__info__form__button__icon {
    font-size: 1.4em;
    margin-left: 0.5em;
}

.w3-productdetail__second__card__info__form__button:hover {
    filter: brightness(0.8);
}

.w3-productdetail__second__card__info__cate {
    display: flex;
    padding: 1em;
    flex-wrap: wrap;
}

.w3-productdetail__second__card__info__cate-row {
    margin-top: 1em;
}

.w3-productdetail__second__card__info__cate__text {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.3em;
    font-weight: 600;
}

.w3-productdetail__second__card__info__cate__name {
    color: var(--text-color-w);
    margin-left: 1em;
    font-size: 1.3em;
}

.w3-productdetail__second__card__info__cate__icon {
    margin-left: 1em;
    font-size: 2em;
    cursor: pointer;
}

.w3-productdetail__second__add {
    padding: 5em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w3-productdetail__second__add {
        padding: 5em 0.2em;
    }
}

.w3-productdetail__second__add__text {
    color: var(--text-color-w);
    padding: 2em 0;
    text-align: justify;
    line-height: 2em;
    display: none;
    line-height: 1.8em;
    font-size: 1.5em;
    text-align: justify;
}

.w3-productdetail__second__add__heading {
    display: flex;
    justify-content: center;
    border-bottom: 0.1em solid #eee;
}

@media only screen and (max-width: 50em) {
    .w3-productdetail__second__add__heading {
        flex-direction: column;
    }
}

.w3-productdetail__second__add__heading__text {
    white-space: nowrap;
    font-size: 2em;
    font-weight: 600;
    cursor: pointer;
    padding-bottom: 1em;
}

    .w3-productdetail__second__add__heading__text:not(:first-child) {
        margin-left: 2em;
    }

@media only screen and (max-width: 50em) {
    .w3-productdetail__second__add__heading__text:not(:first-child) {
        margin-left: 0;
        margin-bottom: 1em;
    }
}

.w3-productdetail__second__add__heading__text-active {
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    display: block;
    z-index: 1;
}

.w3-productdetail__second__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
    display: none;
}

.w3-productdetail__second__add__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w3-productdetail__second__add__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w3-productdetail__second__add__table__td:last-child {
        font-weight: 300;
    }

.w3-productdetail__second__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w3-productdetail__second__add__review {
    display: none;
    justify-content: space-between;
    padding: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w3-productdetail__second__add__review {
        flex-direction: column;
    }
}

.w3-productdetail__second__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w3-productdetail__second__add__review__first {
        width: 100%;
    }
}

.w3-productdetail__second__add__review__first-col {
    display: flex;
}

.w3-productdetail__second__add__review__first__imgbox {
    width: 10em;
    min-width: 10em;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w3-productdetail__second__add__review__first__imgbox__img {
    width: 100%;
}

.w3-productdetail__second__add__review__first__comment {
    margin-left: 1em;
    margin-bottom: 2em;
}

.w3-productdetail__second__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w3-productdetail__second__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.4em;
}

.w3-productdetail__second__add__review__first__comment__head__user__date {
    color: var(--text-color-w);
}

.w3-productdetail__second__add__review__first__comment__star__icon {
    color: #f93;
    font-size: 1.4em;
}

.w3-productdetail__second__add__review__first__comment__text {
    color: var(--text-color-w);
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    font-size: 1.4em;
}

.w3-productdetail__second__add__review__second {
    width: 48%;
}

@media only screen and (max-width: 37.5em) {
    .w3-productdetail__second__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w3-productdetail__second__add__review__second sup {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w3-productdetail__second__add__review__second__title {
    font-weight: 300;
    font-size: 1.4em;
}

.w3-productdetail__second__add__review__second__textrate {
    margin-top: 2em;
    font-size: 1.4em;
}

.w3-productdetail__second__add__review__second__star {
    margin-top: 1em;
}

.w3-productdetail__second__add__review__second__star__icon {
    color: #f93;
    font-size: 1.4em;
}

.w3-productdetail__second__add__review__second__textreview {
    margin-top: 1em;
    font-size: 1.4em;
}

.w3-productdetail__second__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    padding: 0.5em;
}

.w3-productdetail__second__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w3-productdetail__second__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w3-productdetail__second__add__review__second__textform__name__info {
    font-weight: 300;
}

.w3-productdetail__second__add__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w3-productdetail__second__add__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    margin-left: auto;
    display: block;
    width: 100%;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.4em;
}

    .w3-productdetail__second__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w4-topbar*/
.w4-topbar {
    position: relative;
    width: 100%;
    padding: 3em 1em;
    background-color: black;
    color: var(--text-color-w);
}

.w4-topbar__group {
    max-width: 120em;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
}

.w4-topbar__info {
    color: white;
}

.w4-topbar__info__icon {
    font-size: 1.5em;
}

.w4-topbar__info__text {
    font-weight: 300;
    font-size: 1.4em;
}

.w4-topbar__link {
    color: white;
}

.w4-topbar__link__svgbox {
    cursor: pointer;
    padding: 0.5em;
}

.w4-topbar__link__svgbox__icon {
    font-size: 1.5em;
}

/*ed*/
/*w4-banner*/
.w4-banner {
    width: 100%;
}

.w4-banner__group {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 120em;
}

    .w4-banner__group .gallery-top {
        position: relative;
    }

.w4-banner__content {
    position: relative;
}

.w4-banner__content__imgbox {
    width: 100%;
    background-position: center;
    background-size: cover;
}

.w4-banner__content__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w4-banner__content__form {
    margin: 0 auto;
    top: 30%;
    z-index: 100;
    position: absolute;
    width: 100%;
    left: 5%;
}

@media only screen and (max-width: 37.5em) {
    .w4-banner__content__form {
        top: 10%;
    }
}

.w4-banner__content__form__info {
    color: white;
}

.w4-banner__content__form__info__name {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 2em;
    font-size: 1.6em;
    font-weight: 600;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w4-banner__content__form__info__name {
        font-size: 1em;
    }
}

.w4-banner__content__form__info__des {
    background-color: #333;
    padding: 1em 2em;
    font-size: 1.6em;
    font-weight: 600;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w4-banner__content__form__info__des {
        font-size: 1em;
    }
}

.w4-banner__content__form__para {
    background-color: white;
    padding: 2em 1em;
    max-width: 50em;
}

@media only screen and (max-width: 37.5em) {
    .w4-banner__content__form__para {
        width: auto;
        max-width: 30em;
        padding: 1em;
    }
}

.w4-banner__content__form__para--1 {
    font-size: 2em;
    cursor: pointer;
    font-weight: 600;
    text-decoration: none;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5em) {
    .w4-banner__content__form__para--1 {
        font-size: 1em;
    }
}

.w4-banner__content__form__para--2 {
    margin-top: 1em;
    font-weight: 300;
}

@media only screen and (max-width: 37.5em) {
    .w4-banner__content__form__para--2 {
        font-size: 1em;
    }
}

.w4-banner .swiper-button-next {
    color: white;
    cursor: pointer;
    z-index: 1;
}

.w4-banner .swiper-button-prev {
    color: white;
    cursor: pointer;
    z-index: 1;
}

/*ed*/
/*w4-menu*/
.w4-menu {
    position: relative;
    width: 100%;
    background-color: white;
    color: var(--text-color-w);
    height: 8em;
    z-index: 3;
}

.w4-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 100%;
}

@media only screen and (min-width: 37.5em) {
    .w4-menu__ab {
        position: absolute;
        background-color: transparent;
        z-index: 2;
    }

        .w4-menu__ab a {
            color: white !important;
        }
}

.w4-menu__nav__checkbox {
    display: none;
}

@media only screen and (max-width: 37.5em) {
    .w4-menu__nav__checkbox:checked ~ .w4-menu__items {
        display: inline-block;
    }
}

.w4-menu__iconbox {
    width: 6em;
    align-self: center;
    text-align: center;
}

@media only screen and (min-width: 37.5em) {
    .w4-menu__iconbox {
        display: none;
    }
}

.w4-menu__iconbox__icon {
    font-size: 3em;
    color: rgba(var(--main-color-w), 1);
}

.w4-menu__logobox {
    padding: 1em;
    width: 20em;
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w4-menu__logobox__img {
    max-width: 100%;
    max-height: 6.5em;
}

@media only screen and (max-width: 37.5em) {
    .w4-menu__logobox {
        max-width: 11em;
    }
}

.w4-menu__items {
    display: flex;
    list-style: none;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w4-menu__items {
        display: none;
        flex-direction: column;
        position: absolute;
        z-index: 2;
        top: 8em;
        padding-bottom: 8em;
        right: 0;
        background-color: black;
        color: white !important;
        height: 100vh;
        overflow: scroll;
    }
}

.w4-menu__items__item {
    font-size: 1.2em;
    font-weight: 400;
    position: relative;
    text-transform: uppercase;
    text-align: left;
    white-space: nowrap;
}

    .w4-menu__items__item a {
        text-decoration: none;
        color: #868686;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 2em 1em;
        display: block;
    }

@media only screen and (max-width: 37.5em) {
    .w4-menu__items__item a {
        color: white !important;
        display: block;
    }
}

.w4-menu__items__item__dropmenu {
    list-style: none;
    position: absolute;
    z-index: 2;
    background-color: black;
    top: 5em;
    color: white;
    right: 0;
    clear: both;
}

@media only screen and (max-width: 37.5em) {
    .w4-menu__items__item__dropmenu {
        visibility: visible;
        position: relative;
        top: 0;
        padding: 0 1em;
    }
}

.w4-menu__items__item__dropmenu--1 {
    visibility: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w4-menu__items__item__dropmenu--1 {
        visibility: visible;
        position: relative;
        top: 0;
    }
}

.w4-menu__items__item__dropmenu--2 {
    visibility: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w4-menu__items__item__dropmenu--2 {
        visibility: visible;
        position: relative;
        top: 0;
    }
}

.w4-menu__items__item__dropmenu--3 {
    visibility: hidden;
}

.w4-menu__items__item__dropmenu__child {
    width: 20em;
    position: relative;
    clear: both;
    text-transform: uppercase;
    text-overflow: ellipsis;
}

    .w4-menu__items__item__dropmenu__child a {
        white-space: nowrap;
        color: white !important;
        font-weight: 300;
        text-transform: uppercase;
        text-overflow: ellipsis;
        overflow: hidden;
        padding: 2em 1em;
        display: block;
    }

.w4-menu__items__item__dropmenu-child {
    position: absolute;
    top: 0;
    left: -20em;
    width: 20em;
}

@media only screen and (max-width: 37.5em) {
    .w4-menu__items__item__dropmenu-child {
        visibility: visible;
        position: relative;
        left: 0;
    }
}

.w4-menu__items__item__dropmenu__child--1:hover .w4-menu__items__item__dropmenu--2 {
    animation: moveToBottom 0.2s;
    visibility: visible;
}

.w4-menu__items__item__dropmenu__child--2:hover .w4-menu__items__item__dropmenu--3 {
    animation: moveToBottom 0.2s;
    visibility: visible;
}

.w4-menu__items__item:hover .w4-menu__items__item__dropmenu--1 {
    animation: moveToBottom 0.2s;
    visibility: visible;
}

.w4-menu__items__item:hover a {
    background-color: black;
    color: white;
}

/*ed*/
/*w4-search*/
.w4-search {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w4-search__group {
    margin: 0 auto;
    max-width: 120em;
}

.w4-search__form {
    width: 17%;
    margin-bottom: 1em;
    margin-top: 1em;
    background-color: white;
    border: 0.1em solid #eee;
    border-radius: 0.3em;
    display: flex;
    align-items: center;
    margin-right: 1em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w4-search__form {
        width: 100%;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w4-search__form {
        width: 100%;
        margin-right: 0;
    }
}

.w4-search__form:hover {
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w4-search__form__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 0em;
    margin-left: 1em;
}

.w4-search__form__icon-right {
    margin-left: auto;
    float: right;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w4-search__form__input {
    border: none;
    outline: none;
    width: 100%;
    margin: 0.7em;
}

.w4-search__form__items {
    margin: 1em;
    list-style: none;
    width: 100%;
    background-color: white;
}

.w4-search__form__items__item {
    width: 100%;
}

.w4-search__form__items__item__checkbox-sl {
    display: none;
}

.w4-search__form__items__item__text {
    font-size: 1.2em;
    margin-right: 0.5em;
    width: 100%;
    white-space: nowrap;
    display: block;
    cursor: pointer;
}

.w4-search__form__items__item__checkbox-sl:checked ~ .w4-search__form__items-1 {
    display: block;
}

.w4-search__form__items-1 {
    list-style: none;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 4em;
    background-color: transparent;
    overflow: hidden;
    background-color: white;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    z-index: 3;
}

.w4-search__form__items-1__item {
    cursor: pointer;
    width: 100%;
}

    .w4-search__form__items-1__item:hover {
        background-color: #eee;
    }

.w4-search__form__items-1__item__text {
    font-size: 1.2em;
    margin-right: 0.5em;
    white-space: nowrap;
    display: block;
    width: 100%;
    padding: 1rem;
}

.w4-search__form__items-1__item .active {
    font-weight: 700;
}

.w4-search__bar {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w4-search__bar {
        display: block;
    }
}

.w4-search__bar__button {
    border: none;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    text-transform: uppercase;
    padding: 1em;
    font-weight: 600;
    display: block;
    text-align: center;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    cursor: pointer;
    width: 100%;
    font-size: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w4-search__bar__button {
        width: 100%;
        padding: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w4-search__bar__item {
        margin-top: 1em;
    }
}

.w4-search__bar__item__info {
    padding: 1em;
    border: 0.1em solid #f5f5f5;
    color: #777;
    width: 100%;
}

.w4-search__bar__item__info__li {
    font-weight: 300;
    display: none;
}

.w4-search__bar__item__info__text:hover .w4-search__bar__item__info__li {
    display: block;
}

.w4-search__bar__item__text {
    font-weight: 300;
    height: 3em;
}

/*ed*/
/*w4-product*/
.w4-product {
    position: relative;
    max-width: 100%;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w4-product__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: grid;
    grid-template-columns: repeat(4, minmax(auto, 1fr));
    grid-template-rows: repeat(2, minmax(5em, 1fr));
    grid-gap: 2em;
    max-height: 40em;
}

@media only screen and (max-width: 37.5em) {
    .w4-product__group {
        grid-template-columns: repeat(2, minmax(10em, 1fr));
        grid-template-rows: repeat(4, minmax(5em, 1fr));
    }
}

.w4-product__card {
    overflow: hidden;
    position: relative;
}

    .w4-product__card figure {
        transform: scale(1.3);
    }

.w4-product__card__img {
    width: 100%;
}

.w4-product__card:hover figure {
    transition: all 0.5s;
    transform: scale(1.2) translateX(2em);
}

.w4-product__card__text {
    position: absolute;
    bottom: 0;
    padding: 2em;
    background-color: rgba(0, 0, 0, 0.6);
    color: white;
    width: 100%;
    transition: all 0.5s;
}

@media only screen and (max-width: 50em) {
    .w4-product__card__text {
        padding: 0.5em;
    }
}

.w4-product__card__text__name {
    font-size: 1.4em;
    margin-bottom: 1em;
}

@media only screen and (max-width: 62.5em) {
    .w4-product__card__text__name {
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 43.75em) {
    .w4-product__card__text__name {
        font-size: 1em;
    }
}

.w4-product__card__text__des {
    font-size: 1.4em;
    font-weight: 300;
}

@media only screen and (max-width: 43.75em) {
    .w4-product__card__text__des {
        font-size: 0.8em;
    }
}

.w4-product__card__main-card {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}

.w4-product__card__main-card__imgbox {
    height: 40em;
    background-size: contain;
    background-position: center;
}

.w4-product__card__main-card__imgbox__img {
    margin: 0 auto;
}

.w4-product__card__child-card__imgbox {
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w4-product__card__child-card--1 {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
}

@media only screen and (max-width: 37.5em) {
    .w4-product__card__child-card--1 {
        grid-row: 3 / 4;
        grid-column: 1 / 2;
    }
}

.w4-product__card__child-card--2 {
    grid-row: 1 / 2;
    grid-column: 4 / 5;
}

@media only screen and (max-width: 37.5em) {
    .w4-product__card__child-card--2 {
        grid-row: 3 / 4;
        grid-column: 2 / 3;
    }
}

.w4-product__card__child-card--3 {
    grid-row: 2 / 3;
    grid-column: 3 / 4;
}

@media only screen and (max-width: 37.5em) {
    .w4-product__card__child-card--3 {
        grid-row: 4 / 5;
        grid-column: 1 / 2;
    }
}

.w4-product__card__child-card--4 {
    grid-row: 2 / 3;
    grid-column: 4 / 5;
}

@media only screen and (max-width: 37.5em) {
    .w4-product__card__child-card--4 {
        grid-row: 4 / 5;
        grid-column: 2 / 3;
    }
}

@media only screen and (max-width: 37.5em) {
    .w4-product__card__child-card__text__name {
        font-size: 1.1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w4-product__card__child-card__text__des {
        font-size: 0.8em;
    }
}

/*ed*/
/*w4-product-1*/
.w4-product-1 {
    position: relative;
    max-width: 100%;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w4-product-1__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
}

.w4-product-1__title {
    display: block;
    margin-top: 1em;
}

.w4-product-1__title__heading {
    display: block;
    font-size: 3em;
    font-weight: 800;
}

.w4-product-1__title__item {
    margin-top: 2em;
}

.w4-product-1__title__item__text {
    margin-bottom: 1em;
    display: inline-block;
    padding: 1em 2em;
    border: 0.1em solid #333;
    cursor: pointer;
}

.w4-product-1__card {
    display: flex;
    margin-top: 3em;
    flex-wrap: wrap;
    padding-left: 1%;
}

.w4-product-1__card__item {
    width: 32%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w4-product-1__card__item {
        width: 47%;
    }
}

@media only screen and (max-width: 25em) {
    .w4-product-1__card__item {
        width: 46%;
    }
}

.w4-product-1__card__item:not(:last-child) {
    margin-right: 1em;
}

.w4-product-1__card__item:hover {
    box-shadow: 0.1em 0.1em 1em 0.1em #999;
}

.w4-product-1__card__item__content {
    position: relative;
    overflow: hidden;
}

.w4-product-1__card__item__content__imgbox {
    max-width: 100%;
    transform: scale(1.3);
    height: 27em;
    background-size: contain;
    background-position: center;
}

.w4-product-1__card__item__content__imgbox__img {
    margin: 0 auto;
}

.w4-product-1__card__item__content__price {
    bottom: 0;
    position: absolute;
    color: white;
}

.w4-product-1__card__item__content__price__main {
    background-color: #ff0000;
    display: inline-block;
    padding: 0.5em 1em;
}

.w4-product-1__card__item__content__price__sub {
    margin-left: -0.3em;
    display: inline-block;
    background-color: #333333;
    padding: 0.5em 1em;
}

.w4-product-1__card__item__info {
    padding: 1em;
}

.w4-product-1__card__item__info--1 {
    font-size: 1.6em;
    display: block;
}

@media only screen and (max-width: 37.5em) {
    .w4-product-1__card__item__info--1 {
        font-size: 1.2em;
    }
}

.w4-product-1__card__item__info--2 {
    margin-top: 1em;
    font-weight: 300;
}

.w4-product-1__card__item__des {
    border-top: 0.1em solid #f5f5f5;
    padding: 1em;
    display: flex;
    justify-content: space-between;
}

.w4-product-1__card__item__des__room {
    display: flex;
}

.w4-product-1__card__item__des__room__child {
    align-items: center;
    display: flex;
    margin-left: 1em;
}

.w4-product-1__card__item__des__room__icon {
    font-size: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w4-product-1__card__item__des__room__icon {
        font-size: 1.5em;
    }
}

.w4-product-1__card__item__des__room__text {
    margin-left: 1em;
}

.w4-product-1__card__item:hover .w4-product-1__card__item__content__imgbox {
    transition: all 0.2s;
    transform: scale(1.4) translateX(1em);
}

/*ed*/
/*w4-teamus*/
.w4-teamus {
    position: relative;
    width: 100%;
    background-color: white;
    color: var(--text-color-w);
    padding: 3em 1em;
}

.w4-teamus__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
}

.w4-teamus__title {
    font-size: 3em;
    font-weight: 600;
}

.w4-teamus__item {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w4-teamus__item {
        display: block;
    }
}

.w4-teamus__item__card {
    margin-top: 1em;
    display: flex;
    max-width: 49%;
    padding: 1.5em;
    border: 0.1em solid #333;
}

    .w4-teamus__item__card:not(:last-child) {
        margin-right: 1em;
    }

@media only screen and (max-width: 37.5em) {
    .w4-teamus__item__card {
        max-width: 100%;
        margin-right: 0 !important;
    }
}

.w4-teamus__item__card__imgbox {
    max-width: 25em;
    min-width: 25em;
    height: 25em;
    background-size: contain;
    background-position: center;
}

.w4-teamus__item__card__imgbox__img {
    max-width: 100%;
    margin: 0 auto;
}

.w4-teamus__item__card__info {
    margin-left: 1em;
    margin-top: 1em;
}

.w4-teamus__item__card__info__text {
    font-weight: 300;
    margin-bottom: 1em;
    font-size: 1.4em;
}

.w4-teamus__item__card__info__name {
    font-weight: 800;
    font-size: 1.4em;
    margin-bottom: 1em;
}

.w4-teamus__item__card__info__office {
    margin-bottom: 1em;
    display: flex;
    align-items: center;
}

.w4-teamus__item__card__info__office__icon {
    font-size: 1.5em;
}

.w4-teamus__item__card__info__office__text {
    font-weight: 300;
    font-size: 1.4em;
    margin-left: 0.5em;
}

/*ed*/
/*w4-aboutus*/
.w4-aboutus {
    position: relative;
    width: 100%;
    background-color: white;
}

.w4-aboutus__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w4-aboutus__group {
        display: block;
    }
}

.w4-aboutus__first {
    max-width: 33%;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w4-aboutus__first {
        max-width: 100%;
    }
}

.w4-aboutus__first__title {
    font-size: 3em;
    font-weight: 600;
    white-space: nowrap;
}

.w4-aboutus__first__imgbox {
    margin-top: 2em;
    max-width: 100%;
    height: 26em;
    background-size: contain;
    background-position: center;
}

.w4-aboutus__first__imgbox__img {
    max-width: 100%;
    margin: 0 auto;
}

.w4-aboutus__first__para {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.3em;
}

.w4-aboutus__first__btn {
    margin-top: 2em;
    padding: 1em 2em;
    text-transform: uppercase;
    border: 0.2em solid black;
    font-weight: 600;
    background: white;
    cursor: pointer;
    display: inline-block;
}

.w4-aboutus__second {
    max-width: 33%;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w4-aboutus__second {
        max-width: 100%;
    }
}

.w4-aboutus__second__drop {
    margin-top: 1em;
    transition: ease-in-out 0.2s;
    border: 0.1em solid #f5f5f5;
    padding: 1em;
    max-height: 6em;
    overflow: hidden;
}

.w4-aboutus__second__drop__title__checkbox:checked ~ .w4-aboutus__second__drop {
    max-height: 20em;
}

.w4-aboutus__second__drop__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.w4-aboutus__second__drop__title__text {
    text-transform: uppercase;
    font-size: 1.4em;
    position: relative;
}

.w4-aboutus__second__drop__title__icon {
    display: inline-block;
    transform: translateY(-0.2em);
}

    .w4-aboutus__second__drop__title__icon::after {
        content: "-";
        font-size: 3em;
    }

.w4-aboutus__second__drop__para {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.3em;
}

.w4-aboutus__second__checkbox {
    display: none;
}

    .w4-aboutus__second__checkbox:checked + .w4-aboutus__second__drop .w4-aboutus__second__drop__title .w4-aboutus__second__drop__title__icon::after {
        content: "+";
        font-size: 3em;
    }

    .w4-aboutus__second__checkbox:checked + .w4-aboutus__second__drop {
        max-height: 20em;
    }

.w4-aboutus__third {
    padding: 1em;
    max-width: 33%;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w4-aboutus__third {
        max-width: 100%;
    }
}

.w4-aboutus__third__button {
    background-color: white;
    border: none;
    padding: 0.5em 0.5em;
    text-align: center;
    color: black;
    border-radius: 50%;
    font-size: 1.4em;
    display: inline-block;
    width: 3em;
    height: 3em;
    cursor: pointer;
}

    .w4-aboutus__third__button:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

    .w4-aboutus__third__button svg {
        text-align: center;
        width: 100%;
        height: 100%;
    }

.w4-aboutus__third__button-next {
    position: absolute;
    top: 45%;
    right: 2em;
    z-index: 2;
}

.w4-aboutus__third__button-prev {
    position: absolute;
    top: 45%;
    left: 2em;
    z-index: 2;
}

.w4-aboutus__third__card {
    margin-top: 1em;
    background-color: #333;
    text-align: center;
    color: white;
    padding: 2em;
}

.w4-aboutus__third__card__imgbox {
    margin: 0 auto;
    max-width: 15em;
    border-radius: 50%;
    overflow: hidden;
    max-height: 15em;
    height: 15em;
}

.w4-aboutus__third__card__imgbox__img {
    max-width: 100%;
}

.w4-aboutus__third__card__info--1 {
    margin-top: 2em;
    font-weight: 600;
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w4-aboutus__third__card__info--2 {
    margin-top: 2em;
    font-weight: 600;
    font-size: 1.3em;
}

.w4-aboutus__third__card__info--3 {
    font-weight: 600;
    font-size: 1.3em;
    text-align: center;
    position: relative;
}

.w4-aboutus__third__card__info--3__quote::before {
    content: "\201C";
    font-size: 2em;
    display: inline-block;
    top: 0.5em;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
}

.w4-aboutus__third__card__info--3__quote {
    display: inline-block;
}

.w4-aboutus__third__card__info--4 {
    margin-top: 2em;
    font-size: 1.5em;
}

/*ed*/
/*w4-footer*/
.w4-footer {
    position: relative;
    width: 100%;
    background-color: black;
    padding: 2em 1em;
}

.w4-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    padding: 0 1em;
}

@media only screen and (max-width: 37.5em) {
    .w4-footer__group {
        display: block;
    }
}

.w4-footer-col {
    display: flex;
    color: white;
    width: 70%;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w4-footer-col {
        width: 100%;
    }
}

.w4-footer-col:first-child {
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w4-footer-col:first-child {
        width: 100%;
    }
}

.w4-footer__item {
    width: 33%;
    color: white;
    padding: 0 1em;
}

.w4-footer__item-first {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w4-footer__item {
        width: 100%;
    }
}

.w4-footer__item__title {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 1.4em;
    fill: white;
}

.w4-footer__item__des {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
}

.w4-footer__item__contact {
    margin-top: 2em;
}

.w4-footer__item__contact__info__icon {
    fill: white;
    font-size: 2em;
}

.w4-footer__item__link {
    margin-top: 2em;
}

    .w4-footer__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: 0.5em 0;
    }

/*ed*/
/*w5-menu*/
.w5-menu {
    width: 100%;
    display: block;
    overflow: visible;
    z-index: 4;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

@media only screen and (min-width: 37.5em) {
    .w5-menu__ab {
        position: absolute;
        background-color: transparent;
    }
}

.w5-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w5-menu__scroll-menu figure {
        border-radius: 0.4em;
    }

.w5-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w5-menu__group {
        padding: 1em;
    }
}

.w5-menu__logobox {
    text-align: center;
    height: 9em;
    max-height: 9em;
    width: 11em;
    background-size: contain;
    background-position: center;
}

.w5-menu__logobox__img {
    max-width: 100%;
}

.w5-menu__nav__icon {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w5-menu__nav__icon {
        display: inline-block;
    }
}

.w5-menu__nav__checkbox {
    display: none;
}

    .w5-menu__nav__checkbox:checked ~ .w5-menu__items {
        visibility: visible;
        opacity: 1;
    }

.w5-menu__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w5-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.9);
        right: 0;
        top: 11em;
        display: block;
        width: 100%;
        transition: all 0.2s;
        overflow-y: scroll;
        padding: 1em;
        height: 100vh;
    }
}

.w5-menu__items__item {
    color: white;
    padding: 1em 2em;
    font-size: 1.6em;
    font-weight: 700;
    list-style: none;
    cursor: pointer;
    position: relative;
    max-height: 10em;
    line-height: 5em;
    text-align: center;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w5-menu__items__item {
        max-height: 100%;
        text-align: left;
    }
}

.w5-menu__items__item__drop {
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    padding: 1em 2em;
    list-style: none;
    text-align: left;
    top: 7em;
    z-index: 2;
    font-size: 1em;
}

    .w5-menu__items__item__drop i {
        margin-left: auto;
        float: right;
        line-height: 5em;
    }

@media only screen and (max-width: 50em) {
    .w5-menu__items__item__drop {
        opacity: 0;
        position: relative;
        visibility: visible;
        right: 0;
        display: none;
        width: 100%;
        transition: all 0.2s;
        top: 0;
    }
}

.w5-menu__items__item__drop__li {
    white-space: nowrap;
    min-width: 15em;
    height: 5em;
    line-height: 5em;
    text-overflow: ellipsis;
    overflow: hidden;
}

.w5-menu__items__item__drop--2 {
    top: -0.3em;
    left: 17em;
    position: absolute;
}

@media only screen and (max-width: 50em) {
    .w5-menu__items__item__drop--2 {
        position: relative;
        left: 0;
    }
}

.w5-menu__items__item__drop__li:hover .w5-menu__items__item__drop--2 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    display: block;
}

.w5-menu__items__item:hover .w5-menu__items__item__drop--1 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    display: block;
}

.w5-menu__items__button {
    padding: 2em;
    border-radius: 3em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    background-color: transparent;
    color: white;
    transition: all 0.2s;
}

    .w5-menu__items__button:hover {
        background-color: transparent;
        border: 0.2em solid white;
    }

@media only screen and (max-width: 50em) {
    .w5-menu__items__button {
        width: 100%;
        display: block;
        text-align: center;
    }
}

.w5-menu__items__lang {
    list-style: none;
    margin-left: 1em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w5-menu__items__lang {
        margin: 0;
    }
}

.w5-menu__items__lang__imgbox {
    cursor: pointer;
    margin-top: 0.2em;
    width: 3em;
    min-width: 3em;
    padding: 2em 0;
}

@media only screen and (max-width: 50em) {
    .w5-menu__items__lang__imgbox {
        margin: 0 auto;
    }
}

.w5-menu__items__lang:hover .w5-menu__items__lang__items {
    display: block;
}

.w5-menu__items__lang__items {
    position: absolute;
    width: 100%;
    left: 0;
    top: 5em;
    display: none;
}

@media only screen and (max-width: 50em) {
    .w5-menu__items__lang__items {
        transform: translateX(-1.5em);
        left: 50%;
    }
}

.w5-menu__items__lang__items__imgbox {
    cursor: pointer;
    width: 3em;
    min-width: 3em;
    transition: all 0.2s ease;
}

    .w5-menu__items__lang__items__imgbox:hover {
        transform: scale(1.3);
    }

.w5-menu__hover__box--1:hover {
    color: black;
}

    .w5-menu__hover__box--1:hover .w5-menu__hover__box--1__svg {
        color: black;
    }

.w5-menu__hover__box--2:hover {
    color: rgba(var(--main-color-w), 1);
}

    .w5-menu__hover__box--2:hover .w5-menu__hover__box--2__svg {
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w5-banner*/
.w5-banner {
    width: 100%;
    display: block;
    overflow: hidden;
    position: relative;
    background-clip: padding-box;
    background-clip: border-box;
    color: var(--text-color-w);
}

.w5-banner-row {
    max-width: 120em;
    color: white;
    margin: 0 auto;
    padding: 4em 1em 10em 1em;
}

.w5-banner__imgbox {
    background-size: contain;
    background-position: center;
}

.w5-banner__group {
    text-align: center;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 37.5em) {
    .w5-banner__group {
        left: auto;
    }
}

.w5-banner__heading {
    margin-top: 2em;
    font-size: 5em;
    font-weight: 800;
}

.w5-banner__line {
    margin-top: 2em;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    display: inline-block;
    width: 20em;
}

.w5-banner__des {
    margin-top: 2em;
    font-size: 2.5em;
}

.w5-banner__btn {
    margin-top: 4em;
    background-color: white;
    border-radius: 4em;
    font-size: 1.8em;
    padding: 2em;
    font-weight: 800;
    border: none;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
    color: black;
}

    .w5-banner__btn:hover {
        background-color: transparent;
        color: white;
        border: 0.1em solid white;
    }

/*ed*/
/*w5-services*/
.w5-services {
    width: 100%;
    padding: 2em 1em;
    background-color: #f8f8f8;
}

.w5-services__group {
    max-width: 120em;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, 1fr);
}

@media only screen and (max-width: 37.5em) {
    .w5-services__group {
        grid-template-columns: 1fr;
        grid-template-rows: repeat(4, 1fr);
    }
}

.w5-services__main {
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w5-services__main {
        grid-row: 1 / span 2;
        grid-column: 1 / 2;
        text-align: center;
    }
}

.w5-services__main__heading {
    font-weight: 600;
    font-size: 2.5em;
}

.w5-services__main__line {
    margin-top: 2em;
    width: 15em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
}

.w5-services__main__para {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.4em;
    line-height: 1.8em;
}

.w5-services__main__button {
    margin-top: 4em;
    padding: 1.5em 2em;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    border-radius: 3em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    background-color: transparent;
    font-size: 1.2em;
    cursor: pointer;
    display: inline-block;
}

.w5-services__sub {
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w5-services__sub {
        margin-top: 1em;
        text-align: center;
    }
}

.w5-services__sub__icon {
    font-size: 4em;
    color: rgba(var(--main-color-w), 1);
}

.w5-services__sub__heading {
    font-weight: 800;
    font-size: 1.5em;
    margin-top: 1em;
}

.w5-services__sub__para {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.2em;
}

.w5-services__sub--1 {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
}

@media only screen and (max-width: 37.5em) {
    .w5-services__sub--1 {
        grid-row: 3 / 4;
        grid-column: 1 / 2;
    }
}

/*ed*/

/*w5-teamus*/
.w5-teamus {
    width: 100%;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w5-teamus__group {
    max-width: 120em;
    margin: 0 auto;
}

.w5-teamus__heading {
    text-align: center;
    display: block;
}

.w5-teamus__heading__main {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.6em;
}

.w5-teamus__heading__line {
    margin-top: 2em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    width: 15em;
    display: inline-block;
}

.w5-teamus__heading__sub {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.8em;
}

.w5-teamus__item {
    margin-top: 4em;
    display: flex;
    gap: 2%;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w5-teamus__item {
        flex-direction: column;
        align-items: center;
    }
}

.w5-teamus__item__card {
    margin-top: 2em;
    width: 32%;
    position: relative;
    overflow: hidden;
    border: 0.2em solid #eee;
    border-radius: 1em;
    text-align: center;
    display: block;
    max-height: 40em;
}

@media only screen and (max-width: 37.5em) {
    .w5-teamus__item__card {
        max-height: 100%;
        width: 65%;
    }
}

.w5-teamus__item__card__imgbox {
    width: 100%;
    height: 40em;
    background-size: contain;
    background-position: center;
}

.w5-teamus__item__card__imgbox__img {
    max-width: 100%;
    margin: 0 auto;
}

.w5-teamus__item__card__bg {
    background-color: transparent;
    width: 15em;
    height: 15em;
    border-radius: 50%;
    position: absolute;
    top: 10%;
    margin: 0 auto;
    left: calc((100% - 15em) / 2);
    box-shadow: 0 0 0 50em #f8f8f8;
    transition: all 0.4s;
}

.w5-teamus__item__card:hover .w5-teamus__item__card__bg {
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 0;
    top: 0;
}

.w5-teamus__item__card:hover .w5-teamus__item__card__info {
    opacity: 0;
}

.w5-teamus__item__card__info {
    position: absolute;
    top: 65%;
    transition: all 0.3s;
}

.w5-teamus__item__card__info--1 {
    font-size: 1.6em;
    font-weight: 600;
}

.w5-teamus__item__card__info--2 {
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 0.5em;
}

.w5-teamus__item__card__info--3 {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.2em;
}

/*ed*/
/*w5-awards*/
.w5-awards {
    width: 100%;
    background-color: #1f1f1f;
    padding: 3em 1em;
    color: var(--text-color-w);
}

.w5-awards__group {
    max-width: 120em;
    margin: 0 auto;
}

.w5-awards__heading {
    text-align: center;
    display: block;
}

.w5-awards__heading__main {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.6em;
}

.w5-awards__heading__line {
    margin-top: 2em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    width: 15em;
    display: inline-block;
}

.w5-awards__heading__sub {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.8em;
}

.w5-awards__items {
    display: flex;
    justify-content: space-between;
    margin-top: 4em;
}

@media only screen and (max-width: 37.5em) {
    .w5-awards__items {
        flex-direction: column;
        align-items: center;
    }
}

.w5-awards__items__item {
    margin-top: 2em;
    width: 31%;
    text-align: center;
}

.w5-awards__items__item__icon {
    font-size: 5em;
    color: rgba(var(--main-color-w), 1);
}

.w5-awards__items__item__info--1 {
    margin-top: 1em;
    font-size: 5em;
    text-align: center;
    display: flex;
    justify-content: center;
}

.w5-awards__items__item__info--2 {
    margin-top: 2em;
    text-transform: uppercase;
    color: #858585;
    font-size: 1.4em;
}

/*ed*/
/*w5-articles*/
.w5-articles {
    width: 100%;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w5-articles__group {
    max-width: 120em;
    margin: 0 auto;
}

.w5-articles__heading {
    text-align: center;
    display: block;
}

.w5-articles__heading__main {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.6em;
}

.w5-articles__heading__line {
    margin-top: 2em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    width: 15em;
    display: inline-block;
}

.w5-articles__heading__sub {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.8em;
}

.w5-articles__item {
    display: flex;
    margin-top: 4em;
    flex-wrap: wrap;
    gap: 1.3333%;
}

@media only screen and (max-width: 37.5em) {
    .w5-articles__item {
        flex-direction: column;
        padding-left: 0;
    }
}

.w5-articles__item__card {
    margin-bottom: 1em;
    width: 32%;
    text-align: center;
    border: 0.2em solid #eee;
    border-radius: 1em;
    overflow: hidden;
    padding-bottom: 1em;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w5-articles__item__card {
        width: 90%;
        margin: 1em auto;
    }
}

.w5-articles__item__card__imgbox {
    max-width: 100%;
    height: 27em;
    background-size: contain;
    background-position: center;
}

.w5-articles__item__card__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w5-articles__item__card__name {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 600;
}

.w5-articles__item__card__date {
    font-weight: 300;
    font-size: 1.3em;
    margin-top: 1em;
}

.w5-articles__item__card__para {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
    padding: 0.5em;
}

.w5-articles__item__card__btn {
    margin-top: 3em;
    padding: 1em 2em;
    border-radius: 2em;
    background-color: transparent;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    transition: all 0.2s;
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
}

    .w5-articles__item__card__btn:hover {
        color: white;
        background-color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w5-features*/
.w5-features {
    width: 100%;
    color: rgba(var(--text-color-w), 1);
    padding: 2em 1em;
}

@media only screen and (max-width: 37.5em) {
    .w5-features {
        padding: 0 0.5em;
    }
}

.w5-features__group {
    max-width: 96em;
    margin: 0 auto;
    background-color: #1f1f1f;
    border-radius: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w5-features__group {
        padding: 1em;
    }
}

.w5-features__heading {
    text-align: center;
    display: block;
}

.w5-features__heading__main {
    font-weight: 700;
    font-size: 3em;
    line-height: 1.6em;
}

.w5-features__heading__line {
    margin-top: 2em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    width: 15em;
    display: inline-block;
}

.w5-features__heading__sub {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.8em;
}

.w5-features__items {
    margin-top: 2em;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-gap: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w5-features__items {
        display: block;
        text-align: center;
    }
}

.w5-features__items__item {
    display: flex;
    padding: 2em;
}

.w5-features__items__item--1 {
    grid-row: 1/2;
    grid-column: 1/2;
}

.w5-features__items__item--2 {
    grid-row: 1/2;
    grid-column: 2/3;
}

.w5-features__items__item--3 {
    grid-row: 2/3;
    grid-column: 1/2;
}

.w5-features__items__item--4 {
    grid-row: 2/3;
    grid-column: 2/3;
}

@media only screen and (max-width: 37.5em) {
    .w5-features__items__item {
        align-items: center;
    }
}

.w5-features__items__item__icon {
    font-size: 9em;
    color: white;
    width: 30%;
}

@media only screen and (max-width: 62.5em) {
    .w5-features__items__item__icon {
        font-size: 5em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w5-features__items__item__icon {
        font-size: 6em;
    }
}

.w5-features__items__item__info {
    width: 60%;
    margin-left: 1em;
    margin-top: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w5-features__items__item__info {
        width: 70%;
    }
}

.w5-features__items__item__info__heading {
    font-size: 2em;
    display: block;
}

.w5-features__items__item__info__des {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.2em;
}

.w5-features__items__grbtn {
    grid-column: 1 / span 2;
    text-align: center;
    margin-top: 4em;
}

.w5-features__items__grbtn__text {
    font-size: 1.6em;
}

.w5-features__items__grbtn__btn {
    margin-top: 2em;
    padding: 1em 2em;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    background-color: transparent;
    border-radius: 2em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s;
}

    .w5-features__items__grbtn__btn:hover {
        background-color: white;
        color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w5-footer*/
.w5-footer {
    width: 100%;
    background-color: #1f1f1f;
    padding: 2em 1em;
    color: var(--text-color-w);
}

.w5-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer__group {
        flex-direction: column;
        text-align: center !important;
    }
}

.w5-footer-col {
    display: flex;
    flex-wrap: wrap;
}

.w5-footer-col-1 {
    width: 30%;
    padding: 0 1.5em 1.5em 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer-col-1 {
        width: 100%;
    }
}

.w5-footer-col:first-child {
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer-col:first-child {
        width: 100%;
    }
}

.w5-footer-col:last-child {
    width: 40%;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer-col:last-child {
        width: 100%;
    }
}

.w5-footer__item {
    width: 50%;
}

.w5-footer__item-first {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer__item {
        width: 100%;
        margin-top: 3em;
        text-align: center !important;
    }
}

.w5-footer__item__logobox {
    width: 50%;
    height: 7em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer__item__logobox {
        width: 100%;
    }
}

.w5-footer__item__logobox__logo {
    width: 100%;
}

.w5-footer__item__des {
    font-weight: 300;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer__item__des {
        text-align: center !important;
    }
}

.w5-footer__item__link {
    margin-top: 2em;
}

.w5-footer__item__link__social {
    cursor: pointer;
    margin: 1em;
    font-size: 1.5em;
    color: white;
}

.w5-footer__item__title {
    margin-bottom: 2em;
    font-size: 1.5em;
}

.w5-footer__item__info {
    font-weight: 300;
    margin-top: 2em;
    align-items: center;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer__item__info {
        justify-content: center;
    }
}

.w5-footer__item__info__text {
    font-weight: 300;
    margin-left: 0.5em;
    line-height: 1.6em;
    font-size: 1.4em;
}

.w5-footer__item__info__icon {
    font-size: 1.5em;
    color: white;
}

.w5-footer__item__link-a {
    display: block;
    text-decoration: none;
    color: white;
    margin-top: 1em;
    line-height: 1.6em;
    font-size: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w5-footer__item__link-a {
        text-align: center !important;
    }
}

/*ed*/
/*w5-downbar*/
.w5-downbar {
    width: 100%;
    border-top: 0.05em solid white;
    background-color: #1f1f1f;
    padding: 2em 1em;
    color: var(--text-color-w);
}

.w5-downbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    text-align: left;
}

.w5-downbar__copyright {
    font-size: 1.2em;
    cursor: pointer;
}

.w5-downbar__info {
    font-size: 1.2em;
}

.w5-downbar__info--1 {
    display: inline-block;
    cursor: pointer;
    margin-right: 2em;
}

.w5-downbar__info--2 {
    display: inline-block;
    cursor: pointer;
}

/*ed*/
/*w6-menu*/
.w6-menu {
    width: 100%;
    background-color: transparent;
    position: relative;
    top: 0;
    z-index: 3;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
}

.w6-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
    height: 8.5em;
}

.w6-menu__sticky {
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (min-width: 37.5em) {
    .w6-menu__ab {
        position: absolute;
        background-color: transparent;
    }
}

.w6-menu__logobox {
    width: 15em;
    min-width: 15em;
    text-align: center;
    margin: 0.3em;
    height: 8em;
    background-size: contain;
    background-position: center;
}

.w6-menu__logobox__logo {
    max-width: 100%;
    height: 100% !important;
}

.w6-menu__button {
    cursor: pointer;
}

@media only screen and (min-width: 37.5em) {
    .w6-menu__button {
        display: none;
    }
}

.w6-menu__checkbox {
    display: none;
}

    .w6-menu__checkbox:checked ~ .w6-menu__nav {
        margin-left: 0;
        visibility: visible;
    }

.w6-menu__nav {
    list-style: none;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav {
        flex-direction: column;
        position: absolute;
        background-color: white;
        top: 10.5em;
        width: 35em;
        left: 0;
        margin-left: -30em;
        visibility: hidden;
        align-items: flex-start;
        transition: all 0.2s;
        padding: 3em 2em;
    }
}

.w6-menu__nav__item:hover .w6-menu__nav__item__drop--1 {
    visibility: visible;
    opacity: 1;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item:hover .w6-menu__nav__item__drop--1 {
        display: block;
    }
}

.w6-menu__nav__item:hover::after {
    transition: all 0.2s;
    width: 100%;
    transform: scaleX(1);
}

.w6-menu__nav__item {
    display: flex;
    margin: 0 1em;
    align-items: center;
    height: 10em;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        margin: 1em 0;
    }
}

.w6-menu__nav__item::after {
    content: "";
    height: 0.3em;
    background-color: white;
    display: block;
    z-index: 100;
    position: absolute;
    top: 3em;
    transform: scaleX(0);
    margin: 0 auto;
}

.w6-menu__nav__item__link {
    color: white;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 800;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__link {
        display: flex;
        align-items: center;
        color: black;
    }
}

.w6-menu__nav__item__icon {
    font-size: 1.3em;
    margin-left: 0.2em;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__icon {
        color: black;
        margin-left: 0.5em;
    }
}

.w6-menu__nav__item__drop {
    position: absolute;
    background-color: white;
    padding: 1em 2em;
    visibility: hidden;
    opacity: 0;
    width: 25em;
    z-index: 2;
}

.w6-menu__nav__item__drop--1 {
    top: 9.8em;
}

    .w6-menu__nav__item__drop--1 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--2 {
        opacity: 1;
        visibility: visible;
    }

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__drop--1 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--2 {
        display: block;
    }
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__drop--1 {
        top: 0;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
    }
}

.w6-menu__nav__item__drop--2 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -2.5em;
    left: 20em;
}

    .w6-menu__nav__item__drop--2 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--3 {
        opacity: 1;
        visibility: visible;
    }

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__drop--2 .w6-menu__nav__item__drop__child:hover .w6-menu__nav__item__drop--3 {
        display: block;
    }
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__drop--2 {
        top: 0;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
    }
}

.w6-menu__nav__item__drop--3 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -2.5em;
    left: 20em;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__drop--3 {
        top: 0;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
    }
}

.w6-menu__nav__item__drop__child {
    list-style: none;
    margin: 1.5em 0;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
    padding-bottom: 0.5em;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__drop__child {
        flex-direction: column;
        align-items: flex-start;
    }
}

.w6-menu__nav__item__drop__child__link {
    color: black;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 300;
    white-space: nowrap;
    display: flex;
    width: 100%;
    align-items: center;
}

.w6-menu__nav__item__drop__child__icon {
    font-size: 1em;
    color: black;
    float: right;
    margin-left: auto;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__nav__item__drop__child__icon {
        transform: rotate(90deg);
    }
}

.w6-menu__card {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.w6-menu__card__icon {
    font-size: 2em;
}

.w6-menu__card__text {
    font-weight: 800;
    margin: 0 1em;
    font-size: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w6-menu__card__text {
        display: none;
    }
}

.w6-menu__card__count {
    font-weight: 800;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
}

/*ed*/
/*w6-banner*/
.w6-banner {
    width: 100%;
    background-image: url(../img/w6/rev_slider_freshbody.jpg);
    background-repeat: no-repeat;
    height: auto;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    padding-bottom: 4em;
    color: var(--text-color-w);
    overflow: hidden;
}

.w6-banner__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w6-banner__imgbox {
    display: inline-block;
    min-width: 40%;
    width: 40%;
    position: relative;
    margin-top: 15em;
    margin-bottom: 3em;
    max-height: 40em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w6-banner__imgbox {
        width: 90%;
    }
}

.w6-banner__imgbox__img--1 {
    width: 100%;
    margin: 0 auto;
}

.w6-banner__info {
    margin-left: 2em;
    width: 45%;
}

@media only screen and (max-width: 37.5em) {
    .w6-banner__info {
        right: auto;
        left: auto;
    }
}

.w6-banner__info--1 {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2em;
}

.w6-banner__info--2 {
    margin-top: 0.5em;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 6em;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w6-banner__info--2 {
        font-size: 1.2em;
        width: auto;
    }
}

.w6-banner__info__btn {
    margin-top: 2em;
    display: inline-block;
    padding: 2em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    font-weight: 600;
    color: white;
    text-transform: uppercase;
    cursor: pointer;
}

/*ed*/

/*w6-features-1*/
.w6-features-1 {
    width: 100%;
    background-image: url(/img/w6/bg2_h25.jpg);
    padding: 3em 1em;
    color: var(--text-color-w);
    position: relative;
}

.w6-features-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w6-features-1__group {
        flex-wrap: wrap;
    }
}

.w6-features-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -5%;
    padding: 1em 2em;
}

.w6-features-1__items__item {
    width: 45%;
    margin-left: 5%;
    margin-bottom: 4em;
}

.w6-features-1__items__item__icon {
    color: white;
    font-size: 7em;
}

@media only screen and (max-width: 37.5em) {
    .w6-features-1__items__item__icon {
        font-size: 5em;
    }
}

.w6-features-1__items__item__heading {
    margin-top: 2em;
    font-weight: 700;
    font-size: 2.5em;
}

@media only screen and (max-width: 37.5em) {
    .w6-features-1__items__item__heading {
        font-size: 2em;
    }
}

.w6-features-1__items__item__des {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 400;
}

.w6-features-1__content {
    min-width: 30%;
    max-width: 30%;
    margin-left: 2%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w6-features-1__content {
        width: 100%;
        margin-left: 0;
        max-width: 100%;
    }
}

@media only screen and (max-width: 50em) {
    .w6-features-1__content__info {
        width: 50%;
    }
}

.w6-features-1__content__info__heading {
    margin-top: 2em;
    font-weight: 700;
    font-size: 2.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
}

.w6-features-1__content__info__des {
    margin-top: 2em;
    color: var(--text-color-w);
    font-size: 1.4em;
    font-weight: 400;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 5;
    padding: 0.5em;
}

.w6-features-1__content__imgbox {
    bottom: -10em;
    right: 2%;
    width: 98%;
    z-index: 2;
    background-size: contain;
    background-position: center;
    position: absolute;
}

@media only screen and (max-width: 50em) {
    .w6-features-1__content__imgbox {
        top: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w6-features-1__content__imgbox {
        position: absolute;
        width: 48%;
        right: 1%;
        margin-left: 1%;
    }
}

.w6-features-1__content__imgbox__img {
    margin: 0 auto;
}

/*ed*/
/*w6-features-2*/
.w6-features-2 {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 53em;
    padding: 10em 1em;
    background-color: white;
    color: var(--text-color-w);
}

@media only screen and (max-width: 62.5em) {
    .w6-features-2 {
        height: auto;
    }
}

.w6-features-2__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w6-features-2__heading {
    text-align: center;
}

.w6-features-2__heading--main {
    font-weight: 800;
    font-size: 4em;
    color: rgba(var(--main-color-w), 1);
    width: 15em;
    margin: 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w6-features-2__heading--main {
        width: auto;
    }
}

.w6-features-2__heading--sub {
    margin-top: 2em;
    font-size: 1.4em;
}

.w6-features-2__items {
    margin: 0 auto;
    position: relative;
    margin-top: 16em;
    text-align: center;
}

@media only screen and (max-width: 62.5em) {
    .w6-features-2__items {
        display: flex;
        padding: 0 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w6-features-2__items {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        text-align: left;
    }
}

@media only screen and (max-width: 37.5em) {
    .w6-features-2__items__item {
        margin-top: 3em;
    }
}

.w6-features-2__items__item--1 {
    position: absolute;
    left: 1em;
}

@media only screen and (max-width: 62.5em) {
    .w6-features-2__items__item--1 {
        position: unset;
        left: unset;
        right: unset;
    }
}

.w6-features-2__items__item--2 {
    position: absolute;
    left: 25em;
    top: -5em;
}

@media only screen and (max-width: 62.5em) {
    .w6-features-2__items__item--2 {
        position: unset;
        left: unset;
        right: unset;
    }
}

.w6-features-2__items__item--3 {
    position: absolute;
    left: 55em;
    top: 0em;
}

@media only screen and (max-width: 62.5em) {
    .w6-features-2__items__item--3 {
        position: unset;
        left: unset;
        right: unset;
    }
}

.w6-features-2__items__item--4 {
    position: absolute;
    left: 80em;
    top: -15em;
}

@media only screen and (max-width: 62.5em) {
    .w6-features-2__items__item--4 {
        position: unset;
        left: unset;
        right: unset;
    }
}

.w6-features-2__items__item__number {
    font-size: 4em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    background-color: white;
    border-radius: 50%;
    height: 2.3em;
    width: 2.3em;
    line-height: 2.3em;
    text-align: center;
    box-shadow: 0.1em 0.1em 1em 0.1em #eee;
}

.w6-features-2__items__item__des {
    color: #666666;
    font-size: 1.4em;
    margin-top: 2em;
    max-width: 25em;
}

@media only screen and (max-width: 62.5em) {
    .w6-features-2__items__item__des {
        max-width: 100%;
    }
}

/*ed*/
/*w6-ctaregister*/
.w6-ctaregister {
    width: 100%;
    padding: 2em 1em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.w6-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
}

.w6-ctaregister__heading {
    font-weight: 800;
    font-size: 6em;
    color: white;
}

.w6-ctaregister__button {
    margin-top: 3em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 2em;
    color: white;
    font-size: 1.6em;
    display: inline-block;
    font-weight: 600;
    text-transform: capitalize;
}

    .w6-ctaregister__button:hover {
        filter: brightness(0.8);
    }

/*ed*/

/*w6-product*/
.w6-product {
    width: 100%;
    padding: 3em 1em;
    background-color: white;
    color: var(--text-color-w);
}

.w6-product__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w6-product__group {
        flex-direction: column;
    }
}

.w6-product__imgbox {
    max-width: 48%;
    height: 40em;
    width: 48%;
    min-width: 48%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w6-product__imgbox {
        max-width: 80%;
    }
}

.w6-product__imgbox__img {
    max-width: 100%;
    margin: 0 auto;
}

.w6-product__info {
    max-width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w6-product__info {
        max-width: 80%;
    }
}

.w6-product__info__heading {
    font-size: 6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
}

.w6-product__info__des {
    margin-top: 3em;
    font-size: 1.6em;
}

.w6-product__info__price {
    margin-top: 3em;
}

.w6-product__info__price--main {
    display: inline-block;
    font-size: 3.5em;
    font-weight: 800;
    color: orangered;
}

.w6-product__info__price--sub {
    display: inline-block;
    font-size: 2.5em;
    text-decoration: line-through;
    font-weight: 500;
    margin-right: 1em;
}

.w6-product__info__button {
    margin-top: 3em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 2em;
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    display: inline-block;
}

    .w6-product__info__button:hover {
        filter: brightness(0.8);
    }

.w6-product__info__ship {
    margin-top: 2em;
    font-weight: 300;
    font-size: 1em;
}

/*ed*/
/*w6-ctaregister-2*/
.w6-ctaregister-2 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em 1em;
}

.w6-ctaregister-2__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
}

.w6-ctaregister-2__heading {
    color: white;
    font-weight: 700;
    font-size: 3em;
}

.w6-ctaregister-2__sub {
    margin-top: 2em;
    font-size: 1.4em;
    color: #9dd2aa;
}

.w6-ctaregister-2__form {
    display: flex;
    justify-content: space-between;
    padding: 1em 2em;
    background-clip: content-box;
    background-color: white;
    width: 50%;
    margin: 2em auto 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w6-ctaregister-2__form {
        width: 100%;
        margin: 0;
    }
}

.w6-ctaregister-2__form__text {
    border: none;
    outline: none;
    margin-left: 2em;
    font-size: 1.3em;
}

    .w6-ctaregister-2__form__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w6-ctaregister-2__form__button {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 2em;
    color: white;
    font-size: 1.6em;
    font-weight: 600;
}

    .w6-ctaregister-2__form__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w6-footer*/
.w6-footer {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 2em 1em;
}

.w6-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w6-footer__col {
    width: 70%;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w6-footer__col {
        width: 100%;
        flex-direction: column;
    }
}

.w6-footer__col:last-child {
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w6-footer__col:last-child {
        width: 100%;
        flex-direction: column;
    }
}

.w6-footer__item {
    width: 33%;
    margin-top: 2em;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w6-footer__item {
        width: 100%;
    }
}

.w6-footer__item:not(:last-child) {
    margin-right: 2em;
}

.w6-footer__item-last {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w6-footer__item-last {
        width: 100%;
    }
}

.w6-footer__item__heading {
    color: white;
    font-weight: 800;
    font-size: 1.6em;
}

.w6-footer__item__des {
    display: block;
    text-decoration: none;
    margin-top: 2em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
}

/*ed*/
/*w6-downbar*/
.w6-downbar {
    width: 100%;
    padding: 2em 1em;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    color: var(--text-color-w);
}

.w6-downbar__heading {
    padding-top: 1em;
    margin: 0 auto;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    border-top: 0.1em solid rgba(var(--main-color-w), 1);
}

.w6-downbar__des {
    margin-top: 1em;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w7-menu*/
.w7-menu {
    width: 100%;
    background-color: transparent;
    position: relative;
    top: 0;
    z-index: 3;
    background-color: white;
    padding: 0.5em;
}

@media only screen and (min-width: 37.5em) {
    .w7-menu__ab {
        position: absolute;
        background-color: transparent;
        z-index: 2;
    }

        .w7-menu__ab a {
            color: white !important;
        }
}

.w7-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 0.2s;
    height: 6em;
}

.w7-menu__logobox {
    max-width: 20em;
    max-height: 6em;
    height: 6em;
    background-size: contain;
    background-position: center;
}

.w7-menu__logobox__logo {
    max-width: 100%;
}

.w7-menu__icon {
    background-color: rgba(var(--text-color-w), 1);
}

    .w7-menu__icon::after, .w7-menu__icon::before {
        background-color: rgba(var(--text-color-w), 1);
    }

.w7-menu__button {
    font-weight: 600;
}

@media only screen and (min-width: 37.5em) {
    .w7-menu__button {
        display: none;
    }
}

.w7-menu__checkbox:checked ~ .w7-menu__nav {
    margin-left: 0;
    visibility: visible;
}

.w7-menu__nav {
    list-style: none;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav {
        flex-direction: column;
        position: absolute;
        background-color: white;
        top: 7em;
        width: 90%;
        left: 0;
        margin-left: -30em;
        visibility: hidden;
        align-items: flex-start;
        transition: all 0.2s;
        padding: 2em 0.5em;
    }
}

.w7-menu__nav__item:hover .w7-menu__nav__item__drop--1 {
    visibility: visible;
    opacity: 1;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item:hover .w7-menu__nav__item__drop--1 {
        display: block;
    }
}

.w7-menu__nav__item:hover::after {
    transition: all 0.2s;
    width: 100%;
    transform: scaleX(1);
}

.w7-menu__nav__item {
    display: flex;
    margin: 0 1em;
    align-items: center;
    position: relative;
    padding: 2em 1em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        padding: 1em;
    }
}

.w7-menu__nav__item::after {
    content: "";
    height: 0.3em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    z-index: 100;
    position: absolute;
    top: 0;
    transform: scaleX(0);
    margin: 0 auto;
    left: 0;
}

.w7-menu__nav__item__link {
    color: black;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    display: block;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__link {
        display: flex;
        align-items: center;
        color: black;
    }
}

.w7-menu__nav__item__icon {
    font-size: 1em;
    color: black;
    margin-left: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__icon {
        color: black;
    }
}

.w7-menu__nav__item__drop {
    position: absolute;
    background-color: white;
    padding: 1em;
    visibility: hidden;
    opacity: 0;
    width: 22em;
    z-index: 2;
}

.w7-menu__nav__item__drop--1 {
    top: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop--1 {
        top: 0;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
    }
}

.w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--2 {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--2 {
        display: block;
    }
}

.w7-menu__nav__item__drop--2 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -1em;
    left: 20em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop--2 {
        top: 0;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
    }
}

.w7-menu__nav__item__drop--2 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop--2 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
        display: block;
    }
}

.w7-menu__nav__item__drop--3 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -1em;
    left: 20em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop--3 {
        top: 0;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
    }
}

.w7-menu__nav__item__drop--3 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop--3 .w7-menu__nav__item__drop__child:hover .w7-menu__nav__item__drop--3 {
        display: block;
    }
}

.w7-menu__nav__item__drop__child {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop__child {
        flex-direction: column;
        align-items: flex-start;
    }

        .w7-menu__nav__item__drop__child:last-child {
            padding-bottom: 0;
        }
}

.w7-menu__nav__item__drop__child__link {
    color: var(--text-color-w);
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 300;
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
}

.w7-menu__nav__item__drop__child__icon {
    font-size: 1em;
    margin-left: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__nav__item__drop__child__icon {
        transform: rotate(90deg);
    }
}

.w7-menu__card {
    display: flex;
    align-items: center;
    text-decoration: none;
}

.w7-menu__card__icon {
    color: black;
    font-size: 2em;
}

.w7-menu__card__text {
    font-weight: 600;
    margin: 0 1em;
    font-size: 1.4em;
    color: black;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__card__text {
        display: none;
    }
}

.w7-menu__card__count {
    font-weight: bolder;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    color: white;
    border-radius: 0.3em;
}

@media only screen and (max-width: 37.5em) {
    .w7-menu__card__count {
        margin-left: .5em;
    }
}

/*ed*/
/*w7-banner*/
.w7-banner {
    width: 100%;
    padding: 2em 1em;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: white;
}

.w7-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 37.5em) {
    .w7-banner__group {
        flex-direction: column;
        padding: 1em;
        text-align: center;
    }
}

.w7-banner__imgbox {
    margin-right: 5em;
    width: 30em;
    max-height: 50em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w7-banner__imgbox {
        min-width: 0;
        max-width: 100%;
        margin-right: 0;
    }
}

.w7-banner__imgbox__img {
    margin: 0 auto;
    max-width: 100%;
}

.w7-banner__info {
    width: 40%;
}

@media only screen and (max-width: 37.5em) {
    .w7-banner__info {
        width: 100%;
        margin-top: 4em;
    }
}

.w7-banner__info__heading {
    font-size: 1.6em;
    font-weight: 300;
}

.w7-banner__info__des {
    margin-top: 2.5em;
    font-weight: 500;
    font-size: 5em;
}

.w7-banner__info__button {
    margin-top: 3em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 2em;
    color: white;
    font-size: 1.6em;
    display: inline-block;
    font-weight: 600;
}

    .w7-banner__info__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w7-features*/
.w7-features {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w7-features__group {
    max-width: 120em;
    margin: 0 auto;
}

.w7-features__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w7-features__heading {
        flex-direction: column;
        width: 100%;
    }
}

.w7-features__heading__info {
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w7-features__heading__info {
        width: 100%;
    }
}

.w7-features__heading__info__text {
    font-weight: 300;
    font-size: 5em;
}

.w7-features__heading__info__des {
    margin-top: 2.5em;
    font-weight: 300;
    font-size: 1.3em;
}

.w7-features__heading__sub {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    padding: 1em;
    border-radius: 0.5em;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w7-features__heading__sub {
        width: 100%;
        margin-top: 4em;
    }
}

.w7-features__heading__sub__name {
    font-weight: 500;
    font-size: 1.5em;
}

.w7-features__heading__sub__des {
    color: rgba(var(--main-color-w), 1);
    font-size: 6em;
    font-weight: 300;
}

.w7-features__compare-image {
    margin: 0 auto;
    width: 100%;
    margin-top: 5em;
}

.w7-features__compare-image__img {
    background-size: contain;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
}

.w7-features__items {
    margin-top: 6em;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w7-features__items {
        flex-direction: column;
    }
}

.w7-features__items__item {
    width: 33%;
}

@media only screen and (max-width: 37.5em) {
    .w7-features__items__item {
        width: 100%;
    }
}

.w7-features__items__item__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w7-features__items__item__info {
        justify-content: center;
        margin-top: 4em;
    }
}

.w7-features__items__item__info__icon {
    font-size: 5em;
    color: rgba(var(--main-color-w), 1);
}

.w7-features__items__item__info__name {
    margin-left: 2em;
    font-size: 2.5em;
    font-weight: 300;
}

.w7-features__items__item__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w7-features__items__item__text {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
}

/*ed*/
/*w7-ads*/
.w7-ads {
    width: 100%;
    padding: 2em 1em;
    background-repeat: no-repeat;
    background-size: cover;
    color: white;
    text-align: center;
    position: relative;
    display: block;
    color: var(--text-color-w);
    background-color: white;
}

.w7-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w7-ads__heading {
    margin-top: 7%;
    font-size: 1.8em;
    margin-left: auto;
    margin-right: auto;
    display: block;
    line-height: 1.8em;
}

@media only screen and (max-width: 50em) {
    .w7-ads__heading {
        margin-top: 1%;
    }
}

.w7-ads__des {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1em;
    font-weight: 500;
    font-size: 7em;
}

/*ed*/

/*w7-product*/
.w7-product {
    width: 100%;
    padding: 2em 1em;
    margin-top: 4em;
    background: linear-gradient(180deg, #f7f7f7 50%, white 50%);
}

.w7-product__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
}

.w7-product__heading {
    text-align: center;
}

.w7-product__heading__title {
    font-size: 4em;
    font-size: 1.6rem;
    text-transform: uppercase;
}

@media only screen and (max-width: 37.5em) {
    .w7-product__heading__title {
        font-size: 1.4em;
    }
}

.w7-product__heading__des {
    margin-top: 2.5em;
    font-size: 1.3em;
}

.w7-product__imgbox {
    margin-top: 4em;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    height: 50em;
    background-size: contain;
    background-position: center;
}

    .w7-product__imgbox:hover {
        transform: scale(1.1) translateY(1em);
    }

.w7-product__imgbox__img {
    margin: 0 auto;
}

.w7-product__text {
    margin-top: 4em;
    font-size: 2em;
    display: block;
}

.w7-product__mainprice {
    margin-top: 1em;
    font-weight: 300;
    font-size: 3em;
    text-decoration: line-through;
    display: block;
}

.w7-product__downprice {
    margin-top: .5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 5em;
    display: block;
}

.w7-product__ship {
    margin-top: 3em;
    font-size: 1.2em;
    display: block;
}

.w7-product__button {
    margin: 0 auto;
    margin-top: 2em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 1em 2em;
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    display: block;
    width: fit-content;
}

    .w7-product__button:hover {
        filter: brightness(0.8);
    }

/*ed*/

/*w7-footer*/
.w7-footer {
    width: 100%;
    background-color: #2b2b2b;
    padding: 2em 1em;
}

.w7-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w7-footer-col {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w7-footer-col {
        width: 100%;
    }
}

.w7-footer-col:last-child {
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w7-footer-col:last-child {
        width: 100%;
    }
}

.w7-footer__item {
    width: 30%;
    text-align: center;
}

.w7-footer__item-last {
    width: 100%;
}

.w7-footer__item:not(:last-child) {
    margin-right: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w7-footer__item:not(:last-child) {
        margin-right: 0;
        margin-top: 4em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w7-footer__item {
        margin-right: 0;
        margin-top: 4em;
        width: 100%;
    }
}

.w7-footer__item__heading {
    color: white;
    font-weight: 800;
    font-size: 1.6em;
}

.w7-footer__item__des {
    display: block;
    text-decoration: none;
    margin-top: 1em;
    color: white;
    font-size: 1.4em;
    line-height: 1.7em;
    height: max-content;
}

.w7-footer__item__link {
    margin-top: 2em;
}

.w7-footer__item__link__social {
    cursor: pointer;
    margin: 1em;
    width: 1.5em;
    height: 1.5em;
    color: white;
}

/*ed*/
/*w7-map*/
.w7-map {
    width: 100%;
    padding: 2em 1em;
}

.w7-map__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 62.5em) {
    .w7-map__group {
        flex-direction: column;
    }
}

.w7-map__imgbox {
    width: 50%;
    height: auto;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 62.5em) {
    .w7-map__imgbox {
        width: 100%;
    }
}

.w7-map__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w7-map__info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2em;
    background-color: #f7f7f7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 62.5em) {
    .w7-map__info {
        width: 100%;
    }
}

.w7-map__info__heading {
    font-size: 6em;
    font-weight: 300;
    line-height: 1.8em;
    display: inline-block;
}

.w7-map__info__des {
    font-size: 1.4em;
    line-height: 1.8em;
    color: var(--text-color-w);
}

    .w7-map__info__des h2,
    .w7-map__info__des h3,
    .w7-map__info__des h4,
    .w7-map__info__des h5,
    .w7-map__info__des p {
        margin: 0.7em 0;
    }

    .w7-map__info__des ul,
    .w7-map__info__des ol {
        list-style: none;
    }

/*ed*/
/*w7-video*/
.w7-video {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w7-video__group {
    max-width: 120em;
    margin: 0 auto;
}

.w7-video__ifbox {
    width: 100%;
    height: 30em;
}

    .w7-video__ifbox iframe {
        width: 100%;
        height: 100%;
    }

.w7-video__info {
    margin-top: 2em;
    text-align: center;
}

.w7-video__info__text {
    font-weight: 600;
    font-size: 3em;
    text-decoration: underline;
}

    .w7-video__info__text::after {
        content: "";
        width: 2em;
        height: 0.05em;
        background-color: black;
        position: relative;
        display: block;
        margin: 1em auto;
    }

    .w7-video__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all 0.2s;
    }

.w7-video__info__link {
    display: block;
    color: var(--text-color-w);
    margin-top: 1em;
}

/*ed*/
/*w7-video-1*/
.w7-video-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w7-video-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w7-video-1__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w7-video-1__item-re {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 43.75em) {
    .w7-video-1__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w7-video-1__item__ifbox {
    min-width: 50%;
    background-size: contain;
    background-position: center;
    height: 35em;
}

    .w7-video-1__item__ifbox iframe {
        width: 100%;
        height: 100%;
    }

    .w7-video-1__item__ifbox:hover {
        transform: translateY(-1em);
    }

.w7-video-1__item__info {
    min-width: 50%;
    padding: 2em;
}

@media only screen and (max-width: 43.75em) {
    .w7-video-1__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w7-video-1__item__info__heading {
    display: flex;
}

.w7-video-1__item__info__heading__icon {
    background-image: url(/img/w32/before-heading-1.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w7-video-1__item__info__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
}

.w7-video-1__item__info__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w7-video-1__item__info__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.w7-video-1__item__info__imgbox__img {
    width: 100%;
}

.w7-video-1__item__info__des {
    margin-top: 0.5em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    color: var(--text-color-w);
    line-height: 1.8em;
}

.w7-video-1__item__info__iconlink {
    display: flex;
}

.w7-video-1__item__info__iconlink__icon {
    margin-top: 1em;
    color: #303030;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
}

.w7-video-1__item__info__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7em 2em;
    display: inline-block;
    text-align: center;
    font-size: 1.6em;
    font-weight: bolder;
    border-radius: 2em;
    margin: 0 auto;
    margin-top: 2em;
    margin-left: auto;
    float: right;
    width: max-content;
    cursor: pointer;
    border: 1px solid white;
    transition: all 0.2s ease;
}

    .w7-video-1__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w7-teamus*/
.w7-teamus {
    background-color: white;
    width: 100%;
    padding: 1em .5em;
}

.w7-teamus__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w7-teamus__heading {
    display: block;
}

.w7-teamus__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
}

.w7-teamus__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w7-teamus__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w7-teamus__heading__imgbox__img {
    width: 100%;
}

.w7-teamus__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w7-teamus__items {
        width: 100%;
        margin-top: 2em;
    }
}

.w7-teamus__items__image {
    min-width: 50%;
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w7-teamus__items__image {
        width: 100%;
        margin-top: 2em;
    }
}

.w7-teamus__items__image__imgbox {
    margin: 0 auto;
    width: 100%;
    border-radius: 5%;
    background-size: contain;
    background-position: center;
}

.w7-teamus__items__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w7-teamus__items__info {
    margin-left: 2em;
    width: 45%;
}

@media only screen and (max-width: 37.5em) {
    .w7-teamus__items__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w7-teamus__items__info__user {
    display: block;
    margin-top: 2em;
}

.w7-teamus__items__info__des {
    display: block;
    margin-top: 1em;
    font-size: 1.6em;
    line-height: 1.8em;
    text-align: justify;
}

.w7-teamus__items__info__text {
    font-weight: 600;
    font-size: 1.6em;
    text-decoration: underline;
    line-height: 1.8em;
}

    .w7-teamus__items__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w7-teamus__items__info__link {
    display: block;
    text-transform: uppercase;
    color: #777;
    margin-top: 1em;
    text-align: right;
    margin-right: 1em;
    font-size: 1em;
}

/*ed*/
/*w7-teamus-2*/
.w7-teamus-2 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w7-teamus-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w7-teamus-2__block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w7-teamus-2__heading {
    display: block;
}

.w7-teamus-2__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
}

.w7-teamus-2__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w7-teamus-2__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w7-teamus-2__heading__imgbox__img {
    width: 100%;
}

.w7-teamus-2__items {
    display: flex;
    align-items: center;
    width: 48%;
    margin-top: 2em;
}

@media only screen and (max-width: 43.75em) {
    .w7-teamus-2__items {
        width: 100%;
        margin-top: 2em;
    }
}

.w7-teamus-2__items__image {
    min-width: 40%;
    width: 40%;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w7-teamus-2__items__image {
        width: 100%;
        margin-top: 2em;
    }
}

.w7-teamus-2__items__image__imgbox {
    margin: 0 auto;
    width: 100%;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w7-teamus-2__items__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w7-teamus-2__items__info {
    margin-left: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w7-teamus-2__items__info {
        width: 100%;
    }
}

.w7-teamus-2__items__info__user {
    display: block;
    margin-top: 1em;
}

.w7-teamus-2__items__info__des {
    display: block;
    margin-top: 1em;
    line-height: 1.8em;
}

.w7-teamus-2__items__info__text {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.8em;
    text-decoration: underline;
}

    .w7-teamus-2__items__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w7-teamus-2__items__info__link {
    display: block;
    text-transform: uppercase;
    color: #777;
    margin-top: 1em;
    text-align: right;
    margin-right: 1em;
    font-size: 1em;
}

/*ed*/
/*w8-banner*/
.w8-banner {
    width: 100%;
    display: block;
    position: relative;
    background-color: white;
    background-position: top contain;
    background-size: cover;
    background-repeat: no-repeat;
}

.w8-banner__group {
    max-width: 120em;
    margin: 0 auto;
}

.w8-banner .gallery-top {
    overflow: hidden;
}

.w8-banner__container {
    text-align: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    top: 0;
}

.w8-banner__container__video {
    z-index: -2;
    object-fit: cover;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w8-banner__container__imgbox {
    background-size: contain;
    background-position: center;
}

.w8-banner__container__info {
    position: absolute;
}

.w8-banner__container__info__heading {
    font-weight: 500;
    color: rgba(var(--main-color-w), 1);
    font-size: 4em;
}

@media only screen and (max-width: 56.25em) {
    .w8-banner__container__info__heading {
        font-size: 3em !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w8-banner__container__info__heading {
        font-size: 2em !important;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 25em) {
    .w8-banner__container__info__heading {
        font-size: 1.4em !important;
        margin-top: 1em;
    }
}

.w8-banner__container__info__des {
    margin-top: 0.5em;
    font-weight: 600;
    font-size: 7em;
    color: white;
    width: 100%;
}

@media only screen and (max-width: 56.25em) {
    .w8-banner__container__info__des {
        font-size: 2em !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w8-banner__container__info__des {
        margin-top: 0.5em !important;
    }
}

@media only screen and (max-width: 25em) {
    .w8-banner__container__info__des {
        font-size: 1.2em !important;
    }
}

.w8-banner__container__info__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.6em;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w8-banner__container__info__sub {
        font-size: 0.8em !important;
    }
}

.w8-banner__container__info__button {
    margin-top: 2em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.3em;
    padding: 1em 2em;
    color: white;
    font-size: 1.8em;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    outline: none;
}

@media only screen and (max-width: 37.5em) {
    .w8-banner__container__info__button {
        margin-top: 0;
        padding: 0.5em 1em;
        font-size: 1.3em !important;
    }
}

@media only screen and (max-width: 31.25em) {
    .w8-banner__container__info__button {
        margin-top: 1em;
        padding: 0.5rem 1em;
        font-size: 0.8em !important;
    }
}

/*ed*/
/*w8-product-1*/
.w8-product-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w8-product-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, minmax(10em, 1fr));
    grid-template-rows: repeat(2, minmax(22em, 1fr));
    grid-gap: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__group {
        grid-template-columns: repeat(2, minmax(5em, 1fr));
        grid-template-rows: repeat(4, minmax(22em, 1fr));
    }
}

.w8-product-1__items {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.w8-product-1__items__imgbox {
    transition: all 0.2s;
    align-self: flex-start;
    height: 100%;
    opacity: 1;
    background-size: cover;
}

.w8-product-1__items__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w8-product-1__items__imgbox:hover {
    transform: scale(1.1);
}

.w8-product-1__items--1 {
    grid-row: 1 /2;
    grid-column: 1 /2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__items--1 {
        grid-row: 1 /2;
        grid-column: 1 /2;
    }
}

.w8-product-1__items--2 {
    grid-row: 1 / span 2;
    grid-column: 2 /3;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__items--2 {
        grid-row: 1 / span 2;
        grid-column: 2 /3;
    }
}

.w8-product-1__items--3 {
    grid-row: 1 / 2;
    grid-column: 3 /4;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__items--3 {
        grid-row: 2 / 3;
        grid-column: 1 /2;
    }
}

.w8-product-1__items--4 {
    grid-row: 1 / 2;
    grid-column: 4 /5;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__items--4 {
        grid-row: 3 / 4;
        grid-column: 1 /2;
    }
}

.w8-product-1__items--5 {
    grid-row: 2 / 3;
    grid-column: 1 /2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__items--5 {
        grid-row: 3 / 4;
        grid-column: 2 /3;
    }
}

.w8-product-1__items--6 {
    grid-row: 2 / 3;
    grid-column: 3 / span 2;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__items--6 {
        grid-row: 4 / 5;
        grid-column: 1 / span 2;
    }
}

.w8-product-1__items__button {
    font-weight: 600;
    font-size: 1.8em;
    text-transform: uppercase;
    padding: 1.3em 3em;
    border-radius: 0.3em;
    background-color: rgba(255, 255, 255, 0.897);
    border: none;
    position: absolute;
    outline: none;
    cursor: pointer;
    display: inline-block;
    transition: all 0.2s;
    line-height: 1.8em;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-1__items__button {
        font-size: 1em;
        padding: 1em;
    }
}

.w8-product-1__items__button:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
}

/*ed*/
/*w8-product*/
.w8-product {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w8-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w8-product__heading {
    text-align: center;
}

.w8-product__heading__title {
    font-weight: 500;
    font-size: 3em;
    line-height: 1.8em;
}

.w8-product__heading__des {
    margin-top: 1em;
    font-weight: 300;
    font-size: 2em;
    line-height: 1.8em;
}

.w8-product__items {
    margin-top: 4em;
    display: flex;
    margin-bottom: 1.5em;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w8-product__items {
        display: block;
    }
}

.w8-product__items__item {
    position: relative;
    width: 23%;
}

@media only screen and (max-width: 37.5em) {
    .w8-product__items__item {
        width: 49%;
        display: inline-block;
    }
}

.w8-product__items__item__imgbox {
    position: relative;
    background-size: contain;
    background-position: center;
}

.w8-product__items__item__imgbox__info {
    padding: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    color: white;
    margin: 1em;
    top: 0;
}

.w8-product__items__item__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w8-product__items__item:hover .w8-product__items__item__card {
    transform: translateY(-10em);
}

    .w8-product__items__item:hover .w8-product__items__item__card .w8-product__items__item__card__content__button {
        visibility: visible;
    }

.w8-product__items__item__card {
    background-color: white;
    transition: all 0.2s;
}

.w8-product__items__item__card__timebox {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
}

.w8-product__items__item__card__timebox__date {
    background-color: rgba(255, 255, 255, 0.893);
    color: rgba(var(--main-color-w), 1);
    padding: 1.5em 0.8em;
    font-size: 1.5em;
    width: 24%;
    text-align: center;
    border-radius: 0.2em;
}

.w8-product__items__item__card__timebox__date__number {
    font-weight: 600;
}

.w8-product__items__item__card__timebox__date__text {
    font-weight: 300;
}

.w8-product__items__item__card__content {
    text-align: center;
    padding-top: 1em;
}

.w8-product__items__item__card__content__text {
    color: darkgrey;
    font-size: 1.4em;
}

.w8-product__items__item__card__content__icon {
    margin-top: 1em;
    display: flex;
    justify-content: center;
}

.w8-product__items__item__card__content__icon__svg {
    font-size: 1.5em;
    color: darkorange;
}

.w8-product__items__item__card__content__name {
    margin-top: 1em;
    font-weight: 500;
}

.w8-product__items__item__card__content__price {
    display: flex;
    justify-content: center;
    font-size: 1.6em;
    margin-top: 0.5em;
}

.w8-product__items__item__card__content__price__main {
    color: rgba(var(--main-color-w), 1);
}

.w8-product__items__item__card__content__price__sub {
    text-decoration: line-through;
    margin-left: 1em;
}

.w8-product__items__item__card__content__thumlist {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}

.w8-product__items__item__card__content__thumlist__imgbox {
    transition: all 0.2s;
    cursor: pointer;
    max-width: 5em;
    overflow: hidden;
    width: 3em;
    height: 4em;
    background-size: contain;
    background-position: center;
    object-fit: cover;
}

    .w8-product__items__item__card__content__thumlist__imgbox:not(:last-child) {
        margin-right: 0.2em;
    }

.w8-product__items__item__card__content__thumlist__imgbox__img {
    width: 100%;
    border-radius: 0.5em;
    margin: 0 auto;
}

.w8-product__items__item__card__content__thumlist__imgbox:hover {
    border: 0.2em solid rgba(var(--second-color-w), 1);
}

.w8-product__items__item__card__content__button {
    transition: all 0.2s;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    cursor: pointer;
    padding: 0.7em 1.5em;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 0.5em;
    margin-top: 2em;
    margin: 2em auto 0 auto;
    visibility: hidden;
    white-space: nowrap;
    font-size: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w8-product__items__item__card__content__button {
        padding: 0.5em;
    }
}

.w8-product__items__item__card__content__button__icon {
    color: white;
    font-size: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w8-product__items__item__card__content__button__icon {
        font-size: 1em;
    }
}

.w8-product__items__item__card__content__button__text {
    font-weight: 600;
    font-size: 1.1em;
    margin-left: 0.5em;
    white-space: nowrap;
}

@media only screen and (max-width: 37.5em) {
    .w8-product__items__item__card__content__button__text {
        font-size: 1em;
    }
}

.w8-product__items__item__card__content__button:hover {
    filter: brightness(0.8);
}

/*ed*/
/*w8-ads*/
.w8-ads {
    width: 100%;
    background-color: white;
    color: var(--text-color-w8);
}

.w8-ads__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w8-ads__items {
    width: 32%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-bottom: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w8-ads__items {
        width: 100%;
    }
}

.w8-ads__items:hover .w8-ads__items__imgbox {
    transform: scale(1.1);
}

.w8-ads__items:hover .w8-ads__items__text {
    transform: scale(1.2);
}

.w8-ads__items__imgbox {
    transition: all .1s;
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w8-ads__items__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w8-ads__items__text {
    position: absolute;
    text-align: center;
    transition: all .2s;
    padding: 4em;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 1em;
}

@media only screen and (max-width: 50em) {
    .w8-ads__items__text {
        padding: 2em;
    }
}

.w8-ads__items__text__sub {
    margin-top: .5em;
    font-weight: 600;
    font-size: 2em;
}

@media only screen and (max-width: 50em) {
    .w8-ads__items__text__sub {
        font-size: 1.6em;
    }
}

.w8-ads__items__text__main {
    font-weight: 500;
    font-size: 1.6em;
}

@media only screen and (max-width: 50em) {
    .w8-ads__items__text__main {
        font-size: 1.3em;
    }
}

/*ed*/

/*w8-product-3*/
.w8-product-3 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w8-product-3__group {
    max-width: 120em;
    margin: 0 auto;
}

.w8-product-3__heading {
    text-align: center;
}

.w8-product-3__heading__title {
    font-weight: 500;
    font-size: 3em;
}

.w8-product-3__heading__des {
    margin-top: 1em;
    font-weight: 300;
    font-size: 2em;
}

.w8-product-3__items {
    margin-top: 4em;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-3__items {
        display: block;
    }
}

.w8-product-3__items__item {
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-3__items__item {
        width: 100%;
        display: inline-block;
    }
}

.w8-product-3__items__item__imgbox {
    position: relative;
    height: 50em;
    background-size: contain;
    background-position: center;
}

.w8-product-3__items__item__imgbox__info {
    padding: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    color: white;
    margin: 1em;
    top: 0;
}

.w8-product-3__items__item__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w8-product-3__items__item:hover .w8-product-3__items__item__card {
    transform: translateY(-10em);
}

    .w8-product-3__items__item:hover .w8-product-3__items__item__card .w8-product-3__items__item__card__content__button {
        visibility: visible;
    }

.w8-product-3__items__item__card {
    background-color: white;
    transition: all 0.2s;
}

.w8-product-3__items__item__card__timebox {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
}

.w8-product-3__items__item__card__timebox__date {
    background-color: rgba(255, 255, 255, 0.893);
    color: rgba(var(--main-color-w), 1);
    padding: 1.5em 0.8em;
    font-size: 1.5em;
    width: 24%;
    text-align: center;
    border-radius: 0.2em;
}

.w8-product-3__items__item__card__timebox__date__number {
    font-weight: 600;
}

.w8-product-3__items__item__card__timebox__date__text {
    font-weight: 300;
}

.w8-product-3__items__item__card__content {
    text-align: center;
    padding-top: 1em;
}

.w8-product-3__items__item__card__content__text {
    color: darkgrey;
    font-size: 1.4em;
}

.w8-product-3__items__item__card__content__icon {
    margin-top: 1em;
    display: flex;
    justify-content: center;
}

.w8-product-3__items__item__card__content__icon__svg {
    font-size: 1.5em;
    color: darkorange;
}

.w8-product-3__items__item__card__content__name {
    margin-top: 1em;
    font-weight: 500;
}

.w8-product-3__items__item__card__content__price {
    display: flex;
    justify-content: center;
    font-size: 1.6em;
    margin-top: 0.5em;
}

.w8-product-3__items__item__card__content__price__main {
    color: rgba(var(--main-color-w), 1);
}

.w8-product-3__items__item__card__content__price__sub {
    text-decoration: line-through;
    margin-left: 1em;
}

.w8-product-3__items__item__card__content__thumlist {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}

.w8-product-3__items__item__card__content__thumlist__imgbox {
    transition: all 0.2s;
    cursor: pointer;
    max-width: 5em;
    overflow: hidden;
    object-fit: cover;
    width: 4em;
    height: 5em;
}

    .w8-product-3__items__item__card__content__thumlist__imgbox:not(:last-child) {
        margin-right: 0.2em;
    }

.w8-product-3__items__item__card__content__thumlist__imgbox__img {
    width: 100%;
    border-radius: 0.5em;
}

.w8-product-3__items__item__card__content__thumlist__imgbox:hover {
    border: 0.2em solid rgba(var(--second-color-w), 1);
}

.w8-product-3__items__item__card__content__button {
    transition: all 0.2s;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    cursor: pointer;
    padding: 0.7em 1.5em;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 0.5em;
    margin-top: 2em;
    margin: 2em auto 0 auto;
    visibility: hidden;
    white-space: nowrap;
    font-size: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-3__items__item__card__content__button {
        padding: 0.5em;
    }
}

.w8-product-3__items__item__card__content__button__icon {
    color: white;
    font-size: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-3__items__item__card__content__button__icon {
        font-size: 1em;
    }
}

.w8-product-3__items__item__card__content__button__text {
    font-weight: 600;
    font-size: 1.1em;
    margin-left: 0.5em;
    white-space: nowrap;
}

@media only screen and (max-width: 37.5em) {
    .w8-product-3__items__item__card__content__button__text {
        font-size: 1em;
    }
}

.w8-product-3__items__item__card__content__button:hover {
    filter: brightness(0.8);
}

/*ed*/
/*w8-menu-1*/
.w8-menu-1 {
    width: 100%;
    background-color: white;
    z-index: 10;
    position: relative;
}

.w8-menu-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

@media only screen and (min-width: 37.5em) and (max-width: 62.5em) {
    .w8-menu-1__group {
        margin-right: calc((100% - 20em) / 2);
    }
}

@media only screen and (max-width: 37.5em) {
    .w8-menu-1__group {
        margin-right: 1em;
    }
}

.w8-menu-1__ab {
    z-index: 1;
}

@media only screen and (min-width: 37.5em) {
    .w8-menu-1__ab {
        position: absolute;
        background-color: transparent;
    }
}

.w8-menu-1__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1em 0.5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    font-size: 1.4em;
}

@media only screen and (min-width: 62.5em) {
    .w8-menu-1__nav__button-nav {
        display: none;
    }
}

.w8-menu-1__nav__icon {
    margin-right: 1em;
    background-color: darkgray;
}

    .w8-menu-1__nav__icon::before, .w8-menu-1__nav__icon::after {
        background-color: darkgray;
    }

.w8-menu-1__nav__checkbox {
    display: none;
}

@media only screen and (min-width: 62.5em) {
    .w8-menu-1__nav__checkbox:checked ~ .w8-menu-1__first-group .w8-menu-1__first-group__items {
        display: flex;
    }
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__nav__checkbox:checked ~ .w8-menu-1__first-group .w8-menu-1__first-group__items {
        display: block;
    }
}

.w8-menu-1__nav__checkbox:checked ~ .w8-menu-1__second-group {
    display: block;
}

.w8-menu-1__first-group {
    align-items: center;
}

@media only screen and (min-width: 62.5em) {
    .w8-menu-1__first-group {
        display: flex;
    }
}

.w8-menu-1__first-group__imgbox {
    width: 15em;
    margin-right: 2em;
    background-size: contain;
    background-position: center;
}

.w8-menu-1__first-group__imgbox__img {
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w8-menu-1__first-group__imgbox {
        margin-left: auto;
    }
}

@media only screen and (min-width: 62.5em) {
    .w8-menu-1__first-group__items {
        display: flex;
    }
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__first-group__items {
        display: none;
        position: absolute;
        left: 0;
        top: 11.5em;
        background-color: white;
        z-index: 2;
    }
}

.w8-menu-1__first-group__items__bg {
    overflow-y: scroll;
    height: 50em;
}

.w8-menu-1__first-group__items__text {
    line-height: 8em;
    height: 8em;
    list-style: none;
    padding: 0 1em;
    cursor: pointer;
    padding: 0 3em;
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__first-group__items__text {
        min-width: 25em;
    }
}

.w8-menu-1__first-group__items__text--a {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4em;
}

.w8-menu-1__first-group__items__text:hover {
    background-color: rgba(244, 244, 244, 0.332);
    color: rgba(var(--second-color-w), 1);
}

@media only screen and (min-width: 62.5em) {
    .w8-menu-1__first-group__items__text:hover .w8-menu-1__first-group__items__drop {
        display: flex;
    }
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__first-group__items__text:hover .w8-menu-1__first-group__items__drop {
        visibility: visible;
        top: 0;
    }
}

@media only screen and (min-width: 62.5em) {
    .w8-menu-1__first-group__items__drop__text:hover .w8-menu-1__first-group__items__drop-1 {
        display: flex;
        visibility: visible;
    }
}

.w8-menu-1__first-group__items__drop {
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    display: none;
    position: absolute;
    background-color: white;
    z-index: 2;
    left: 0;
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__first-group__items__drop {
        top: 5em;
        display: block;
        left: 25em;
        visibility: hidden;
    }
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__first-group__items__drop__col {
        border-bottom: 0.1rem solid #e4e4e4;
    }
}

.w8-menu-1__first-group__items__drop-before {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__first-group__items__drop-before {
        display: flex;
        position: absolute;
        align-items: center;
        top: -3em;
        padding-left: 1em;
        font-size: 1.3em;
        font-weight: 600;
        z-index: 15;
        background-color: white;
        width: 100%;
        height: 3em;
        border-bottom: 0.1em solid #eee;
    }
}

.w8-menu-1__first-group__items__drop-before__icon {
    font-size: 1.2em;
}

.w8-menu-1__first-group__items__drop__text {
    list-style: none;
    padding: 0.5em 2em;
    line-height: 4em;
    min-width: 15em;
}

.w8-menu-1__first-group__items__drop__text--a {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4em;
    color: black;
}

.w8-menu-1__first-group__items__drop__text--a-pr {
    font-weight: 700;
}

.w8-menu-1__first-group__items__drop__text--a:hover {
    color: rgba(var(--main-color-w), 1);
}

.w8-menu-1__first-group__items__drop__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w8-menu-1__first-group__items__drop-1 {
    display: flex;
    position: relative;
    top: 0;
    background-color: white;
}

.w8-menu-1__first-group__items__drop-1-before {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__first-group__items__drop-1-before {
        position: absolute;
        top: -3em;
        padding-left: 1em;
        font-size: 1.3em;
        font-weight: 600;
        z-index: 15;
        background-color: white;
        width: 100%;
        height: 3em;
        display: flex;
        border-bottom: 0.1em solid #eee;
    }
}

.w8-menu-1__first-group__items__drop-1-before__icon {
    font-size: 1.2em;
}

.w8-menu-1__first-group__items__drop-1__text {
    list-style: none;
    line-height: 4em;
    transition: none;
    min-width: 15em;
    padding: 0.5em 1em;
}

.w8-menu-1__first-group__items__drop-1__text--a {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4em;
    color: black;
}

    .w8-menu-1__first-group__items__drop-1__text--a:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w8-menu-1__first-group__items__drop-1__text:hover {
    background-color: rgba(244, 244, 244, 0.5);
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__second-group {
        position: absolute;
        background-color: white;
        left: 0;
        top: 4.9em;
        width: 25em;
        display: none;
        z-index: 10;
    }
}

.w8-menu-1__second-group__items {
    display: flex;
    margin-right: 2em;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.w8-menu-1__second-group__items__item {
    position: relative;
    height: 8em;
    line-height: 9em;
}

.w8-menu-1__second-group__items__item__icon {
    margin: 0 1.5em;
    font-size: 2em;
    cursor: pointer;
    transition: all 0.2s;
}

    .w8-menu-1__second-group__items__item__icon:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w8-menu-1__second-group__items__item__drop {
    display: none;
    position: absolute;
    top: 7em;
    left: 0;
    background-color: white;
}

@media only screen and (max-width: 62.5em) {
    .w8-menu-1__second-group__items__item__drop {
        box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    }
}

.w8-menu-1__second-group__items__item__drop__ul {
    list-style: none;
}

.w8-menu-1__second-group__items__item__drop__li {
    cursor: pointer;
    padding: 0 1em;
    line-height: 5em;
}

    .w8-menu-1__second-group__items__item__drop__li:hover {
        background-color: rgba(244, 244, 244, 0.5);
        color: rgba(var(--main-color-w), 1);
    }

.w8-menu-1__second-group__items__item:hover .w8-menu-1__second-group__items__item__drop {
    display: block;
    z-index: 1;
}

.w8-menu-1__nav__checkbox-search:checked ~ .w8-menu-1__search {
    top: 0;
    visibility: visible;
}

.w8-menu-1__nav__checkbox-search {
    display: none;
}

.w8-menu-1__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white;
    padding: 4em;
    color: #757575;
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w8-menu-1__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w8-menu-1__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
}

.w8-menu-1__search__content__title__icon {
    font-size: 1.5em;
    background: none;
    border: none;
}

.w8-menu-1__search__content__input {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    width: 100%;
    border-bottom: 0.2em solid #f5f5f5;
}

.w8-menu-1__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
    color: black;
    width: 100%;
}

    .w8-menu-1__search__content__input__text::-webkit-input-placeholder {
        color: black;
    }

    .w8-menu-1__search__content__input__text:focus {
        outline: none;
    }

.w8-menu-1__search__content__input__icon {
    cursor: pointer;
    font-size: 3em;
}

/*ed*/
/*w8-services*/
.w8-services {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w8-services__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333%;
}

@media only screen and (max-width: 50em) {
    .w8-services__group {
        gap: 2%;
    }
}

.w8-services__items {
    display: flex;
    width: 24%;
}

@media only screen and (max-width: 50em) {
    .w8-services__items {
        width: 32%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w8-services__items {
        width: 49%;
    }
}

.w8-services__items__icon {
    font-size: 5em;
    color: rgba(var(--main-color-w), 1);
}

.w8-services__items__text {
    margin-left: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w8-services__items__text {
        margin-left: 0;
        margin-top: 1em;
    }
}

.w8-services__items__text__main {
    font-weight: 500;
    font-size: 1.6em;
}

.w8-services__items__text__sub {
    margin-top: 0.5em;
    color: var(--text-color-w);
    font-weight: 300;
    font-size: 1.4em;
}

/*ed*/
/*w8-ctaregister*/
.w8-ctaregister {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 1em;
}

.w8-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w8-ctaregister__group {
        flex-direction: column;
    }
}

.w8-ctaregister__text {
    color: white;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 2em;
}

.w8-ctaregister__form {
    background-color: white;
    display: flex;
    justify-content: space-between;
    border-radius: 0.5em;
    overflow: hidden;
    width: 40%;
}

@media only screen and (max-width: 37.5em) {
    .w8-ctaregister__form {
        width: 100%;
        margin-top: 2em;
    }
}

.w8-ctaregister__form__text {
    padding: 1em 1em;
    outline: none;
    border: none;
    font-size: 1.4em;
}

.w8-ctaregister__form__button {
    color: white;
    background-color: #000000;
    border: none;
    padding: 0 1em;
    cursor: pointer;
    font-weight: 600;
    font-size: 1.4em;
    display: inline-block;
}

    .w8-ctaregister__form__button:hover {
        filter: brightness(0.8);
    }

.w8-ctaregister__social {
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w8-ctaregister__social {
        width: 100%;
        margin-top: 2em;
        justify-content: center;
    }
}

.w8-ctaregister__social__icon {
    cursor: pointer;
    color: white;
    margin-left: 1em;
    font-size: 2em;
    transition: all 0.2s;
}

    .w8-ctaregister__social__icon:hover {
        color: black;
    }

/*ed*/
/*w8-footer*/
.w8-footer {
    position: relative;
    width: 100%;
    background-color: #f7f8fa;
    padding: 2em 1em;
}

.w8-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w8-footer__group {
        display: block;
    }
}

.w8-footer-col {
    display: flex;
    flex-wrap: wrap;
    width: 70%;
}

@media only screen and (max-width: 37.5em) {
    .w8-footer-col {
        width: 100%;
        text-align: center;
    }
}

.w8-footer-col:last-child {
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w8-footer-col:last-child {
        width: 100%;
        text-align: center;
    }
}

.w8-footer__item {
    width: 33%;
    color: #333;
}

.w8-footer__item-last {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w8-footer__item {
        width: 100%;
        text-align: center;
    }
}

.w8-footer__item__title {
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    fill: white;
    text-transform: uppercase;
    color: black;
    font-size: 1.3em;
}

.w8-footer__item__link {
    margin-top: 2rem;
    font-size: 1.3em;
    height: max-content;
}

    .w8-footer__item__link a {
        margin-top: 1em;
        font-size: 1.4em;
        display: block;
        color: #333;
        text-decoration: none;
        font-weight: 300;
        line-height: 1.8em;
    }

/*ed*/
/*w8-downbar*/
.w8-downbar {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w8-downbar__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w8-downbar__group {
        flex-direction: column;
    }
}

.w8-downbar__first-group {
    display: flex;
    align-items: center;
}

.w8-downbar__first-group__imgbox {
    width: 10em;
    height: 5em;
    background-size: contain;
    background-position: center;
}

.w8-downbar__first-group__imgbox__img {
    width: 10em;
    margin: 0 auto;
}

.w8-downbar__first-group__cpr {
    margin-left: 1em;
}

.w8-downbar__second-group {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w8-downbar__second-group {
        margin-top: 2em;
    }
}

.w8-downbar__second-group__imgbox {
    display: flex;
    align-items: center;
    width: 7em;
    height: 3em;
    background-size: contain;
    background-position: center;
}

.w8-downbar__second-group__imgbox__img {
    margin: 0 auto;
}

.w8-downbar__second-group__text {
    margin-left: 0.5em;
}

/*ed*/
/*w9-ctaregister-1*/
.w9-ctaregister-1 {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w9-ctaregister-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0.1em solid #eee;
}

@media only screen and (max-width: 50em) {
    .w9-ctaregister-1__group {
        flex-direction: column;
        text-align: center;
    }
}

.w9-ctaregister-1__icon {
    font-size: 3em;
    color: black;
}

.w9-ctaregister-1__text {
    font-weight: 700;
    text-transform: uppercase;
    width: 10em;
    margin-left: 2em;
}

@media only screen and (max-width: 50em) {
    .w9-ctaregister-1__text {
        margin-top: 1em;
        margin-left: 0;
    }
}

.w9-ctaregister-1__info {
    color: darkgray;
    width: 20em;
}

@media only screen and (max-width: 50em) {
    .w9-ctaregister-1__info {
        margin-top: 1em;
    }
}

.w9-ctaregister-1__input {
    padding: 1em;
    border: 0.1em solid #eee;
    width: 50em;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 2em;
}

@media only screen and (max-width: 50em) {
    .w9-ctaregister-1__input {
        width: 100%;
        margin-top: 1em;
        margin-left: 0;
    }
}

.w9-ctaregister-1__input__text {
    border: none;
    outline: none;
    display: block;
    width: 80%;
    font-size: 1.5em;
}

.w9-ctaregister-1__input__button {
    margin-left: auto;
    display: block;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    border: none;
    outline: none;
    font-size: 1.5em;
    color: white;
    white-space: nowrap;
    font-weight: 600;
    cursor: pointer;
}

    .w9-ctaregister-1__input__button:hover {
        filter: brightness(0.8);
    }

/*ed*/

/*w9-menu*/
.w9-menu {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1) !important;
    z-index: 10;
    position: relative;
}

@media only screen and (min-width: 37.5em) {
    .w9-menu__ab {
        position: absolute;
        background-color: transparent;
        z-index: 2;
    }
}

.w9-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    flex-wrap: wrap;
}

@media only screen and (min-width: 37.5em) and (max-width: 62.5em) {
    .w9-menu__group {
        margin-right: calc((100% - 20em)/2);
    }
}

@media only screen and (max-width: 37.5em) {
    .w9-menu__group {
        margin-right: 1em;
    }
}

.w9-menu__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1em .5em;
    height: 3.5em;
    display: flex;
    align-items: center;
    font-size: 1.4em;
}

@media only screen and (min-width: 62.5em) {
    .w9-menu__nav__button-nav {
        display: none;
    }
}

.w9-menu__nav__icon {
    margin-right: 1em;
    background-color: white !important;
}

    .w9-menu__nav__icon::before, .w9-menu__nav__icon::after {
        background-color: white !important;
    }

@media only screen and (min-width: 62.5em) {
    .w9-menu__nav__checkbox:checked ~ .w9-menu__first-group .w9-menu__first-group__items {
        display: flex;
    }
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__nav__checkbox:checked ~ .w9-menu__first-group .w9-menu__first-group__items {
        display: block;
        background-color: black;
    }
}

.w9-menu__nav__checkbox:checked ~ .w9-menu__second-group {
    display: block;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop:checked ~ .w9-menu__first-group__items__drop {
        position: relative;
        visibility: visible;
        top: 0;
    }
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop:checked ~ .w9-menu__first-group__items__text--a .w9-menu__button__drop__icon {
        transform: rotate(180deg);
    }
}

.w9-menu__checkbox__drop {
    display: none;
}

.w9-menu__button__drop {
    height: 2em;
    transform: translateY(-0.3em);
}

@media only screen and (min-width: 62.5em) {
    .w9-menu__button__drop {
        height: 5em;
        transform: translateY(-0.3em);
    }
}

.w9-menu__button__drop__icon {
    margin-left: .2em;
    color: white !important;
    font-size: 1em;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop:not(:checked) ~ .w9-menu__first-group__items__drop .w9-menu__first-group__items__drop-1 {
        position: absolute;
        visibility: hidden;
        top: -25em;
    }
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__checkbox__drop-1:checked ~ .w9-menu__first-group__items__drop-1 {
        position: relative;
        visibility: visible;
        top: 0;
    }
}

.w9-menu__checkbox__drop-1:checked ~ .w9-menu__first-group__items__drop__text--a .w9-menu__button__drop-1__icon {
    transform: rotate(180deg);
}

.w9-menu__checkbox__drop-1 {
    display: none;
}

.w9-menu__button__drop-1 {
    display: none;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__button__drop-1 {
        display: inline-block;
    }

    .w9-menu__button__drop-1__icon {
        margin-top: 1em;
        color: white;
        font-size: 1em;
    }
}

.w9-menu__first-group {
    align-items: center;
}

@media only screen and (min-width: 62.5em) {
    .w9-menu__first-group {
        display: flex;
    }
}

@media only screen and (min-width: 62.5em) {
    .w9-menu__first-group__items {
        display: flex;
    }
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items {
        display: none;
        position: absolute;
        left: 0;
        top: 10em;
        background-color: black;
        z-index: 2;
        overflow-y: scroll;
        height: max-content;
    }

        .w9-menu__first-group__items::-webkit-scrollbar {
            display: none;
        }
}

.w9-menu__first-group__items__bg {
    overflow-y: scroll;
    height: 50em;
}

.w9-menu__first-group__items__text {
    line-height: 8em;
    height: 8em;
    list-style: none;
    padding: 0 3em;
    cursor: pointer;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__text {
        min-width: 25em;
        padding: 0 1em;
        height: auto;
        line-height: 4em;
    }
}

.w9-menu__first-group__items__text__icon {
    align-self: center;
    font-size: 1em;
    margin-left: .5em;
    color: white !important;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__text__icon {
        transform: rotate(-90deg);
    }
}

.w9-menu__first-group__items__text--a {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    text-decoration: none;
    font-size: 1.4em;
    font-weight: 600;
    text-transform: capitalize;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white !important;
}

.w9-menu__first-group__items__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w9-menu__first-group__items__text:hover .w9-menu__first-group__items__text__icon {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (min-width: 62.5em) {
    .w9-menu__first-group__items__text:hover .w9-menu__first-group__items__drop {
        display: flex;
    }
}

@media only screen and (min-width: 62.5em) {
    .w9-menu__first-group__items__text:hover .w9-menu__button__drop__icon {
        color: rgba(var(--second-color-w), 1);
    }
}

@media only screen and (min-width: 62.5em) {
    .w9-menu__first-group__items__drop__text:hover .w9-menu__first-group__items__drop-1 {
        display: flex;
        visibility: visible;
    }
}

.w9-menu__first-group__items__drop {
    box-shadow: .01em .05em .05em 0.1em #eee;
    display: none;
    position: absolute;
    background-color: white;
    z-index: 2;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__drop {
        left: 0;
        transition: all .2s;
        width: 25em;
        top: -20em;
        display: block;
        visibility: hidden;
        background-color: black;
        box-shadow: none;
    }
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__drop__col {
        border-bottom: .1rem solid #e4e4e4;
    }
}

.w9-menu__first-group__items__drop__text {
    list-style: none;
    padding: .5em 1.5em;
    line-height: 4em;
    transition: all .1s;
    min-width: 20em;
    position: relative;
    border-bottom: .1em solid #eee;
}

.w9-menu__first-group__items__drop__text--a {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1em;
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__drop__text--a {
        color: white;
        transition: none;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
}

.w9-menu__first-group__items__drop__text--a:hover {
    color: rgba(var(--second-color-w), 1);
}

.w9-menu__first-group__items__drop__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w9-menu__first-group__items__drop-1 {
    position: absolute;
    visibility: hidden;
    display: none;
    top: 0;
    left: 19em;
    background-color: white;
    transition: all .2s;
}

@media only screen and (min-width: 62.5em) {
    .w9-menu__first-group__items__drop-1 {
        display: flex;
        box-shadow: .01em .05em .05em 0.1em #eee;
    }
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__drop-1 {
        width: 25em;
        left: 0;
        background-color: black;
        position: absolute;
        display: block;
        top: -25em;
    }
}

.w9-menu__first-group__items__drop-1-before {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__drop-1-before {
        position: absolute;
        top: -3em;
        padding-left: 1em;
        font-size: 1.3em;
        font-weight: 600;
        z-index: 15;
        background-color: white;
        width: 100%;
        height: 3em;
        display: flex;
        border-bottom: 0.1em solid #eee;
    }
}

.w9-menu__first-group__items__drop-1-before__icon {
    font-size: 1.2em;
}

.w9-menu__first-group__items__drop-1__text {
    list-style: none;
    padding: .5em 1.5em;
    line-height: 4em;
    transition: none;
    min-width: 15em;
    border-bottom: .1em solid #eee;
    position: relative;
}

.w9-menu__first-group__items__drop-1__text--a {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-decoration: none;
    font-size: 1em;
    color: black;
    font-weight: 600;
    text-transform: capitalize;
    overflow: hidden;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__first-group__items__drop-1__text--a {
        color: white;
    }
}

.w9-menu__first-group__items__drop-1__text--a:hover {
    color: rgba(var(--second-color-w), 1);
}

.w9-menu__first-group__items__drop-1__text:hover {
    color: rgba(var(--second-color-w), 1);
}

@media only screen and (max-width: 62.5em) {
    .w9-menu__second-group {
        position: absolute;
        background-color: black;
        left: 0;
        top: 4.9em;
        width: 25em;
        display: none;
        z-index: 10;
        padding: 2em 0;
    }
}

.w9-menu__second-group__items {
    display: flex;
    margin-right: 2em;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.w9-menu__second-group__items__icon {
    margin: 0 1em;
    font-size: 2em;
    cursor: pointer;
    transition: all .2s;
    color: white;
}

.w9-menu__second-group__items__text {
    font-size: 1.3em;
}

/*ed*/
/*w9-banner*/
.w9-banner {
    width: 100%;
    background-color: #f8f8f8;
    padding: 2em 1em;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
}

.w9-banner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w9-banner__group {
        flex-direction: column;
    }
}

.w9-banner__first-group {
    min-width: 25em;
    display: inline-block;
    z-index: 2;
}

@media only screen and (max-width: 50em) {
    .w9-banner__first-group {
        width: 100%;
    }
}

.w9-banner__first-group__heading {
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
}

.w9-banner__first-group__heading__svg {
    height: 2em;
    width: 2em;
    fill: white;
}

.w9-banner__first-group__heading__text {
    margin-left: 1em;
    color: white;
    font-weight: 800;
}

.w9-banner__first-group__items {
    list-style: none;
    position: relative;
    transition: all 0.2s;
}

@media only screen and (max-width: 50em) {
    .w9-banner__first-group__items {
        height: auto;
    }
}

.w9-banner__first-group__items__item {
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border-bottom: 0.1em solid #eee;
    background-color: white;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w9-banner__first-group__items__item {
        display: block;
    }
}

.w9-banner__first-group__items__item:hover .w9-banner__first-group__items__item__svg {
    color: rgba(var(--main-color-w), 1);
}

.w9-banner__first-group__items__item:hover {
    color: rgba(var(--main-color-w), 1);
}

.w9-banner__first-group__items__item__svg {
    height: 1.5em;
    width: 1.5em;
    fill: darkgray;
}

.w9-banner__first-group__items__item__svg-right {
    margin-left: auto;
}

.w9-banner__first-group__items__item__text {
    margin-left: 1em;
    display: inline-block;
    text-transform: capitalize;
    font-size: 1.3em;
}

@media only screen and (max-width: 50em) {
    .w9-banner__first-group__items__item__text {
        transform: translateY(-0.5em);
    }
}

@media only screen and (max-width: 50em) {
    .w9-banner__first-group__items__item__nav__checkbox:checked ~ .w9-banner__first-group__items__drop {
        position: relative;
        top: 2em;
        visibility: visible;
        opacity: 1;
    }
}

@media only screen and (max-width: 50em) {
    .w9-banner__first-group__items__item-nav {
        transform: rotate(90deg);
    }

    .w9-banner__first-group__items__item__nav__checkbox:checked ~ .w9-banner__first-group__items__item-nav {
        transform: rotate(-90deg);
    }
}

.w9-banner__first-group__items__item-nav {
    float: right;
    margin-left: auto;
}

.w9-banner__first-group__items__item__nav__checkbox {
    display: none;
}

@media only screen and (min-width: 50em) {
    .w9-banner__first-group__items__item:hover .w9-banner__first-group__items__drop {
        display: block;
    }
}

.w9-banner__first-group__items__drop {
    list-style: none;
    position: absolute;
    top: 0;
    left: 25em;
    background-color: white;
    width: 25em;
    transition: all 0.2s;
    display: none;
    z-index: 1;
    box-shadow: 0.1em 0.1em 0.5em 0.1em #eee;
    color: black;
}

@media only screen and (max-width: 50em) {
    .w9-banner__first-group__items__drop {
        width: 100%;
        top: -25em;
        left: 0;
        opacity: 0;
        visibility: hidden;
        display: block;
    }
}

.w9-banner__first-group__items__drop__item {
    padding: 1em;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
}

.w9-banner__first-group__items__drop__item__icon {
    font-size: 1em;
    color: black;
}

.w9-banner__first-group__items__drop__item__text {
    margin-left: 1em;
    transition: none;
}

.w9-banner__first-group__items__drop__item__icon:last-child {
    margin-left: auto;
}

.w9-banner__first-group__items__drop__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w9-banner__first-group__items__drop__item:hover .w9-banner__first-group__items__drop__item__icon {
        color: rgba(var(--second-color-w), 1);
    }

.w9-banner__second-group {
    display: inline-block;
    margin-left: 2em;
    width: 97%;
}

@media only screen and (max-width: 50em) {
    .w9-banner__second-group {
        flex-direction: column;
        margin-left: 0;
        width: 100%;
    }
}

.w9-banner__second-group__one {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
}

.w9-banner__second-group__one__main {
    position: relative;
    overflow: hidden;
    display: block;
    width: 70%;
    height: 40em;
}

.w9-banner__second-group__one__main-bg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    transition: all 0.2s;
}

    .w9-banner__second-group__one__main-bg:hover {
        transform: scale(1.2);
    }

@media only screen and (max-width: 50em) {
    .w9-banner__second-group__one__main {
        width: 100%;
    }
}

.w9-banner__second-group__one__main__info {
    position: absolute;
    color: white;
    top: 15%;
    left: 10%;
}

.w9-banner__second-group__one__main__info__title {
    font-weight: 800;
}

.w9-banner__second-group__one__main__info__des {
    margin-top: 0.5em;
    font-weight: 500;
    font-size: 3em;
}

.w9-banner__second-group__one__main__info__price {
    margin-top: 1em;
    font-weight: 800;
}

.w9-banner__second-group__one__main__info__button {
    margin-top: 2em;
    color: white;
    font-weight: 800;
    display: inline-block;
    padding: 1em 2em;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 0.2em;
    border: none;
    cursor: pointer;
}

.w9-banner__second-group__one__sub {
    position: relative;
    width: 35%;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w9-banner__second-group__one__sub {
        display: none;
    }
}

.w9-banner__second-group__one__sub-bg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    background-position: center;
    transition: all 0.2s;
}

    .w9-banner__second-group__one__sub-bg:hover {
        transform: scale(1.2);
    }

.w9-banner__second-group__one__sub__info {
    padding: 2em;
    top: 0;
    position: absolute;
}

.w9-banner__second-group__one__sub__info__title {
    color: red;
    text-transform: uppercase;
}

.w9-banner__second-group__one__sub__info__des {
    margin-top: 1em;
    font-weight: 500;
    font-size: 2em;
}

.w9-banner__second-group__one__sub__info__price {
    font-weight: 800;
    font-size: 1.6em;
    margin-top: 2em;
    cursor: pointer;
    text-decoration: underline;
}

.w9-banner__second-group__two {
    width: 100%;
    display: flex;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w9-banner__second-group__two {
        flex-direction: column;
    }
}

.w9-banner__second-group__two__content {
    position: relative;
    overflow: hidden;
    color: white;
    height: 18em;
    width: 100%;
}

.w9-banner__second-group__two__content-bg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    background-position: center;
}

.w9-banner__second-group__two__content-bg-1 {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    transition: all 0.2s;
}

    .w9-banner__second-group__two__content-bg-1:hover {
        transform: scale(1.2);
    }

.w9-banner__second-group__two__content-bg-2 {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    transition: all 0.2s;
}

    .w9-banner__second-group__two__content-bg-2:hover {
        transform: scale(1.2);
    }

.w9-banner__second-group__two__content-bg-3 {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    background-position: center;
    transition: all 0.2s;
}

    .w9-banner__second-group__two__content-bg-3:hover {
        transform: scale(1.2);
    }

.w9-banner__second-group__two__content__title {
    position: relative;
    width: 40%;
    font-size: 1.6em;
    z-index: 1;
    display: block;
    margin-top: 2em;
    margin-left: 1.2em;
}

.w9-banner__second-group__two__content__des {
    margin-left: 2em;
    position: relative;
    margin-top: 1em;
    font-size: 1em;
    display: block;
    z-index: 1;
    text-decoration: underline;
    cursor: pointer;
}

/*ed*/
/*w9-services*/
.w9-services {
    width: 100%;
    position: relative;
    padding: 0 1em;
    background-color: white;
}

.w9-services__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333%;
}

@media only screen and (max-width: 56.25em) {
    .w9-services__group {
        gap: 2%;
    }
}

.w9-services__item {
    display: flex;
    align-items: center;
    width: 24%;
    margin-top: 2em;
}

@media only screen and (max-width: 56.25em) {
    .w9-services__item {
        width: 32%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w9-services__item {
        margin-top: 2em;
        width: 49%;
    }
}

.w9-services__item:not(:last-child) {
    border-right: 0.1em solid #eee;
}

.w9-services__item__icon {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w9-services__item__icon {
        margin: 0 0.3em 0 0.3em;
        width: 1.5em;
        min-width: 1.5em;
        font-size: 3em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w9-services__item__group {
        margin: 1em 1em 0 1em;
    }
}

.w9-services__item__group__des {
    font-weight: 300;
    line-height: 1.8em;
}

.w9-services__item__group__name {
    line-height: 1.8em;
    font-size: 1.4em;
    font-weight: 600;
}

/*ed*/
/*w9-products*/
.w9-products {
    width: 100%;
    background-color: #F8F8F8;
    padding: 2em 1em;
}

.w9-products__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-products__heading {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w9-products__heading {
        flex-wrap: wrap;
    }
}

.w9-products__heading__title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 2em;
    padding: 1em;
    border-right: 0.1em solid #eee;
}

@media only screen and (max-width: 37.5em) {
    .w9-products__heading__title {
        border-right: none;
    }
}

.w9-products__heading__time {
    display: flex;
    align-items: center;
}

.w9-products__heading__time__box {
    margin-left: 2em;
    text-align: center;
}

.w9-products__heading__time__box__day {
    font-weight: 600;
    font-size: 3em;
    color: rgba(var(--main-color-w), 1);
}

.w9-products__heading__time__box__des {
    font-weight: 700;
}

.w9-products__items {
    margin-top: 4em;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w9-products__items {
        justify-content: flex-start;
    }
}

.w9-products__items__card {
    width: 20%;
    padding-bottom: 2em;
    text-align: center;
    text-transform: capitalize;
    border: 0.1em solid #eee;
}

@media only screen and (max-width: 37.5em) {
    .w9-products__items__card {
        width: 50%;
        margin-top: 1em;
    }
}

.w9-products__items__card__imgbox {
    position: relative;
    width: 100%;
    transition: all .2s;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w9-products__items__card__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-products__items__card__imgbox__status {
    position: absolute;
    display: inline-block;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    color: white;
    border-radius: .2em;
    top: 0;
}

.w9-products__items__card__imgbox:hover .w9-products__items__card__buy {
    opacity: 1;
}

.w9-products__items__card__buy {
    transition: all .2s;
    cursor: pointer;
    position: absolute;
    padding: 1em;
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    font-weight: 600;
    cursor: pointer;
}

    .w9-products__items__card__buy:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w9-products__items__card__name {
    margin-top: 1em;
    color: darkgray;
    display: block;
    padding: 0 .5em;
}

.w9-products__items__card__des {
    margin-top: 1.5em;
    font-weight: 700;
    padding: 0 1em;
    display: block;
}

.w9-products__items__card__price {
    margin-top: 1.5em;
    display: flex;
    justify-content: center;
    font-size: 1.3em;
    font-weight: 800;
    align-items: center;
}

@media only screen and (max-width: 56.25em) {
    .w9-products__items__card__price {
        flex-wrap: wrap;
    }
}

.w9-products__items__card__price__main {
    color: rgba(var(--main-color-w), 1);
}

.w9-products__items__card__price__sub {
    text-decoration: line-through;
    margin-left: 0.5em;
}

.w9-products__items__card__button {
    margin-top: 2em;
    padding: .5em 2em;
    background-color: black;
    border: none;
    outline: none;
    font-size: 1.4em;
    cursor: pointer;
    color: white;
    border-radius: .3em;
    font-weight: 700;
    display: inline-block;
}

    .w9-products__items__card__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w9-products-2*/
.w9-products-2 {
    width: 100%;
    background-color: #f8f8f8;
    padding: 2em 1em;
}

.w9-products-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-products-2__heading {
    display: flex;
    align-items: center;
}

.w9-products-2__heading__title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3em;
    padding: 1em;
}

.w9-products-2__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-2__items {
        justify-content: flex-start;
    }
}

.w9-products-2__items__card {
    width: 25%;
    padding-bottom: 4em;
    text-align: center;
    text-transform: capitalize;
    border: 0.1em solid #eee;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-2__items__card {
        width: 50%;
        margin-top: 1em;
    }
}

.w9-products-2__items__card__content {
    position: relative;
    display: block;
    transition: all 0.2s;
    cursor: pointer;
}

.w9-products-2__items__card__content__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w9-products-2__items__card__content__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-products-2__items__card__content__imgbox__status {
    position: absolute;
    display: inline-block;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    color: white;
    border-radius: 0.2em;
    top: 0;
}

.w9-products-2__items__card__content__buy {
    transition: all 0.2s;
    cursor: pointer;
    position: absolute;
    padding: 1em;
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    font-weight: 600;
    cursor: pointer;
}

    .w9-products-2__items__card__content__buy:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w9-products-2__items__card__content:hover .w9-products-2__items__card__content__buy {
    opacity: 1;
}

.w9-products-2__items__card__name {
    margin-top: 1em;
    color: darkgray;
    display: block;
    padding: 0 0.5em;
}

.w9-products-2__items__card__des {
    margin-top: 1.5em;
    font-weight: 700;
    padding: 0 1em;
    display: block;
}

.w9-products-2__items__card__price {
    margin-top: 1.5em;
    display: flex;
    justify-content: center;
    font-size: 1.3em;
    font-weight: 800;
}

.w9-products-2__items__card__price__main {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
}

.w9-products-2__items__card__price__sub {
    text-decoration: line-through;
    margin-left: 0.5em;
    display: inline-block;
}

.w9-products-2__items__card__button {
    margin-top: 2em;
    padding: 0.5em 2em;
    background-color: black;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    border-radius: 0.3em;
    font-weight: 700;
    display: inline-block;
    font-size: 1.4em;
}

    .w9-products-2__items__card__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w9-products-2__items__sub {
    width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 22em;
    justify-content: center;
    box-sizing: border-box;
}

@media only screen and (max-width: 50em) {
    .w9-products-2__items__sub {
        display: none;
    }
}

.w9-products-2__items__sub__box {
    width: 50%;
    text-align: center;
    margin-left: 2em;
}

.w9-products-2__items__sub-bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
    position: absolute !important;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
}

    .w9-products-2__items__sub-bg:hover {
        transform: scale(1.2);
    }

.w9-products-2__items__sub__name {
    color: white;
    text-transform: uppercase;
    font-size: 1.3em;
    position: relative;
}

.w9-products-2__items__sub__des {
    margin-top: 1em;
    color: #0069df;
    font-size: 2em;
    text-transform: capitalize;
    position: relative;
}

.w9-products-2__items__sub__info {
    margin-top: 2em;
    font-size: 1.3em;
    position: relative;
}

.w9-products-2__items__sub__text {
    position: relative;
    margin-top: 2em;
    color: white;
    text-decoration: underline;
    font-size: 1.3em;
}

/*ed*/
/*w9-products-3*/
.w9-products-3 {
    width: 100%;
    background-color: #f8f8f8;
    padding: 2em 1em;
}

.w9-products-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w9-products-3__heading {
    display: flex;
    align-items: center;
}

.w9-products-3__heading__title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3em;
    padding: 1em;
}

.w9-products-3__content-group {
    position: relative;
    display: inline-block;
    width: 80%;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-3__content-group {
        width: 100%;
    }
}

.w9-products-3__items {
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-3__items {
        flex-direction: column;
    }
}

.w9-products-3__items__main {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w9-products-3__items__main {
        justify-content: flex-start;
    }
}

.w9-products-3__items__main__card {
    padding-bottom: 4em;
    text-align: center;
    text-transform: capitalize;
    border: 0.1em solid #eee;
    width: 25%;
}

.w9-products-3__items__main__card__content {
    position: relative;
    width: 100%;
    transition: all 0.2s;
    cursor: pointer;
}

.w9-products-3__items__main__card__content__imgbox {
    background-size: contain;
    background-position: center;
}

.w9-products-3__items__main__card__content__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-products-3__items__main__card__content__imgbox__status {
    position: absolute;
    display: inline-block;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    color: white;
    border-radius: 0.2em;
    top: 0;
}

.w9-products-3__items__main__card__content:hover .w9-products-3__items__main__card__content__buy {
    opacity: 1;
}

.w9-products-3__items__main__card__content__buy {
    transition: all 0.2s;
    cursor: pointer;
    position: absolute;
    padding: 1em;
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    font-weight: 600;
    cursor: pointer;
}

    .w9-products-3__items__main__card__content__buy:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

@media only screen and (max-width: 50em) {
    .w9-products-3__items__main__card {
        width: 50%;
        margin-top: 1em;
    }
}

.w9-products-3__items__main__card__name {
    margin-top: 1em;
    color: darkgray;
    display: block;
    padding: 0 0.5em;
}

.w9-products-3__items__main__card__des {
    margin-top: 1.5em;
    font-weight: 700;
    padding: 0 1em;
    display: block;
}

.w9-products-3__items__main__card__price {
    margin-top: 1.5em;
    display: flex;
    justify-content: center;
    font-size: 1.3em;
    font-weight: 800;
    flex-wrap: wrap;
}

.w9-products-3__items__main__card__price__main {
    color: rgba(var(--main-color-w), 1);
}

.w9-products-3__items__main__card__price__sub {
    text-decoration: line-through;
    margin-left: 0.5em;
}

.w9-products-3__items__main__card__button {
    margin-top: 2em;
    padding: 0.5em 2em;
    background-color: black;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    border-radius: 0.3em;
    font-weight: 700;
    font-size: 1.4em;
    display: inline-block;
}

    .w9-products-3__items__main__card__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w9-products-3__items__sub {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 15em;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w9-products-3__items__sub {
        display: none;
    }
}

.w9-products-3__items__sub__box {
    width: 50%;
    text-align: center;
    margin-left: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-3__items__sub__box {
        width: 100%;
        margin-left: 0;
    }
}

.w9-products-3__items__sub-bg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: all 0.2s;
}

    .w9-products-3__items__sub-bg:hover {
        transform: scale(1.2);
    }

.w9-products-3__items__sub__name {
    color: white;
    text-transform: uppercase;
    font-size: 1.3em;
    position: relative;
}

.w9-products-3__items__sub__des {
    margin-top: 1em;
    color: #0069df;
    font-size: 2em;
    text-transform: capitalize;
    position: relative;
    white-space: nowrap;
}

.w9-products-3__items__sub__info {
    margin-top: 1em;
    font-size: 1.3em;
    position: relative;
}

.w9-products-3__items__sub__text {
    position: relative;
    margin-top: 1em;
    color: white;
    text-decoration: underline;
    font-size: 1.3em;
}

.w9-products-3__ads-group {
    background-color: white;
    padding: 2em;
    min-width: 20%;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-3__ads-group {
        margin-top: 1em;
        min-width: 0;
        width: 100%;
    }
}

.w9-products-3__ads-group__heading {
    font-size: 1.6em;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding: 1em;
}

.w9-products-3__ads-group__card__item {
    cursor: pointer;
    margin-top: 3em;
    display: flex;
}

.w9-products-3__ads-group__card__item__imgbox {
    min-width: 6em;
    margin-right: 1em;
    height: 6em;
    width: 6em;
    background-size: contain;
    background-position: center;
}

.w9-products-3__ads-group__card__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w9-products-3__ads-group__card__item__info__name {
    font-size: 1.1em;
}

.w9-products-3__ads-group__card__item__info__price {
    display: flex;
}

.w9-products-3__ads-group__card__item__info__price__main {
    margin-top: 1em;
    color: darkgray;
    text-decoration: line-through;
    font-weight: 600;
    display: inline-block;
    margin-right: 0.5em;
}

.w9-products-3__ads-group__card__item__info__price__sub {
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 500;
    display: inline-block;
}

/*ed*/
/*w9-products-4*/
.w9-products-4 {
    width: 100%;
    background-color: #f8f8f8;
    padding: 2em 1em;
}

.w9-products-4__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w9-products-4__heading {
    display: flex;
    align-items: center;
}

.w9-products-4__heading__title {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3em;
    padding: 1em;
}

.w9-products-4__content-group {
    position: relative;
    display: inline-block;
    width: 80%;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-4__content-group {
        width: 100%;
    }
}

.w9-products-4__items {
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-4__items {
        flex-direction: column;
    }
}

.w9-products-4__items__main {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w9-products-4__items__main {
        justify-content: flex-start;
    }
}

.w9-products-4__items__main__card {
    padding-bottom: 4em;
    text-align: center;
    text-transform: capitalize;
    border: 0.1em solid #eee;
    width: 25%;
}

.w9-products-4__items__main__card__content {
    position: relative;
    width: 100%;
    transition: all 0.2s;
    cursor: pointer;
}

.w9-products-4__items__main__card__content__imgbox {
    background-size: contain;
    background-position: center;
}

.w9-products-4__items__main__card__content__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-products-4__items__main__card__content__imgbox__status {
    position: absolute;
    display: inline-block;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    color: white;
    border-radius: 0.2em;
    top: 0;
}

.w9-products-4__items__main__card__content:hover .w9-products-4__items__main__card__content__buy {
    opacity: 1;
}

.w9-products-4__items__main__card__content__buy {
    transition: all 0.2s;
    cursor: pointer;
    position: absolute;
    padding: 1em;
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    font-weight: 600;
    cursor: pointer;
}

    .w9-products-4__items__main__card__content__buy:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

@media only screen and (max-width: 50em) {
    .w9-products-4__items__main__card {
        width: 50%;
        margin-top: 1em;
    }
}

.w9-products-4__items__main__card__name {
    margin-top: 1em;
    color: darkgray;
    display: block;
}

.w9-products-4__items__main__card__des {
    margin-top: 1.5em;
    font-weight: 700;
    padding: 0 1em;
    display: block;
}

.w9-products-4__items__main__card__price {
    margin-top: 1.5em;
    display: flex;
    justify-content: center;
    font-size: 1.3em;
    font-weight: 800;
    flex-wrap: wrap;
}

.w9-products-4__items__main__card__price__main {
    color: rgba(var(--main-color-w), 1);
}

.w9-products-4__items__main__card__price__sub {
    text-decoration: line-through;
    margin-left: 0.5em;
}

.w9-products-4__items__main__card__button {
    margin-top: 2em;
    padding: 0.5em 2em;
    background-color: black;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    border-radius: 0.3em;
    font-weight: 700;
    font-size: 1.4em;
    display: inline-block;
}

    .w9-products-4__items__main__card__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w9-products-4__items__sub {
    max-width: 100%;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 15em;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w9-products-4__items__sub {
        display: none;
    }
}

.w9-products-4__items__sub__box {
    width: 50%;
    text-align: center;
    margin-left: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-4__items__sub__box {
        width: 100%;
        margin-left: 0;
    }
}

.w9-products-4__items__sub-bg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    transform: scale(1.1);
    transition: all 0.2s;
    background-position: center;
}

    .w9-products-4__items__sub-bg:hover {
        transform: scale(1.2);
    }

.w9-products-4__items__sub__name {
    color: white;
    text-transform: uppercase;
    font-size: 1.3em;
    position: relative;
}

.w9-products-4__items__sub__des {
    margin-top: 1em;
    color: #0069df;
    font-size: 2em;
    text-transform: capitalize;
    position: relative;
}

.w9-products-4__items__sub__info {
    margin-top: 1em;
    font-size: 1.3em;
    position: relative;
}

.w9-products-4__items__sub__text {
    position: relative;
    margin-top: 1em;
    color: white;
    text-decoration: underline;
    font-size: 1.3em;
}

.w9-products-4__ads-group {
    background-color: white;
    padding: 2em;
    min-width: 20%;
}

@media only screen and (max-width: 37.5em) {
    .w9-products-4__ads-group {
        margin-top: 1em;
    }
}

.w9-products-4__ads-group__heading {
    font-size: 1.6em;
    font-weight: 600;
    border-bottom: 1px solid #eee;
    padding: 1em;
}

.w9-products-4__ads-group__card__item {
    cursor: pointer;
    margin-top: 3em;
    display: flex;
}

.w9-products-4__ads-group__card__item__imgbox {
    min-width: 6em;
    height: 6em;
    width: 6em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w9-products-4__ads-group__card__item__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w9-products-4__ads-group__card__item__info__name {
    font-size: 1.1em;
}

.w9-products-4__ads-group__card__item__info__price {
    display: flex;
}

.w9-products-4__ads-group__card__item__info__price__main {
    margin-top: 1em;
    color: darkgray;
    text-decoration: line-through;
    font-weight: 600;
    display: inline-block;
    margin-right: 0.5em;
}

.w9-products-4__ads-group__card__item__info__price__sub {
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 500;
    display: inline-block;
}

/*ed*/

/*w9-footer*/
.w9-footer {
    position: relative;
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w9-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w9-footer__group {
        display: block;
    }
}

.w9-footer__col {
    display: flex;
    width: 70%;
}

    .w9-footer__col:last-child {
        width: 30%;
    }

@media only screen and (max-width: 37.5em) {
    .w9-footer__col {
        display: block;
        width: 100%;
    }

        .w9-footer__col:last-child {
            width: 100%;
        }
}

.w9-footer__item {
    max-width: 100%;
    width: 50%;
    color: var(--text-color-w);
}

@media only screen and (min-width: 37.5em) {
    .w9-footer__item {
        padding-left: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w9-footer__item {
        width: 100%;
    }
}

.w9-footer__item-last {
    width: 100%;
}

.w9-footer__item__title {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 1.4em;
    color: var(--text-color-w);
}

.w9-footer__item__des {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
}

.w9-footer__item__contact {
    margin-top: 2em;
}

.w9-footer__item__contact__info__icon {
    color: var(--text-color-w);
}

.w9-footer__item__link {
    margin-top: 2em;
}

    .w9-footer__item__link a {
        display: block;
        color: var(--text-color-w);
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: .5em 0;
    }

/*ed*/
/*w9-ctaregister*/
.w9-ctaregister {
    width: 100%;
    background-color: black;
    padding: 2em 1em;
}

.w9-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 37.5em) {
    .w9-ctaregister__group {
        flex-direction: column;
    }
}

.w9-ctaregister__first-group {
    display: flex;
    align-items: center;
    border-right: 0.1em solid white;
    padding: 0 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-ctaregister__first-group {
        border-right: none;
    }
}

.w9-ctaregister__first-group__text--1 {
    font-size: 1.8em;
}

.w9-ctaregister__first-group__text--2 {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.8em;
}

.w9-ctaregister__second-group {
    border-right: 0.1em solid white;
    display: flex;
    align-items: center;
    padding: 0 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-ctaregister__second-group {
        margin-top: 1em;
        border-right: none;
    }
}

.w9-ctaregister__second-group__text {
    padding: 0.5em;
    border-radius: 0.2em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    margin: 0 0.5em;
}

.w9-ctaregister__second-group__text__time {
    font-size: 1.6em;
}

.w9-ctaregister__second-group__text__des {
    font-weight: 300;
}

.w9-ctaregister__button {
    padding: 0.5em;
    cursor: pointer;
    border-radius: 0.2em;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    background-color: black;
    color: white;
    font-weight: 600;
    margin-left: 2em;
    font-size: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w9-ctaregister__button {
        margin-top: 2em;
    }
}

.w9-ctaregister__button:hover {
    color: rgba(var(--second-color-w), 1);
}

/*ed*/
/*w9-ads*/
.w9-ads {
    width: 100%;
    padding: 2em 1em;
}

.w9-ads__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w9-ads__group {
        flex-direction: column;
    }
}

.w9-ads__items {
    color: white;
    overflow: hidden;
    width: 33%;
    position: relative;
    height: 23em;
    margin-bottom: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w9-ads__items {
        width: 100%;
        padding: 0;
    }
}

.w9-ads__items-bg {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
}

.w9-ads__items-bg-1 {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
}

    .w9-ads__items-bg-1:hover {
        transform: scale(1.2);
    }

.w9-ads__items-bg-2 {
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
}

    .w9-ads__items-bg-2:hover {
        transform: scale(1.2);
    }

.w9-ads__items__col {
    margin-left: 2em;
    display: block;
}

.w9-ads__items__name {
    margin-top: 4em;
    font-size: 1.3em;
    font-weight: 500;
    text-transform: uppercase;
    text-transform: capitalize;
    position: relative;
}

.w9-ads__items__des {
    display: inline-block;
    font-weight: 700;
    font-size: 3em;
    position: relative;
}

.w9-ads__items__sub {
    margin-top: 1em;
    font-weight: 300;
    position: relative;
}

.w9-ads__items__price {
    font-weight: 600;
    font-size: 2em;
    position: relative;
}

/*ed*/
/*w9-downbar-1*/
.w9-downbar-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: black;
}

.w9-downbar-1__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w9-downbar-1__group {
        flex-direction: column;
    }
}

.w9-downbar-1__first-group {
    display: flex;
    align-items: center;
}

.w9-downbar-1__first-group__imgbox {
    background-size: contain;
    background-position: center;
}

.w9-downbar-1__first-group__imgbox__img {
    width: 10em;
    margin: 0 auto;
}

.w9-downbar-1__first-group__cpr {
    margin-left: 1em;
}

.w9-downbar-1__second-group {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w9-downbar-1__second-group {
        margin-top: 2em;
    }
}

.w9-downbar-1__second-group__imgbox {
    display: flex;
    align-items: center;
    height: 3em;
    width: 10em;
    margin-left: 0.5em;
}

.w9-downbar-1__second-group__imgbox__img {
    width: 5em;
}

.w9-downbar-1__second-group__text {
    margin-left: 0.5em;
    font-weight: 600;
}

/*ed*/
/*w9-downbar*/
.w9-downbar {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w9-downbar__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-downbar__first {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w9-downbar__first__text {
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

    .w9-downbar__first__text:not(:first-child) {
        margin-left: 1em;
    }

.w9-downbar__second {
    margin-top: 2em;
    text-align: center;
    font-size: .8em;
    color: darkgray;
}

/*ed*/
/*w9-breadcrumb*/
.w9-breadcrumb {
    width: 100%;
    background-color: #252525;
    padding: 2em 1em;
}

.w9-breadcrumb__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
    text-transform: capitalize;
}

.w9-breadcrumb__heading {
    color: white;
    font-size: 6em;
    font-weight: 700;
}

@media only screen and (max-width: 62.5em) {
    .w9-breadcrumb__heading {
        font-size: 4em;
    }
}

@media only screen and (max-width: 50em) {
    .w9-breadcrumb__heading {
        font-size: 3em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w9-breadcrumb__heading {
        font-size: 1.8em;
    }
}

.w9-breadcrumb__nav {
    margin-top: 2em;
    cursor: pointer;
    font-size: 1.3em;
    color: white;
}

.w9-breadcrumb__nav__block {
    margin-top: 1em;
}

    .w9-breadcrumb__nav__block .active {
        color: darkgrey;
    }

    .w9-breadcrumb__nav__block:hover {
        color: rgba(var(--main-color-w), 1) !important;
    }

.w9-breadcrumb__nav__icon {
    margin-right: 0.2em;
}

.w9-breadcrumb__nav__text:hover {
    color: rgba(var(--main-color-w), 1) !important;
}

/*ed*/
/*w9-breadcrumb-1*/
.w9-breadcrumb-1 {
    width: 100%;
    padding: 2em 1em;
    color: black;
}

.w9-breadcrumb-1__group {
    max-width: 120em;
    margin: 0 auto;
    text-transform: capitalize;
}

.w9-breadcrumb-1__heading {
    color: black;
    font-size: 1.4em;
    font-weight: 700;
}

@media only screen and (max-width: 62.5em) {
    .w9-breadcrumb-1__heading {
        font-size: 4em;
    }
}

@media only screen and (max-width: 50em) {
    .w9-breadcrumb-1__heading {
        font-size: 3em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w9-breadcrumb-1__heading {
        font-size: 1.8em;
    }
}

.w9-breadcrumb-1__nav {
    color: black;
    margin-top: 1.5em;
    cursor: pointer;
}

    .w9-breadcrumb-1__nav .active {
        color: darkgrey !important;
    }

.w9-breadcrumb-1__nav__block {
    font-size: 1.2em;
    margin-top: 0.5em;
    display: flex;
    align-items: center;
}

    .w9-breadcrumb-1__nav__block:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w9-breadcrumb-1__nav__icon {
    margin-right: 0.5em;
}

    .w9-breadcrumb-1__nav__icon:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w9-breadcrumb-1__nav__text {
    font-size: 1.2em;
}

    .w9-breadcrumb-1__nav__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

/*ed*/

/*w9-productlist-1*/
.w9-productlist-1 {
    width: 100%;
    padding: 2em 1em;
}

.w9-productlist-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    padding: 0 .5em;
}

@media only screen and (max-width: 43.75em) {
    .w9-productlist-1__group {
        flex-direction: column;
    }
}

.w9-productlist-1__first {
    width: 30%;
    max-height: 90vh;
    overflow: scroll;
}

@media only screen and (max-width: 43.75em) {
    .w9-productlist-1__first {
        width: 100%;
        text-align: center;
    }
}

.w9-productlist-1__first__lbl {
    cursor: pointer;
    font-size: 1.6em;
    display: none;
    align-items: center;
    margin: 0 auto;
}

@media only screen and (max-width: 43.75em) {
    .w9-productlist-1__first__lbl {
        display: inline-flex;
    }
}

.w9-productlist-1__first__lbl__text {
    text-transform: uppercase;
    margin-right: .5em;
}

.w9-productlist-1__first__checkbox:checked ~ .w9-productlist-1__first__cate {
    display: block;
}

.w9-productlist-1__first__checkbox {
    display: none;
}

@media only screen and (max-width: 43.75em) {
    .w9-productlist-1__first__cate {
        display: none;
    }
}

.w9-productlist-1__first__cate__link {
    margin-top: 2em;
}

.w9-productlist-1__first__cate__link__items {
    margin-top: 1.5em;
}

.w9-productlist-1__first__cate__link__items__text {
    text-transform: uppercase;
    font-weight: 600;
    color: black;
    font-size: 1.4em;
}

    .w9-productlist-1__first__cate__link__items__text:hover {
        text-decoration: underline;
        transition: all .2s ease;
    }

.w9-productlist-1__first__cate__link__items__ul {
    display: none;
    list-style: none;
    margin-top: .5em;
    font-size: 1.2em;
}

.w9-productlist-1__first__cate__link__items__ul__li {
    padding: 1em;
    margin-left: 1em;
}

.w9-productlist-1__first__cate__link__items__ul__li__text {
    text-transform: uppercase;
}

.w9-productlist-1__first__cate__link__items__ul__li__text-active {
    text-decoration: underline;
    font-weight: 600;
}

.w9-productlist-1__first__cate__link__items__ul__li__text:hover {
    text-decoration: underline;
    transition: all .2s ease;
}

.w9-productlist-1__second {
    width: 68%;
}

@media only screen and (max-width: 43.75em) {
    .w9-productlist-1__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productlist-1__second__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w9-productlist-1__second__heading__title {
    font-size: 1.6em;
    font-weight: 600;
    text-transform: uppercase;
    color: black;
}

.w9-productlist-1__second__heading__sort {
    text-transform: capitalize;
    padding: 1em;
    font-weight: 400;
    font-size: 1.4em;
    border: none;
    outline: none;
    cursor: pointer;
}

.w9-productlist-1__second__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}

@media only screen and (max-width: 37.5em) {
    .w9-productlist-1__second__items {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

.w9-productlist-1__second__items__card {
    width: 33.333333%;
    padding-bottom: 4em;
    text-align: center;
    text-transform: capitalize;
    border: 0.1em solid #eee;
}

@media only screen and (max-width: 37.5em) {
    .w9-productlist-1__second__items__card {
        width: 50%;
        margin-top: 1em;
    }
}

.w9-productlist-1__second__items__card__content {
    position: relative;
    width: 100%;
    transition: all .2s;
}

.w9-productlist-1__second__items__card__content__imgbox {
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w9-productlist-1__second__items__card__content__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-productlist-1__second__items__card__content__imgbox__status {
    position: absolute;
    display: inline-block;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    color: white;
    border-radius: .2em;
    top: 0;
}

.w9-productlist-1__second__items__card__content:hover .w9-productlist-1__second__items__card__content__buy {
    opacity: 1;
}

.w9-productlist-1__second__items__card__content__buy {
    transition: all .2s;
    cursor: pointer;
    position: absolute;
    padding: 1em;
    margin: 0 auto;
    display: inline-block;
    opacity: 0;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    transform: translate(-50%, -50%);
    background-color: rgba(255, 255, 255, 0.8);
    border: none;
    font-weight: 600;
    cursor: pointer;
}

    .w9-productlist-1__second__items__card__content__buy:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w9-productlist-1__second__items__card__name {
    margin-top: 1em;
    color: darkgray;
    display: block;
}

.w9-productlist-1__second__items__card__des {
    margin-top: 1.5em;
    font-weight: 700;
    padding: 0 1em;
    display: block;
}

.w9-productlist-1__second__items__card__price {
    margin-top: 1.5em;
    display: flex;
    justify-content: center;
    font-size: 1.3em;
    font-weight: 800;
}

.w9-productlist-1__second__items__card__price__main {
    color: rgba(var(--main-color-w), 1);
}

.w9-productlist-1__second__items__card__price__sub {
    text-decoration: line-through;
    margin-left: 0.5em;
}

.w9-productlist-1__second__items__card__button {
    margin-top: 2em;
    padding: .5em 2em;
    background-color: black;
    border: none;
    outline: none;
    cursor: pointer;
    color: white;
    display: inline-block;
    font-weight: 700;
}

    .w9-productlist-1__second__items__card__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w9-productlist-1__second__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w9-productlist-1__second__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w9-productlist-1__second__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w9-productlist-1__second__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
}

.w9-productlist-1__second__paging__pre__text {
    font-size: 1.2em;
}

.w9-productlist-1__second__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w9-productdetail*/
.w9-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w9-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-productdetail__card {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail__card {
        flex-direction: column;
    }
}

.w9-productdetail__card .owl-thumb-item {
    background-color: transparent !important;
    border: none;
}

.w9-productdetail__card__owl-imgbox__img {
    width: 100%;
}

.w9-productdetail__card__owl-thumb {
    width: 100%;
    display: flex;
    background-color: transparent;
}

.w9-productdetail__card__owl-thumb__imgbox {
    width: 100%;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w9-productdetail__card__owl-thumb__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-productdetail__card__owl-col {
    width: 50%;
}

.w9-productdetail__card__owl-col-1 {
    position: relative;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail__card__owl-col {
        width: 100%;
    }
}

.w9-productdetail__card__button {
    border: .1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: black;
    outline: none;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%);
}

    .w9-productdetail__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w9-productdetail__card__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w9-productdetail__card__button__icon {
    font-size: 2em;
}

.w9-productdetail__card__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    z-index: 2;
}

.w9-productdetail__card__imgbox {
    width: 100%;
    height: 35em;
    overflow: hidden;
    border: .1em solid #eee;
    background-size: contain;
    background-position: center;
}

.w9-productdetail__card__imgbox__img {
    margin: 0 auto;
}

.w9-productdetail__card__info {
    width: 45%;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productdetail__card__info__status {
    background-color: #54c154;
    border-radius: .3em;
    padding: 1em;
    color: white;
}

.w9-productdetail__card__info__name {
    margin-top: 1em;
    font-weight: 600;
    font-size: 3em;
}

.w9-productdetail__card__info__star {
    margin-top: 1em;
}

.w9-productdetail__card__info__star__icon {
    color: #f93;
}

.w9-productdetail__card__info__price {
    margin-top: 1em;
    display: flex;
    font-size: 2.5em;
    font-weight: 800;
}

.w9-productdetail__card__info__price__main {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
}

.w9-productdetail__card__info__price__sub {
    margin-left: 1em;
    text-decoration: line-through;
    display: inline-block;
}

.w9-productdetail__card__info__des {
    color: var(--text-color-w);
    margin-top: .5em;
    font-size: 1.5em;
    line-height: 1.8em;
    text-align: justify;
}

.w9-productdetail__card__info__form {
    margin-top: 4em;
    width: 100%;
    display: flex;
    padding-bottom: 3em;
    border-bottom: .1em solid #eee;
    justify-content: space-between;
}

.w9-productdetail__card__info__form__input {
    padding: 1em;
    border: .1em solid #eee;
    width: 30%;
    display: inline-block;
}

.w9-productdetail__card__info__form__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: .2em;
    padding: 1em;
    width: 65%;
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.6em;
}

.w9-productdetail__card__info__form__button__icon {
    font-size: 1.6em;
}

.w9-productdetail__card__info__form__button:hover {
    filter: brightness(0.8);
}

.w9-productdetail__card__info__cate {
    display: flex;
    margin-top: .5em;
    flex-wrap: wrap;
}

.w9-productdetail__card__info__cate-row {
    margin-top: 3em;
    font-size: 1.2em;
    line-height: 1.8em;
}

.w9-productdetail__card__info__cate__text {
    text-transform: uppercase;
    font-weight: 300;
}

.w9-productdetail__card__info__cate__name {
    color: var(--text-color-w);
    margin-left: 1em;
}

.w9-productdetail__card__info__cate__icon {
    margin-left: 1em;
    font-size: 1.4em;
    cursor: pointer;
}

.w9-productdetail__add {
    padding: 5em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail__add {
        padding: 5em .2em;
    }
}

.w9-productdetail__add__text {
    color: var(--text-color-w);
    padding: 2em 0;
    text-align: justify;
    display: none;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

    .w9-productdetail__add__text h2, .w9-productdetail__add__text h3, .w9-productdetail__add__text h4, .w9-productdetail__add__text h5, .w9-productdetail__add__text img, .w9-productdetail__add__text iframe, .w9-productdetail__add__text p {
        margin: .7em 0;
    }

    .w9-productdetail__add__text ul, .w9-productdetail__add__text ol {
        list-style: none;
    }

.w9-productdetail__add__heading {
    display: flex;
    justify-content: center;
    border-bottom: .1em solid #eee;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail__add__heading {
        flex-direction: column;
    }
}

.w9-productdetail__add__heading__text {
    white-space: nowrap;
    font-size: 2em;
    font-weight: 600;
    margin-top: .5em;
    cursor: pointer;
    padding-bottom: 1em;
}

    .w9-productdetail__add__heading__text:not(:first-child) {
        margin-left: 2em;
    }

@media only screen and (max-width: 50em) {
    .w9-productdetail__add__heading__text:not(:first-child) {
        margin-left: 0;
    }
}

.w9-productdetail__add__heading__text-active {
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    display: block;
    z-index: 1;
}

.w9-productdetail__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
    display: none;
}

.w9-productdetail__add__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w9-productdetail__add__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w9-productdetail__add__table__td:last-child {
        font-weight: 300;
    }

.w9-productdetail__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w9-productdetail__add__review {
    display: none;
    justify-content: space-between;
    padding: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail__add__review {
        flex-direction: column;
    }
}

.w9-productdetail__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail__add__review__first {
        width: 100%;
    }
}

.w9-productdetail__add__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w9-productdetail__add__review__first__imgbox {
    width: 10em;
    min-width: 10em;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w9-productdetail__add__review__first__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-productdetail__add__review__first__comment {
    margin-left: 2em;
}

.w9-productdetail__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w9-productdetail__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w9-productdetail__add__review__first__comment__head__user__date {
    color: var(--text-color-w);
}

.w9-productdetail__add__review__first__comment__star__icon {
    color: #f93;
}

.w9-productdetail__add__review__first__comment__text {
    color: var(--text-color-w);
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w9-productdetail__add__review__second {
    width: 48%;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productdetail__add__review__second sup {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w9-productdetail__add__review__second__title {
    font-weight: 300;
    font-size: 1.4em;
}

.w9-productdetail__add__review__second__textrate {
    margin-top: 2em;
    font-size: 1.4em;
}

.w9-productdetail__add__review__second__star {
    margin-top: 1em;
}

.w9-productdetail__add__review__second__star__icon {
    color: #f93;
    font-size: 2em;
}

.w9-productdetail__add__review__second__textreview {
    margin-top: 1em;
    font-size: 1.4em;
}

.w9-productdetail__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: .5em;
    padding: .5em;
}

.w9-productdetail__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w9-productdetail__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w9-productdetail__add__review__second__textform__name__info {
    font-weight: 300;
}

.w9-productdetail__add__review__second__textform__name__input {
    margin-top: .5em;
    display: inline-block;
    width: 100%;
    padding: .5em;
}

.w9-productdetail__add__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: .2em;
    padding: 1em;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6em;
    font-size: 1.6em;
}

    .w9-productdetail__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w9-productdetail-1*/
.w9-productdetail-1 {
    width: 100%;
    padding: 2em 1em;
}

.w9-productdetail-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-productdetail-1__card {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-1__card {
        flex-direction: column;
    }
}

.w9-productdetail-1__card .owl-thumb-item {
    background-color: transparent !important;
    border: none;
}

.w9-productdetail-1__card__owl-imgbox {
    background-position: center;
    background-size: contain;
}

.w9-productdetail-1__card__owl-imgbox__img {
    width: 100%;
}

.w9-productdetail-1__card__owl-thumb {
    width: 100%;
    display: flex;
    background-color: transparent;
}

    .w9-productdetail-1__card__owl-thumb button {
        outline: none;
    }

.w9-productdetail-1__card__owl-thumb__imgbox {
    width: 100%;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w9-productdetail-1__card__owl-thumb__imgbox__img {
    border: none;
    outline: none;
    width: 100%;
    margin: 0 auto;
}

.w9-productdetail-1__card__owl-col {
    width: 50%;
}

.w9-productdetail-1__card__owl-col-1 {
    position: relative;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-1__card__owl-col {
        width: 100%;
    }
}

.w9-productdetail-1__card__owl-col__imgbox {
    width: 100%;
    height: 40em;
    background-position: center;
    background-size: contain;
}

.w9-productdetail-1__card__owl-col__imgbox__img {
    width: 100%;
}

.w9-productdetail-1__card__button {
    padding: 0.5em 0.5em;
    text-align: center;
    color: #cccccc;
    display: inline-block;
    padding: 1em 1.1em;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: all .2s;
    transform: translateY(-50%);
    border: none;
}

    .w9-productdetail-1__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w9-productdetail-1__card__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w9-productdetail-1__card__button__icon {
    font-size: 2em;
}

.w9-productdetail-1__card__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    z-index: 2;
}

.w9-productdetail-1__card__imgbox {
    width: 100%;
    height: 10em;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    border: .1em solid #eee;
    transition: all .3s ease-in-out;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-1__card__imgbox {
        width: 100%;
    }
}

.w9-productdetail-1__card__imgbox:hover {
    transform: scale(1.3);
}

.w9-productdetail-1__card__info {
    width: 45%;
    text-align: center;
    font-size: 1.4em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-1__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productdetail-1__card__info--relate {
    position: relative;
}

.w9-productdetail-1__card__info--relate__button {
    border: .1em solid white;
    border-radius: .3em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.603);
    outline: none;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%);
}

    .w9-productdetail-1__card__info--relate__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w9-productdetail-1__card__info--relate__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w9-productdetail-1__card__info--relate__button__icon {
    font-size: 2em;
}

.w9-productdetail-1__card__info--relate__button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 1em;
    z-index: 2;
}

.w9-productdetail-1__card__info__status {
    background-color: #1f1f1f;
    border-radius: .3em;
    padding: 1em;
    color: white;
    display: inline-block;
    font-size: 0.7em;
    margin-bottom: 1em;
    margin-top: 1.5em;
}

.w9-productdetail-1__card__info__name {
    font-weight: 600;
    font-size: 1.7em;
    color: black;
    display: block;
}

.w9-productdetail-1__card__info__star {
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
}

.w9-productdetail-1__card__info__star__icon {
    color: #f93;
    font-size: 1.5em;
    cursor: pointer;
}

.w9-productdetail-1__card__info__price {
    display: flex;
    justify-content: center;
    font-weight: 800;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    border-top: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
}

.w9-productdetail-1__card__info__price__main {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    font-size: 1.4em;
}

.w9-productdetail-1__card__info__price__sub {
    margin-left: 1em;
    text-decoration: line-through;
    display: inline-block;
    font-size: 1.4em;
}

.w9-productdetail-1__card__info__relate {
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
}

.w9-productdetail-1__card__info__relate__items {
    border: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    width: 95%;
    cursor: pointer;
    margin-right: 5%;
    transition: all .2s ease;
}

.w9-productdetail-1__card__info__relate__items__item {
    margin-top: .5em;
}

.w9-productdetail-1__card__info__relate__items__item__name {
    font-weight: 600;
}

.w9-productdetail-1__card__info__relate__items__item__des {
    margin-top: .5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w9-productdetail-1__card__info__relate__items:hover .w9-productdetail-1__card__info__relate__items__rd {
    appearance: none;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em;
    border-radius: 50%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w9-productdetail-1__card__info__size {
    display: flex;
    justify-content: center;
    padding: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w9-productdetail-1__card__info__size__box {
    cursor: pointer;
    border: .1em solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    padding: 1em;
}

.w9-productdetail-1__card__info__color {
    display: flex;
    justify-content: center;
    padding: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w9-productdetail-1__card__info__color__box {
    cursor: pointer;
    height: 3em;
    width: 3em;
    margin-right: 1em;
    background-color: red;
    border-radius: 50%;
}

.w9-productdetail-1__card__info__color__box-active {
    border: .1em solid #414141;
    outline: black;
}

.w9-productdetail-1__card__info__detail {
    padding: 1em;
    cursor: pointer;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w9-productdetail-1__card__info__detail__checkbox:checked ~ .w9-productdetail-1__card__info__detail__content {
    max-height: 20em;
    padding: 1em 0;
}

.w9-productdetail-1__card__info__detail__checkbox {
    display: none;
}

.w9-productdetail-1__card__info__detail__lbl {
    cursor: pointer;
    font-weight: 600;
}

.w9-productdetail-1__card__info__detail__content {
    transition: all .6s ease;
    max-height: 0;
    overflow: hidden;
    line-height: 1.8em;
    text-align: justify;
}

.w9-productdetail-1__card__info__deliver {
    margin-top: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w9-productdetail-1__card__info__deliver__lbl {
    cursor: pointer;
    font-weight: 600;
}

.w9-productdetail-1__card__info__deliver__checkbox:checked ~ .w9-productdetail-1__card__info__deliver__content {
    max-height: 40em;
    padding-bottom: 1em;
}

.w9-productdetail-1__card__info__deliver__checkbox {
    display: none;
}

.w9-productdetail-1__card__info__deliver__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all .2s ease;
}

.w9-productdetail-1__card__info__deliver__content__items {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    margin-top: .5em;
}

.w9-productdetail-1__card__info__deliver__content__items__icon {
    margin-top: .4em;
    margin-right: .5em;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
}

.w9-productdetail-1__card__info__deliver__content__items__text {
    line-height: 1.8em;
}

.w9-productdetail-1__card__info__gift {
    margin-top: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w9-productdetail-1__card__info__gift__lbl {
    cursor: pointer;
    font-weight: 600;
}

.w9-productdetail-1__card__info__gift__lbl__sub {
    margin-top: .5em;
    font-weight: 300;
}

.w9-productdetail-1__card__info__gift__checkbox:checked ~ .w9-productdetail-1__card__info__gift__content {
    max-height: 40em;
    opacity: 1;
    padding-bottom: 1em;
}

.w9-productdetail-1__card__info__gift__checkbox {
    display: none;
}

.w9-productdetail-1__card__info__gift__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all .2s ease-in;
    opacity: 0;
}

.w9-productdetail-1__card__info__gift__content__items {
    display: flex;
    align-items: flex-start;
    margin-top: .5em;
}

.w9-productdetail-1__card__info__gift__content__items__icon {
    margin-top: .4em;
    margin-right: .5em;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
}

.w9-productdetail-1__card__info__gift__content__items__text {
    line-height: 1.8em;
    text-align: justify;
}

.w9-productdetail-1__card__info__form {
    margin: 1em 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w9-productdetail-1__card__info__form__text {
    margin-right: 1em;
}

.w9-productdetail-1__card__info__form__input {
    width: 75%;
    padding: 1em;
    border: .1em solid #eee;
    display: inline-block;
}

.w9-productdetail-1__card__info__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: .2em;
    padding: 1em;
    display: inline-block;
    width: 100%;
    outline: none;
    cursor: pointer;
    font-weight: 700;
}

    .w9-productdetail-1__card__info__button:hover {
        filter: brightness(0.8);
    }

.w9-productdetail-1__card__info__cate {
    padding: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    display: flex;
    flex-wrap: wrap;
}

.w9-productdetail-1__card__info__cate__text {
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.8em;
}

.w9-productdetail-1__card__info__cate__name {
    color: #777;
    margin-left: 1em;
    line-height: 1.8em;
}

.w9-productdetail-1__card__info__cate__icon {
    margin-left: 1em;
    font-size: 1.4em;
    cursor: pointer;
    line-height: 1.8em;
}

.w9-productdetail-1__add {
    padding: 5em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-1__add {
        padding: 5em .2em;
    }
}

.w9-productdetail-1__add__text {
    color: var(--text-color-w);
    padding: 2em 0;
    display: none;
}

.w9-productdetail-1__add__heading {
    display: flex;
    justify-content: center;
    border-bottom: .1em solid #eee;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-1__add__heading {
        flex-direction: column;
    }
}

.w9-productdetail-1__add__heading__text {
    white-space: nowrap;
    font-size: 2em;
    font-weight: 600;
    cursor: pointer;
    margin-top: .5em;
    padding-bottom: 1em;
}

    .w9-productdetail-1__add__heading__text:not(:first-child) {
        margin-left: 2em;
    }

@media only screen and (max-width: 50em) {
    .w9-productdetail-1__add__heading__text:not(:first-child) {
        margin-left: 0;
    }
}

.w9-productdetail-1__add__heading__text-active {
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    display: block;
    z-index: 1;
}

.w9-productdetail-1__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
    display: none;
}

.w9-productdetail-1__add__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w9-productdetail-1__add__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w9-productdetail-1__add__table__td:last-child {
        font-weight: 300;
    }

.w9-productdetail-1__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w9-productdetail-1__add__review {
    display: none;
    justify-content: space-between;
    padding: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail-1__add__review {
        flex-direction: column;
    }
}

.w9-productdetail-1__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail-1__add__review__first {
        width: 100%;
    }
}

.w9-productdetail-1__add__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w9-productdetail-1__add__review__first__imgbox {
    width: 10em;
    background-position: center;
    background-size: contain;
}

.w9-productdetail-1__add__review__first__imgbox__img {
    width: 100%;
}

.w9-productdetail-1__add__review__first__comment {
    margin-left: 2em;
}

.w9-productdetail-1__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w9-productdetail-1__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w9-productdetail-1__add__review__first__comment__head__user__date {
    color: #777;
}

.w9-productdetail-1__add__review__first__comment__star__icon {
    color: #f93;
}

.w9-productdetail-1__add__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    padding: .5em;
    font-size: 1.2em;
}

.w9-productdetail-1__add__review__second {
    width: 48%;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail-1__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productdetail-1__add__review__second sup {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w9-productdetail-1__add__review__second__title {
    font-weight: 300;
}

.w9-productdetail-1__add__review__second__textrate {
    margin-top: 2em;
}

.w9-productdetail-1__add__review__second__star {
    margin-top: .5em;
}

.w9-productdetail-1__add__review__second__star__icon {
    color: #f93;
}

.w9-productdetail-1__add__review__second__textreview {
    margin-top: 1em;
}

.w9-productdetail-1__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: .5em;
}

.w9-productdetail-1__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w9-productdetail-1__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w9-productdetail-1__add__review__second__textform__name__info {
    font-weight: 300;
}

.w9-productdetail-1__add__review__second__textform__name__input {
    margin-top: .5em;
    display: inline-block;
    width: 100%;
    padding: .5em;
}

.w9-productdetail-1__add__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: .2em;
    padding: 1em;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6em;
    font-size: 1.6em;
}

    .w9-productdetail-1__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w9-productdetail-2*/
.w9-productdetail-2 {
    width: 100%;
    padding: 1em;
}

.w9-productdetail-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-productdetail-2__name {
    padding: 1em;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w9-productdetail-2__name__text {
    font-weight: 600;
    font-size: 2.5em;
    line-height: 1.8em;
    color: black;
    margin-right: 0.5em;
}

.w9-productdetail-2__name__stars {
    display: flex;
    padding: 1em 0.5em;
}

.w9-productdetail-2__name__stars__star {
    margin-right: 0.5em;
    color: #f93;
    font-size: 1.2em;
}

.w9-productdetail-2__name__countdg {
    display: block;
    color: deepskyblue;
    font-size: 1.2em;
}

.w9-productdetail-2__card {
    display: flex;
    justify-content: space-between;
    margin-top: 1.5em;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__card {
        flex-direction: column;
    }
}

.w9-productdetail-2__card .owl-thumb-item {
    background-color: transparent !important;
    border: none;
}

.w9-productdetail-2__card__owl-imgbox {
    background-size: contain;
    background-position: center;
}

.w9-productdetail-2__card__owl-imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-productdetail-2__card__owl-thumb {
    width: 100%;
    display: flex;
    background-color: transparent;
}

    .w9-productdetail-2__card__owl-thumb button {
        outline: none;
    }

.w9-productdetail-2__card__owl-thumb__imgbox {
    width: 50%;
    background-size: contain;
    background-position: center;
}

.w9-productdetail-2__card__owl-thumb__imgbox__img {
    border: none;
    outline: none;
    width: 100%;
    margin: 0 auto;
}

.w9-productdetail-2__card__owl-col {
    width: 38%;
}

.w9-productdetail-2__card__owl-col-1 {
    position: relative;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__card__owl-col {
        width: 100%;
    }
}

.w9-productdetail-2__card__owl-col__imgbox {
    width: 100%;
    height: 35em;
    background-position: center;
    background-size: contain;
}

.w9-productdetail-2__card__owl-col__imgbox__img {
    width: 100%;
}

.w9-productdetail-2__card__owl-col__cate {
    display: flex;
    flex-wrap: wrap;
}

.w9-productdetail-2__card__owl-col__cate-row {
    margin-top: 1em;
    font-size: 1em;
    line-height: 1.8em;
}

.w9-productdetail-2__card__owl-col__cate__text {
    font-size: 1.5em;
    padding: 0.5em 0;
    font-weight: 600;
    width: 6em;
}

.w9-productdetail-2__card__owl-col__cate__name {
    margin-left: 1em;
    font-size: 1.5em;
    padding: 0.5em 0;
}

.w9-productdetail-2__card__owl-col__cate__icon {
    margin-left: 1em;
    font-size: 1.5em;
    padding: 0.5em 0;
    cursor: pointer;
}

.w9-productdetail-2__card__owl-col__deliver {
    margin-top: 1em;
    border: 0.1em solid #cccccc;
    padding: 1em 0;
    text-align: center;
}

.w9-productdetail-2__card__owl-col__deliver__lbl {
    cursor: pointer;
    font-weight: 800;
    font-size: 2em;
    padding: 0.5em;
    display: block;
}

.w9-productdetail-2__card__owl-col__deliver__content {
    display: block;
    transition: all 0.2s ease-in;
}

.w9-productdetail-2__card__owl-col__deliver__content__items {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    padding: 1em;
}

.w9-productdetail-2__card__owl-col__deliver__content__items__icon {
    margin-top: 0.3em;
    margin-right: 0.5em;
    font-size: 2em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
    height: 2em;
    padding: 0 0.5em;
}

.w9-productdetail-2__card__owl-col__deliver__content__items__text {
    line-height: 1.8em;
    font-size: 1.5em;
}

.w9-productdetail-2__card__owl-col__cs {
    width: 100%;
    padding: 1em 0;
    margin-top: 1em;
    border: 0.1em solid #cccccc;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__card__owl-col__cs {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productdetail-2__card__owl-col__cs__items {
    display: flex;
    align-items: center;
    padding: 1em 2em;
}

    .w9-productdetail-2__card__owl-col__cs__items:not(:last-child) {
        border-bottom: 0.1em solid #cccccc;
    }

.w9-productdetail-2__card__owl-col__cs__items__icon {
    margin-right: 0.5em;
    font-size: 2em;
    width: 1.5em;
    min-width: 1.5em;
    color: rgba(var(--main-color-w), 1);
}

.w9-productdetail-2__card__owl-col__cs__items__text {
    font-size: 1.4em;
    line-height: 1.8em;
}

.w9-productdetail-2__card__button {
    padding: 0.5em 0.5em;
    text-align: center;
    color: #cccccc;
    display: inline-block;
    padding: 1em 1.1em;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: all 0.2s;
    transform: translateY(-50%);
    border: none;
}

    .w9-productdetail-2__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w9-productdetail-2__card__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w9-productdetail-2__card__button__icon {
    font-size: 2em;
}

.w9-productdetail-2__card__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    z-index: 2;
}

.w9-productdetail-2__card__imgbox {
    transition: all 0.3s ease-in-out;
    width: 100%;
    background-position: center;
    background-size: contain;
    height: 12em;
    overflow: hidden;
    border: 0.1em solid #eee;
}

    .w9-productdetail-2__card__imgbox:hover {
        transform: scale(1.3);
    }

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__card__imgbox {
        width: 100%;
    }
}

.w9-productdetail-2__card__info {
    width: 60%;
    text-align: center;
    font-size: 1.4em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productdetail-2__card__info--relate {
    position: relative;
}

.w9-productdetail-2__card__info--relate__button {
    border: 0.1em solid white;
    border-radius: 0.3em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: black;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(255, 255, 255, 0.603);
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
    font-weight: 600;
}

    .w9-productdetail-2__card__info--relate__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w9-productdetail-2__card__info--relate__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w9-productdetail-2__card__info--relate__button__icon {
    font-size: 2em;
}

.w9-productdetail-2__card__info--relate__button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 1em;
    z-index: 2;
}

.w9-productdetail-2__card__info__ads {
    display: block;
    border-radius: 0.3em;
    overflow: hidden;
    padding: 1em 0;
    border-bottom: 0.1em dashed #cccccc;
}

.w9-productdetail-2__card__info__ads__img {
    height: 100%;
    width: 100%;
}

.w9-productdetail-2__card__info__star {
    padding: 1em 0;
    border-bottom: 0.1em dashed #cccccc;
}

.w9-productdetail-2__card__info__star__icon {
    font-size: 1.6em;
    color: #f93;
    margin-right: 0.3em;
}

.w9-productdetail-2__card__info__price {
    display: flex;
    align-items: center;
    padding: 1em 0;
    border-radius: 0.2em;
    border-bottom: 0.1em dashed #cccccc;
}

.w9-productdetail-2__card__info__price__main {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    font-size: 2.2em;
    font-weight: 800;
}

.w9-productdetail-2__card__info__price__sub {
    margin-left: 1em;
    text-decoration: line-through;
    display: inline-block;
    margin-right: 0.5em;
    font-size: 1.5em;
    font-weight: 600;
}

.w9-productdetail-2__card__info__price__per {
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    border: 1px solid rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
    font-weight: 600;
}

.w9-productdetail-2__card__info__relate {
    margin: 1em 0;
}

.w9-productdetail-2__card__info__relate__items {
    border: 0.1em solid #cccccc;
    padding: 0.5em;
    display: flex;
    align-items: center;
    width: max-content;
    width: 100%;
    cursor: pointer;
    background-color: white;
    flex-direction: column;
    border-radius: 0.3em;
}

.w9-productdetail-2__card__info__relate__items__rd {
    margin-right: 0.5em;
}

.w9-productdetail-2__card__info__relate__items__item {
    margin-top: 1em;
}

.w9-productdetail-2__card__info__relate__items__item__name {
    font-weight: 600;
}

.w9-productdetail-2__card__info__relate__items__item__des {
    margin-top: 0.5em;
}

.w9-productdetail-2__card__info__size {
    display: flex;
    justify-content: center;
    padding: 1em;
    border-bottom: 0.1em dashed #cccccc;
}

.w9-productdetail-2__card__info__size__box {
    cursor: pointer;
    border: 0.1em solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    margin-right: 1em;
}

.w9-productdetail-2__card__info__color {
    display: flex;
    justify-content: center;
    padding: 1em;
    border-bottom: 0.1em dashed #cccccc;
}

.w9-productdetail-2__card__info__color__box {
    cursor: pointer;
    height: 3em;
    width: 3em;
    margin-right: 1em;
    background-color: red;
    border-radius: 50%;
}

.w9-productdetail-2__card__info__color__box-active {
    border: 0.1em solid #414141;
    outline: black;
}

.w9-productdetail-2__card__info__detail {
    font-weight: 600;
    cursor: pointer;
    margin-top: 1em;
}

.w9-productdetail-2__card__info__detail__lbl {
    cursor: pointer;
    font-size: 1.5em;
    font-weight: 800;
    display: block;
    margin-top: 1em;
}

.w9-productdetail-2__card__info__detail__content {
    transition: all 0.6s ease;
    line-height: 1.8em;
    font-weight: 400;
    text-align: justify;
    padding: 1em 0;
    display: block;
}

.w9-productdetail-2__card__info__gift {
    margin-top: 1em;
    border: 0.1em solid #cccccc;
}

.w9-productdetail-2__card__info__gift__lbl {
    cursor: pointer;
    font-weight: 600;
    background-color: #eee;
    width: 10em;
    padding: 1em;
    width: 100%;
    color: black;
}

.w9-productdetail-2__card__info__gift__lbl__sub {
    margin-top: 0.5em;
    font-weight: 300;
}

.w9-productdetail-2__card__info__gift__content {
    overflow: hidden;
    transition: all 0.2s ease-in;
}

.w9-productdetail-2__card__info__gift__content__items {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    margin-top: 0.5em;
    padding: 1em;
}

.w9-productdetail-2__card__info__gift__content__items__icon {
    margin-top: 0.4em;
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
    font-size: 1.5em;
}

.w9-productdetail-2__card__info__gift__content__items__text {
    line-height: 1.8em;
}

.w9-productdetail-2__card__info__gift__content__items__image {
    align-items: center;
    margin-top: 1em;
}

.w9-productdetail-2__card__info__gift__content__items__image__text {
    font-weight: 600;
    background-color: #eee;
    padding: 1em 0;
}

.w9-productdetail-2__card__info__gift__content__items__image__discount {
    display: flex;
    align-items: center;
    padding: 1em;
    border-bottom: 0.1em dashed #cccccc;
}

.w9-productdetail-2__card__info__gift__content__items__image__discount__imgbox {
    width: 5em;
    min-width: 5em;
    margin-right: 1em;
    height: 5em;
    background-position: center;
    background-size: contain;
}

.w9-productdetail-2__card__info__gift__content__items__image__discount__imgbox__img {
    width: 100%;
}

.w9-productdetail-2__card__info__gift__content__items__image__discount__text {
    text-decoration: underline;
}

.w9-productdetail-2__card__info__gift__content__items__imgbox {
    min-width: 5em;
    width: 5em;
    margin-right: 1em;
    height: 5em;
    background-position: center;
    background-size: contain;
}

.w9-productdetail-2__card__info__gift__content__items__imgbox__img {
    width: 100%;
}

.w9-productdetail-2__card__info__gift__des {
    padding: 1em;
    font-weight: 300;
}

.w9-productdetail-2__card__info__form {
    padding: 1em 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.1em dashed #cccccc;
}

.w9-productdetail-2__card__info__form__text {
    margin-right: 1em;
    font-weight: 600;
}

.w9-productdetail-2__card__info__form__input {
    width: 75%;
    padding: 1em;
    border: 0.1em solid #eee;
    display: inline-block;
}

.w9-productdetail-2__card__info__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    display: inline-block;
    width: 100%;
    outline: none;
    margin-top: 1em;
    cursor: pointer;
}

    .w9-productdetail-2__card__info__button:hover {
        filter: brightness(0.8);
    }

.w9-productdetail-2__card__info__button__main {
    font-weight: 600;
    font-size: 1.2em;
}

.w9-productdetail-2__card__info__button__des {
    font-weight: 300;
    margin-top: 0.5em;
}

.w9-productdetail-2__card__info__button__now {
    background-color: orangered;
}

.w9-productdetail-2__card__info__buttonbox {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
}

.w9-productdetail-2__card__info__buttonbox__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    display: inline-block;
    width: 48%;
    outline: none;
    cursor: pointer;
    font-weight: 700;
}

    .w9-productdetail-2__card__info__buttonbox__button:hover {
        filter: brightness(0.8);
    }

.w9-productdetail-2__card__info__buttonbox__button__main {
    font-weight: 600;
    font-size: 1.2em;
}

.w9-productdetail-2__card__info__buttonbox__button__des {
    font-weight: 300;
    margin-top: 0.5em;
}

.w9-productdetail-2__add {
    padding: 5em 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap-reverse;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__add {
        padding: 5em 0.2em;
    }
}

.w9-productdetail-2__add__first {
    width: 58%;
    margin-right: 2%;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__add__first {
        width: 100%;
        margin-right: 0;
    }
}

.w9-productdetail-2__add__second {
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__add__second {
        width: 100%;
        margin-right: 0;
    }
}

.w9-productdetail-2__add__second__spec__title {
    font-size: 2em;
    font-weight: 600;
    padding: 0.5em;
    text-align: center;
    border: 0.1em solid #eee;
}

.w9-productdetail-2__add__second__spec__tbl {
    width: 100%;
    border-collapse: collapse;
    font-size: 1.2em;
    text-align: left;
    padding: 1em;
}

    .w9-productdetail-2__add__second__spec__tbl td,
    .w9-productdetail-2__add__second__spec__tbl th {
        padding: 1em;
        border-top: 0.1em solid #eee;
    }

    .w9-productdetail-2__add__second__spec__tbl tr:nth-child(odd) {
        background-color: #dddddd;
    }

.w9-productdetail-2__add__text {
    color: var(--text-color-w);
    padding: 2em 0;
    font-size: 1.6em;
    text-align: justify;
    line-height: 1.8em;
    display: none;
}

    .w9-productdetail-2__add__text h2,
    .w9-productdetail-2__add__text h3,
    .w9-productdetail-2__add__text iframe,
    .w9-productdetail-2__add__text h4,
    .w9-productdetail-2__add__text h5,
    .w9-productdetail-2__add__text img,
    .w9-productdetail-2__add__text p {
        margin: 0.5em 0;
    }

    .w9-productdetail-2__add__text ul,
    .w9-productdetail-2__add__text ol {
        list-style: none;
    }

.w9-productdetail-2__add__heading {
    display: flex;
    border-bottom: 0.1em solid #eee;
}

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__add__heading {
        flex-direction: column;
    }
}

.w9-productdetail-2__add__heading__text {
    white-space: nowrap;
    font-size: 2em;
    font-weight: 600;
    margin-top: .5em;
    cursor: pointer;
    padding-bottom: 1em;
}

    .w9-productdetail-2__add__heading__text:not(:first-child) {
        margin-left: 2em;
    }

@media only screen and (max-width: 50em) {
    .w9-productdetail-2__add__heading__text:not(:first-child) {
        margin-left: 0;
    }
}

.w9-productdetail-2__add__heading__text-active {
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    display: block;
    z-index: 1;
}

.w9-productdetail-2__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
    margin-bottom: 4em;
}

.w9-productdetail-2__add__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w9-productdetail-2__add__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w9-productdetail-2__add__table__td:last-child {
        font-weight: 300;
    }

.w9-productdetail-2__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w9-productdetail-2__add__review {
    justify-content: space-between;
    padding: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail-2__add__review {
        flex-direction: column;
    }
}

.w9-productdetail-2__add__review__first {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail-2__add__review__first {
        width: 100%;
    }
}

.w9-productdetail-2__add__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w9-productdetail-2__add__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-position: center;
    background-size: contain;
}

.w9-productdetail-2__add__review__first__imgbox__img {
    width: 100%;
}

.w9-productdetail-2__add__review__first__comment {
    margin-left: 2em;
}

.w9-productdetail-2__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w9-productdetail-2__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w9-productdetail-2__add__review__first__comment__head__user__date {
    color: #777;
}

.w9-productdetail-2__add__review__first__comment__star__icon {
    color: #f93;
}

.w9-productdetail-2__add__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w9-productdetail-2__add__review__second {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w9-productdetail-2__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w9-productdetail-2__add__review__second sup {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w9-productdetail-2__add__review__second__title {
    font-weight: 300;
    margin-top: 2em;
    font-size: 2em;
}

.w9-productdetail-2__add__review__second__textrate {
    margin-top: 2em;
    font-size: 1.6em;
    display: block;
}

.w9-productdetail-2__add__review__second__star {
    margin-top: 1em;
    display: block;
}

.w9-productdetail-2__add__review__second__star__icon {
    color: #f93;
    margin-right: 0.2em;
    font-size: 1.3em;
}

.w9-productdetail-2__add__review__second__textreview {
    margin-top: 1em;
    font-size: 1.2em;
}

.w9-productdetail-2__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    font-size: 1.4em;
    padding: 1em;
}

.w9-productdetail-2__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
    font-size: 1.4em;
}

.w9-productdetail-2__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w9-productdetail-2__add__review__second__textform__name__info {
    font-weight: 300;
}

.w9-productdetail-2__add__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w9-productdetail-2__add__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6em;
    font-size: 1.6em;
}

    .w9-productdetail-2__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w9-card*/
.w9-card {
    width: 100%;
    padding: 2em 1em;
}

.w9-card__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w9-card__group {
        flex-direction: column;
    }
}

.w9-card__first {
    width: 70%;
}

@media only screen and (max-width: 50em) {
    .w9-card__first {
        width: 99%;
    }
}

.w9-card__first__table {
    width: 100%;
    border-collapse: collapse;
}

@media only screen and (max-width: 37.5em) {
    .w9-card__first__table-col {
        overflow-x: scroll;
    }
}

.w9-card__first__table tr:nth-child(even) {
    background-color: #f2f2f2;
}

.w9-card__first__table th {
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
    padding: 1em;
    border: .1em solid #eee;
    vertical-align: bottom;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w9-card__first__table td {
    padding-left: 1em;
    border: .1em solid #eee;
}

.w9-card__first__table__th__action {
    width: 5%;
}

.w9-card__first__table__th__image {
    width: 15%;
}

.w9-card__first__table__th__name {
    width: 25%;
}

.w9-card__first__table__th__quan {
    width: 5%;
}

.w9-card__first__table__th__price {
    width: 10%;
}

.w9-card__first__table__th__total {
    width: 10%;
}

.w9-card__first__table__td__image__imgbox {
    min-width: 10em;
    height: 15em;
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w9-card__first__table__td__image__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-card__first__table__td__action__icon {
    font-size: 2em;
}

.w9-card__first__table__td__name {
    min-width: 15em;
}

.w9-card__first__table__td__name__des {
    margin-top: .5em;
    font-weight: 600;
    display: block;
}

.w9-card__first__table__td__name__des__cate {
    font-weight: 300;
}

.w9-card__first__table__td__quan__input {
    width: 4em;
    padding: 1em;
}

.w9-card__first__table__td__price__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-card__first__table__td__total {
    font-size: 1.3em;
    font-weight: 700;
}

.w9-card__first__sending {
    display: flex;
    justify-content: space-between;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w9-card__first__sending {
        flex-direction: column;
        margin-top: 2em;
    }
}

.w9-card__first__sending__coupon__text {
    padding: 1em;
    border: .1em solid #eee;
}

.w9-card__first__sending__coupon__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    font-weight: 600;
    font-size: 1.3em;
    border-radius: .3em;
    margin-left: 1em;
}

.w9-card__first__sending__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    font-weight: 600;
    font-size: 1.3em;
    border-radius: .3em;
}

@media only screen and (max-width: 37.5em) {
    .w9-card__first__sending__button {
        margin-top: 2em;
    }
}

.w9-card__second {
    width: 28%;
    min-width: 28%;
    border: .5em solid #eee;
    padding: 2em;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w9-card__second {
        width: 100%;
        margin-top: 5em;
    }
}

.w9-card__second__heading {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 2.5em;
    padding-bottom: .2em;
    border-bottom: .05em solid #eee;
}

.w9-card__second__price {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    white-space: nowrap;
    padding-bottom: 2em;
    padding-top: 2em;
    border-bottom: .1em solid #eee;
}

.w9-card__second__price__text {
    font-weight: 600;
    font-size: 1.4em;
}

.w9-card__second__price__main {
    font-weight: 600;
    font-size: 1.5em;
}

.w9-card__second__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    font-weight: 600;
    font-size: 1.3em;
    border-radius: .3em;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: white;
    text-align: center;
    margin-top: 3em;
}

/*ed*/
/*w9-card-1*/
.w9-card-1 {
    width: 100%;
    padding: 2em 1em;
}

.w9-card-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w9-card-1__group {
        flex-direction: column;
    }
}

.w9-card-1__first {
    width: 65%;
}

@media only screen and (max-width: 50em) {
    .w9-card-1__first {
        width: 99%;
    }
}

.w9-card-1__first__table {
    width: 100%;
    border-collapse: collapse;
}

@media only screen and (max-width: 37.5em) {
    .w9-card-1__first__table-col {
        overflow-x: scroll;
    }
}

.w9-card-1__first__table th {
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
    padding: 1em;
    border: 0.1em solid #eee;
    vertical-align: bottom;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.4em;
}

.w9-card-1__first__table td {
    border: 0.1em solid #eee;
    padding: 0.5em;
}

.w9-card-1__first__table__td__image__imgbox {
    max-height: 10em;
    min-width: 10em;
    width: 100%;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w9-card-1__first__table__td__image__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w9-card-1__first__table__td__action {
    text-align: center;
}

.w9-card-1__first__table__td__action__icon {
    font-size: 2em;
}

.w9-card-1__first__table__td__name {
    min-width: 15em;
}

.w9-card-1__first__table__td__name__text {
    font-size: 1.2em;
}

.w9-card-1__first__table__td__name__des {
    margin-top: 0.5em;
    font-weight: 600;
    display: block;
    font-size: 1.2em;
}

.w9-card-1__first__table__td__name__des__cate {
    font-weight: 300;
}

.w9-card-1__first__table__td__quan {
    text-align: center;
}

.w9-card-1__first__table__td__quan__input {
    width: 4em;
    padding: 0.5em;
    border: 0.1em solid #eee;
    outline: none;
    cursor: pointer;
}

.w9-card-1__first__table__td__price__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-card-1__first__table__td__total {
    font-size: 1.3em;
    font-weight: 700;
}

.w9-card-1__first__sending {
    display: flex;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-card-1__first__sending {
        flex-direction: column;
        margin-top: 2em;
    }
}

.w9-card-1__first__sending__btnbox {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    cursor: pointer;
}

.w9-card-1__first__sending__btnbox__text {
    font-weight: 600;
    border-radius: 0.3em;
    margin-left: 1em;
}

.w9-card-1__first__sending__btnbox:hover {
    color: black;
    background-color: white;
    border: 0.1em dashed rgba(var(--main-color-w), 1);
}

.w9-card-1__second {
    width: 33%;
    min-width: 33%;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w9-card-1__second {
        width: 100%;
        margin-top: 5em;
    }
}

.w9-card-1__second__heading {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2em;
    padding-bottom: 0.2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    background-color: white;
    text-align: center;
}

.w9-card-1__second__coupon {
    margin-top: 1em;
}

.w9-card-1__second__coupon__text {
    padding: 0.7em;
    border: 0.1em solid #eee;
    outline: 0.1em solid #eee;
    display: block;
    width: 100%;
    margin-top: 1em;
}

.w9-card-1__second__coupon__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em;
    font-weight: 600;
    font-size: 1.3em;
    display: block;
    margin-top: 0.5em;
    max-width: 100%;
    width: 100%;
    text-align: center;
    color: white;
}

    .w9-card-1__second__coupon__button:hover {
        color: black;
        background-color: white;
        border: 0.1em dashed rgba(var(--main-color-w), 1);
    }

.w9-card-1__second__coupon__head {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

.w9-card-1__second__coupon__head__icon {
    margin-right: 0.5em;
    font-size: 1.3em;
}

.w9-card-1__second__coupon__head__text {
    font-size: 1.3em;
}

.w9-card-1__second__price {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    white-space: nowrap;
    border-bottom: 0.1em solid #eee;
}

.w9-card-1__second__price__text {
    font-size: 1.4em;
    border: 0.1em solid #eee;
    padding: 0.7em;
    width: 30%;
}

.w9-card-1__second__price__main {
    font-weight: 600;
    font-size: 1.5em;
    border: 0.1em solid #eee;
    padding: 0.7em;
    width: 70%;
}

.w9-card-1__second__price__giao {
    width: 70%;
    max-width: 70%;
    padding: 0.7em;
    border: 0.1em solid #eee;
}

.w9-card-1__second__price__giao__text {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: 600;
}

.w9-card-1__second__price__giao__des {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 1em;
    max-width: 100%;
    white-space: pre-wrap;
}

.w9-card-1__second__price__giao__lbl {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    display: block;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 0.5em;
}

.w9-card-1__second__price__giao__checkbox {
    display: none;
}

    .w9-card-1__second__price__giao__checkbox:checked ~ .w9-card-1__second__price__giao__address {
        max-height: 50vh;
    }

.w9-card-1__second__price__giao__address {
    margin-top: 1em;
    max-height: 0;
    transition: all 0.2s ease;
    overflow: hidden;
}

.w9-card-1__second__price__giao__address__in {
    padding: 0.7em;
    border: 0.1em solid #eee;
    outline: 0.1em solid #eee;
    display: block;
    width: 100%;
    margin-top: 0.5em;
}

.w9-card-1__second__price__giao__address__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w9-card-1__second__price__giao__address__vung__checkbox {
    display: none;
}

    .w9-card-1__second__price__giao__address__vung__checkbox:checked ~ .w9-card-1__second__price__giao__address__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w9-card-1__second__price__giao__address__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w9-card-1__second__price__giao__address__vung__ad__icon {
    margin-left: 0.5em;
}

.w9-card-1__second__price__giao__address__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w9-card-1__second__price__giao__address__vung__items .active {
        font-weight: 800;
    }

.w9-card-1__second__price__giao__address__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w9-card-1__second__price__giao__address__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w9-card-1__second__price__giao__address__vung__items__item:hover {
        background-color: #eee;
    }

.w9-card-1__second__button {
    background-color: white;
    padding: 0.7em;
    font-weight: 600;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    margin-top: 2em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

    .w9-card-1__second__button:hover {
        color: black;
        background-color: white;
        border: 0.1em dashed rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w9-login*/
.w9-login {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    background-color: white;
    padding: 6em 1em;
    font-weight: 500;
}

.w9-login__group {
    max-width: 50em;
    margin: 0 auto;
}

.w9-login__third {
    margin-top: 2em;
}

.w9-login__third__title {
    font-weight: 500;
    font-size: 1.3em;
}

.w9-login__third__content {
    margin-top: 2em;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    font-weight: 700;
}

.w9-login__third__content__text-facebook {
    background-color: #00325c;
    padding: 1em;
    color: white;
    display: flex;
    align-items: center;
    width: 49%;
    justify-content: center;
}

.w9-login__third__content__text-google {
    background-color: #cc0000;
    padding: 1em;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 49%;
}

.w9-login__third__content__icon {
    font-size: 2em;
    margin-left: 1em;
}

.w9-login__heading {
    display: flex;
    font-weight: 500;
    margin-bottom: 2em;
    justify-content: space-between;
}

.w9-login__heading__sign {
    font-size: 1.4em;
    white-space: nowrap;
}

.w9-login__heading__create {
    font-size: 1.4em;
    white-space: nowrap;
    color: rgba(var(--main-color-w), 1);
}

.w9-login__text {
    color: darkgrey;
}

.w9-login__input {
    margin-top: .5em;
    margin-bottom: .5em;
    outline: none;
    border: 0.1em solid #ececec;
    width: 100%;
    padding: 1em;
}

.w9-login__button {
    display: block;
    width: 100%;
    margin: 0 auto;
    border-radius: .5em;
    border: none;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    padding: 1em;
    text-align: center;
    font-size: 1.3em;
    cursor: pointer;
}

.w9-login__des {
    margin-top: 1em;
    display: block;
}

/*ed*/
/*w9-checkout*/
.w9-checkout {
    width: 100%;
    padding: 2em 1em;
}

.w9-checkout__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-checkout__checklogin__checkbox {
    display: none;
}

    .w9-checkout__checklogin__checkbox:checked ~ .w9-checkout__checklogin__form {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__checklogin__nav-button__heading {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__checklogin__nav-button__heading::before {
        content: "";
        width: 0.5em;
        background-color: rgba(var(--main-color-w), 1);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__checklogin__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__checklogin__form__text {
    color: #777;
    font-weight: 500;
    font-size: 1.3em;
    margin-top: 1em;
}

.w9-checkout__checklogin__form__content {
    margin-top: 1em;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.w9-checkout__checklogin__form__content__email {
    width: 49%;
}

.w9-checkout__checklogin__form__content__email__text {
    font-weight: 500;
    font-size: 1.3em;
}

.w9-checkout__checklogin__form__content__email__input {
    margin-top: 1em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
}

    .w9-checkout__checklogin__form__content__email__input:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w9-checkout__checklogin__form__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
}

    .w9-checkout__checklogin__form__button:hover {
        filter: 80%;
    }

.w9-checkout__checklogin__form__otherlogin {
    margin-top: 1em;
    display: inline-block;
    text-decoration: underline;
}

.w9-checkout__checklogin__form__otherlogin__link {
    font-size: 1.3em;
    margin-left: 1em;
    transition: all 0.2s;
}

    .w9-checkout__checklogin__form__otherlogin__link:hover {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

    .w9-checkout__checklogin__form__otherlogin__link:not(:last-child) {
        font-weight: 300;
    }

.w9-checkout__checkcoupon {
    margin-top: 2em;
}

.w9-checkout__checkcoupon__checkbox {
    display: none;
}

    .w9-checkout__checkcoupon__checkbox:checked ~ .w9-checkout__checkcoupon__sending {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__checkcoupon__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__checkcoupon__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__checkcoupon__sending {
    text-align: center;
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__checkcoupon__sending__text {
    margin-top: 1em;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    font-weight: 500;
}

    .w9-checkout__checkcoupon__sending__text:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w9-checkout__checkcoupon__sending__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
}

    .w9-checkout__checkcoupon__sending__button:hover {
        filter: 80%;
    }

.w9-checkout__payinfo {
    display: flex;
    margin-top: 3em;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w9-checkout__payinfo {
        flex-direction: column;
    }
}

.w9-checkout__payinfo__first {
    width: 56%;
}

@media only screen and (max-width: 43.75em) {
    .w9-checkout__payinfo__first {
        width: 100%;
    }
}

.w9-checkout__payinfo__first__heading {
    font-weight: 700;
    font-size: 2.5em;
}

.w9-checkout__payinfo__first__name {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__name__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__name__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__phonemail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
}

.w9-checkout__payinfo__first__phonemail__content {
    width: 49%;
}

.w9-checkout__payinfo__first__phonemail__content__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__phonemail__content__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__add {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__add__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__add__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__creacc {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__creacc__checkbox {
    display: none;
}

    .w9-checkout__payinfo__first__creacc__checkbox:checked ~ .w9-checkout__payinfo__first__creacc__form {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__payinfo__first__creacc__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__payinfo__first__creacc__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__payinfo__first__creacc__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__payinfo__first__creacc__form__text {
    margin-top: 2em;
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__creacc__form__email {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__creacc__form__email__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__creacc__form__email__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__invoice {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__invoice__checkbox {
    display: none;
}

    .w9-checkout__payinfo__first__invoice__checkbox:checked ~ .w9-checkout__payinfo__first__invoice__send {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__payinfo__first__invoice__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__payinfo__first__invoice__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__payinfo__first__invoice__send {
    margin-top: 1em;
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__payinfo__first__invoice__send__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__invoice__send__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__second {
    border: 0.5em solid #eee;
    height: max-content;
    padding: 2em;
    width: 40%;
}

@media only screen and (max-width: 43.75em) {
    .w9-checkout__payinfo__second {
        width: 100%;
    }
}

.w9-checkout__payinfo__second__heading {
    font-weight: 700;
    font-size: 2.5em;
}

.w9-checkout__payinfo__second__card {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 0.1em solid #eee;
    background-color: white;
    margin-top: 2em;
    padding-bottom: 1em;
}

.w9-checkout__payinfo__second__card__figure {
    margin: 0.5em 0;
    background-size: contain;
    background-position: center;
}

.w9-checkout__payinfo__second__card__img {
    margin: 0 auto;
    width: 10em;
    display: block;
}

.w9-checkout__payinfo__second__card__content {
    background-color: white;
}

.w9-checkout__payinfo__second__card__text {
    font-size: 1.3em;
    font-weight: 600;
}

.w9-checkout__payinfo__second__card__quan {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.3em;
}

.w9-checkout__payinfo__second__card__mon {
    margin-top: 0.2em;
    font-weight: 300;
    font-size: 1.3em;
}

.w9-checkout__payinfo__second__price {
    margin-top: 2em;
    border-bottom: 0.1em solid #eee;
    padding-bottom: 1em;
}

.w9-checkout__payinfo__second__price__text {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 500;
}

.w9-checkout__payinfo__second__price__text__number {
    font-weight: 600;
}

.w9-checkout__payinfo__second__payway__item {
    display: flex;
    border-bottom: 0.1em solid #eee;
    padding: 2em 0 2em 0;
}

.w9-checkout__payinfo__second__payway__item__input {
    width: 2em;
    height: 2em;
}

.w9-checkout__payinfo__second__payway__item__content {
    cursor: pointer;
    margin-left: 2em;
}

.w9-checkout__payinfo__second__payway__item__content__text {
    font-weight: 500;
    font-size: 1.6em;
}

    .w9-checkout__payinfo__second__payway__item__content__text:last-child {
        margin-top: 2em;
        font-weight: 300;
    }

.w9-checkout__payinfo__second__payway__item__content__text__agree {
    font-weight: 500;
    font-size: 1.6em;
}

.w9-checkout__payinfo__second__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
    width: 100%;
    text-align: center;
    font-size: 1.6em;
}

    .w9-checkout__payinfo__second__button:hover {
        filter: 80%;
    }

/*ed*/
/*w9-checkout*/
.w9-checkout {
    width: 100%;
    padding: 2em 1em;
}

.w9-checkout__group {
    max-width: 120em;
    margin: 0 auto;
}

.w9-checkout__checklogin__checkbox {
    display: none;
}

    .w9-checkout__checklogin__checkbox:checked ~ .w9-checkout__checklogin__form {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__checklogin__nav-button__heading {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__checklogin__nav-button__heading::before {
        content: "";
        width: 0.5em;
        background-color: rgba(var(--main-color-w), 1);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__checklogin__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__checklogin__form__text {
    color: #777;
    font-weight: 500;
    font-size: 1.3em;
    margin-top: 1em;
}

.w9-checkout__checklogin__form__content {
    margin-top: 1em;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.w9-checkout__checklogin__form__content__email {
    width: 49%;
}

.w9-checkout__checklogin__form__content__email__text {
    font-weight: 500;
    font-size: 1.3em;
}

.w9-checkout__checklogin__form__content__email__input {
    margin-top: 1em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
}

    .w9-checkout__checklogin__form__content__email__input:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w9-checkout__checklogin__form__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
}

    .w9-checkout__checklogin__form__button:hover {
        filter: 80%;
    }

.w9-checkout__checklogin__form__otherlogin {
    margin-top: 1em;
    display: inline-block;
    text-decoration: underline;
}

.w9-checkout__checklogin__form__otherlogin__link {
    font-size: 1.3em;
    margin-left: 1em;
    transition: all 0.2s;
}

    .w9-checkout__checklogin__form__otherlogin__link:hover {
        color: rgba(var(--second-color-w), 1);
        font-weight: 600;
    }

    .w9-checkout__checklogin__form__otherlogin__link:not(:last-child) {
        font-weight: 300;
    }

.w9-checkout__checkcoupon {
    margin-top: 2em;
}

.w9-checkout__checkcoupon__checkbox {
    display: none;
}

    .w9-checkout__checkcoupon__checkbox:checked ~ .w9-checkout__checkcoupon__sending {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__checkcoupon__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__checkcoupon__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__checkcoupon__sending {
    text-align: center;
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__checkcoupon__sending__text {
    margin-top: 1em;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    font-weight: 500;
}

    .w9-checkout__checkcoupon__sending__text:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w9-checkout__checkcoupon__sending__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
}

    .w9-checkout__checkcoupon__sending__button:hover {
        filter: 80%;
    }

.w9-checkout__payinfo {
    display: flex;
    margin-top: 3em;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w9-checkout__payinfo {
        flex-direction: column;
    }
}

.w9-checkout__payinfo__first {
    width: 56%;
}

@media only screen and (max-width: 43.75em) {
    .w9-checkout__payinfo__first {
        width: 100%;
    }
}

.w9-checkout__payinfo__first__heading {
    font-weight: 700;
    font-size: 2.5em;
}

.w9-checkout__payinfo__first__name {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__name__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__name__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__phonemail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
}

.w9-checkout__payinfo__first__phonemail__content {
    width: 49%;
}

.w9-checkout__payinfo__first__phonemail__content__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__phonemail__content__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__add {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__add__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__add__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__creacc {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__creacc__checkbox {
    display: none;
}

    .w9-checkout__payinfo__first__creacc__checkbox:checked ~ .w9-checkout__payinfo__first__creacc__form {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__payinfo__first__creacc__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__payinfo__first__creacc__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__payinfo__first__creacc__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__payinfo__first__creacc__form__text {
    margin-top: 2em;
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__creacc__form__email {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__creacc__form__email__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__creacc__form__email__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__first__invoice {
    margin-top: 2em;
}

.w9-checkout__payinfo__first__invoice__checkbox {
    display: none;
}

    .w9-checkout__payinfo__first__invoice__checkbox:checked ~ .w9-checkout__payinfo__first__invoice__send {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout__payinfo__first__invoice__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w9-checkout__payinfo__first__invoice__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout__payinfo__first__invoice__send {
    margin-top: 1em;
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w9-checkout__payinfo__first__invoice__send__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout__payinfo__first__invoice__send__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
}

.w9-checkout__payinfo__second {
    border: 0.5em solid #eee;
    height: max-content;
    padding: 2em;
    width: 40%;
}

@media only screen and (max-width: 43.75em) {
    .w9-checkout__payinfo__second {
        width: 100%;
    }
}

.w9-checkout__payinfo__second__heading {
    font-weight: 700;
    font-size: 2.5em;
}

.w9-checkout__payinfo__second__card {
    border-bottom: 0.1em solid #eee;
    background-color: white;
    margin-top: 2em;
    padding-bottom: 1em;
    margin: 0 auto;
    display: block;
}

.w9-checkout__payinfo__second__card__imgbox {
    height: 10em;
    margin-bottom: 1em;
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w9-checkout__payinfo__second__card__imgbox__img {
    margin: 0 auto;
}

.w9-checkout__payinfo__second__name {
    font-weight: 600;
    padding: 1em;
}

.w9-checkout__payinfo__second__bank {
    padding: 1em;
    border-top: 0.1em solid #eee;
}

.w9-checkout__payinfo__second__number {
    padding: 1em;
    border-top: 0.1em solid #eee;
}

.w9-checkout__payinfo__second__des {
    border-top: 0.1em solid #eee;
    padding: 1em;
}

.w9-checkout__payinfo__second__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
    width: 100%;
    text-align: center;
    font-size: 1.6em;
}

    .w9-checkout__payinfo__second__button:hover {
        filter: 80%;
    }

/*ed*/
/*w9-checkout-2*/
.w9-checkout-2 {
    width: 100%;
    padding: 2em 1em;
}

.w9-checkout-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w9-checkout-2__group {
        flex-direction: column;
    }
}

.w9-checkout-2__first {
    width: 65%;
}

@media only screen and (max-width: 50em) {
    .w9-checkout-2__first {
        width: 99%;
    }
}

.w9-checkout-2__first__table {
    width: 100%;
    border-collapse: collapse;
}

@media only screen and (max-width: 37.5em) {
    .w9-checkout-2__first__table-col {
        overflow-x: scroll;
    }
}

.w9-checkout-2__first__table th {
    font-weight: 700;
    white-space: nowrap;
    text-align: center;
    padding: 1em;
    border: 0.1em solid #eee;
    vertical-align: bottom;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.4em;
}

.w9-checkout-2__first__table td {
    border: 0.1em solid #eee;
    padding: 0.5em;
}

.w9-checkout-2__first__table__td__image__imgbox {
    max-height: 10em;
    min-width: 10em;
    width: 100%;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w9-checkout-2__first__table__td__image__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w9-checkout-2__first__table__td__action {
    text-align: center;
}

.w9-checkout-2__first__table__td__action__icon {
    font-size: 2em;
}

.w9-checkout-2__first__table__td__name {
    min-width: 15em;
}

.w9-checkout-2__first__table__td__name__text {
    font-size: 1.2em;
}

.w9-checkout-2__first__table__td__name__des {
    margin-top: 0.5em;
    font-weight: 600;
    display: block;
    font-size: 1.2em;
}

.w9-checkout-2__first__table__td__name__des__cate {
    font-weight: 300;
}

.w9-checkout-2__first__table__td__quan {
    text-align: center;
}

.w9-checkout-2__first__table__td__quan__input {
    width: 4em;
    padding: 0.5em;
    border: 0.1em solid #eee;
    outline: none;
    cursor: pointer;
}

.w9-checkout-2__first__table__td__price__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w9-checkout-2__first__table__td__total {
    font-size: 1.3em;
    font-weight: 700;
}

.w9-checkout-2__first__sending {
    display: flex;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w9-checkout-2__first__sending {
        flex-direction: column;
        margin-top: 2em;
    }
}

.w9-checkout-2__first__sending__btnbox {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 1em;
    margin-right: 1em;
    font-size: 1.3em;
    width: max-content;
    cursor: pointer;
}

.w9-checkout-2__first__sending__btnbox__text {
    font-weight: 600;
    border-radius: 0.3em;
    margin-left: 1em;
}

.w9-checkout-2__first__sending__btnbox:hover {
    color: black;
    background-color: white;
    border: 0.1em dashed rgba(var(--main-color-w), 1);
}

.w9-checkout-2__first__payway {
    width: 100%;
    margin-top: 2em;
}

.w9-checkout-2__first__payway__item {
    display: flex;
    border-bottom: 0.1em solid #eee;
    padding: 1em;
}

.w9-checkout-2__first__payway__item__input {
    width: 1.5em;
    height: 1.5em;
}

.w9-checkout-2__first__payway__item__content {
    cursor: pointer;
    margin-left: 2em;
}

.w9-checkout-2__first__payway__item__content__text {
    font-weight: 600;
    font-size: 1.3em;
}

    .w9-checkout-2__first__payway__item__content__text:last-child {
        margin-top: 1em;
        font-weight: 300;
    }

.w9-checkout-2__first__payway__item__content__text__agree {
    font-weight: normal;
    font-size: 1.3em;
}

.w9-checkout-2__second {
    width: 33%;
    min-width: 33%;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w9-checkout-2__second {
        width: 100%;
        margin-top: 5em;
    }
}

.w9-checkout-2__second__heading {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 2em;
    padding-bottom: 0.2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    background-color: white;
    text-align: center;
}

.w9-checkout-2__second__checkcoupon__checkbox {
    display: none;
}

    .w9-checkout-2__second__checkcoupon__checkbox:checked ~ .w9-checkout-2__second__checkcoupon__sending {
        opacity: 1;
        max-height: 40em;
    }

.w9-checkout-2__second__checkcoupon__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    overflow: hidden;
    font-size: 1.5em;
    cursor: pointer;
}

    .w9-checkout-2__second__checkcoupon__text::before {
        content: "";
        width: 0.5em;
        background-color: #e70000;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w9-checkout-2__second__checkcoupon__sending {
    text-align: center;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
    display: flex;
    margin-bottom: 1em;
}

.w9-checkout-2__second__checkcoupon__sending__text {
    margin-top: 1em;
    padding: 0.7em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    font-weight: 500;
    width: 100%;
}

    .w9-checkout-2__second__checkcoupon__sending__text:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w9-checkout-2__second__checkcoupon__sending__button {
    margin-top: 1em;
    padding: 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    display: inline-block;
    font-size: 1.3em;
    margin-left: 0.5em;
    white-space: nowrap;
}

    .w9-checkout-2__second__checkcoupon__sending__button:hover {
        filter: 80%;
    }

.w9-checkout-2__second__thanhtoan {
    margin-top: 1em;
}

.w9-checkout-2__second__thanhtoan__text {
    padding: 0.7em;
    border: 0.1em solid #eee;
    outline: 0.1em solid #eee;
    display: block;
    width: 100%;
    margin-top: 1em;
}

.w9-checkout-2__second__thanhtoan__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em;
    font-weight: 600;
    font-size: 1.3em;
    display: block;
    margin-top: 0.5em;
    max-width: 100%;
    width: 100%;
    text-align: center;
    color: white;
}

    .w9-checkout-2__second__thanhtoan__button:hover {
        color: black;
        background-color: white;
        border: 0.1em dashed rgba(var(--main-color-w), 1);
    }

.w9-checkout-2__second__thanhtoan__head {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

.w9-checkout-2__second__thanhtoan__head__icon {
    margin-right: 0.5em;
    font-size: 1.3em;
}

.w9-checkout-2__second__thanhtoan__head__text {
    font-size: 1.3em;
}

.w9-checkout-2__second__price {
    margin-top: 1em;
    border: 0.1em solid #eee;
    border-bottom: 0.1em solid #eee;
}

.w9-checkout-2__second__price__text {
    font-size: 1.4em;
    padding: 0.7em;
    width: 100%;
    display: block;
    text-align: center;
}

.w9-checkout-2__second__price__lbl {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    display: block;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 0.5em;
    width: 90%;
    margin: 0 auto;
}

.w9-checkout-2__second__price__checkbox {
    display: none;
}

    .w9-checkout-2__second__price__checkbox:checked ~ .w9-checkout-2__second__price__address {
        max-height: 50vh;
    }

.w9-checkout-2__second__price__address {
    max-height: 0;
    transition: all 0.2s ease;
    overflow: hidden;
    width: 90%;
    margin: 1em auto;
}

.w9-checkout-2__second__price__address__in {
    padding: 0.7em;
    border: 0.1em solid #eee;
    outline: 0.1em solid #eee;
    display: block;
    width: 100%;
    margin-top: 0.5em;
}

.w9-checkout-2__second__price__address__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w9-checkout-2__second__price__address__vung__checkbox {
    display: none;
}

    .w9-checkout-2__second__price__address__vung__checkbox:checked ~ .w9-checkout-2__second__price__address__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w9-checkout-2__second__price__address__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w9-checkout-2__second__price__address__vung__ad__icon {
    margin-left: 0.5em;
}

.w9-checkout-2__second__price__address__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w9-checkout-2__second__price__address__vung__items .active {
        font-weight: 800;
    }

.w9-checkout-2__second__price__address__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w9-checkout-2__second__price__address__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w9-checkout-2__second__price__address__vung__items__item:hover {
        background-color: #eee;
    }

.w9-checkout-2__second__price__address__area {
    padding: 0.7em;
    border: 0.1em solid #eee;
    outline: 0.1em solid #eee;
    display: block;
    width: 100%;
    margin-top: 0.5em;
}

.w9-checkout-2__second__button {
    background-color: white;
    padding: 0.7em;
    font-weight: 600;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    margin-top: 2em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

    .w9-checkout-2__second__button:hover {
        color: black;
        background-color: white;
        border: 0.1em dashed rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w10-banner*/
.w10-banner {
    width: 100%;
    background-color: white;
}

.w10-banner__group {
    max-width: 120em;
    margin: 0 auto;
}

.w10-banner .owl-dots .owl-dot.active span {
    background-color: rgba(var(--main-color-w), 1) !important;
}

.w10-banner .owl-dots {
    position: absolute;
    margin-top: 0 !important;
    bottom: .5em;
    width: 100%;
}

.w10-banner-col {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    padding: 5em;
}

.w10-banner__heading {
    text-transform: uppercase;
    font-size: 3em;
    font-weight: 600;
    margin-top: 2em;
}

.w10-banner__main {
    text-transform: capitalize;
    font-size: 4em;
    font-weight: 800;
    margin-top: .2em;
}

.w10-banner__sub {
    color: #777;
    font-weight: 300;
    font-size: 1.6em;
    margin-top: 2em;
}

.w10-banner__button {
    margin-top: 3em;
    padding: 1em 2em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5em;
    font-weight: 800;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s;
    display: inline-block;
}

    .w10-banner__button:hover {
        background-color: black;
    }

/*ed*/

/*w10-footer*/
.w10-footer {
    position: relative;
    width: 100%;
    background-color: #f7f8fa;
    padding: 2em 1em;
}

.w10-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w10-footer__group {
        display: block;
    }
}

.w10-footer-col {
    display: flex;
    width: 70%;
    flex-wrap: wrap;
}

    .w10-footer-col:last-child {
        width: 30%;
        border-left: 0.1em solid #eee;
    }

@media only screen and (max-width: 37.5em) {
    .w10-footer-col:last-child {
        border: none;
        width: 100%;
    }
}

.w10-footer__item {
    width: 33%;
    padding: 0 0.5em;
    color: var(--text-color-w);
}

.w10-footer__item-last {
    width: 100%;
}

.w10-footer__item:last-child {
    padding-left: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w10-footer__item {
        width: 99%;
        margin-top: 4em;
    }

        .w10-footer__item:last-child {
            padding-left: 0;
        }
}

.w10-footer__item__title {
    text-transform: uppercase;
    font-size: 1.4em;
    color: var(--text-color-w);
    display: block;
}

.w10-footer__item__des {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
    line-height: 1.8em;
}

.w10-footer__item__contact {
    margin-top: 2em;
    display: flex;
    align-items: center;
}

.w10-footer__item__contact__icon {
    color: var(--text-color-w);
    font-size: 2em;
    margin-left: 1em;
    cursor: pointer;
}

.w10-footer__item__link {
    margin-top: 2em;
}

    .w10-footer__item__link a {
        display: block;
        color: var(--text-color-w);
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        line-height: 1.8em;
        height: max-content;
        margin: 0.5em 0;
    }

.w10-footer__item__form {
    margin-top: 1em;
    background-color: white;
    padding: 1em;
    display: flex;
    align-items: center;
    width: max-content;
}

.w10-footer__item__form__text {
    border: none;
    outline: none;
    font-size: 1.4em;
    line-height: 1.8em;
}

.w10-footer__item__form__icon {
    font-size: 2em;
    cursor: pointer;
}

    .w10-footer__item__form__icon:hover {
        color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w10-menu*/
.w10-menu {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .5em;
    position: relative;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w10-menu {
        position: static;
        z-index: 2;
    }
}

@media only screen and (min-width: 50em) {
    .w10-menu__ab {
        position: absolute;
        z-index: 2;
        background-color: transparent;
    }
}

.w10-menu__logo {
    width: 15em;
    height: 7em;
    background-size: contain;
    background-position: center;
}

.w10-menu__logo__img {
    width: 100%;
}

.w10-menu-nav__checkbox {
    display: none;
}

.w10-menu-nav__button {
    height: 2.5em;
    width: 2.5em;
    margin-right: 1em;
}

@media only screen and (min-width: 50em) {
    .w10-menu-nav__button {
        display: none;
    }
}

.w10-menu-nav__icon {
    font-size: 2.5em;
}

.w10-menu-nav__checkbox:checked ~ .w10-menu__items {
    left: 0;
}

.w10-menu__items {
    list-style: none;
    display: flex;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 50em) {
    .w10-menu__items {
        background-color: white;
    }
}

@media only screen and (max-width: 50em) {
    .w10-menu__items {
        flex-direction: column;
        position: absolute;
        top: 0;
        left: -25em;
        width: 25em;
        box-shadow: 0.1em 0.1em 0.3em #eee;
        height: 100vh;
        overflow-y: scroll;
        transition: all 0.2s;
        overflow-x: hidden;
    }
}

.w10-menu__items-nav__checkbox {
    display: none;
}

.w10-menu__items-nav__button {
    padding: 1em 2em;
}

@media only screen and (min-width: 50em) {
    .w10-menu__items-nav__button {
        display: none;
    }
}

.w10-menu__items-nav__icon {
    font-size: 2.5em;
}

.w10-menu__items__item {
    font-size: 1.5em;
    text-transform: uppercase;
    margin-left: 1em;
    font-weight: 700;
    white-space: nowrap;
    cursor: pointer;
    height: 5em;
    line-height: 5em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w10-menu__items__item {
        line-height: 3em;
        height: unset;
    }
}

.w10-menu__items__item__span {
    width: 0%;
    height: 0.2em;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
}

.w10-menu__items__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w10-menu__items__item:hover .w10-menu__items__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
        height: 0.2em;
    }

    .w10-menu__items__item:hover .w10-menu__items__drop-1 {
        left: 0;
        transition: all 0.2s;
        visibility: visible;
    }

.w10-menu__items__drop-1__item:hover .w10-menu__items__drop-2 {
    visibility: visible;
}

@media only screen and (max-width: 50em) {
    .w10-menu__items__drop-1__item:hover .w10-menu__items__drop-2 {
        left: 0;
        top: 0;
    }
}

.w10-menu__items__drop-1 {
    list-style: none;
    position: absolute;
    left: 0;
    top: 5em;
    display: flex;
    visibility: hidden;
    background-color: white;
    box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.242);
    padding: 1em;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w10-menu__items__drop-1 {
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 20em;
        padding: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w10-menu__items__drop-1-col:not(:first-child) {
        margin-top: 2em;
        border-top: 0.1em solid #eee;
    }
}

@media only screen and (min-width: 50em) {
    .w10-menu__items__drop-1-col:not(:first-child) {
        margin-left: 2em;
    }
}

.w10-menu__items__drop-1__item {
    font-size: 1.05em;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    color: black;
    margin-top: 1em;
    width: 8em;
}

@media only screen and (max-width: 50em) {
    .w10-menu__items__drop-1__item {
        width: 15em;
        position: relative;
        height: auto;
        margin-top: 0;
    }
}

.w10-menu__items__drop-1__item__span {
    width: 0%;
    height: 0.2em;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
}

.w10-menu__items__drop-1__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w10-menu__items__drop-1__item:hover .w10-menu__items__drop-1__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
        height: 0.2em;
    }

.w10-menu__items__drop-2 {
    list-style: none;
    position: absolute;
    top: -1.05em;
    left: 8em;
    display: flex;
    background-color: white;
    z-index: 1;
    visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w10-menu__items__drop-2 {
        flex-direction: column;
        width: 20em;
    }
}

@media only screen and (max-width: 50em) {
    .w10-menu__items__drop-2-col:not(:first-child) {
        margin-top: 2em;
        border-top: 0.1em solid #eee;
    }
}

@media only screen and (min-width: 50em) {
    .w10-menu__items__drop-2-col:not(:first-child) {
        margin-left: 2em;
    }
}

.w10-menu__items__drop-2__item {
    font-size: 1.05em;
    text-transform: capitalize;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    color: black;
    margin-top: 1em;
    width: 8em;
}

.w10-menu__items__drop-2__item__span {
    width: 0%;
    height: 0.2em;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
}

.w10-menu__items__drop-2__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w10-menu__items__drop-2__item:hover .w10-menu__items__drop-2__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
        height: 0.2em;
    }

.w10-menu__nav__checkbox-search:checked ~ .w10-menu__search {
    top: 0;
    visibility: visible;
}

.w10-menu__nav__checkbox-search {
    display: none;
    cursor: pointer;
}

.w10-menu__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white !important;
    padding: 4em;
    color: #757575;
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w10-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w10-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
}

.w10-menu__search__content__title__icon {
    font-size: 1.5em;
    background: none;
    border: none;
    cursor: pointer;
}

.w10-menu__search__content__title__checkbox {
    cursor: pointer;
}

.w10-menu__search__content__input {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    width: 100%;
    border-bottom: 0.2em solid #f5f5f5 !important;
}

.w10-menu__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
    color: black;
    width: 100%;
    font-family: "SVN-Sofia Pro Light";
}

    .w10-menu__search__content__input__text::-webkit-input-placeholder {
        color: black;
    }

    .w10-menu__search__content__input__text:focus {
        outline: none;
    }

.w10-menu__search__content__input__icon {
    cursor: pointer;
    font-size: 3em;
}

.w10-menu__user {
    display: flex;
}

.w10-menu__user__icon {
    font-size: 2em;
    margin-left: 2em;
    cursor: pointer;
}

/*ed*/
/*w10-products-1*/
.w10-products-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w10-products-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w10-products-1 .owl-dots .owl-dot.active span {
    background-color: rgba(var(--main-color-w), 1) !important;
}

.w10-products-1 .owl-dots {
    position: absolute;
    margin-top: 0 !important;
    bottom: 0.5em;
    width: 100%;
}

.w10-products-1-active {
    color: rgba(var(--main-color-w), 1);
}

.w10-products-1__heading {
    text-align: center;
}

.w10-products-1__heading__title {
    font-size: 3.5em;
    font-weight: 700;
    text-transform: capitalize;
    line-height: 1.8em;
}

.w10-products-1__heading__des {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.4em;
    color: black;
    line-height: 1.8em;
}

.w10-products-1__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w10-products-1__items {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 37.5em) {
    .w10-products-1__items {
        flex-direction: column;
    }
}

.w10-products-1__items__item {
    width: 98%;
}

@media only screen and (max-width: 50em) {
    .w10-products-1__items__item {
        width: 98%;
        margin-top: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w10-products-1__items__item {
        width: 99%;
    }
}

.w10-products-1__items__item__card {
    overflow: hidden;
    position: relative;
}

    .w10-products-1__items__item__card:hover .w10-products-1__items__item__card__c2 {
        transform: rotateY(180deg);
    }

    .w10-products-1__items__item__card:hover .w10-products-1__items__item__card__c1 {
        transform: rotateY(180deg);
    }

    .w10-products-1__items__item__card:hover .w10-products-1__items__item__card__text {
        transform: rotateY(180deg);
    }

.w10-products-1__items__item__card__imgbox {
    height: 49em;
    background-size: contain;
    background-position: center;
}

.w10-products-1__items__item__card__imgbox__img {
    width: 100%;
    background-color: white;
}

.w10-products-1__items__item__card__c2 {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    transition: all 0.8s ease;
    width: 100%;
    height: 100%;
}

.w10-products-1__items__item__card__c1 {
    transition: all 0.8s ease;
}

.w10-products-1__items__item__card__text {
    background-color: darkred;
    color: white;
    font-size: 1.3em;
    font-weight: 800;
    padding: 0.5em;
    position: absolute;
    margin: 1em;
    transition: all 0.5s;
    z-index: 2;
}

.w10-products-1__items__item__card__time {
    padding: 1.5em;
    text-align: center;
    position: absolute;
    bottom: 1em;
    width: 90%;
    left: 5%;
    background-color: rgba(255, 255, 255, 0.897);
}

.w10-products-1__items__item__card__time__text {
    font-weight: 300;
    text-transform: capitalize;
    font-size: 1.3em;
}

.w10-products-1__items__item__card__time__box {
    margin-top: 1em;
    display: flex;
    justify-content: center;
    text-align: center;
}

.w10-products-1__items__item__card__time__box__date:not(:last-child) {
    margin-right: 1em;
}

.w10-products-1__items__item__card__time__box__date__number {
    font-weight: 700;
    font-size: 1.8em;
}

.w10-products-1__items__item__card__time__box__date__des {
    margin-top: 0.5em;
    font-weight: 300;
    font-size: 1.2em;
}

.w10-products-1__items__item__content {
    position: relative;
    margin-top: 2em;
    padding: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w10-products-1__items__item__content {
        text-align: center;
    }
}

.w10-products-1__items__item__content__star__icon {
    height: 2em;
    width: 2em;
    color: #ffb503;
}

.w10-products-1__items__item__content__name {
    margin-top: 0.5em;
    font-size: 1.4em;
    text-transform: uppercase;
    color: darkgray;
    display: block;
}

.w10-products-1__items__item__content__des {
    margin-top: 0.5em;
    text-transform: capitalize;
    font-size: 1.4em;
    font-weight: 300;
    display: block;
}

.w10-products-1__items__item__content__pre {
    margin-top: 2em;
    display: flex;
}

.w10-products-1__items__item__content__pre__imgbox {
    margin-right: 1em;
    width: 5em;
    height: 5em;
    overflow: hidden;
    border-radius: 50%;
    border: 0.2em solid black;
    background-image: url(/img/w10/6341019711_1_1_1_196ff4fa-da13-4d4e-9815-30db5366ff85_800x.webp);
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.w10-products-1__items__item__content__pre__imgbox__img {
    width: 100%;
}

.w10-products-1__items__item__content__grcard {
    margin-top: 3em;
    display: flex;
    align-items: center;
}

.w10-products-1__items__item__content__grcard__button {
    display: flex;
    align-items: center;
    background: rgba(var(--main-color-w), 1);
    height: 6em;
    width: 6em;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    cursor: pointer;
}

    .w10-products-1__items__item__content__grcard__button:hover .w10-products-1__items__item__content__grcard__button__text {
        display: inline-block;
    }

    .w10-products-1__items__item__content__grcard__button:hover {
        width: 100%;
    }

.w10-products-1__items__item__content__grcard__button__text {
    text-transform: uppercase;
    margin-left: 0.5em;
    font-weight: 800;
    font-size: 1.6em;
    color: white;
    display: none;
    white-space: nowrap;
}

.w10-products-1__items__item__content__grcard__button__icon {
    font-size: 3em;
    color: white;
}

.w10-products-1__items__item__content__grcard__button:hover ~ .w10-products-1__items__item__content__grcard__price {
    display: none;
}

.w10-products-1__items__item__content__grcard__price {
    color: rgba(var(--main-color-w), 1);
    white-space: nowrap;
    font-size: 2em;
    font-weight: 700;
    margin-left: 1em;
    transform: translateX(0);
}

.w10-products-1__items__item__content__grcard__price__main {
    color: red;
    display: block;
}

.w10-products-1__items__item__content__grcard__price__sub {
    font-weight: 300;
    text-decoration: line-through;
    color: black;
}

/*ed*/
/*w10-products*/
.w10-products {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w10-products__group {
    max-width: 120em;
    margin: 0 auto;
}

.w10-products-active {
    color: rgba(var(--main-color-w), 1);
}

.w10-products__heading {
    text-align: center;
}

.w10-products__heading__title {
    font-size: 4.5em;
    font-weight: 700;
    text-transform: capitalize;
}

.w10-products__heading__tab {
    margin-top: 4em;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w10-products__heading__tab {
        width: 98%;
        flex-wrap: wrap;
        margin-top: 2em;
    }
}

.w10-products__heading__tab .active {
    background-color: #2bb626;
    color: white;
    border-radius: .3em;
}

.w10-products__heading__tab__text {
    padding: 1em;
    text-align: left;
    font-size: 1.8em;
    font-weight: 700;
    text-transform: uppercase;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w10-products__heading__tab__text {
        width: 50%;
        text-align: center;
    }
}

.w10-products__heading__tab__text:not(:first-child) {
    margin-left: 2em;
}

@media only screen and (max-width: 50em) {
    .w10-products__heading__tab__text:not(:first-child) {
        margin-left: 0;
    }
}

.w10-products__heading__tab__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w10-products__items {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w10-products__items__item {
    width: 24%;
    margin-top: 2em;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w10-products__items__item {
        width: 49%;
        margin-top: 2em;
    }
}

.w10-products__items__item__card {
    overflow: hidden;
    position: relative;
}

    .w10-products__items__item__card:hover .w10-products__items__item__card__c2 {
        transform: rotateY(180deg);
    }

    .w10-products__items__item__card:hover .w10-products__items__item__card__c1 {
        transform: rotateY(180deg);
    }

    .w10-products__items__item__card:hover .w10-products__items__item__card__text {
        transform: rotateY(180deg);
    }

.w10-products__items__item__card__c2 {
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    width: 100%;
    transition: all .8s ease;
    background-color: white;
}

.w10-products__items__item__card__c1 {
    transition: all .8s ease;
    background-color: white;
}

.w10-products__items__item__card__text {
    background-color: darkred;
    color: white;
    font-size: 1.3em;
    font-weight: 800;
    padding: .5em;
    position: absolute;
    margin: 1em;
    transition: all .5s;
}

.w10-products__items__item__card__imgbox {
    height: 28em;
    background-size: contain;
    background-position: center;
}

.w10-products__items__item__card__imgbox__img {
    width: 100%;
    height: 100%;
    background-color: white;
}

.w10-products__items__item__content {
    position: relative;
    margin-top: 2em;
    padding: .5em;
}

@media only screen and (max-width: 37.5em) {
    .w10-products__items__item__content {
        text-align: center;
    }
}

.w10-products__items__item__content__star__icon {
    font-size: 2em;
    color: #FFB503;
}

.w10-products__items__item__content__name {
    margin-top: 1em;
    font-size: 1.4em;
    text-transform: uppercase;
    color: darkgray;
    display: block;
}

.w10-products__items__item__content__des {
    margin-top: .5em;
    text-transform: capitalize;
    font-size: 1.4em;
    font-weight: 300;
    display: block;
}

.w10-products__items__item__content__pre {
    margin-top: 2em;
    display: flex;
}

.w10-products__items__item__content__pre__imgbox {
    margin-right: 1em;
    width: 5em;
    height: 5em;
    overflow: hidden;
    border-radius: 50%;
    border: .2em solid black;
    cursor: pointer;
    background-image: url(/img/w10/6341019711_1_1_1_196ff4fa-da13-4d4e-9815-30db5366ff85_800x.webp);
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w10-products__items__item__content__pre__imgbox {
        height: 3em;
        width: 3em;
    }
}

.w10-products__items__item__content__grcard {
    margin-top: 3em;
    display: flex;
    align-items: center;
}

.w10-products__items__item__content__grcard__button {
    display: flex;
    align-items: center;
    background: rgba(var(--main-color-w), 1);
    height: 6em;
    width: 6em;
    align-items: center;
    justify-content: center;
    transition: all .2s;
    cursor: pointer;
}

    .w10-products__items__item__content__grcard__button:hover .w10-products__items__item__content__grcard__button__text {
        display: inline-block;
    }

    .w10-products__items__item__content__grcard__button:hover {
        width: 100%;
    }

.w10-products__items__item__content__grcard__button__text {
    text-transform: uppercase;
    margin-left: .5em;
    font-weight: 800;
    font-size: 1.6em;
    color: white;
    display: none;
    white-space: nowrap;
}

.w10-products__items__item__content__grcard__button__icon {
    font-size: 3em;
    color: white;
}

.w10-products__items__item__content__grcard__button:hover ~ .w10-products__items__item__content__grcard__price {
    display: none;
}

.w10-products__items__item__content__grcard__price {
    color: rgba(var(--main-color-w), 1);
    white-space: nowrap;
    font-size: 2em;
    font-weight: 700;
    margin-left: 1em;
    transform: translateX(0);
}

.w10-products__items__item__content__grcard__price__main {
    color: red;
    display: block;
}

.w10-products__items__item__content__grcard__price__sub {
    font-weight: 300;
    text-decoration: line-through;
    color: black;
}

.w10-products__link {
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    padding: 1em;
    text-align: right;
    display: block;
    font-size: 1.4em;
    text-decoration: underline;
    text-transform: uppercase;
    margin-top: 2em;
}

/*ed*/
/*w10-services-2*/
.w10-services-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w10-services-2__group {
    display: flex;
    color: var(--text-color-w);
    flex-wrap: wrap;
    max-width: 120em;
    margin: 0 auto;
}

.w10-services-2__items {
    width: 50%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w10-services-2__items {
        width: 100%;
        margin-top: 2em;
    }
}

.w10-services-2__items__imgbox {
    display: block;
    overflow: hidden;
    transition: all .2s ease;
    background-size: contain;
    background-position: center;
}

.w10-services-2__items__imgbox__img {
    width: 100%;
}

.w10-services-2__items__imgbox:hover {
    transform: scale(1.2);
}

.w10-services-2__items__content {
    position: absolute;
    top: 5%;
    left: 5%;
    display: block;
    z-index: 1;
}

@media only screen and (max-width: 37.5em) {
    .w10-services-2__items__content {
        width: 100%;
        margin-top: 2em;
    }
}

.w10-services-2__items__content__main {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2em;
}

.w10-services-2__items__content__sub {
    font-weight: 700;
    font-size: 3em;
}

.w10-services-2__items__content__des {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.4rem;
}

.w10-services-2__items__content__button {
    margin-top: 3em;
    padding: 1em 2em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5em;
    font-weight: 800;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .2s;
    outline: none;
}

    .w10-services-2__items__content__button:hover {
        background-color: black;
    }

/*ed*/
/*w10-services*/
.w10-services {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w10-services__heading {
    text-align: center;
}

.w10-services__heading__title {
    font-size: 3.5em;
    font-weight: 700;
    text-transform: capitalize;
}

.w10-services__heading__des {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.4em;
    color: #999;
}

.w10-services__group {
    margin-top: 4em;
    display: grid;
    grid-template-columns: repeat(4, 24%);
    grid-template-rows: repeat(2, 25em);
    grid-gap: 1em;
}

@media only screen and (max-width: 50em) {
    .w10-services__group {
        grid-template-columns: repeat(2, 48%);
        grid-template-rows: repeat(4, 25em);
    }
}

.w10-services__items {
    position: relative;
}

.w10-services__items--1 {
    overflow: hidden;
    grid-row: 1 / span 2;
    grid-column: 1 / span 2;
}

    .w10-services__items--1 figure {
        background-image: url(/img/w10/demo_01_20_800x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

@media only screen and (max-width: 50em) {
    .w10-services__items--1 {
        grid-row: 1 / span 2;
        grid-column: 1 / span 2;
    }
}

.w10-services__items--2 {
    grid-row: 1 / 2;
    grid-column: 3 / 4;
    overflow: hidden;
}

    .w10-services__items--2 figure {
        background-image: url(/img/w10/demo_01_22_1024x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

@media only screen and (max-width: 50em) {
    .w10-services__items--2 {
        grid-row: 3 / 4;
        grid-column: 1 / 2;
    }
}

.w10-services__items--3 {
    grid-row: 1 / 2;
    grid-column: 4 / 5;
    overflow: hidden;
}

    .w10-services__items--3 figure {
        background-image: url(/img/w10/demo_01_21_1024x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

@media only screen and (max-width: 50em) {
    .w10-services__items--3 {
        grid-row: 3 / 4;
        grid-column: 2/ 3;
    }
}

.w10-services__items--4 {
    grid-row: 2 / 3;
    grid-column: 3 / span 2;
    overflow: hidden;
}

    .w10-services__items--4 figure {
        background-image: url(/img/w10/demo_01_23_1024x.webp);
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }

@media only screen and (max-width: 50em) {
    .w10-services__items--4 {
        grid-row: 4 / 5;
        grid-column: 1 / span 2;
    }
}

.w10-services__items__imgbox {
    height: 100%;
    transition: all .2s ease-in;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

    .w10-services__items__imgbox:hover {
        transform: scale(1.2);
    }

.w10-services__items__imgbox__img {
    width: 100%;
}

.w10-services__items__content {
    position: absolute;
    top: 10%;
    left: 10%;
}

@media only screen and (max-width: 37.5em) {
    .w10-services__items__content {
        top: 1em;
        left: 1em;
    }
}

.w10-services__items__content__main {
    text-transform: capitalize;
    font-weight: 700;
    font-size: 2em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w10-services__items__content__main {
        font-size: 1.6rem;
    }
}

.w10-services__items__content__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.8em;
    color: #999;
}

@media only screen and (max-width: 37.5em) {
    .w10-services__items__content__sub {
        font-size: .8em;
    }
}

/*ed*/
/*w10-topbar*/
.w10-topbar {
    background-color: white;
    width: 100%;
    padding: 2em 1em;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w10-topbar {
        flex-direction: column;
        padding: 1em 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w10-topbar__group {
        margin-top: 2em;
        text-align: center;
    }
}

.w10-topbar__group__first__text--1 {
    font-weight: 300;
    text-transform: capitalize;
    display: inline-block;
    font-size: 1.4em;
}

.w10-topbar__group__first__text--2 {
    display: inline-block;
    font-size: 1.4em;
    font-weight: 800;
}

.w10-topbar__group__second {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w10-topbar__group__second {
        white-space: nowrap;
        justify-content: center;
    }
}

.w10-topbar__group__second--1 {
    font-weight: 800;
    font-size: 1.4em;
    padding: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w10-topbar__group__second--1 {
        font-size: 1.2em;
        margin-left: 0;
    }
}

.w10-topbar__group__second--2 {
    font-weight: 300;
    font-size: 1.4em;
    padding: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w10-topbar__group__second--2 {
        font-size: 1.2em;
    }
}

.w10-topbar__group__second--a {
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
}

.w10-topbar__group__third {
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w10-topbar__group__third {
        justify-content: center;
    }
}

.w10-topbar__group__third__text {
    font-size: 1.4em;
    font-weight: 300;
    transition: all 0.2s;
    border-bottom: 0 solid #eee;
    cursor: pointer;
}

    .w10-topbar__group__third__text:not(:last-child) {
        margin-right: 0.5em;
    }

    .w10-topbar__group__third__text:hover {
        border-bottom: 0.1em solid #f5f5f5;
    }

/*ed*/
/*w10-productdetail*/
.w10-productdetail {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w10-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w10-productdetail__card {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w10-productdetail__card {
        flex-direction: column;
    }
}

.w10-productdetail__card .owl-thumb-item {
    background-color: transparent !important;
    border: none;
}

.w10-productdetail__card__owl-imgbox {
    background-size: contain;
    background-position: center;
}

.w10-productdetail__card__owl-imgbox__img {
    width: 100%;
}

.w10-productdetail__card__owl-thumb {
    width: 100%;
    display: flex;
    background-color: transparent;
    margin-top: 2em;
}

.w10-productdetail__card__owl-thumb__imgbox {
    width: 100%;
    cursor: pointer;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w10-productdetail__card__owl-thumb__imgbox__img {
    width: 100%;
}

.w10-productdetail__card__owl-col {
    width: 50%;
}

.w10-productdetail__card__owl-col-1 {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w10-productdetail__card__owl-col {
        width: 100%;
    }
}

.w10-productdetail__card__button {
    border: 0.1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: black;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w10-productdetail__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w10-productdetail__card__button-next {
    position: absolute;
    bottom: 1em;
    right: 1em;
    z-index: 2;
}

.w10-productdetail__card__button__icon {
    font-size: 2em;
}

.w10-productdetail__card__button-prev {
    position: absolute;
    bottom: 1em;
    right: 6em;
    z-index: 2;
}

.w10-productdetail__card__imgbox {
    width: 100%;
    height: 40em;
    background-size: contain;
    background-position: center;
    overflow: hidden;
    border: 0.1em solid #eee;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w10-productdetail__card__imgbox {
        width: 100%;
    }
}

.w10-productdetail__card__imgbox:hover {
    transform: scale(1.3);
}

.w10-productdetail__card__imgbox__img {
    width: 100%;
}

.w10-productdetail__card__info {
    width: 45%;
}

@media only screen and (max-width: 50em) {
    .w10-productdetail__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w10-productdetail__card__info__size__text {
    font-weight: 600;
    margin-top: 1em;
    font-size: 1.3em;
}

.w10-productdetail__card__info__size__sl {
    margin-top: 1em;
    padding: 1em 2em;
    outline: none;
    margin-left: 0.5em;
    border: 0.1em solid #eee;
    border-radius: 0.3em;
}

.w10-productdetail__card__info__name {
    margin-top: 1em;
    font-weight: 600;
    font-size: 3em;
}

.w10-productdetail__card__info__star {
    margin-top: 1em;
}

.w10-productdetail__card__info__star__icon {
    color: #f93;
    font-size: 1.5em;
}

.w10-productdetail__card__info__price {
    margin-top: 1em;
    display: flex;
    font-weight: 800;
    align-items: center;
}

.w10-productdetail__card__info__price__main {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    font-size: 2.5em;
}

.w10-productdetail__card__info__price__sub {
    text-decoration: line-through;
    display: inline-block;
    font-weight: 300;
    font-size: 2em;
    margin-right: 1em;
}

.w10-productdetail__card__info__des {
    margin-top: 1em;
    color: #777;
    font-size: 1.5em;
    line-height: 1.8em;
    text-align: justify;
}

.w10-productdetail__card__info__or {
    margin: 2em 0;
    font-size: 1.3em;
    color: #777;
}

.w10-productdetail__card__info__button {
    color: white;
    background-color: slategray;
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    width: 100%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w10-productdetail__card__info__button__icon {
    font-size: 1.6em;
    margin-right: 0.5em;
}

.w10-productdetail__card__info__button:hover {
    filter: brightness(0.8);
}

.w10-productdetail__card__info__form {
    margin-top: 4em;
    width: 100%;
    display: flex;
    padding-bottom: 3em;
    border-bottom: 0.1em solid #eee;
}

.w10-productdetail__card__info__form__input {
    padding: 1em;
    border: 0.1em solid #eee;
    width: 30%;
    display: inline-block;
}

.w10-productdetail__card__info__form__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    width: 65%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    font-weight: 700;
    font-size: 1.6em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w10-productdetail__card__info__form__button__icon {
    font-size: 1.6em;
    margin-right: 0.2em;
}

.w10-productdetail__card__info__form__button:hover {
    filter: brightness(0.8);
}

.w10-productdetail__card__info__cate {
    display: flex;
    align-items: center;
    padding: 1em 0;
}

.w10-productdetail__card__info__cate-row {
    display: block;
    margin-top: 2em;
}

.w10-productdetail__card__info__cate__text {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 1.1em;
}

.w10-productdetail__card__info__cate__name {
    color: var(--text-color-w);
    margin-left: 1em;
    font-size: 1.1em;
}

.w10-productdetail__card__info__cate__icon {
    margin-right: 1em;
    font-size: 1.1em;
    padding: 1em;
    background-color: slategray;
    color: white;
    cursor: pointer;
}

.w10-productdetail__add {
    padding: 5em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w10-productdetail__add {
        padding: 5em 0.2em;
    }
}

.w10-productdetail__add__text {
    color: #777;
    padding: 2em 0;
    font-size: 1.5em;
    text-align: justify;
    line-height: 1.8em;
    font-weight: 500;
}

    .w10-productdetail__add__text h2 {
        margin: 0.5em 0;
    }

    .w10-productdetail__add__text h3 {
        margin: 0.5em 0;
    }

    .w10-productdetail__add__text h4 {
        margin: 0.5em 0;
    }

    .w10-productdetail__add__text iframe {
        margin: 0.5em 0;
    }

    .w10-productdetail__add__text img {
        margin: 0.5em 0;
    }

.w10-productdetail__add__heading {
    display: flex;
    justify-content: center;
    border-bottom: 0.1em solid #eee;
    margin-top: 2em;
}

.w10-productdetail__add__heading__text {
    white-space: nowrap;
    font-size: 2em;
    font-weight: 600;
    cursor: pointer;
    padding-bottom: 1em;
}

    .w10-productdetail__add__heading__text:not(:first-child) {
        margin-left: 2em;
    }

.w10-productdetail__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
}

.w10-productdetail__add__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w10-productdetail__add__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w10-productdetail__add__table__td:last-child {
        font-weight: 300;
    }

.w10-productdetail__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w10-productdetail__add__review {
    justify-content: space-between;
    padding: 2em;
    display: flex;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w10-productdetail__add__review {
        flex-direction: column;
    }
}

.w10-productdetail__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w10-productdetail__add__review__first {
        width: 100%;
    }
}

.w10-productdetail__add__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w10-productdetail__add__review__first__imgbox {
    width: 10em;
    min-width: 10em;
    height: 10em;
    background-size: contain;
    background-position: center;
}

.w10-productdetail__add__review__first__imgbox__img {
    width: 100%;
}

.w10-productdetail__add__review__first__comment {
    margin-left: 2em;
}

.w10-productdetail__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w10-productdetail__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.4em;
}

.w10-productdetail__add__review__first__comment__head__user__date {
    color: var(--text-color-w);
    font-size: 1.4em;
}

.w10-productdetail__add__review__first__comment__star__icon {
    color: #f93;
    font-size: 1.4em;
}

.w10-productdetail__add__review__first__comment__text {
    color: black;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    font-size: 1.4em;
}

.w10-productdetail__add__review__second {
    width: 48%;
}

@media only screen and (max-width: 37.5em) {
    .w10-productdetail__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w10-productdetail__add__review__second sup {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w10-productdetail__add__review__second__title {
    font-weight: 300;
    font-size: 1.4em;
}

.w10-productdetail__add__review__second__textrate {
    margin-top: 2em;
    font-size: 1.4em;
}

.w10-productdetail__add__review__second__star {
    margin-top: 1em;
}

.w10-productdetail__add__review__second__star__icon {
    color: #f93;
    font-size: 1.4em;
}

.w10-productdetail__add__review__second__textreview {
    margin-top: 1em;
    font-size: 1.4em;
}

.w10-productdetail__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    font-size: 1.4em;
    padding: 1em;
}

.w10-productdetail__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w10-productdetail__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w10-productdetail__add__review__second__textform__name__info {
    font-weight: 300;
}

.w10-productdetail__add__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w10-productdetail__add__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6em;
    width: 100%;
}

    .w10-productdetail__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w11-ads*/
.w11-ads {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w11-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w11-ads__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w11-ads__items__item {
    text-align: center;
    width: 24%;
    margin-left: 1%;
    margin-bottom: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w11-ads__items__item {
        width: 49%;
        margin-top: 1em;
    }
}

.w11-ads__items__item__icon {
    color: #381f15;
    font-size: 13em;
}

@media only screen and (max-width: 37.5em) {
    .w11-ads__items__item__icon {
        font-size: 9em !important;
    }
}

.w11-ads__items__item__main {
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.6em;
}

.w11-ads__items__item__sub {
    margin-top: 1em;
    font-size: 1.4em;
    font-weight: 300;
}

/*ed*/
/*w11-banner*/
.w11-banner {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    background-color: white;
    padding: 2em 1em;
}

.w11-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w11-banner__group {
        flex-direction: column;
    }
}

@media only screen and (max-width: 50em) {
    .w11-banner__content {
        margin-top: 5em;
        text-align: center;
    }
}

.w11-banner__content__main {
    text-transform: uppercase;
    font-size: 6em;
    font-weight: 800;
}

.w11-banner__content__sub {
    text-transform: uppercase;
    font-size: 6em;
    font-weight: 800;
    color: white;
}

.w11-banner__content__des {
    text-transform: capitalize;
    font-size: 1.4em;
    margin-top: 1em;
}

.w11-banner__content__button {
    text-transform: uppercase;
    color: white;
    border: none;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    padding: 1em;
    border-radius: 2em;
    display: inline-block;
    margin-top: 2em;
    cursor: pointer;
    transition: all .2s;
}

    .w11-banner__content__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w11-banner__imgbox {
    max-width: 50%;
    max-height: 50em;
    background-size: contain;
    background-position: center;
}

.w11-banner__imgbox__img {
    width: 100%;
}

/*ed*/
/*w11-ctaregister*/
.w11-ctaregister {
    width: 100%;
    padding: 2em 1em;
    background: rgba(var(--main-color-w), 1);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w11-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w11-ctaregister__group {
        display: block;
        text-align: center;
    }
}

.w11-ctaregister__heading__title {
    color: rgba(var(--second-color-w), 1);
    text-transform: capitalize;
    font-weight: 700;
    font-size: 3em;
}

.w11-ctaregister__heading__des {
    color: rgba(var(--second-color-w), 1);
    margin-top: 1em;
}

.w11-ctaregister__form {
    background-color: white;
    width: 40%;
    display: flex;
    justify-content: space-between;
    border-radius: 3em;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w11-ctaregister__form {
        width: 99%;
        margin-top: 2em;
    }
}

.w11-ctaregister__form__text {
    border: none;
    outline: none;
    margin-left: 1em;
    font-size: 1.5em;
    width: 70%;
}

.w11-ctaregister__form__button {
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 700;
    font-size: 1.3em;
    padding: 1em;
    height: 100%;
    color: white;
    border-radius: 2em;
    border: none;
    transition: all 0.2s;
    cursor: pointer;
}

    .w11-ctaregister__form__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w11-downbar*/
.w11-downbar {
    width: 100%;
    padding: 2em .5em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w11-downbar__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w11-downbar__icon {
    margin-right: 1em;
    font-size: 2em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w11-downbar__icon {
        margin-top: 1em;
    }
}

/*ed*/
/*w11-footer*/
.w11-footer {
    width: 100%;
    position: relative;
    background-color: #2A2A2A;
    padding: 2em 1em;
}

.w11-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    flex-wrap: wrap;
}

.w11-footer-col {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

.w11-footer-col-first {
    width: 25%;
}

@media only screen and (max-width: 37.5em) {
    .w11-footer-col:last-child {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width: 37.5em) {
    .w11-footer-col {
        width: 100%;
        text-align: center;
    }
}

.w11-footer__item {
    width: 50%;
    color: black;
}

.w11-footer__item-last {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w11-footer__item {
        width: 100%;
        text-align: center;
    }
}

.w11-footer__item__connect {
    margin-top: 2em;
}

.w11-footer__item__connect__info {
    margin-top: 1em;
    max-width: 100%;
    color: white;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w11-footer__item__connect__info {
        justify-content: center;
    }
}

.w11-footer__item__connect__info__icon {
    font-size: 1.3em;
}

.w11-footer__item__connect__info__text {
    margin-left: 1em;
    font-size: 1.3em;
    font-weight: 300;
    line-height: 1.8em;
}

@media only screen and (max-width: 37.5em) {
    .w11-footer__item {
        max-width: 99%;
        margin-top: 4em;
    }
}

.w11-footer__item__title {
    text-transform: uppercase;
    font-size: 1.4em;
    fill: black;
    color: white;
    line-height: 1.8em;
}

.w11-footer__item__des {
    margin-top: 1em;
    height: .2em;
    background-color: rgba(var(--main-color-w), 1);
}

.w11-footer__item__link {
    margin-top: 2em;
    padding: 0 .5em;
}

    .w11-footer__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: .5em 0;
        line-height: 1.8em;
    }

.w11-footer__item__pay {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    text-align: center;
    justify-content: space-between;
    margin-top: 2em;
}

.w11-footer__item__pay__imgbox {
    height: 7em;
    width: 6em;
    background-size: contain;
    background-position: center;
}

    .w11-footer__item__pay__imgbox:not(:first-child) {
        margin-left: 1em;
    }

.w11-footer__item__pay__img {
    width: 100%;
}

.w11-footer__item__pay__text {
    text-align: center;
    color: white;
    margin-top: 1em;
    font-weight: 600;
    margin-left: 1em;
}

/*ed*/
/*w11-menu*/
.w11-menu {
    width: 100%;
    background-color: #222222;
    position: relative;
    margin-top: 2em;
    z-index: 2;
}

.w11-menu__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    padding: 0 1em;
    display: flex;
    justify-content: space-between;
    height: 7em;
}

@media only screen and (min-width: 37.5em) {
    .w11-menu__ab {
        position: absolute;
        background-color: transparent;
    }
}

.w11-menu__sticky {
    background-color: #222222;
}

.w11-menu-search-checkbox:checked ~ .w11-menu__search {
    display: block;
}

.w11-menu-search-checkbox {
    display: none;
}

.w11-menu__search {
    display: none;
    background-color: rgba(255, 255, 255, 0.9);
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 11;
    text-align: center;
}

.w11-menu__search__icon-times {
    font-size: 4em;
    float: right;
    margin-right: 2em;
    margin-top: 1em;
    cursor: pointer;
}

.w11-menu__search__box {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-top: 10em;
}

@media only screen and (max-width: 37.5em) {
    .w11-menu__search__box {
        flex-direction: column;
    }
}

.w11-menu__search__box__text {
    text-align: center;
    padding: 2em;
    outline: none;
    background-color: #eee;
    border: .2em solid #eee;
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w11-menu__search__box__text {
        width: 90%;
        margin-bottom: 2em;
    }
}

.w11-menu__search__box__icon {
    font-size: 6em;
    margin-left: 1em;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    padding: .3em;
    border-radius: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w11-menu__search__box__icon {
        font-size: 6em;
        margin-left: 0;
    }
}

.w11-menu__logo {
    background-color: rgba(var(--main-color-w), 1);
    width: 22em;
    height: 12em;
    transform: translateY(-1em);
    position: relative;
    z-index: 2;
}

    .w11-menu__logo::before {
        content: "";
        position: absolute;
        transform: translateX(-1em);
        height: 1em;
        width: 1em;
        display: block;
        z-index: 2;
        background-color: #c7a23c;
        clip-path: polygon(0 100%, 100% 0, 100% 100%);
    }

    .w11-menu__logo::after {
        content: "";
        position: absolute;
        transform: translateX(1em);
        height: 1em;
        width: 1em;
        right: 0;
        top: 0;
        display: block;
        z-index: 2;
        background-color: #c7a23c;
        clip-path: polygon(100% 100%, 0 0, 0 100%);
    }

.w11-menu__logo__imgbox {
    margin: 0 auto;
    width: 15em;
    text-align: center;
    height: 12em;
    background-size: contain;
    background-position: center;
}

.w11-menu__logo__imgbox__img {
    margin-top: 1em;
    max-width: 100%;
    max-height: 9em;
    width: 100%;
}

.w11-menu__logo__imgbox::before {
    content: "";
    height: 7em;
    width: 50%;
    background: linear-gradient(-27deg, transparent 50%, rgba(var(--main-color-w), 1) 50%);
    position: absolute;
    right: 0;
    bottom: -6.8em;
}

.w11-menu__logo__imgbox::after {
    content: "";
    height: 7em;
    width: 50%;
    background: linear-gradient(27deg, transparent 50%, rgba(var(--main-color-w), 1) 50%);
    position: absolute;
    left: 0;
    bottom: -6.8em;
}

.w11-menu__menu__nav__checkbox:checked ~ .w11-menu__items {
    left: 0;
}

.w11-menu__items {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 3;
    top: 0;
    width: auto;
    transition: all .2s ease-in-out;
}

@media only screen and (max-width: 50em) {
    .w11-menu__items {
        flex-direction: column;
        position: absolute;
        left: -30em;
        top: 0;
        background-color: #222222;
        align-items: flex-start;
        width: 30em;
        overflow: hidden;
    }

        .w11-menu__items::before {
            content: "Menu";
            background-color: #222222;
            width: 100%;
            display: block;
            text-align: center;
            color: white;
            padding: 1em;
            font-size: 1.6em;
            border-bottom: .1em solid white;
            text-transform: uppercase;
        }
}

.w11-menu__items__item {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w11-menu__items__item {
        height: 7em;
    }

        .w11-menu__items__item:not(:first-child) {
            margin-left: 1em;
        }
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__item {
        padding: 2em;
        display: block;
        align-items: flex-start;
        width: 100%;
        white-space: nowrap;
    }
}

.w11-menu__items__item__text {
    color: white;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.3em;
    white-space: nowrap;
}

.w11-menu__items__item__icon {
    color: white;
    font-size: 1.5em;
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__item__icon {
        float: right;
    }
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__item-nav-checkbox:checked ~ .w11-menu__items__drop-1 {
        display: block;
    }
}

.w11-menu__items__item-nav-checkbox {
    display: none;
}

@media only screen and (min-width: 50em) {
    .w11-menu__items__item:hover .w11-menu__items__drop-1 {
        display: block;
    }
}

@media only screen and (min-width: 50em) {
    .w11-menu__items__drop-1__item:hover .w11-menu__items__drop-2 {
        display: block;
    }
}

.w11-menu__items__drop-1 {
    background-color: white;
    z-index: 1;
    position: absolute;
    top: 7em;
    display: none;
    width: 25em;
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__drop-1 {
        background-color: #222222;
        position: relative;
        left: 0;
        top: 2em;
        color: white;
    }
}

@media only screen and (min-width: 50em) {
    .w11-menu__items__drop-1 {
        box-shadow: .5em .5em .5em #eee;
    }
}

.w11-menu__items__drop-1-nav-button {
    margin-left: auto;
    float: right;
}

.w11-menu__items__drop-1__item {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
}

    .w11-menu__items__drop-1__item:not(:last-child) {
        border-bottom: .1em solid #eee;
    }

@media only screen and (max-width: 50em) {
    .w11-menu__items__drop-1__item {
        padding: 2em;
        align-items: flex-start;
        width: 100%;
        display: block;
    }
}

.w11-menu__items__drop-1__item__text {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.3em;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__drop-1__item__text {
        color: white;
    }
}

.w11-menu__items__drop-1__item__icon {
    margin-left: auto;
    float: right;
    transform: rotate(-90deg);
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__drop-1__item__icon {
        color: white;
        transform: rotate(0);
    }
}

.w11-menu__items__drop-2 {
    background-color: white;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 25em;
    display: none;
    width: 25em;
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__drop-2 {
        background-color: #222222;
        position: relative;
        left: 0;
        top: 2em;
    }
}

@media only screen and (min-width: 50em) {
    .w11-menu__items__drop-2 {
        box-shadow: .5em .5em .5em #eee;
    }
}

.w11-menu__items__drop-2__item {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    width: 100%;
}

    .w11-menu__items__drop-2__item:not(:last-child) {
        border-bottom: .1em solid #eee;
    }

@media only screen and (max-width: 50em) {
    .w11-menu__items__drop-2__item {
        padding: 2em;
        align-items: flex-start;
        width: 100%;
    }
}

.w11-menu__items__drop-2__item__text {
    text-transform: capitalize;
    font-weight: 500;
    font-size: 1.3em;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w11-menu__items__drop-2__item__text {
        color: white;
    }
}

@media only screen and (max-width: 50em) {
    .w11-menu__items-drop-1-nav-checkbox:checked ~ .w11-menu__items__drop-2 {
        display: block;
    }
}

.w11-menu__items-drop-1-nav-checkbox {
    display: none;
}

.w11-menu-bar {
    position: absolute;
    bottom: -17em;
    width: 100%;
}

.w11-menu-bar-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    max-width: 120em;
}

.w11-menu-bar__menu__nav__button-nav {
    padding: 2em 1em 1em 1em;
    background-color: red;
    border-radius: 8%;
    height: 4.5em;
    margin-top: 1em;
}

@media only screen and (min-width: 50em) {
    .w11-menu-bar__menu__nav__button-nav {
        display: none;
    }
}

.w11-menu__contact {
    background: rgba(255, 255, 255, 0.87);
    display: inline-block;
    padding: 2em;
    border-radius: 4em;
    margin-left: 5em;
}

@media only screen and (max-width: 50em) {
    .w11-menu__contact {
        margin-left: 0;
    }
}

.w11-menu__contact__text {
    font-size: 1.3em;
    font-weight: 300;
    display: inline-block;
}

.w11-menu__contact__phone {
    display: flex;
    align-items: center;
    margin-top: .5em;
}

.w11-menu__contact__phone__icon {
    font-size: 2em;
    margin-right: .5em;
}

.w11-menu__contact__phone__number {
    font-weight: 800;
    font-size: 1.3em;
}

.w11-menu__card {
    padding: 2em;
    border-radius: 4em;
    background-color: white;
    bottom: -10em;
    margin-right: 5em;
}

@media only screen and (max-width: 50em) {
    .w11-menu__card {
        margin-right: 0;
    }
}

.w11-menu__card__icon {
    font-size: 1.5em;
    cursor: pointer;
    padding: .5em;
    transition: all .2s;
}

    .w11-menu__card__icon:not(:last-child) {
        margin-right: .5em;
    }

    .w11-menu__card__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        border-radius: 50%;
        color: white;
    }

/*ed*/
/*w11-products*/
.w11-products {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w11-products__group {
    max-width: 120em;
    margin: 0 auto;
}

.w11-products__heading {
    text-align: center;
    margin-top: 3em;
    display: block;
}

.w11-products__heading__title {
    color: rgba(var(--main-color-w), 1);
    font-weight: 700;
    font-size: 2em;
    text-transform: capitalize;
}

.w11-products__heading__main {
    margin-top: .5em;
    font-weight: 800;
    font-size: 4em;
}

.w11-products__heading__des {
    margin-top: 1em;
    color: darkgray;
    font-size: 1.6em;
}

.w11-products__items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333%;
}

@media only screen and (max-width: 50em) {
    .w11-products__items {
        gap: 2%;
    }
}

.w11-products__items__item {
    margin-top: 2em;
    width: 24%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w11-products__items__item {
        width: 49%;
        margin-top: 2em;
    }
}

.w11-products__items__item__imgbox {
    cursor: pointer;
    width: 100%;
    border: .1em solid #eee;
    border-radius: .4em;
    padding: 1em;
    height: 28em;
    background-size: contain;
    background-position: center;
}

.w11-products__items__item__imgbox__img {
    width: 100%;
}

.w11-products__items__item__text {
    background-color: #222222;
    color: rgba(var(--second-color-w), 1);
    padding: 1em;
    position: absolute;
    border-radius: .4em;
    font-weight: 700;
    top: 2em;
    left: 2em;
}

.w11-products__items__item__star {
    display: flex;
    width: 40%;
    position: absolute;
    right: 1em;
    top: 2em;
}

.w11-products__items__item__star__icon {
    font-size: 1.5em;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5em) {
    .w11-products__items__item__star__icon {
        font-size: 1em;
    }
}

.w11-products__items__item__content {
    text-align: center;
}

.w11-products__items__item__content__text {
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 2em;
    display: block;
}

.w11-products__items__item__content__des {
    font-weight: 300;
    font-size: 1.3em;
    margin-top: .5em;
}

.w11-products__items__item__content__button {
    font-weight: 700;
    font-size: 1.4em;
    padding: .5em 1em;
    display: block;
    margin: 0 auto;
    border-radius: 2em;
    border: .1em solid darkgray;
    background-color: white;
    margin-top: 2em;
    cursor: pointer;
    transition: all .2s;
}

    .w11-products__items__item__content__button:hover {
        color: white;
        background-color: rgba(var(--second-color-w), 1);
    }

.w11-products__button {
    padding: 1em 2em;
    background-color: #222222;
    color: white;
    font-weight: 700;
    font-size: 1.6em;
    border-radius: 2em;
    border: none;
    transition: all .2s;
    margin: 4em auto 0 auto;
    display: table;
    cursor: pointer;
}

    .w11-products__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w11-services*/
.w11-services {
    width: 100%;
    background-color: #3c2117;
    padding: 2em 1em;
}

.w11-services__group {
    max-width: 120em;
    margin: 0 auto;
}

.w11-services__text {
    font-weight: 600;
    text-align: center;
    color: white;
    margin-top: 4em;
}

.w11-services__title {
    font-size: 4em;
    font-weight: 800;
    color: white;
    text-align: center;
    display: inline-block;
}

    .w11-services__title a {
        display: inherit;
    }

.w11-services__items {
    display: flex;
    justify-content: center;
    margin-top: 4em;
}

.w11-services__items__item {
    width: 40%;
    text-align: center;
    padding: 2em;
    background-color: #381f15;
}

.w11-services__items__item__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w11-services__items__item__imgbox__img {
    width: 100%;
}

.w11-services__items__item__main {
    color: rgba(var(--main-color-w), 1);
    text-transform: uppercase;
    font-weight: 800;
    font-size: 3em;
}

.w11-services__items__item__sub {
    color: white;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 2em;
}

.w11-services__items__vs {
    height: auto;
    width: 20%;
    background-size: contain;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w11-services__items__vs__text {
    font-size: 5em;
    color: rgba(var(--main-color-w), 1);
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
}

/*ed*/
/*w11-products-1*/
.w11-products-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #F9F9F9;
}

.w11-products-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w11-products-1__heading {
    text-align: center;
}

.w11-products-1__heading__title {
    color: rgba(var(--main-color-w), 1);
    font-weight: 700;
    font-size: 2em;
    text-transform: capitalize;
}

.w11-products-1__heading__main {
    margin-top: .5em;
    font-weight: 800;
    font-size: 4em;
    text-transform: uppercase;
}

.w11-products-1__heading__des {
    margin-top: 1em;
    color: darkgray;
    font-size: 1.6em;
}

.w11-products-1__items {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w11-products-1__items {
        flex-wrap: wrap;
    }
}

.w11-products-1__items__item {
    margin-top: 2em;
    width: 24%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w11-products-1__items__item {
        width: 49%;
        margin-top: 2em;
    }
}

.w11-products-1__items__item__imgbox {
    cursor: pointer;
    width: 100%;
    border: .1em solid #eee;
    border-radius: .4em;
    background-size: contain;
    background-position: center;
}

.w11-products-1__items__item__imgbox__img {
    width: 100%;
}

.w11-products-1__items__item__text {
    background-color: #222222;
    padding: 1em;
    position: absolute;
    border-radius: .4em;
    font-weight: 700;
    top: 1em;
    left: 1em;
    color: #fcbc39;
}

.w11-products-1__items__item__content {
    text-align: center;
}

.w11-products-1__items__item__content__text {
    font-weight: 700;
    font-size: 1.3em;
    margin-top: 2em;
}

.w11-products-1__items__item__content__des {
    font-weight: 300;
    font-size: 1.3em;
    margin-top: .5em;
}

.w11-products-1__items__item__content__button {
    font-weight: 700;
    font-size: 1.4em;
    display: block;
    border: none;
    margin: 0 auto;
    padding: .5em 1em;
    border-radius: 2em;
    border: .1em solid darkgray;
    background-color: white;
    margin-top: 2em;
    cursor: pointer;
    transition: all .2s;
}

    .w11-products-1__items__item__content__button:hover {
        color: white;
        background-color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w12-ads*/
.w12-ads {
    width: 100%;
    padding: 2em 1em;
}

.w12-ads__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w12-ads__group {
        flex-direction: column;
    }
}

.w12-ads__heading {
    width: 30%;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w12-ads__heading {
        width: 100%;
        text-align: center;
    }
}

.w12-ads__heading__main {
    font-weight: 600;
    font-size: 2.5em;
}

.w12-ads__heading__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.5em;
}

.w12-ads__items {
    display: flex;
    align-items: center;
    width: 55%;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w12-ads__items {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-ads__items__item {
    height: max-content;
    width: 30%;
    background-color: white;
    border-radius: 1em;
    overflow: hidden;
}

.w12-ads__items__item__imgbox {
    height: 22em;
    background-size: contain;
    background-position: center;
}

.w12-ads__items__item__imgbox__img {
    width: 100%;
}

.w12-ads__items__item__text {
    font-size: 1.3em;
    font-weight: 600;
    text-align: center;
    padding: 1em;
    transition: all .2s ease;
}

    .w12-ads__items__item__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w12-articles*/
.w12-articles {
    width: 100%;
    background-color: white;
    padding: 1em .5em;
}

.w12-articles__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
}

.w12-articles__heading {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
}

.w12-articles__heading__main a {
    font-size: 2.5em;
    line-height: 1.8em;
    display: block;
}

.w12-articles__heading__sub {
    font-size: 1.6em;
    font-weight: 300;
    display: block;
    line-height: 1.8em;
    margin-bottom: .5em;
}

.w12-articles__tin {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin {
        flex-direction: column;
    }
}

.w12-articles__tin__first {
    width: 66%;
    position: relative;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__first {
        width: 100%;
        padding: 1em;
    }
}

.w12-articles__tin__first__imgbox {
    background-size: contain;
    background-position: center;
    border-radius: 1em;
}

    .w12-articles__tin__first__imgbox iframe {
        height: 100% !important;
    }

.w12-articles__tin__first__imgbox__img {
    width: 100%;
}

.w12-articles__tin__first__content {
    position: absolute;
    bottom: 2em;
    padding: 2rem;
}

.w12-articles__tin__first__content__cate {
    display: flex;
    align-items: center;
}

.w12-articles__tin__first__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    color: white;
    border-radius: 1em;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w12-articles__tin__first__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w12-articles__tin__first__content__main {
    font-size: 3.5em;
    font-weight: 700;
    margin-top: .5em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__first__content__main {
        font-size: 1.5em;
    }
}

.w12-articles__tin__first__content__sub {
    margin-top: 1em;
    font-size: 1.6em;
    font-weight: 300;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__first__content__sub {
        font-size: 1.2em;
    }
}

.w12-articles__tin__first__content:hover .w12-articles__tin__first__content__des {
    margin-bottom: 0;
    opacity: 1;
}

.w12-articles__tin__first__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all .2s ease;
    margin-bottom: -3em;
    opacity: 0;
}

.w12-articles__tin__first__content__des__view {
    margin-left: 1em;
}

.w12-articles__tin__first__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles__tin__first__content__des__user__imgbox {
    width: 2em;
}

.w12-articles__tin__first__content__des__user__imgbox__img {
    border-radius: 50%;
    width: 100%;
}

.w12-articles__tin__first__content__des__user__text {
    margin-left: 1em;
}

.w12-articles__tin__second {
    width: 32%;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second {
        width: 100%;
        padding: 1em;
    }
}

.w12-articles__tin__second__imgbox {
    height: 100%;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second__imgbox {
        width: 15em;
        height: 100%;
        border-radius: 0;
    }
}

.w12-articles__tin__second__imgbox__img {
    width: 100%;
    border-radius: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second__imgbox__img {
        width: inherit;
        height: inherit;
        border-radius: 0;
    }
}

.w12-articles__tin__second--row {
    height: 50%;
    position: relative;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second--row {
        border-radius: 1em;
        overflow: hidden;
        background-color: #333;
        margin-top: 1em;
        height: 12em;
    }
}

.w12-articles__tin__second__content {
    position: absolute;
    bottom: 2em;
    padding: 2rem;
    z-index: 20;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second__content {
        left: 15em;
        top: 0em;
        padding: 1.5em .5em 0 1em;
    }
}

.w12-articles__tin__second__content__cate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w12-articles__tin__second__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    color: white;
    border-radius: 1em;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second__content__cate__info {
        font-size: 0.8em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.w12-articles__tin__second__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second__content__cate__time {
        margin-left: 0;
        margin-top: 0.5em;
        width: 100%;
    }
}

.w12-articles__tin__second__content__main {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: .5em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second__content__main {
        margin-top: 1em;
        font-size: 1.2em;
    }
}

.w12-articles__tin__second__content:hover .w12-articles__tin__second__content__des {
    margin-bottom: 0;
    opacity: 1;
}

.w12-articles__tin__second__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all .2s ease;
    margin-bottom: -3em;
    opacity: 0;
    backface-visibility: hidden;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles__tin__second__content__des {
        display: none;
    }
}

.w12-articles__tin__second__content__des__view {
    margin-left: 1em;
}

.w12-articles__tin__second__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles__tin__second__content__des__user__imgbox {
    width: 2em;
}

.w12-articles__tin__second__content__des__user__imgbox__img {
    border-radius: 50%;
    width: 100%;
}

.w12-articles__tin__second__content__des__user__text {
    margin-left: 1em;
}

/*ed*/
/*w12-articles-1*/
.w12-articles-1 {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w12-articles-1__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__group {
        flex-direction: column;
    }
}

.w12-articles-1__first {
    position: relative;
    width: 66%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__first {
        width: 100%;
        padding: 1em;
    }
}

.w12-articles-1__first--item {
    margin-top: 2em;
    width: 49%;
    height: max-content;
}

.w12-articles-1__first__heading {
    color: black;
    display: flex;
    align-items: center;
    padding: 1em;
    width: 100%;
}

.w12-articles-1__first__heading__title {
    font-weight: 600;
    font-size: 2em;
    text-transform: capitalize;
}

.w12-articles-1__first__heading__tab {
    margin-left: 2em;
    display: flex;
    align-items: center;
}

.w12-articles-1__first__heading__tab__text {
    font-size: 1.2em;
    color: #333;
    cursor: pointer;
}

.w12-articles-1__first__heading__tab__text-active {
    color: black;
    font-weight: 700;
}

.w12-articles-1__first__heading__view {
    margin-left: auto;
    font-size: 1.2em;
    color: #333;
    cursor: pointer;
    display: inline-block;
}

.w12-articles-1__first__imgbox {
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w12-articles-1__first__imgbox__img {
    width: 100%;
}

.w12-articles-1__first__content {
    bottom: 2em;
    padding: 1em;
    color: black;
    margin-top: -6em;
}

.w12-articles-1__first__content__cate {
    display: flex;
    align-items: center;
}

.w12-articles-1__first__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    border-radius: 1em;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
    color: white;
}

@media only screen and (max-width: 25em) {
    .w12-articles-1__first__content__cate__info {
        font-size: 1em;
    }
}

.w12-articles-1__first__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
    color: white;
}

.w12-articles-1__first__content__main {
    font-size: 1.6em;
    font-weight: 700;
    margin-top: 2em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__first__content__main {
        font-size: 1.5em;
    }
}

.w12-articles-1__first__content__sub {
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 300;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__first__content__sub {
        font-size: 1.2em;
    }
}

.w12-articles-1__first__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all 0.2s ease;
    justify-content: space-between;
}

.w12-articles-1__first__content__des__view {
    margin-left: 1em;
}

.w12-articles-1__first__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles-1__first__content__des__user__imgbox {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
}

.w12-articles-1__first__content__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w12-articles-1__first__content__des__user__text {
    margin-left: 1em;
}

.w12-articles-1__second {
    width: 32%;
    height: max-content;
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__second {
        width: 100%;
        padding: 1em;
    }
}

.w12-articles-1__second__imgbox {
    height: 100%;
    width: 100%;
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w12-articles-1__second__imgbox__img {
    width: 100%;
}

.w12-articles-1__second__content {
    position: absolute;
    top: 15%;
    padding: 2em;
    text-align: center;
}

@media only screen and (max-width: 62.5em) {
    .w12-articles-1__second__content {
        top: 10%;
    }
}

@media only screen and (max-width: 50em) {
    .w12-articles-1__second__content {
        top: 0;
    }
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__second__content {
        top: 15%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w12-articles-1__second__content {
        top: 0%;
    }
}

@media only screen and (max-width: 25em) {
    .w12-articles-1__second__content {
        top: 5%;
    }
}

.w12-articles-1__second__content__main {
    font-size: 2.5em;
    font-weight: 700;
    margin-top: 0.5em;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w12-articles-1__second__content__main {
        font-size: 2em;
    }
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__second__content__main {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 31.25em) {
    .w12-articles-1__second__content__main {
        font-size: 4em;
    }
}

@media only screen and (max-width: 25em) {
    .w12-articles-1__second__content__main {
        font-size: 3em;
    }
}

.w12-articles-1__second__content__sub {
    margin-top: 2em;
    font-size: 1.3em;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__second__content__sub {
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 31.25em) {
    .w12-articles-1__second__content__sub {
        font-size: 2em;
    }
}

@media only screen and (max-width: 31.25em) {
    .w12-articles-1__second__content__sub {
        font-size: 1.5em;
    }
}

.w12-articles-1__second__content__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 2em;
    border-radius: 2em;
    display: inline-block;
    margin-top: 3em;
    font-size: 1.4em;
    font-weight: 800;
}

@media only screen and (max-width: 50em) {
    .w12-articles-1__second__content__button {
        top: 1em;
    }
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-1__second__content__button {
        font-size: 2.5em;
    }
}

@media only screen and (max-width: 25em) {
    .w12-articles-1__second__content__button {
        font-size: 1.5em;
    }
}

/*ed*/
/*w12-articles-2*/
.w12-articles-2 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w12-articles-2__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
}

.w12-articles-2__heading__title {
    font-weight: 600;
    font-size: 2em;
    text-transform: capitalize;
}

.w12-articles-2__heading__view {
    font-size: 1.2em;
    color: #777;
}

.w12-articles-2__items {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w12-articles-2__items__item {
    width: 24%;
    margin-left: 1%;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-2__items__item {
        width: 49%;
    }
}

.w12-articles-2__items__item__image {
    position: relative;
}

.w12-articles-2__items__item__image__imgbox {
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w12-articles-2__items__item__image__imgbox__img {
    width: 100%;
}

.w12-articles-2__items__item__image__info {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em 2em;
    border-radius: 2em;
    position: absolute;
    display: inline-block;
    bottom: 2em;
    left: 1em;
    font-weight: 600;
    white-space: nowrap;
}

.w12-articles-2__items__item__content {
    margin-top: 1em;
    display: inline-block;
}

.w12-articles-2__items__item__content__main {
    font-weight: 600;
    font-size: 1.4em;
    display: inline-block;
}

.w12-articles-2__items__item__content__des {
    display: flex;
    font-size: 1em;
    color: #777;
    margin-top: .5em;
}

.w12-articles-2__items__item__content__des__hour {
    margin-left: 1em;
}

/*ed*/
/*w12-articles-3*/
.w12-articles-3 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-3__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
}

.w12-articles-3--row {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333%;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-3--row {
        width: 100%;
        padding: 1em;
        gap: 2%;
    }
}

.w12-articles-3--item {
    margin-top: 2em;
    width: 32%;
    height: max-content;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-3--item {
        width: 49%;
    }
}

.w12-articles-3__heading {
    color: black;
    display: flex;
    align-items: center;
    padding: 1em;
    width: 100%;
}

.w12-articles-3__heading__title {
    font-weight: 600;
    font-size: 2em;
    text-transform: capitalize;
}

.w12-articles-3__heading__tab {
    margin-left: 2em;
    display: flex;
    align-items: center;
}

.w12-articles-3__heading__tab__text {
    font-size: 1.2em;
    color: #333;
    cursor: pointer;
}

.w12-articles-3__heading__tab__text-active {
    color: black;
    font-weight: 700;
}

.w12-articles-3__heading__view {
    margin-left: auto;
    font-size: 1.2em;
    color: #333;
    cursor: pointer;
    display: inline-block;
}

.w12-articles-3__imgbox {
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w12-articles-3__imgbox__img {
    width: 100%;
}

.w12-articles-3__content {
    bottom: 2em;
    padding: 1em;
    color: black;
    margin-top: -6em;
}

.w12-articles-3__content__cate {
    display: flex;
    align-items: center;
}

.w12-articles-3__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    border-radius: 1em;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
    color: white;
}

@media only screen and (max-width: 25em) {
    .w12-articles-3__content__cate__info {
        font-size: 1em;
    }
}

.w12-articles-3__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
    color: white;
}

.w12-articles-3__content__main {
    font-size: 1.6em;
    font-weight: 700;
    margin-top: 2em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-3__content__main {
        font-size: 1.5em;
    }
}

.w12-articles-3__content__sub {
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 300;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-3__content__sub {
        font-size: 1.2em;
    }
}

.w12-articles-3__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all .2s ease;
    justify-content: space-between;
}

.w12-articles-3__content__des__view {
    margin-left: 1em;
}

.w12-articles-3__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles-3__content__des__user__imgbox {
    width: 2em;
    min-width: 2em;
    height: 2em;
    border-radius: 50%;
    background-size: cover;
}

.w12-articles-3__content__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w12-articles-3__content__des__user__text {
    margin-left: 1em;
}

/*ed*/
/*w12-articles-4*/
.w12-articles-4 {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w12-articles-4__group {
    max-width: 120em;
    margin: 0 auto;
}

.w12-articles-4__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
    position: relative;
    display: block;
}

.w12-articles-4__heading__main {
    display: block;
    font-size: 2.5em;
    margin-bottom: 0.5em;
}

    .w12-articles-4__heading__main a {
        display: block;
    }

.w12-articles-4__heading__sub {
    font-size: 1.6em;
    font-weight: 300;
    display: block;
}

.w12-articles-4__tin {
    color: white;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-4__tin {
        flex-direction: column;
    }
}

.w12-articles-4__tin__first {
    width: 66%;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-4__tin__first {
        width: 100%;
        padding: 1em;
    }
}

.w12-articles-4__tin__first__imgbox {
    background-size: contain;
    background-position: center;
    border-radius: 1em;
}

.w12-articles-4__tin__first__imgbox__img {
    width: 100%;
}

.w12-articles-4__tin__first__content {
    position: absolute;
    bottom: 2em;
    padding: 2rem;
}

.w12-articles-4__tin__first__content__cate {
    display: flex;
    align-items: center;
}

.w12-articles-4__tin__first__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    color: white;
    border-radius: 1em;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w12-articles-4__tin__first__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w12-articles-4__tin__first__content__main {
    font-size: 3.5em;
    font-weight: 700;
    margin-top: 0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-4__tin__first__content__main {
        font-size: 1.4em !important;
    }
}

.w12-articles-4__tin__first__content__sub {
    margin-top: 1em;
    font-size: 1.6em;
    font-weight: 300;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-4__tin__first__content__sub {
        font-size: 1.2em !important;
        max-height: 4em;
        overflow: hidden;
        text-overflow: ellipsis;
    }
}

.w12-articles-4__tin__first__content:hover .w12-articles-4__tin__first__content__des {
    margin-bottom: 0;
    opacity: 1;
}

.w12-articles-4__tin__first__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all 0.2s ease;
    margin-bottom: -3em;
    opacity: 0;
}

.w12-articles-4__tin__first__content__des__view {
    margin-left: 1em;
}

    .w12-articles-4__tin__first__content__des__view:last-child {
        margin-left: auto;
        float: right;
    }

.w12-articles-4__tin__first__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles-4__tin__first__content__des__user__imgbox {
    width: 2em;
    background-size: cover;
    border-radius: 50%;
}

.w12-articles-4__tin__first__content__des__user__imgbox__img {
    width: 100%;
}

.w12-articles-4__tin__first__content__des__user__text {
    margin-left: 1em;
}

.w12-articles-4__tin__first--row {
    position: relative;
}

.w12-articles-4__tin__first__more {
    margin-top: 3em;
    display: flex;
    color: black;
    justify-content: space-between;
    width: 100%;
    flex-wrap: wrap;
}

.w12-articles-4__tin__first__more__info {
    box-shadow: 0.2em 0.2em 1em 0.2em #f5f5f5;
    border-radius: 1em;
    display: flex;
    width: 49%;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-4__tin__first__more__info {
        width: 100%;
        margin-top: 1.5em;
    }
}

.w12-articles-4__tin__first__more__info__imgbox {
    min-width: 6em;
    height: 5em;
    width: 6em;
    background-size: contain;
    background-position: center;
}

.w12-articles-4__tin__first__more__info__imgbox__img {
    width: 100%;
}

.w12-articles-4__tin__first__more__info__read {
    margin-left: 1em;
}

.w12-articles-4__tin__first__more__info__read__text {
    font-weight: 600;
    font-size: 1.3em;
    transition: all 0.2s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

    .w12-articles-4__tin__first__more__info__read__text:hover {
        text-decoration: underline;
    }

.w12-articles-4__tin__first__more__info__read__time {
    margin-top: 0.5em;
    color: #777;
}

.w12-articles-4__tin__second {
    width: 32%;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-4__tin__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-4__tin__second__heading {
    color: #ff4ca7;
    font-weight: 600;
    font-size: 1.4em;
    text-transform: capitalize;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-4__tin__second__heading {
        text-align: center;
        font-size: 2em;
    }
}

.w12-articles-4__tin__second__items__item {
    margin-top: 2em;
    color: black;
}

.w12-articles-4__tin__second__items__item__main {
    font-weight: 700;
    text-transform: capitalize;
    font-size: 1.6em;
    transition: all 0.2s ease;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

    .w12-articles-4__tin__second__items__item__main:hover {
        text-decoration: underline;
    }

.w12-articles-4__tin__second__items__item__sub {
    color: #777;
    margin-top: 1em;
}

/*ed*/
/*w12-articles-5*/
.w12-articles-5 {
    width: 100%;
    background-color: white;
}

.w12-articles-5__group {
    max-width: 120em;
    margin: 0 auto;
}

.w12-articles-5__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
    position: relative;
    display: block;
}

.w12-articles-5__heading__main {
    display: block;
    font-size: 2.5em;
    margin-bottom: .5em;
}

    .w12-articles-5__heading__main a {
        display: block;
    }

.w12-articles-5__heading__sub {
    font-size: 1.6em;
    font-weight: 300;
    display: block;
}

.w12-articles-5__tin {
    display: flex;
    flex-wrap: wrap;
}

.w12-articles-5__tin__items {
    width: 19%;
}

    .w12-articles-5__tin__items:not(:last-child) {
        margin-right: .5em;
    }

@media only screen and (max-width: 56.25em) {
    .w12-articles-5__tin__items {
        width: 32%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-5__tin__items {
        width: 48%;
    }
}

.w12-articles-5__tin__items__imgbox {
    background-size: contain;
    background-position: center;
}

.w12-articles-5__tin__items__imgbox__img {
    width: 100%;
}

.w12-articles-5__tin__items__info {
    padding: 1em .5em;
    display: flex;
    align-items: center;
}

.w12-articles-5__tin__items__info__text {
    font-weight: 600;
    font-size: 1.4em;
    margin-left: 1em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

    .w12-articles-5__tin__items__info__text:hover {
        text-decoration: underline;
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w12-articles-5__tin__items__info__number {
    color: rgba(var(--second-color-w), 1);
    font-size: 2em;
}

/*ed*/
/*w12-articles-6*/
.w12-articles-6 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-6__group {
    max-width: 120em;
    margin: 0 auto;
}

.w12-articles-6__heading {
    text-align: center;
}

.w12-articles-6__heading__main {
    font-weight: 600;
    font-size: 4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-6__heading__main {
        font-size: 3em;
    }
}

.w12-articles-6__heading__main::before {
    content: "";
    width: 3em;
    height: .05em;
    background-color: black;
    position: relative;
    display: inline-block;
    left: -.5em;
    top: -.3em;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-6__heading__main::before {
        width: 1em;
    }
}

.w12-articles-6__heading__main::after {
    content: "";
    width: 3em;
    height: .05em;
    background-color: black;
    position: relative;
    display: inline-block;
    left: .5em;
    top: -.3em;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-6__heading__main::after {
        width: 1em;
    }
}

.w12-articles-6__heading__des {
    text-transform: capitalize;
    color: #777;
    font-size: 1.2em;
    margin-top: 1em;
}

.w12-articles-6__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-6__items {
        justify-content: center;
    }
}

.w12-articles-6__items__item {
    width: 33%;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-6__items__item {
        width: 90%;
    }
}

@media only screen and (min-width: 37.5em) {
    .w12-articles-6__items__item:first-child, .w12-articles-6__items__item:last-child {
        flex-direction: column-reverse;
    }
}

.w12-articles-6__items__item__imgbox {
    margin-top: 2em;
    background-size: contain;
    background-position: center;
}

.w12-articles-6__items__item__imgbox__img {
    width: 100%;
}

.w12-articles-6__items__item__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 2em;
}

.w12-articles-6__items__item__info__cate {
    text-transform: uppercase;
    font-size: 1.4em;
    text-decoration: underline;
    font-weight: 300;
}

.w12-articles-6__items__item__info__text {
    margin-top: .5em;
    font-weight: 600;
    font-size: 2em;
    text-transform: capitalize;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

    .w12-articles-6__items__item__info__text:hover {
        text-decoration: underline;
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w12-articles-6__items__item__info__time {
    margin-top: .5em;
    color: #777;
}

/*ed*/
/*w12-articles-7*/
.w12-articles-7 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-7__group {
    max-width: 120em;
    margin: 0 auto;
}

.w12-articles-7__heading {
    display: block;
}

.w12-articles-7__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
}

.w12-articles-7__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w12-articles-7__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w12-articles-7__heading__imgbox__img {
    width: 100%;
}

.w12-articles-7__imgbox {
    margin: 0 auto;
    width: 65%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 56.25em) {
    .w12-articles-7__imgbox {
        width: 90%;
    }
}

.w12-articles-7__imgbox__img {
    width: 100%;
}

.w12-articles-7__info {
    margin-top: 2em;
    text-align: center;
}

.w12-articles-7__info__text {
    font-weight: 600;
    font-size: 3em;
    text-decoration: underline;
}

    .w12-articles-7__info__text::after {
        content: "";
        width: 2em;
        height: .05em;
        background-color: black;
        position: relative;
        display: block;
        margin: 1em auto;
    }

    .w12-articles-7__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w12-articles-7__info__link {
    display: block;
    color: var(--text-color-w);
    margin-top: 1em;
}

/*ed*/
/*w12-articles-8*/
.w12-articles-8 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-8__group {
    max-width: 120em;
    margin: 0 auto;
}

.w12-articles-8__heading {
    display: block;
}

.w12-articles-8__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
}

.w12-articles-8__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w12-articles-8__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w12-articles-8__heading__imgbox__img {
    width: 100%;
}

.w12-articles-8__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w12-articles-8__items__image {
    width: 47%;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-8__items__image {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-8__items__image__imgbox {
    margin: 0 auto;
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w12-articles-8__items__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w12-articles-8__items__image__cate {
    position: absolute;
    bottom: 1em;
    display: inline-block;
    left: 1em;
    color: white;
    text-transform: uppercase;
    font-size: 1.6em;
    font-style: italic;
    text-decoration: underline;
}

.w12-articles-8__items__info {
    margin-top: 2em;
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-8__items__info {
        width: 100%;
    }
}

.w12-articles-8__items__info__text {
    font-weight: 600;
    font-size: 3em;
    text-decoration: underline;
}

    .w12-articles-8__items__info__text::after {
        content: "";
        width: 2em;
        height: .05em;
        background-color: black;
        position: relative;
        display: block;
        margin-top: 1em;
    }

    .w12-articles-8__items__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w12-articles-8__items__info__link {
    display: block;
    text-transform: uppercase;
    color: #777;
    margin-top: 1em;
    text-align: right;
    margin-right: 1em;
    font-size: 1.4em;
}

/*ed*/

/*w12-articles-10*/
.w12-articles-10 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-10__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__group {
        flex-direction: column;
    }
}

.w12-articles-10__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
    position: relative;
    display: block;
}

.w12-articles-10__heading__main {
    display: block;
    font-size: 2.5em;
    margin-bottom: .5em;
}

    .w12-articles-10__heading__main a {
        display: block;
    }

.w12-articles-10__heading__sub {
    font-size: 1.6em;
    font-weight: 300;
    display: block;
}

.w12-articles-10__tin {
    display: flex;
    justify-content: space-between;
}

.w12-articles-10__tin__first {
    width: 48%;
    position: relative;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__first {
        width: 100%;
        padding: 1em;
    }
}

.w12-articles-10__tin__first__imgbox {
    border-radius: 1em;
    width: 100%;
    height: 35em;
    background-size: cover;
    background-position: top center;
}

.w12-articles-10__tin__first__imgbox__img {
    width: 100%;
}

.w12-articles-10__tin__first__content {
    position: absolute;
    bottom: 2em;
    padding: 2rem;
}

.w12-articles-10__tin__first__content__cate {
    display: flex;
    align-items: center;
}

.w12-articles-10__tin__first__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w12-articles-10__tin__first__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w12-articles-10__tin__first__content__main {
    font-size: 3.5em;
    font-weight: 700;
    margin-top: .5em;
    display: block;
}

@media only screen and (min-width: 43.75em) and (max-width: 62.5em) {
    .w12-articles-10__tin__first__content__main {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__first__content__main {
        font-size: 1.5em;
    }
}

.w12-articles-10__tin__first__content__sub {
    margin-top: 1em;
    font-size: 1.6em;
    font-weight: 300;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__first__content__sub {
        font-size: 1.2em;
    }
}

.w12-articles-10__tin__first__content:hover .w12-articles-10__tin__first__content__des {
    margin-bottom: 0;
    opacity: 1;
}

.w12-articles-10__tin__first__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all .2s ease;
    margin-bottom: -3em;
    opacity: 0;
}

.w12-articles-10__tin__first__content__des__view {
    margin-left: 1em;
}

.w12-articles-10__tin__first__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles-10__tin__first__content__des__user__imgbox {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-size: cover;
}

.w12-articles-10__tin__first__content__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w12-articles-10__tin__first__content__des__user__text {
    margin-left: 1em;
}

.w12-articles-10__tin__second {
    width: 50%;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__second {
        width: 100%;
        padding: 1em;
        flex-direction: column;
    }
}

.w12-articles-10__tin__second__imgbox {
    width: 100%;
    height: 100%;
    height: 35em;
    background-size: cover;
    background-position: top center;
}

.w12-articles-10__tin__second__imgbox__img {
    height: 100%;
    width: 100%;
}

.w12-articles-10__tin__second--row {
    width: 48%;
    position: relative;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__second--row {
        border-radius: 1em;
        overflow: hidden;
        background-color: #333;
        margin-top: 1em;
        height: 12em;
        width: 100%;
    }
}

.w12-articles-10__tin__second__content {
    position: absolute;
    bottom: 2em;
    padding: 2rem;
    z-index: 20;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__second__content {
        left: 0;
        top: 0em;
        padding: 1.5em .5em 0 1em;
    }
}

.w12-articles-10__tin__second__content__cate {
    display: flex;
    align-items: center;
}

.w12-articles-10__tin__second__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
    white-space: nowrap;
}

@media only screen and (max-width: 25em) {
    .w12-articles-10__tin__second__content__cate__info {
        font-size: .8em;
    }
}

.w12-articles-10__tin__second__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

@media only screen and (max-width: 25em) {
    .w12-articles-10__tin__second__content__cate__time__hour {
        font-size: .8em;
    }
}

.w12-articles-10__tin__second__content__main {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: .5em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__second__content__main {
        margin-top: 1em;
        font-size: 1.2em;
    }
}

@media only screen and (max-width: 25em) {
    .w12-articles-10__tin__second__content__main {
        margin-top: 1em;
        font-size: .8em;
    }
}

.w12-articles-10__tin__second__content:hover .w12-articles-10__tin__second__content__des {
    margin-bottom: 0;
    opacity: 1;
}

.w12-articles-10__tin__second__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all .2s ease;
    margin-bottom: -3em;
    opacity: 0;
    backface-visibility: hidden;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-10__tin__second__content__des {
        display: none;
    }
}

.w12-articles-10__tin__second__content__des__view {
    margin-left: 1em;
}

.w12-articles-10__tin__second__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles-10__tin__second__content__des__user__imgbox {
    width: 2em;
    border-radius: 50%;
}

.w12-articles-10__tin__second__content__des__user__imgbox__img {
    width: 100%;
}

.w12-articles-10__tin__second__content__des__user__text {
    margin-left: 1em;
}

/*ed*/
/*w12-articles-11*/
.w12-articles-11 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-11__group {
    max-width: 120em;
    margin: 0 auto;
}

.w12-articles-11__block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w12-articles-11__heading {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
}

.w12-articles-11__heading__main {
    font-size: 3em;
}

    .w12-articles-11__heading__main a {
        padding: .5em;
        line-height: 1.8em;
        display: block;
    }

.w12-articles-11__heading__sub {
    font-size: 2em;
    font-weight: 300;
    display: block;
    line-height: 1.8em;
}

.w12-articles-11__items {
    display: flex;
    align-items: center;
    width: 48%;
    margin-top: 2em;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-11__items {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-11__items__image {
    min-width: 40%;
    width: 40%;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-11__items__image {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-11__items__image__imgbox {
    margin: 0 auto;
    width: 100%;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w12-articles-11__items__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w12-articles-11__items__info {
    margin-left: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-11__items__info {
        width: 100%;
    }
}

.w12-articles-11__items__info__user {
    display: block;
    margin-top: 1em;
}

.w12-articles-11__items__info__des {
    display: block;
    margin-top: 1em;
    line-height: 1.8em;
}

.w12-articles-11__items__info__text {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.8em;
    text-decoration: underline;
}

    .w12-articles-11__items__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w12-articles-11__items__info__link {
    display: block;
    text-transform: uppercase;
    color: #777;
    margin-top: 1em;
    text-align: right;
    margin-right: 1em;
    font-size: 1em;
}

/*ed*/
/*w12-articles-12*/
.w12-articles-12 {
    background-color: white;
    width: 100%;
    padding: 1em .5em;
}

.w12-articles-12__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w12-articles-12__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-12__items {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-12__items__image {
    min-width: 50%;
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-12__items__image {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-12__items__image__imgbox {
    margin: 0 auto;
    width: 100%;
    border-radius: 5%;
    background-size: contain;
    background-position: center;
}

.w12-articles-12__items__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w12-articles-12__items__info {
    margin-left: 2em;
    width: 45%;
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-12__items__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-12__items__info__user {
    display: block;
    margin-top: 2em;
}

.w12-articles-12__items__info__des {
    display: block;
    margin-top: 1em;
    font-size: 1.6em;
    line-height: 1.8em;
    text-align: justify;
}

.w12-articles-12__items__info__text {
    font-weight: 600;
    font-size: 1.6em;
    text-decoration: underline;
    line-height: 1.8em;
}

    .w12-articles-12__items__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w12-articles-12__items__info__link {
    display: block;
    text-transform: uppercase;
    color: #777;
    margin-top: 1em;
    text-align: right;
    margin-right: 1em;
    font-size: 1em;
}

/*ed*/
/*w12-articles-13*/
.w12-articles-13 {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w12-articles-13__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
}

.w12-articles-13__heading {
    margin-bottom: 2em;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
    position: relative;
    display: block;
}

.w12-articles-13__heading__main {
    display: block;
    font-size: 2.5em;
    margin-bottom: .5em;
}

    .w12-articles-13__heading__main a {
        display: block;
    }

.w12-articles-13__heading__sub {
    font-size: 1.6em;
    font-weight: 300;
    display: block;
}

.w12-articles-13__tin {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w12-articles-13__tin__items {
    width: 31%;
}

@media only screen and (max-width: 56.25em) {
    .w12-articles-13__tin__items {
        width: 49%;
        margin-top: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w12-articles-13__tin__items {
        width: 100%;
        margin-top: 2em;
    }
}

.w12-articles-13__tin__items__heading {
    width: 100%;
    display: flex;
    align-items: center;
}

.w12-articles-13__tin__items__heading__cate {
    background-color: rgba(var(--main-color-w), 1);
    display: inline-block;
    padding: .5em 1em;
    font-weight: 600;
    text-transform: uppercase;
}

.w12-articles-13__tin__items__heading__link {
    color: darkgray;
    margin-left: auto;
    display: inline-block;
    float: right;
}

.w12-articles-13__tin__items__item {
    margin-top: 2em;
    position: relative;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-13__tin__items__item {
        width: 100%;
        padding: 1em;
    }
}

.w12-articles-13__tin__items__item__imgbox {
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w12-articles-13__tin__items__item__imgbox__img {
    width: 100%;
}

.w12-articles-13__tin__items__item__content {
    position: absolute;
    bottom: 1em;
    padding: 2rem;
}

.w12-articles-13__tin__items__item__content__cate {
    display: flex;
    align-items: center;
}

.w12-articles-13__tin__items__item__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w12-articles-13__tin__items__item__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w12-articles-13__tin__items__item__content__main {
    font-size: 1.5em;
    font-weight: 700;
    margin-top: .5em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w12-articles-13__tin__items__item__content__main {
        font-size: 1.5em;
    }
}

.w12-articles-13__tin__items__item__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all .2s ease;
}

.w12-articles-13__tin__items__item__content__des__view {
    margin-left: 1em;
}

.w12-articles-13__tin__items__item__content__des__user {
    display: flex;
    align-items: center;
}

.w12-articles-13__tin__items__item__content__des__user__imgbox {
    width: 2em;
    height: 2em;
}

.w12-articles-13__tin__items__item__content__des__user__imgbox__img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}

.w12-articles-13__tin__items__item__content__des__user__text {
    margin-left: 1em;
}

.w12-articles-13__tin__items__suggest {
    display: block;
    color: black;
    margin-top: 1em;
}

.w12-articles-13__tin__items__suggest__dot {
    width: 1em;
    height: 1em;
    display: inline-block;
    border-radius: .3em;
    background-color: blueviolet;
}

.w12-articles-13__tin__items__suggest__text {
    font-weight: 600;
    font-size: 1.4em;
    margin-left: 1em;
}

/*ed*/

/*w13-ctaregister*/
.w13-ctaregister {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w13-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 10em;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister__group {
        flex-direction: column;
    }
}

.w13-ctaregister__icon {
    font-size: 15em;
    color: red;
    background: -webkit-linear-gradient(#00fff2, #0091aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotate(-15deg);
}

.w13-ctaregister__items {
    margin-left: 2em;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister__items {
        margin-left: 0;
        margin-top: 2em;
    }
}

.w13-ctaregister__items__title {
    font-weight: 700;
    font-size: 2em;
    line-height: 1.6em;
    text-align: center;
    margin-bottom: 1em;
}

.w13-ctaregister__items__form {
    margin-top: 1em;
    display: flex;
}

.w13-ctaregister__items__form__input {
    margin-left: 1em;
    width: 30%;
    padding: 1em;
    border-radius: 2em;
    border: 0.1em solid #0091aa;
    outline: none;
    font-size: 1.5em;
}

.w13-ctaregister__items__info {
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.w13-ctaregister__items__info__text {
    margin-left: 1em;
    font-weight: 300;
    text-decoration: underline;
}

    .w13-ctaregister__items__info__text:not(:first-child) {
        margin-left: 0;
    }

.w13-ctaregister__items__button {
    padding: 1em;
    font-size: 1.2em;
    margin-right: 1em;
    background-size: 200% auto;
    transition: all 0.5s;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: 800;
    border-radius: 2.5em;
    animation: buttonMoveBg ease 0.7s infinite 0.7s alternate;
    line-height: 1.6em;
    border: none;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister__items__button {
        margin-right: 0;
        margin-top: 2em;
    }
}

/*ed*/
/*w13-ctaregister-1*/
.w13-ctaregister-1 {
    font-weight: 500;
    width: 100%;
    padding: 2rem 0.5em;
    background-color: white;
}

.w13-ctaregister-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 10em;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-1__group {
        flex-direction: column;
    }
}

.w13-ctaregister-1__icon {
    font-size: 15em;
    color: red;
    background: -webkit-linear-gradient(#00fff2, #0091aa);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    transform: rotate(-15deg);
}

.w13-ctaregister-1__items {
    margin-left: 2em;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-1__items {
        margin-left: 0;
        margin-top: 2em;
    }
}

.w13-ctaregister-1__items__title {
    font-weight: 700;
    font-size: 2em;
    line-height: 1.2;
    text-align: center;
}

.w13-ctaregister-1__items__form {
    margin-top: 1em;
    display: flex;
}

.w13-ctaregister-1__items__form__input {
    margin-left: 1em;
    width: 49%;
    padding: 1em;
    border-radius: 2em;
    border: 0.1em solid #0091aa;
    outline: none;
    font-size: 1.5em;
    background-color: white;
}

.w13-ctaregister-1__items__button {
    padding: 1em;
    font-size: 1.2em;
    margin-right: 1em;
    background-size: 200% auto;
    transition: all 0.5s;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: 800;
    border-radius: 2.5em;
    animation: buttonMoveBg ease 0.7s infinite 0.7s alternate;
    line-height: 1.6em;
    border: none;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-1__items__button {
        margin-right: 0;
        margin-top: 2em;
    }
}

/*ed*/
/*w13-ctaregister-2*/
.w13-ctaregister-2 {
    font-weight: 500;
    width: 100%;
    padding: 2rem 0.5em;
    background-color: white;
}

.w13-ctaregister-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 10em;
    padding: 2em;
}

@media only screen and (max-width: --bp-800) {
    .w13-ctaregister-2__group {
        flex-direction: column;
    }
}

.w13-ctaregister-2__items {
    display: flex;
    width: 80%;
    align-items: center;
}

@media only screen and (max-width: --bp-800) {
    .w13-ctaregister-2__items {
        margin-left: 0;
        margin-top: 2em;
        flex-direction: column;
    }
}

.w13-ctaregister-2__items__title {
    width: 58%;
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1.6em;
    text-align: center;
}

@media only screen and (max-width: --bp-800) {
    .w13-ctaregister-2__items__title {
        width: 100%;
    }
}

.w13-ctaregister-2__items__form {
    width: 40%;
    display: flex;
    margin-left: auto;
    justify-content: center;
}

@media only screen and (max-width: --bp-800) {
    .w13-ctaregister-2__items__form {
        width: 100%;
        margin-top: 2em;
    }
}

.w13-ctaregister-2__items__form__input {
    margin-left: 1em;
    width: 49%;
    height: 3em;
    padding: 1em;
    border-radius: 2em;
    border: 0.1em solid #0091aa;
    outline: none;
    font-size: 1.5em;
    background-color: white;
}

.w13-ctaregister-2__items__button {
    padding: 1em;
    font-size: 1.2em;
    margin-right: 1em;
    margin-left: 2em;
    background-size: 200% auto;
    transition: all 0.5s;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: 800;
    border-radius: 2.5em;
    border: none;
    animation: buttonMoveBg ease 0.7s infinite 0.7s alternate;
    line-height: 1.6em;
}

@media only screen and (max-width: --bp-800) {
    .w13-ctaregister-2__items__button {
        margin-right: 0;
        margin-top: 2em;
    }
}

/*ed*/
/*w13-ctaregister-3*/
.w13-ctaregister-3 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
}

.w13-ctaregister-3__group {
    max-width: 120em;
    margin: 0 auto;
}

.w13-ctaregister-3__heading {
    font-weight: 600;
    display: block;
    margin: 0 auto;
    width: fit-content;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    line-height: 1.4em;
}

.w13-ctaregister-3__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-3__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-3__items__contact {
        width: 100%;
    }
}

.w13-ctaregister-3__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w13-ctaregister-3__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5em;
}

.w13-ctaregister-3__items__contact__form__input__icon {
    color: red;
}

.w13-ctaregister-3__items__contact__form__select {
    padding: 1em;
    width: 100%;
    border-radius: 0.5em;
    margin-top: 1em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w13-ctaregister-3__items__contact__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border-radius: 0.5em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w13-ctaregister-3__items__contact__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w13-ctaregister-3__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    margin-top: 1em;
    border: none;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-3__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
}

.w13-ctaregister-3__items__imgbox {
    max-height: 25em;
    width: 50%;
    height: auto;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-3__items__imgbox {
        width: 100%;
        min-height: 25em;
        margin-top: 1em;
    }
}

.w13-ctaregister-3__items__imgbox__img {
    width: 100%;
    height: 100%;
}

/*ed*/

/*w13-ctaregister-5*/
.w13-ctaregister-5 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
}

.w13-ctaregister-5__group {
    max-width: 60em;
    margin: 0 auto;
    text-align: center;
    border: 0.1em solid #eee;
    padding: 2em;
    box-shadow: 0.3em 0.3em 0.3em rgba(3, 3, 3, 0.2);
    border-radius: 2em;
}

.w13-ctaregister-5__heading {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    text-transform: capitalize;
    line-height: 1.7em;
}

.w13-ctaregister-5__items {
    justify-content: space-between;
}

.w13-ctaregister-5__items__form {
    display: block;
    margin-top: 2em;
}

.w13-ctaregister-5__items__form__input {
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w13-ctaregister-5__items__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5em;
}

.w13-ctaregister-5__items__form__input__icon {
    color: red;
}

.w13-ctaregister-5__items__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border-radius: 0.5em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w13-ctaregister-5__items__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w13-ctaregister-5__items__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

/*ed*/
/*w13-ctaregister-6*/
.w13-ctaregister-6 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
}

.w13-ctaregister-6__group {
    max-width: 60em;
    margin: 0 auto;
    text-align: center;
    border: 0.1em solid #eee;
    box-shadow: 0.3em 0.3em 0.3em rgba(0, 0, 0, 0.155);
}

.w13-ctaregister-6__heading {
    font-weight: 700;
    text-align: center;
    font-size: 2em;
    text-transform: capitalize;
    background-color: orangered;
    padding: 1em;
    text-transform: uppercase;
    color: white;
    line-height: 1.7em;
}

.w13-ctaregister-6__items {
    justify-content: space-between;
}

.w13-ctaregister-6__items__form {
    display: block;
    margin-top: 1em;
    padding: 1em;
}

.w13-ctaregister-6__items__form__input {
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w13-ctaregister-6__items__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5em;
}

.w13-ctaregister-6__items__form__input__icon {
    color: red;
}

.w13-ctaregister-6__items__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border-radius: 0.5em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w13-ctaregister-6__items__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w13-ctaregister-6__items__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    margin-top: 1em;
    margin-bottom: 1em;
    border: none;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

/*ed*/

/*w13-ctaregister-8*/
.w13-ctaregister-8 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
}

.w13-ctaregister-8__group {
    max-width: 120em;
    margin: 0 auto;
}

.w13-ctaregister-8__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    line-height: 1.7em;
}

.w13-ctaregister-8__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-8__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-8__items__contact {
        width: 100%;
        margin-top: 1em;
    }
}

.w13-ctaregister-8__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w13-ctaregister-8__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5em;
}

.w13-ctaregister-8__items__contact__form__input__icon {
    color: red;
}

.w13-ctaregister-8__items__contact__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border-radius: 0.5em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w13-ctaregister-8__items__contact__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w13-ctaregister-8__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-8__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
}

.w13-ctaregister-8__items__time {
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-8__items__time {
        width: 100%;
    }
}

.w13-ctaregister-8__items__time__text {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: #ef2f3c;
    margin-bottom: 2em;
    display: block;
    text-transform: uppercase;
}

.w13-ctaregister-8__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-8__items__time__count__dot {
    font-size: 4em;
    margin-top: 0.5em;
}

.w13-ctaregister-8__items__time__count__item {
    width: 25%;
    text-align: center;
}

.w13-ctaregister-8__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2em;
}

.w13-ctaregister-8__items__time__count__item__number {
    margin-top: 0.3em;
    background-color: red;
    display: inline-block;
    font-size: 4em;
    color: white;
    padding: 0.3em;
    border-radius: 0.1em;
}

/*ed*/
/*w13-ctaregister-9*/
.w13-ctaregister-9 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
}

.w13-ctaregister-9__group {
    max-width: 120em;
    margin: 0 auto;
}

.w13-ctaregister-9__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    line-height: 1.6em;
}

.w13-ctaregister-9__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-9__items__contact {
    width: 45%;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-9__items__contact {
        width: 100%;
        margin-top: 1em;
    }
}

.w13-ctaregister-9__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w13-ctaregister-9__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5em;
}

.w13-ctaregister-9__items__contact__form__input__icon {
    color: red;
}

.w13-ctaregister-9__items__contact__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border-radius: 0.5em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w13-ctaregister-9__items__contact__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w13-ctaregister-9__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-9__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
}

.w13-ctaregister-9__items__time {
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-9__items__time {
        width: 100%;
    }
}

.w13-ctaregister-9__items__time__text {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: #ef2f3c;
    margin-bottom: 2em;
    display: block;
    text-transform: uppercase;
}

.w13-ctaregister-9__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-9__items__time__count__dot {
    font-size: 4em;
    margin-top: 0.8em;
}

.w13-ctaregister-9__items__time__count__item {
    width: 25%;
    text-align: center;
}

.w13-ctaregister-9__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2em;
}

.w13-ctaregister-9__items__time__count__item__number {
    margin-top: 0.3em;
    border: 0.02em solid red;
    border-radius: 50%;
    display: inline-block;
    font-size: 5em;
    height: 2em;
    line-height: 1.9em;
    width: 2em;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-9__items__time__count__item__number {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-9__items__time__count__item__number {
        font-size: 3.5em;
    }
}

/*ed*/
/*w13-ctaregister-10*/
.w13-ctaregister-10 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w13-ctaregister-10__group {
    max-width: 120em;
    margin: 0 auto;
}

.w13-ctaregister-10__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 1em;
    padding: 0.2em;
    line-height: 1.7em;
}

.w13-ctaregister-10__items {
    margin-top: 6em;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-10__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-10__items__contact {
        width: 100%;
        margin-top: 1em;
    }
}

.w13-ctaregister-10__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w13-ctaregister-10__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5em;
}

.w13-ctaregister-10__items__contact__form__input__icon {
    color: red;
}

.w13-ctaregister-10__items__contact__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border-radius: 0.5em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w13-ctaregister-10__items__contact__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w13-ctaregister-10__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-10__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
}

.w13-ctaregister-10__items__time {
    width: 50%;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-10__items__time {
        width: 100%;
    }
}

.w13-ctaregister-10__items__time__text {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: white;
    padding: 0.5em;
    margin-bottom: 2em;
    display: block;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w13-ctaregister-10__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-10__items__time__count__dot {
    font-size: 4em;
    margin: 0 0.5em 0 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-10__items__time__count__dot {
        margin: 0 0.2em 0 0.2em;
    }
}

.w13-ctaregister-10__items__time__count__item {
    width: 25%;
    text-align: center;
    color: #183059;
    padding: 1em;
    border-radius: 0.5em;
}

.w13-ctaregister-10__items__time__count__item-d {
    background-color: #ef2f3c;
    color: white;
}

.w13-ctaregister-10__items__time__count__item-h {
    background-color: #f6f4f3;
}

.w13-ctaregister-10__items__time__count__item-m {
    background-color: #276fbf;
    color: white;
}

.w13-ctaregister-10__items__time__count__item-s {
    background-color: #f0a202;
}

.w13-ctaregister-10__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w13-ctaregister-10__items__time__count__item__number {
    display: inline-block;
    font-size: 5em;
}

@media only screen and (max-width: 68.75em) {
    .w13-ctaregister-10__items__time__count__item__number {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-10__items__time__count__item__number {
        font-size: 4em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-10__items__time__count__item__number {
        font-size: 3.5em;
    }
}

/*ed*/

/*w13-ctaregister-12*/
.w13-ctaregister-12 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-size: cover;
    background-position: center;
    font-weight: 600;
}

.w13-ctaregister-12__group {
    max-width: 120em;
    margin: 0 auto;
}

.w13-ctaregister-12__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    color: white;
    line-height: 1.7em;
}

.w13-ctaregister-12__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-12__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-12__items__contact {
        width: 100%;
        margin-top: 1em;
    }
}

.w13-ctaregister-12__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-12__items__contact__area {
    text-align: left;
}

.w13-ctaregister-12__items__contact__area__title {
    text-align: center;
    font-weight: 700;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    color: white;
}

.w13-ctaregister-12__items__contact__area__item {
    text-align: justify;
    line-height: 2em;
    margin-top: 1em;
    font-size: 2em;
    display: flex;
    align-items: center;
}

.w13-ctaregister-12__items__contact__area__item__icon {
    margin-right: 0.5em;
}

.w13-ctaregister-12__items__contact__area__price {
    font-size: 2em;
}

.w13-ctaregister-12__items__contact__area__price__main {
    font-size: 2.5em;
}

.w13-ctaregister-12__items__contact__area__price__sub {
    font-size: 2.5em;
    font-weight: 600;
    color: #ef2f3c;
}

.w13-ctaregister-12__items__time {
    width: 50%;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-12__items__time {
        width: 100%;
    }
}

.w13-ctaregister-12__items__time__text {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: #ef2f3c;
    margin-bottom: 2em;
    display: block;
    text-transform: uppercase;
    padding: 1em;
    background-color: white;
    border-radius: 2em;
}

.w13-ctaregister-12__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-12__items__time__count__dot {
    font-size: 4em;
    margin: 0 0.5em 0 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-12__items__time__count__dot {
        margin: 0 0.2em 0 0.2em;
    }
}

.w13-ctaregister-12__items__time__count__item {
    width: 25%;
    text-align: center;
    color: #183059;
    padding: 1em;
    border-radius: 0.5em;
}

.w13-ctaregister-12__items__time__count__item-d {
    background-color: #ef2f3c;
    color: white;
}

.w13-ctaregister-12__items__time__count__item-h {
    background-color: #f6f4f3;
}

.w13-ctaregister-12__items__time__count__item-m {
    background-color: #276fbf;
    color: white;
}

.w13-ctaregister-12__items__time__count__item-s {
    background-color: #f0a202;
}

.w13-ctaregister-12__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w13-ctaregister-12__items__time__count__item__number {
    display: inline-block;
    font-size: 5em;
}

@media only screen and (max-width: 68.75em) {
    .w13-ctaregister-12__items__time__count__item__number {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-12__items__time__count__item__number {
        font-size: 4em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-12__items__time__count__item__number {
        font-size: 3.5em;
    }
}

/*ed*/
/*w13-ctaregister-13*/
.w13-ctaregister-13 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-size: cover;
    background-position: center;
    font-weight: 600;
}

.w13-ctaregister-13__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
}

.w13-ctaregister-13__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    border-radius: 2em;
    padding: 0.5em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    line-height: 1.7em;
}

.w13-ctaregister-13__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-13__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-13__items__contact {
        width: 100%;
        margin-top: 1em;
    }
}

.w13-ctaregister-13__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-13__items__contact__area {
    text-align: left;
}

.w13-ctaregister-13__items__contact__area__title {
    text-align: center;
    font-weight: 700;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    color: white;
}

.w13-ctaregister-13__items__contact__area__item {
    text-align: justify;
    line-height: 2em;
    margin-top: 1em;
    font-size: 2em;
    display: flex;
    align-items: center;
}

.w13-ctaregister-13__items__contact__area__item__icon {
    margin-right: 0.5em;
}

.w13-ctaregister-13__items__contact__area__price {
    font-size: 2em;
}

.w13-ctaregister-13__items__contact__area__price__main {
    font-size: 2.5em;
}

.w13-ctaregister-13__items__contact__area__price__sub {
    font-size: 2.5em;
    font-weight: 600;
    color: #ef2f3c;
}

.w13-ctaregister-13__items__time {
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-13__items__time {
        width: 100%;
    }
}

.w13-ctaregister-13__items__time__text {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: #ef2f3c;
    padding: 1em;
    margin-bottom: 2em;
    display: block;
    text-transform: uppercase;
    background-color: white;
    border-radius: 3em;
}

.w13-ctaregister-13__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-13__items__time__count__dot {
    font-size: 4em;
    margin-top: 0.5em;
}

.w13-ctaregister-13__items__time__count__item {
    width: 25%;
    text-align: center;
}

.w13-ctaregister-13__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 2em;
}

.w13-ctaregister-13__items__time__count__item__number {
    margin-top: 0.3em;
    background-color: red;
    display: inline-block;
    font-size: 4em;
    color: white;
    padding: 0.3em;
    border-radius: 0.1em;
}

/*ed*/
/*w13-ctaregister-14*/
.w13-ctaregister-14 {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w13-ctaregister-14__group {
    max-width: 120em;
    margin: 0 auto;
}

.w13-ctaregister-14__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #183059;
    background-repeat: no-repeat;
    padding: 0.5em;
    line-height: 1.7em;
}

.w13-ctaregister-14__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-14__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-14__items__contact {
        width: 100%;
        margin-top: 1em;
    }
}

.w13-ctaregister-14__items__contact__image {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-14__items__contact__image {
        flex-direction: column;
    }
}

.w13-ctaregister-14__items__contact__image .owl-thumb-item {
    background-color: transparent !important;
    border: none;
}

.w13-ctaregister-14__items__contact__image__owl-imgbox {
    background-size: contain;
    background-position: center;
}

.w13-ctaregister-14__items__contact__image__owl-imgbox__img {
    width: 100%;
}

.w13-ctaregister-14__items__contact__image__owl-thumb {
    width: 100%;
    display: flex;
    background-color: transparent;
    height: 15em;
    margin-top: 1em;
}

.w13-ctaregister-14__items__contact__image__owl-thumb__imgbox {
    width: 50%;
    background-size: contain;
    background-position: center;
}

.w13-ctaregister-14__items__contact__image__owl-thumb__imgbox__img {
    width: 100%;
}

.w13-ctaregister-14__items__contact__image__owl-col-1 {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-14__items__contact__image__owl-col {
        width: 100%;
    }
}

.w13-ctaregister-14__items__contact__image__button {
    border: 0.1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: black;
    font-size: 1.5em;
    position: absolute;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w13-ctaregister-14__items__contact__image__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w13-ctaregister-14__items__contact__image__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w13-ctaregister-14__items__contact__image__button__icon {
    font-size: 2em;
}

.w13-ctaregister-14__items__contact__image__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    left: 0;
    z-index: 2;
}

.w13-ctaregister-14__items__contact__image__imgbox {
    height: 40em;
    overflow: hidden;
    border: 0.1em solid #eee;
    transition: all 0.3s ease-in-out;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-14__items__contact__image__imgbox {
        width: 100%;
    }
}

.w13-ctaregister-14__items__contact__image__imgbox:hover {
    transform: scale(1.3);
}

.w13-ctaregister-14__items__contact__image__imgbox__img {
    width: 100%;
}

.w13-ctaregister-14__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-14__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
}

.w13-ctaregister-14__items__time {
    width: 50%;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-14__items__time {
        width: 100%;
    }
}

.w13-ctaregister-14__items__time__area {
    margin-top: 2em;
}

.w13-ctaregister-14__items__time__text {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: white;
    margin-bottom: 2em;
    display: block;
    text-transform: uppercase;
    padding: 0.5em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w13-ctaregister-14__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-14__items__time__count__dot {
    font-size: 4em;
    margin: 0 0.5em 0 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-14__items__time__count__dot {
        margin: 0 0.2em 0 0.2em;
    }
}

.w13-ctaregister-14__items__time__count__item {
    width: 25%;
    text-align: center;
    color: #183059;
    padding: 1em;
    border-radius: 0.5em;
}

.w13-ctaregister-14__items__time__count__item-d {
    background-color: #ef2f3c;
    color: white;
}

.w13-ctaregister-14__items__time__count__item-h {
    background-color: #f6f4f3;
}

.w13-ctaregister-14__items__time__count__item-m {
    background-color: #276fbf;
    color: white;
}

.w13-ctaregister-14__items__time__count__item-s {
    background-color: #f0a202;
}

.w13-ctaregister-14__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w13-ctaregister-14__items__time__count__item__number {
    display: inline-block;
    font-size: 5em;
}

@media only screen and (max-width: 68.75em) {
    .w13-ctaregister-14__items__time__count__item__number {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-14__items__time__count__item__number {
        font-size: 4em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-14__items__time__count__item__number {
        font-size: 3.5em;
    }
}

.w13-ctaregister-14__items__time__area {
    text-align: left;
    background-color: white;
    padding: 1em;
    border-radius: 2em;
}

.w13-ctaregister-14__items__time__area__title {
    text-align: center;
    font-weight: 700;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 0.5em;
}

.w13-ctaregister-14__items__time__area__item {
    text-align: justify;
    line-height: 2em;
    margin-top: 1em;
    font-size: 2em;
    display: flex;
    align-items: center;
}

.w13-ctaregister-14__items__time__area__item__icon {
    margin-right: 0.5em;
}

.w13-ctaregister-14__items__time__area__price {
    font-size: 2em;
}

.w13-ctaregister-14__items__time__area__price__main {
    font-size: 2.5em;
}

.w13-ctaregister-14__items__time__area__price__sub {
    font-size: 2.5em;
    font-weight: 600;
    color: #ef2f3c;
}

/*ed*/
/*w13-ctaregister-15*/
.w13-ctaregister-15 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w13-ctaregister-15__group {
    max-width: 120em;
    margin: 0 auto;
}

.w13-ctaregister-15__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #183059;
    background-repeat: no-repeat;
    padding: 0.5em;
    line-height: 1.7em;
}

.w13-ctaregister-15__items {
    margin-top: 6em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.w13-ctaregister-15__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-15__items__contact {
        width: 100%;
        margin-top: 1em;
    }
}

.w13-ctaregister-15__items__contact__image {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-15__items__contact__image {
        flex-direction: column;
    }
}

.w13-ctaregister-15__items__contact__image .owl-thumb-item {
    background-color: transparent !important;
    border: none;
}

.w13-ctaregister-15__items__contact__image__owl-imgbox {
    background-size: contain;
    background-position: center;
}

.w13-ctaregister-15__items__contact__image__owl-imgbox__img {
    width: 100%;
}

.w13-ctaregister-15__items__contact__image__owl-thumb {
    width: 100%;
    display: flex;
    background-color: transparent;
    height: 15em;
    margin-top: 1em;
}

.w13-ctaregister-15__items__contact__image__owl-thumb__imgbox {
    width: 50%;
    background-size: contain;
    background-position: center;
}

.w13-ctaregister-15__items__contact__image__owl-thumb__imgbox__img {
    width: 100%;
}

.w13-ctaregister-15__items__contact__image__owl-col-1 {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-15__items__contact__image__owl-col {
        width: 100%;
    }
}

.w13-ctaregister-15__items__contact__image__button {
    border: 0.1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: black;
    font-size: 1.5em;
    position: absolute;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w13-ctaregister-15__items__contact__image__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w13-ctaregister-15__items__contact__image__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w13-ctaregister-15__items__contact__image__button__icon {
    font-size: 2em;
}

.w13-ctaregister-15__items__contact__image__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    left: 0;
    z-index: 2;
}

.w13-ctaregister-15__items__contact__image__imgbox {
    height: 40em;
    overflow: hidden;
    border: 0.1em solid #eee;
    transition: all 0.3s ease-in-out;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w13-ctaregister-15__items__contact__image__imgbox {
        width: 100%;
    }
}

.w13-ctaregister-15__items__contact__image__imgbox:hover {
    transform: scale(1.3);
}

.w13-ctaregister-15__items__contact__image__imgbox__img {
    width: 100%;
}

.w13-ctaregister-15__items__contact__button {
    padding: 1em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    border: none;
    margin-top: 1em;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
}

.w13-ctaregister-15__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
}

.w13-ctaregister-15__items__time {
    width: 50%;
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-15__items__time {
        width: 100%;
    }
}

.w13-ctaregister-15__items__time__area {
    margin-top: 2em;
}

.w13-ctaregister-15__items__time__text {
    font-size: 3em;
    font-weight: 700;
    text-align: center;
    color: white;
    margin-bottom: 2em;
    display: block;
    text-transform: uppercase;
    padding: 0.5em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w13-ctaregister-15__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-15__items__time__count__dot {
    font-size: 4em;
    margin: 0 0.5em 0 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-15__items__time__count__dot {
        margin: 0 0.2em 0 0.2em;
    }
}

.w13-ctaregister-15__items__time__count__item {
    width: 25%;
    text-align: center;
    color: #183059;
    padding: 1em;
    border-radius: 0.5em;
}

.w13-ctaregister-15__items__time__count__item-d {
    background-color: #ef2f3c;
    color: white;
}

.w13-ctaregister-15__items__time__count__item-h {
    background-color: #f6f4f3;
}

.w13-ctaregister-15__items__time__count__item-m {
    background-color: #276fbf;
    color: white;
}

.w13-ctaregister-15__items__time__count__item-s {
    background-color: #f0a202;
}

.w13-ctaregister-15__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w13-ctaregister-15__items__time__count__item__number {
    display: inline-block;
    font-size: 5em;
}

@media only screen and (max-width: 68.75em) {
    .w13-ctaregister-15__items__time__count__item__number {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 62.5em) {
    .w13-ctaregister-15__items__time__count__item__number {
        font-size: 4em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w13-ctaregister-15__items__time__count__item__number {
        font-size: 3.5em;
    }
}

.w13-ctaregister-15__items__time__area {
    text-align: left;
    background-color: white;
    padding: 1em;
    border-radius: 2em;
}

.w13-ctaregister-15__items__time__area__title {
    text-align: center;
    font-weight: 700;
    font-size: 3.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    padding: 0.5em;
}

.w13-ctaregister-15__items__time__area__item {
    text-align: justify;
    line-height: 2em;
    margin-top: 1em;
    font-size: 2em;
    display: flex;
    align-items: center;
}

.w13-ctaregister-15__items__time__area__item__icon {
    margin-right: 0.5em;
}

.w13-ctaregister-15__items__time__area__price {
    font-size: 2em;
}

.w13-ctaregister-15__items__time__area__price__main {
    font-size: 2.5em;
}

.w13-ctaregister-15__items__time__area__price__sub {
    font-size: 2.5em;
    font-weight: 600;
    color: #ef2f3c;
}

/*ed*/
/*w13-formup*/
.w13-formup {
    padding: 1em 3em;
    width: 100%;
}

.w13-formup__title {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    float: right;
}

.w13-formup__title__text {
    padding: 0.5em;
    font-size: 2em;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    color: white;
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 37.5em) {
    .w13-formup__title__text {
        transform: translateX(0);
        margin-left: 0;
    }
}

.w13-formup__title__iconbox {
    cursor: pointer;
    padding: 1em;
    font-size: 1.5em;
    display: flex;
    align-items: center;
    color: white;
    background-color: #202040;
    outline: none;
    border: none;
    border-radius: 0.3em;
    margin-bottom: 0.3em;
}

    .w13-formup__title__iconbox:not(:last-child) {
        margin-right: 0.3em;
    }

.w13-formup__title__iconbox__icon {
    margin-right: 0.5em;
}

.w13-formup__title__iconbox__text {
    font-weight: 600;
}

.w13-formup__title__iconbox:hover {
    background-color: #ef2f3c;
}

.w13-formup__frame {
    width: 100%;
    height: 100vh;
    border: none;
    border: 0.1em solid purple;
}

/*ed*/
/*w13-cusface*/
.w13-cusface {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
}

/*ed*/
/*w13-cusface-1*/
.w13-cusface-1 {
    position: fixed;
    z-index: 30;
    right: 3em;
    font-size: 1em;
    background-color: white;
    top: 3em;
    padding: 1em;
    display: flex;
    box-shadow: 0 1em 2em rgba(0, 0, 0, 0.2);
}

.w13-cusface-1__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
}

.w13-cusface-1__imgbox__img {
    height: 100%;
    width: 100%;
}

.w13-cusface-1__items__name {
    font-weight: 600;
}

.w13-cusface-1__items__des {
    font-weight: 300;
    margin: 0.5em 0;
}

.w13-cusface-1__items__time__icon {
    margin-right: 0.5em;
}

/*ed*/
/*w13-cusface-2*/
.w13-cusface-2 {
    position: fixed;
    z-index: 30;
    font-size: 1em;
    background-color: white;
    right: 3em;
    top: 13em;
    padding: 1em;
    display: flex;
    border-radius: 5em;
    box-shadow: 0.5em 0.5em 1em 0.5em #eee;
}

.w13-cusface-2__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
}

.w13-cusface-2__imgbox__img {
    height: 100%;
    width: 100%;
}

.w13-cusface-2__items__name {
    font-weight: 600;
}

.w13-cusface-2__items__des {
    font-weight: 300;
    margin: 0.5em 0;
}

.w13-cusface-2__items__time__icon {
    margin-right: 0.5em;
}

/*ed*/
/*w13-cusface-3*/
.w13-cusface-3 {
    position: fixed;
    z-index: 30;
    right: 3em;
    font-size: 1em;
    background-color: white;
    top: 23em;
    padding: 1em;
    display: flex;
    border-radius: 0.5em;
    box-shadow: 0.5em 0.5em 1em 0.5em #eee;
}

.w13-cusface-3__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w13-cusface-3__imgbox__img {
    height: 100%;
    width: 100%;
}

.w13-cusface-3__items__name {
    font-weight: 600;
}

.w13-cusface-3__items__des {
    font-weight: 300;
    margin: 0.5em 0;
}

.w13-cusface-3__items__time__icon {
    margin-right: 0.5em;
}

/*ed*/
/*w13-cusface-4*/
.w13-cusface-4 {
    position: fixed;
    z-index: 30;
    right: 3em;
    top: 33em;
    padding: 1em;
    display: flex;
    border-radius: 0.5em;
    box-shadow: 0.5em 0.5em 1em 0.5em #eee;
    background-position: center;
    background-size: cover;
    font-size: 1em;
    color: white;
    background-color: white;
}

.w13-cusface-4__imgbox {
    width: 5em;
    height: 5em;
    margin-right: 1em;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w13-cusface-4__imgbox__img {
    height: 100%;
    width: 100%;
}

.w13-cusface-4__items__name {
    font-weight: 600;
}

.w13-cusface-4__items__des {
    font-weight: 300;
    margin: 0.5em 0;
}

.w13-cusface-4__items__time__icon {
    margin-right: 0.5em;
}

/*ed*/
/*w14-banner*/
.w14-banner {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    padding: 2em 1em;
    background-color: #fff;
}

.w14-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: block;
}

.w14-banner__heading {
    width: 50%;
    color: white;
    font-size: 6em;
    text-align: center;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    margin: 2em auto 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__heading {
        font-size: 3em;
        width: 100%;
    }
}

.w14-banner__search {
    margin: 4em auto 0 auto;
    text-align: center;
    position: relative;
}

.w14-banner__search__checkbox {
    display: none;
}

    .w14-banner__search__checkbox:checked ~ .w14-banner__search__ad {
        top: 3em;
        visibility: visible;
        opacity: 1;
    }

.w14-banner__search__heading {
    background-color: black;
    padding: 1.5em 3em;
    display: inline-flex;
    align-items: center;
    border-radius: .3em;
}

.w14-banner__search__heading__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.8em;
    color: white;
    cursor: pointer;
}

.w14-banner__search__heading__line {
    height: 2em;
    margin: 0 1em 0 1em;
    width: .05em;
    background-color: white;
}

.w14-banner__search__stand {
    border-radius: .5em;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__stand {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w14-banner__search__stand__form {
    width: 20%;
    margin-bottom: 1em;
    margin-top: 1em;
    border: .1em solid #eee;
    border-radius: .3em;
    display: flex;
    align-items: center;
    margin-right: 1em;
    position: relative;
}

    .w14-banner__search__stand__form:first-child {
        margin-left: 2em;
    }

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__stand__form:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w14-banner__search__stand__form {
        width: 90%;
        margin-top: 1em;
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__stand__form {
        width: 90%;
        margin-right: 0;
    }
}

.w14-banner__search__stand__form:hover {
    border: 0.1em solid rgba(var(--second-color-w), 1);
}

.w14-banner__search__stand__form__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 0em;
    margin-left: 1em;
}

.w14-banner__search__stand__form__icon-right {
    margin-left: auto;
    float: right;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: .5em;
}

.w14-banner__search__stand__form__input {
    border: none;
    outline: none;
    width: 100%;
    margin: .7em;
    font-size: 1.4em;
}

.w14-banner__search__stand__form__items {
    margin: 1em;
    list-style: none;
    width: 100%;
    background-color: white;
}

.w14-banner__search__stand__form__items__item {
    width: 100%;
}

.w14-banner__search__stand__form__items__item__checkbox-sl {
    display: none;
}

.w14-banner__search__stand__form__items__item__text {
    font-size: 1.2em;
    margin-right: .5em;
    width: 100%;
    white-space: nowrap;
    display: block;
    cursor: pointer;
}

.w14-banner__search__stand__form__items__item__checkbox-sl:checked ~ .w14-banner__search__stand__form__items-1 {
    display: block;
    z-index: 2;
}

.w14-banner__search__stand__form__items-1 {
    list-style: none;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 4em;
    background-color: transparent;
    overflow: hidden;
    background-color: white;
    border: .1em solid #eee;
    border-radius: .5em;
}

.w14-banner__search__stand__form__items-1__item {
    cursor: pointer;
    padding: 1em;
    width: 100%;
}

    .w14-banner__search__stand__form__items-1__item:hover {
        background-color: #eee;
    }

.w14-banner__search__stand__form__items-1__item__text {
    font-size: 1.2em;
    margin-right: .5em;
    white-space: nowrap;
}

.w14-banner__search__stand__form__items-1__item__text-active {
    font-weight: 700;
}

.w14-banner__search__stand__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 3em;
    margin-left: 1em;
    transition: all .2s;
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__stand__button {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
}

.w14-banner__search__stand__button__icon {
    font-size: 4em;
    color: white;
}

.w14-banner__search__stand__button:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w14-banner__search__more {
    cursor: pointer;
    color: white;
    position: relative;
    margin-top: 2em;
    margin-left: auto;
    display: inline-block;
    float: right;
    margin-right: 2em;
    font-size: 1.6em;
    transition: all .2s;
}

    .w14-banner__search__more:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__more {
        color: rgba(var(--main-color-w), 1);
        padding: 1em;
        border-radius: .5em;
    }
}

.w14-banner__search__ad {
    background-color: white;
    position: relative;
    top: 4em;
    transition: all .2s;
    padding: 2em;
    width: 100%;
    clear: right;
    text-align: left;
    opacity: 0;
    top: -20em;
    visibility: hidden;
    border-radius: .7em;
    z-index: 1;
    box-shadow: 0.05em 0.05em 0.1em 0.05em #a3a3a3;
    height: max-content;
}

.w14-banner__search__ad__option {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w14-banner__search__ad__option__item {
    width: 24%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__ad__option__item {
        width: 48%;
    }
}

.w14-banner__search__ad__option__item__form {
    width: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
    border: .1em solid #eee;
    border-radius: .3em;
    display: flex;
    align-items: center;
    margin-right: 1em;
    position: relative;
}

    .w14-banner__search__ad__option__item__form:first-child {
        margin-left: 2em;
    }

@media only screen and (max-width: 50em) {
    .w14-banner__search__ad__option__item__form {
        width: 100%;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__ad__option__item__form {
        width: 100%;
        margin-right: 0;
    }
}

.w14-banner__search__ad__option__item__form:hover {
    border: 0.1em solid rgba(var(--second-color-w), 1);
}

.w14-banner__search__ad__option__item__form__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 0em;
    margin-left: 1em;
}

.w14-banner__search__ad__option__item__form__icon-right {
    margin-left: auto;
    float: right;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: .5em;
}

.w14-banner__search__ad__option__item__form__input {
    border: none;
    outline: none;
    width: 100%;
    margin: .7em;
}

.w14-banner__search__ad__option__item__form__items {
    margin: 1.5em;
    list-style: none;
    width: 100%;
    background-color: white;
}

.w14-banner__search__ad__option__item__form__items__item {
    width: 100%;
}

.w14-banner__search__ad__option__item__form__items__item__checkbox-sl {
    display: none;
}

.w14-banner__search__ad__option__item__form__items__item__text {
    font-size: 1.2em;
    margin-right: .5em;
    width: 100%;
    white-space: nowrap;
    display: block;
    cursor: pointer;
}

.w14-banner__search__ad__option__item__form__items__item__checkbox-sl:checked ~ .w14-banner__search__ad__option__item__form__items-1 {
    display: block;
    z-index: 3;
}

.w14-banner__search__ad__option__item__form__items-1 {
    list-style: none;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 4em;
    background-color: transparent;
    overflow: hidden;
    background-color: white;
    border: .1em solid #eee;
    border-radius: .5em;
}

.w14-banner__search__ad__option__item__form__items-1__item {
    cursor: pointer;
    padding: 1em;
    width: 100%;
}

    .w14-banner__search__ad__option__item__form__items-1__item:hover {
        background-color: #eee;
    }

.w14-banner__search__ad__option__item__form__items-1__item__text {
    font-size: 1.2em;
    margin-right: .5em;
    white-space: nowrap;
}

.w14-banner__search__ad__option__item__form__items-1__item__text-active {
    font-weight: 700;
}

.w14-banner__search__ad__option__item__text {
    font-weight: 600;
    font-size: 1.4em;
}

.w14-banner__search__ad__option__item__val {
    display: flex;
    flex-direction: column;
}

.w14-banner__search__ad__option__item__price-range {
    margin-top: 1em;
}

    .w14-banner__search__ad__option__item__price-range .ui-widget-header {
        background: rgba(var(--main-color-w), 1);
    }

    .w14-banner__search__ad__option__item__price-range .ui-slider-handle {
        cursor: w-resize !important;
        margin-top: -.1em;
        background-color: rgba(var(--main-color-w), 1);
    }

    .w14-banner__search__ad__option__item__price-range .ui-state-active {
        background-color: white !important;
    }

    .w14-banner__search__ad__option__item__price-range .ui-state-default {
        background-color: rgba(var(--main-color-w), 1) !important;
        border-radius: 50%;
        outline: none;
    }

    .w14-banner__search__ad__option__item__price-range .ui-widget.ui-widget-content {
        border: none !important;
        background-color: #eee;
    }

.w14-banner__search__ad__option__item__price-range__filter {
    height: .3em !important;
    margin-top: 1.5em;
}

.w14-banner__search__ad__option__item__price-range__val {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__ad__option__item__price-range__val {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.w14-banner__search__ad__option__item__price-range__val__filter__field {
    background-color: white;
    font-size: 1.4em;
    font-weight: 600;
    width: 45%;
    padding: 1em;
    border-radius: .1em;
    outline: none;
    border: .1em solid #eee;
}

.w14-banner__search__ad__option__item__square-range {
    margin-top: 1em;
}

    .w14-banner__search__ad__option__item__square-range .ui-widget-header {
        background: rgba(var(--main-color-w), 1);
    }

    .w14-banner__search__ad__option__item__square-range .ui-slider-handle {
        cursor: w-resize !important;
        margin-top: -.1em;
        background-color: rgba(var(--main-color-w), 1);
    }

    .w14-banner__search__ad__option__item__square-range .ui-state-active {
        background-color: white !important;
    }

    .w14-banner__search__ad__option__item__square-range .ui-state-default {
        background-color: rgba(var(--main-color-w), 1) !important;
        border-radius: 50%;
        outline: none;
    }

    .w14-banner__search__ad__option__item__square-range .ui-widget.ui-widget-content {
        border: none !important;
        background-color: #eee;
    }

.w14-banner__search__ad__option__item__square-range__filter {
    height: .3em !important;
    margin-top: 1.5em;
}

.w14-banner__search__ad__option__item__square-range__val {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__ad__option__item__square-range__val {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.w14-banner__search__ad__option__item__square-range__val__filter__field {
    background-color: white;
    font-size: 1.4em;
    font-weight: 600;
    width: 45%;
    padding: 1em;
    border-radius: .1em;
    outline: none;
    border: .1em solid #eee;
}

.w14-banner__search__ad__amen {
    display: block;
}

.w14-banner__search__ad__amen__title {
    display: block;
    font-weight: 600;
    font-size: 1.4em;
}

.w14-banner__search__ad__amen__items {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

.w14-banner__search__ad__amen__items__item {
    padding: 1em;
    width: 20%;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #777;
}

@media only screen and (max-width: 37.5em) {
    .w14-banner__search__ad__amen__items__item {
        width: 50%;
    }
}

.w14-banner__search__ad__amen__items__item__rd {
    height: 1.5em;
    width: 1.5em;
    cursor: pointer;
}

.w14-banner__search__ad__amen__items__item__text {
    margin-left: 1em;
    cursor: pointer;
}

/*ed*/
/*w14-features-1*/
.w14-features-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f1f7;
}

.w14-features-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w14-features-1__row {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
}

.w14-features-1__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block;
}

    .w14-features-1__heading__title::after {
        content: "";
        width: 2em;
        margin-top: .8em;
        height: .05em;
        background-color: rgba(var(--main-color-w), 1);
        display: block;
    }

.w14-features-1__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em;
}

.w14-features-1__first {
    width: 33%;
    position: relative;
    max-height: 60em;
}

.w14-features-1__first__imgbox {
    border-radius: .5em;
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: all .2s;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w14-features-1__first__imgbox {
        border-radius: .2em;
    }
}

.w14-features-1__first__imgbox__img {
    width: 100%;
    height: 100%;
}

.w14-features-1__first__imgbox:hover {
    filter: brightness(1.1);
}

.w14-features-1__first__content {
    bottom: 0;
    border-radius: .5em;
    overflow: hidden;
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    background: linear-gradient(0deg, #26262b, #3f4448 0, rgba(37, 39, 40, 0));
    color: white;
    width: 100%;
    padding-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w14-features-1__first__content {
        padding-bottom: 1em;
    }
}

.w14-features-1__first__content__main {
    font-weight: 600;
    font-size: 1.6em;
}

.w14-features-1__first__content__des {
    margin-top: 1em;
    font-weight: 600;
}

.w14-features-1__second {
    display: flex;
    width: 66%;
    flex-wrap: wrap;
    max-height: 60.5em;
    justify-content: space-between;
}

.w14-features-1__second__items {
    width: 49.3%;
    height: 49%;
    position: relative;
    border-radius: .5em;
    transition: all .2s;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w14-features-1__second__items {
        border-radius: .2em;
    }
}

.w14-features-1__second__items__imgbox {
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w14-features-1__second__items__imgbox__img {
    height: 100%;
    width: 100%;
}

.w14-features-1__second__items__imgbox:hover {
    filter: brightness(1.1);
}

.w14-features-1__second__items__content {
    bottom: 0;
    text-align: center;
    text-transform: capitalize;
    position: absolute;
    background: linear-gradient(0deg, #26262b, #3f4448 0, rgba(37, 39, 40, 0));
    color: white;
    width: 100%;
    padding-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w14-features-1__second__items__content {
        padding-bottom: 1em;
    }
}

.w14-features-1__second__items__content__main {
    font-weight: 600;
    font-size: 1.6em;
}

@media only screen and (max-width: 37.5em) {
    .w14-features-1__second__items__content__main {
        font-size: 1em;
    }
}

.w14-features-1__second__items__content__des {
    margin-top: 1em;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w14-features-1__second__items__content__des {
        font-size: 0.8em;
    }
}

/*ed*/
/*w14-features*/
.w14-features {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w14-features__group {
    max-width: 120em;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
}

.w14-features__items {
    width: 49.5%;
    background-color: #6868eb;
    color: white;
    display: flex;
    padding: 4em;
    align-items: center;
    border-radius: .5em;
}

@media only screen and (max-width: 56.25em) {
    .w14-features__items {
        width: 100%;
        margin: 0 auto;
        text-align: center;
        margin-top: 1em;
        flex-wrap: wrap;
    }
}

.w14-features__items__icon {
    font-size: 10em;
    margin-right: .5em;
}

@media only screen and (max-width: 56.25em) {
    .w14-features__items__icon {
        margin: 0 auto;
    }
}

.w14-features__items__content {
    width: 60%;
}

@media only screen and (max-width: 56.25em) {
    .w14-features__items__content {
        width: 100%;
        margin-top: 1em;
    }
}

.w14-features__items__content__title {
    font-weight: 600;
    font-size: 2.5em;
    transition: all .2s;
}

    .w14-features__items__content__title:hover {
        transition: all .2s;
        text-decoration: underline;
    }

.w14-features__items__content__des {
    font-size: 1.4em;
    margin-top: 1em;
}

.w14-features__items__content__button {
    border: .2em solid #fff;
    border-radius: .2em;
    padding: 1em;
    margin-top: 4em;
    display: inline-flex;
    align-items: center;
    transition: all .2s;
}

.w14-features__items__content__button__text {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.6em;
}

.w14-features__items__content__button__line {
    width: 0.05em;
    height: 2em;
    background-color: white;
    display: inline-block;
    margin-left: 1em;
    margin-right: 1em;
}

.w14-features__items__content__button__icon {
    font-weight: 600;
}

.w14-features__items__content__button:hover {
    background-color: rgba(var(--second-color-w), 1);
    border-color: rgba(var(--second-color-w), 1);
}

/*ed*/
/*w14-products-1*/
.w14-products-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f1f7;
}

.w14-products-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w14-products-1__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block;
    margin-top: 1em;
}

    .w14-products-1__heading__title::after {
        content: "";
        width: 2em;
        margin-top: .8em;
        height: .05em;
        background-color: rgba(var(--main-color-w), 1);
        display: block;
    }

.w14-products-1__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em;
}

.w14-products-1__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4em;
    position: relative;
}

.w14-products-1__items__button {
    border: .1em solid white;
    border-radius: 50%;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: all .2s;
    font-size: 1.3em;
}

    .w14-products-1__items__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w14-products-1__items__button-next {
    position: absolute;
    bottom: 1em;
    right: 1em;
    margin-right: 1em;
    z-index: 2;
}

.w14-products-1__items__button__icon {
    font-size: 2em;
}

.w14-products-1__items__button-prev {
    position: absolute;
    bottom: 1em;
    right: 7em;
    margin-left: 1em;
    z-index: 2;
}

.w14-products-1__items__item {
    background-color: white;
    width: 100%;
    height: max-content;
    position: relative;
    border-radius: .5em;
    box-shadow: .3em .3em .1em .1em #eee;
}

.w14-products-1__items__item__thumb {
    position: absolute;
    top: 1em;
    right: 1em;
}

    .w14-products-1__items__item__thumb .active {
        filter: brightness(0.5);
    }

.w14-products-1__items__item__thumb__imgbox {
    border-radius: .5em;
    overflow: hidden;
    border: .5em solid #eee;
    margin-top: 1em;
    width: 15em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w14-products-1__items__item__thumb__imgbox {
        width: 5em;
        margin-top: .5em;
        border-radius: .1em;
        border: .2em solid #eee;
    }
}

.w14-products-1__items__item__thumb__imgbox__img {
    width: 100%;
}

.w14-products-1__items__item__image {
    position: relative;
}

    .w14-products-1__items__item__image:hover .w14-products-1__items__item__image__view {
        opacity: 1;
    }

.w14-products-1__items__item__image__view {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s ease;
}

.w14-products-1__items__item__image__view__button {
    padding: 1em;
    border-radius: 50%;
    font-size: 1.4em;
    background-color: rgba(255, 255, 255, 0.87);
}

    .w14-products-1__items__item__image__view__button:hover {
        background-color: white;
    }

.w14-products-1__items__item__image__cate {
    position: absolute;
    top: -1em;
    background-color: #f7884c;
    color: white;
    padding: 1em;
    font-weight: 800;
    text-transform: uppercase;
    left: 3em;
}

.w14-products-1__items__item__image__imgbox {
    border-radius: .5em;
    background-size: contain;
    background-position: center;
}

.w14-products-1__items__item__image__imgbox__img {
    width: 100%;
}

.w14-products-1__items__item__image__info {
    position: absolute;
    bottom: 1em;
    display: flex;
    width: 100%;
    align-items: center;
    color: white;
    padding: 0 1em;
}

.w14-products-1__items__item__image__info__imgbox {
    width: 5em;
    border-radius: 50%;
    height: 5em;
    overflow: hidden;
    border: .2em solid #fff;
    background-size: contain;
    background-position: center;
}

.w14-products-1__items__item__image__info__imgbox__img {
    height: 100%;
    width: 100%;
}

.w14-products-1__items__item__image__info__name {
    margin-left: .5em;
    font-weight: 600;
}

.w14-products-1__items__item__image__info__type {
    background-color: #28a745;
    text-transform: uppercase;
    padding: .5em;
    font-weight: 600;
    margin-left: auto;
}

.w14-products-1__items__item__content {
    padding: 1em 2em;
    border-radius: .5em;
    position: absolute;
    background-color: white;
    display: inline-block;
    bottom: 2em;
    left: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w14-products-1__items__item__content {
        position: relative;
        bottom: 0;
        left: 0;
    }
}

.w14-products-1__items__item__content__main {
    font-weight: 600;
    font-size: 1.6em;
    margin-top: 1em;
    display: block;
}

.w14-products-1__items__item__content__des {
    color: #777;
    margin-top: .5em;
    font-size: 1.3em;
}

.w14-products-1__items__item__content__amen {
    display: flex;
    margin-top: 2em;
    padding-bottom: 1.5em;
    border-bottom: .1em solid #eee;
    flex-wrap: wrap;
}

.w14-products-1__items__item__content__amen__info {
    display: flex;
    align-items: center;
    width: 30%;
}

    .w14-products-1__items__item__content__amen__info:not(:last-child) {
        margin-right: .5em;
    }

.w14-products-1__items__item__content__amen__info__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

.w14-products-1__items__item__content__amen__info__text {
    font-size: 1.4em;
    font-weight: 600;
    margin-left: .2em;
}

.w14-products-1__items__item__content__sale {
    padding: 2em 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w14-products-1__items__item__content__sale__price {
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    align-items: center;
}

.w14-products-1__items__item__content__sale__price__main {
    font-size: 1.6em;
}

.w14-products-1__items__item__content__sale__price__sub {
    font-size: 1.4em;
    margin-left: 1em;
    opacity: .5;
    text-decoration: line-through;
}

.w14-products-1__items__item__content__sale__icon {
    padding: 1em;
    font-size: 1.3em;
    border: .1em solid #eee;
    border-radius: .2em;
    transition: all .2s;
    cursor: pointer;
}

    .w14-products-1__items__item__content__sale__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

/*ed*/
/*w14-products*/
.w14-products {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f1f7;
}

.w14-products__group {
    max-width: 120em;
    margin: 0 auto;
}

.w14-products__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block;
}

    .w14-products__heading__title::after {
        content: "";
        width: 2em;
        margin-top: 0.8em;
        height: 0.05em;
        background-color: rgba(var(--main-color-w), 1);
        display: block;
    }

.w14-products__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em;
    line-height: 1.8em;
}

.w14-products__heading__home {
    display: flex;
    align-items: center;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    text-transform: capitalize;
}

.w14-products__heading__home__text {
    margin-left: 1em;
}

.w14-products__heading__button {
    color: white;
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 2em;
    border-radius: 0.3em;
    margin-top: 1em;
    font-size: 1.5em;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.w14-products__heading__button__line {
    margin: 0 1em;
    display: inline-block;
    height: 3em;
    background-color: white;
    width: 0.05em;
}

.w14-products__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3em;
    gap: 2%;
}

.w14-products__items__item {
    background-color: white;
    width: 32%;
    height: max-content;
    margin-top: 1em;
    border-radius: 0.5em;
    box-shadow: 0.3em 0.3em 0.1em 0.1em #eee;
}

@media only screen and (max-width: 50em) {
    .w14-products__items__item {
        width: 90%;
        text-align: center;
        margin-left: 0;
        margin: 0 auto;
    }
}

.w14-products__items__item__image {
    position: relative;
}

    .w14-products__items__item__image:hover .w14-products__items__item__image__view {
        opacity: 1;
    }

.w14-products__items__item__image__view {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.2s ease;
}

.w14-products__items__item__image__view__button {
    cursor: pointer;
    padding: 1em;
    border-radius: 50%;
    font-size: 1.4em;
    background-color: rgba(255, 255, 255, 0.87);
}

    .w14-products__items__item__image__view__button:hover {
        background-color: white;
    }

.w14-products__items__item__image__cate {
    position: absolute;
    top: -1em;
    background-color: #f7884c;
    color: white;
    padding: 1em;
    font-weight: 800;
    text-transform: uppercase;
    left: 3em;
}

.w14-products__items__item__image__imgbox {
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w14-products__items__item__image__imgbox__img {
    width: 100%;
}

.w14-products__items__item__image__info {
    position: absolute;
    bottom: 1em;
    display: flex;
    width: 100%;
    align-items: center;
    color: white;
    padding: 0 1em;
}

.w14-products__items__item__image__info__imgbox {
    width: 5em;
    border-radius: 50%;
    height: 5em;
    min-width: 5em;
    overflow: hidden;
    border: 0.2em solid #fff;
    background-size: contain;
    background-position: center;
}

.w14-products__items__item__image__info__imgbox__img {
    height: 100%;
    width: 100%;
}

.w14-products__items__item__image__info__name {
    margin-left: 0.5em;
    font-weight: 600;
}

.w14-products__items__item__image__info__type {
    background-color: #28a745;
    text-transform: uppercase;
    padding: 0.5em;
    font-weight: 600;
    margin-left: auto;
}

.w14-products__items__item__content {
    padding: 0 1em;
}

.w14-products__items__item__content__main {
    font-weight: 600;
    font-size: 1.6em;
    margin-top: 1em;
    display: block;
    line-height: 1.8em;
}

.w14-products__items__item__content__des {
    color: #777;
    margin-top: 0.5em;
    font-size: 1.3em;
    line-height: 1.8em;
}

.w14-products__items__item__content__amen {
    display: flex;
    margin-top: 2em;
    padding-bottom: 1.5em;
    border-bottom: 0.1em solid #eee;
    flex-wrap: wrap;
}

.w14-products__items__item__content__amen__info {
    display: flex;
    align-items: center;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w14-products__items__item__content__amen__info {
        width: 45%;
        margin-top: 1em;
    }
}

.w14-products__items__item__content__amen__info:not(:last-child) {
    margin-right: 0.5em;
}

.w14-products__items__item__content__amen__info__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

.w14-products__items__item__content__amen__info__text {
    font-size: 1.4em;
    font-weight: 600;
    margin-left: 0.2em;
}

.w14-products__items__item__content__sale {
    padding: 2em 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w14-products__items__item__content__sale__price {
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    align-items: center;
}

.w14-products__items__item__content__sale__price__main {
    font-size: 1.6em;
}

.w14-products__items__item__content__sale__price__sub {
    font-size: 1.4em;
    margin-left: 1em;
    opacity: 0.5;
    text-decoration: line-through;
}

.w14-products__items__item__content__sale__icon {
    padding: 1em;
    font-size: 1.3em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    transition: all 0.2s;
    cursor: pointer;
}

    .w14-products__items__item__content__sale__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

/*ed*/
/*w14-testimonials*/
.w14-testimonials {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w14-testimonials__group {
    max-width: 120em;
    margin: 0 auto;
}

.w14-testimonials__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block;
}

    .w14-testimonials__heading__title::after {
        content: "";
        width: 2em;
        margin-top: .8em;
        height: .05em;
        background-color: rgba(var(--main-color-w), 1);
        display: block;
    }

.w14-testimonials__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em;
}

.w14-testimonials__heading__home {
    display: flex;
    align-items: center;
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    text-transform: capitalize;
}

.w14-testimonials__heading__home__text {
    margin-left: 1em;
}

.w14-testimonials__heading__button {
    color: white;
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 2em;
    border-radius: .3em;
    margin-top: 1em;
    font-size: 1.5em;
    font-weight: 800;
    display: inline-flex;
    align-items: center;
}

.w14-testimonials__heading__button__line {
    margin: 0 1em;
    display: inline-block;
    height: 3em;
    background-color: white;
    width: .05em;
}

.w14-testimonials__items {
    margin-top: .5em;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.w14-testimonials__items__button {
    border: .1em solid #eee;
    border-radius: 50%;
    text-align: center;
    color: #a7a7a7;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: transparent;
    outline: none;
    font-size: 1.5em;
    cursor: pointer;
    transition: all .2s;
}

    .w14-testimonials__items__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w14-testimonials__items__button-next {
    position: absolute;
    right: 1em;
    top: 40%;
    margin-right: 1em;
    z-index: 2;
}

.w14-testimonials__items__button__icon {
    font-size: 1em;
}

.w14-testimonials__items__button-prev {
    position: absolute;
    top: 40%;
    left: 1em;
    z-index: 2;
}

.w14-testimonials__items__item {
    padding: 2em 4em;
    margin: 1em 1em 1em 1em;
    box-shadow: 0.1em 0.1em 1.5em 0.1em rgba(241, 241, 241, 0.281);
    width: 95%;
    background-color: white;
}

.w14-testimonials__items__item__star__icon {
    color: #ffc107;
}

.w14-testimonials__items__item__text {
    font-size: 1.3em;
    margin-top: 1em;
    line-height: 1.6em;
}

.w14-testimonials__items__item__image {
    margin-top: 2em;
    display: flex;
    align-items: center;
}

.w14-testimonials__items__item__image__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    border-radius: 50%;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w14-testimonials__items__item__image__imgbox {
        font-size: 1em !important;
    }
}

.w14-testimonials__items__item__image__imgbox__img {
    width: 100%;
    height: 100%;
}

.w14-testimonials__items__item__image__user {
    margin-left: 2em;
}

.w14-testimonials__items__item__image__user__name {
    font-weight: 600;
    font-size: 1.3em;
    text-transform: uppercase;
}

.w14-testimonials__items__item__image__user__job {
    margin-top: .5em;
    color: darkgray;
}

/*ed*/
/*w14-blogdetail*/
.w14-blogdetail {
    width: 100%;
    padding: 2em 1em;
}

.w14-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w14-blogdetail__group {
        flex-direction: column;
    }
}

.w14-blogdetail__first {
    width: 67%;
}

@media only screen and (max-width: 43.75em) {
    .w14-blogdetail__first {
        width: 100%;
    }
}

.w14-blogdetail__first__heading__cate {
    display: inline-block;
    color: rgba(var(--main-color-w), 1);
    text-transform: uppercase;
    font-size: 1.4em;
    font-weight: 800;
    border-radius: .3em;
}

.w14-blogdetail__first__heading__title {
    font-weight: 600;
    font-size: 3em;
    margin-top: 1em;
    text-transform: capitalize;
}

.w14-blogdetail__first__heading__postinfo {
    margin-top: 2em;
    align-items: center;
    display: flex;
}

.w14-blogdetail__first__heading__postinfo__user {
    align-items: center;
    display: flex;
    color: var(--text-color-w);
    font-size: 1.3em;
    margin-left: 1em;
}

.w14-blogdetail__first__heading__postinfo__user__img {
    border-radius: 50%;
    width: 3em;
    height: 3em;
}

.w14-blogdetail__first__heading__postinfo__user__text {
    margin-left: 1rem;
}

.w14-blogdetail__first__heading__postinfo__user__icon {
    color: rgba(var(--main-color-w), 1);
}

.w14-blogdetail__first__heading__postinfo__user__des {
    margin-left: .5em;
}

.w14-blogdetail__first__imgbox {
    margin-top: 2em;
    border-radius: .7em;
    background-size: contain;
    background-position: center;
}

.w14-blogdetail__first__imgbox__img {
    width: 100%;
}

.w14-blogdetail__first__text {
    color: black;
    margin-top: 2em;
    display: block;
    text-align: justify;
    color: black;
    margin-top: 1em;
    font-size: 1.6em;
    line-height: 1.8em;
}

    .w14-blogdetail__first__text h2,
    .w14-blogdetail__first__text h3,
    .w14-blogdetail__first__text iframe,
    .w14-blogdetail__first__text h4,
    .w14-blogdetail__first__text h5,
    .w14-blogdetail__first__text img,
    .w14-blogdetail__first__text p {
        margin: .5em 0;
    }

    .w14-blogdetail__first__text ul,
    .w14-blogdetail__first__text ol {
        list-style: none;
    }

.w14-blogdetail__first__share {
    margin-top: 2em;
    padding: 2em 0 2em 0;
    display: flex;
    border-top: .1em solid #eee;
    border-bottom: .1em solid #eee;
    justify-content: space-between;
    align-items: center;
}

.w14-blogdetail__first__share__link {
    font-size: 1.4em;
}

.w14-blogdetail__first__share__link__text {
    font-weight: 600;
    margin-right: 1em;
    padding: 1em;
}

.w14-blogdetail__first__share__link__icon {
    padding: 1em;
    background-color: #f7f7f7;
    border-radius: 50%;
    cursor: pointer;
    transition: all .2s;
}

    .w14-blogdetail__first__share__link__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w14-blogdetail__first__share__tag__text {
    font-size: 1.2em;
    font-weight: 300;
    border: .1em solid #eee;
    padding: 1em;
    margin-left: .5em;
}

.w14-blogdetail__first__share__tag__text-tag {
    font-weight: 600;
    display: inline-block;
}

.w14-blogdetail__first__share__tag__text:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w14-blogdetail__first__page {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
    padding-bottom: 2em;
    border-bottom: .1em solid #eee;
}

.w14-blogdetail__first__page__site {
    background-color: #f6f6f9;
    align-items: center;
    display: flex;
    width: 50%;
}

.w14-blogdetail__first__page__site__imgbox {
    min-width: 40%;
    width: 40%;
    height: 100%;
}

.w14-blogdetail__first__page__site__imgbox__img {
    width: 100%;
}

.w14-blogdetail__first__page__site__info {
    margin-left: 2em;
    padding: 2em;
    display: flex;
}

.w14-blogdetail__first__page__site__info__icon {
    text-align: center;
    font-size: 1.6em;
    transition: all .2s;
    cursor: pointer;
}

.w14-blogdetail__first__page__site__info__text {
    font-size: 1.4em;
    font-weight: 600;
    margin-top: 1em;
    display: block;
}

.w14-blogdetail__first__page__site__info__pre {
    color: rgba(var(--main-color-w), 1);
}

.w14-blogdetail__first__page__site__info__pre__post {
    font-weight: 600;
    text-transform: uppercase;
}

.w14-blogdetail__first__review {
    padding: 2em;
}

.w14-blogdetail__first__review__first {
    width: 100%;
}

.w14-blogdetail__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w14-blogdetail__first__review__first__imgbox {
    width: 7em;
    min-width: 7em;
    height: 7em;
}

.w14-blogdetail__first__review__first__imgbox__img {
    width: 100%;
}

.w14-blogdetail__first__review__first__comment {
    margin-left: 2em;
    border: .1em solid #eee;
    padding: 1em;
    border-radius: .5em;
}

.w14-blogdetail__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w14-blogdetail__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.4em;
}

.w14-blogdetail__first__review__first__comment__head__user__date {
    color: var(--text-color-w);
    margin-top: .5em;
    font-size: 1.4em;
}

.w14-blogdetail__first__review__first__comment__star__icon {
    color: #f93;
    font-size: 1.4em;
}

.w14-blogdetail__first__review__first__comment__text {
    color: var(--text-color-w);
    margin-top: 1em;
    text-align: justify;
    line-height: 1.8em;
    font-size: 1.4em;
}

.w14-blogdetail__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: .1em solid #eee;
    padding: 2em;
    border-radius: .7em;
}

    .w14-blogdetail__first__review__second sup {
        color: #ef3636;
        font-size: 1.3em;
    }

.w14-blogdetail__first__review__second__title {
    font-weight: 300;
    font-size: 1.4em;
}

.w14-blogdetail__first__review__second__textrate {
    margin-top: 2em;
    font-size: 1.4em;
}

.w14-blogdetail__first__review__second__textreview {
    margin-top: 1em;
    font-size: 1.4em;
}

.w14-blogdetail__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: .5em;
    font-size: 1.4em;
    padding: 1em;
}

.w14-blogdetail__first__review__second__star {
    display: flex;
    align-items: center;
}

.w14-blogdetail__first__review__second__star__items {
    margin-left: 1em;
}

.w14-blogdetail__first__review__second__star__items__icon {
    color: darkgray;
}

.w14-blogdetail__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w14-blogdetail__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w14-blogdetail__first__review__second__textform__name__info {
    font-weight: 300;
}

.w14-blogdetail__first__review__second__textform__name__input {
    margin-top: .5em;
    display: inline-block;
    width: 100%;
    padding: .5em;
}

.w14-blogdetail__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: .2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w14-blogdetail__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w14-blogdetail__second {
    width: 30%;
    margin-top: 4em;
}

@media only screen and (max-width: 43.75em) {
    .w14-blogdetail__second {
        width: 100%;
    }
}

.w14-blogdetail__second__search {
    display: flex;
    align-items: center;
    border: .1em solid #eee;
    border-radius: .5em;
    overflow: hidden;
}

.w14-blogdetail__second__search__input {
    border: none;
    outline: none;
    margin-left: 1em;
    width: 100%;
}

.w14-blogdetail__second__search__icon {
    font-size: 1.7em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    margin-left: auto;
    outline: none;
    border: none;
}

.w14-blogdetail__second__latest {
    border-radius: .5em;
    overflow: hidden;
    margin-top: 2em;
    border: .1em solid #eee;
    border-radius: .7em;
}

.w14-blogdetail__second__latest__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-blogdetail__second__latest__heading__icon {
    color: rgba(var(--main-color-w), 1);
}

.w14-blogdetail__second__latest__content {
    display: flex;
    align-items: center;
    padding: 1.5em 2em;
}

.w14-blogdetail__second__latest__content__imgbox {
    min-width: 10em;
    width: 10em;
    height: 8em;
    overflow: hidden;
}

.w14-blogdetail__second__latest__content__imgbox__img {
    border-radius: .2em;
    width: 100%;
}

.w14-blogdetail__second__latest__content__info {
    margin-left: 1em;
    transition: all .2s;
    display: flex;
    cursor: pointer;
}

.w14-blogdetail__second__latest__content__info__date {
    margin-top: .5em;
    color: #626262;
    text-transform: capitalize;
}

.w14-blogdetail__second__latest__content__info__text {
    font-size: 1.5em;
    font-weight: 500;
    display: block;
}

.w14-blogdetail__second__latest__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w14-blogdetail__second__blog {
    margin-top: 2em;
    border: .1em solid #eee;
    border-radius: .7em;
}

.w14-blogdetail__second__blog__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-blogdetail__second__blog__heading__icon {
    color: rgba(var(--main-color-w), 1);
}

.w14-blogdetail__second__blog__content {
    padding: 1.5em 2em;
}

.w14-blogdetail__second__blog__content__info {
    cursor: pointer;
    display: flex;
    align-items: center;
}

.w14-blogdetail__second__blog__content__info__icon {
    font-size: 1.6em;
}

.w14-blogdetail__second__blog__content__info__text {
    font-size: 1.3em;
    margin-left: 1em;
    display: block;
}

.w14-blogdetail__second__blog__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w14-blogdetail__second__tag {
    margin-top: 2em;
    border: .1em solid #eee;
}

.w14-blogdetail__second__tag__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-blogdetail__second__tag__content {
    padding: 1em 2em;
    display: flex;
    flex-wrap: wrap;
}

.w14-blogdetail__second__tag__content__button {
    background-color: transparent;
    outline: none;
    padding: 1em;
    border: .1em solid #eee;
    text-transform: capitalize;
    color: #626262;
    margin-left: 1em;
    margin-top: 1em;
    display: inline-block;
    cursor: pointer;
    transition: all .2s;
}

    .w14-blogdetail__second__tag__content__button:hover {
        color: white;
        background: rgba(var(--second-color-w), 1);
    }

.w14-blogdetail__second__social {
    margin-top: 2em;
    border: .1em solid #eee;
}

.w14-blogdetail__second__social__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-blogdetail__second__social__content {
    padding: 1em 2em;
    display: flex;
    flex-wrap: wrap;
}

.w14-blogdetail__second__social__content__icon {
    background-color: transparent;
    outline: none;
    padding: 1em;
    border: .1em solid #eee;
    text-transform: capitalize;
    color: #626262;
    margin-left: 1em;
    margin-top: 1em;
    display: inline-block;
    font-size: 1.6em;
    cursor: pointer;
    transition: all .2s;
}

    .w14-blogdetail__second__social__content__icon:hover {
        color: white;
        background: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w14-bloglist*/
.w14-bloglist {
    width: 100%;
    padding: 2em 1em;
}

.w14-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w14-bloglist__group {
        flex-direction: column;
    }
}

.w14-bloglist__first {
    width: 67%;
}

@media only screen and (max-width: 43.75em) {
    .w14-bloglist__first {
        width: 100%;
    }
}

.w14-bloglist__first__items {
    margin-top: 4em;
}

@media only screen and (min-width: 43.75em) {
    .w14-bloglist__first__items__2 {
        width: 47.5%;
        display: inline-block;
        margin-right: 2%;
    }
}

.w14-bloglist__first__items__2 figure.w14-bloglist__first__items__image__imgbox {
    background-size: contain;
    background-position: center;
}

.w14-bloglist__first__items__image {
    position: relative;
}

.w14-bloglist__first__items__image__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w14-bloglist__first__items__image__imgbox__img {
    width: 100%;
}

.w14-bloglist__first__items__image__user {
    position: absolute;
    bottom: -3em;
    background-color: white;
    display: flex;
    align-items: center;
    padding: 1.5em;
    left: 5em;
    border-radius: 4em;
    box-shadow: .1em .1em 1em .05em #eee;
}

.w14-bloglist__first__items__image__user__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
}

.w14-bloglist__first__items__image__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w14-bloglist__first__items__image__user__text {
    margin-left: 1em;
    font-size: 1.4em;
    font-weight: 600;
}

.w14-bloglist__first__items__content {
    margin-top: 6em;
}

.w14-bloglist__first__items__content__post {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
}

.w14-bloglist__first__items__content__post__cate {
    color: rgba(var(--main-color-w), 1);
    font-weight: 700;
}

.w14-bloglist__first__items__content__post__text {
    color: #626262;
    margin-left: 1em;
}

.w14-bloglist__first__items__content__main {
    margin-top: .2em;
    font-size: 2.5em;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
}

    .w14-bloglist__first__items__content__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w14-bloglist__first__items__content__sub {
    margin-top: 1em;
    color: #626262;
    font-size: 1.4em;
}

.w14-bloglist__first__items__content__button {
    font-weight: 600;
    background-color: transparent;
    text-transform: capitalize;
    border: none;
    font-size: 1.6em;
    margin-top: 2em;
    padding-bottom: .5em;
    display: block;
    cursor: pointer;
    border-bottom: .15em solid black;
}

    .w14-bloglist__first__items__content__button:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w14-bloglist__first__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w14-bloglist__first__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    border: .1em solid #eee;
    cursor: pointer;
}

.w14-bloglist__first__paging .active {
    background-color: black;
    color: white;
}

.w14-bloglist__first__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    border: .1em solid #eee;
    width: 3.4em;
    padding: 1em;
    border-radius: 50%;
}

.w14-bloglist__second {
    width: 30%;
    margin-top: 4em;
}

@media only screen and (max-width: 43.75em) {
    .w14-bloglist__second {
        width: 100%;
    }
}

.w14-bloglist__second__search {
    display: flex;
    align-items: center;
    border: .1em solid #eee;
    border-radius: .5em;
    overflow: hidden;
}

.w14-bloglist__second__search__input {
    border: none;
    outline: none;
    margin-left: 1em;
    width: 100%;
}

.w14-bloglist__second__search__icon {
    font-size: 2em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    margin-left: auto;
}

.w14-bloglist__second__latest {
    border-radius: .5em;
    overflow: hidden;
    margin-top: 2em;
    border: .1em solid #eee;
    border-radius: .7em;
}

.w14-bloglist__second__latest__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-bloglist__second__latest__heading__icon {
    color: rgba(var(--main-color-w), 1);
}

.w14-bloglist__second__latest__content {
    display: flex;
    align-items: center;
    padding: 1.5em 2em;
}

.w14-bloglist__second__latest__content__imgbox {
    min-width: 5em;
    width: 5em;
    height: 5em;
    overflow: hidden;
    border-radius: .2em;
    background-size: contain;
    background-position: center;
}

.w14-bloglist__second__latest__content__imgbox__img {
    width: 100%;
}

.w14-bloglist__second__latest__content__info {
    margin-left: 1em;
    transition: all .2s;
    cursor: pointer;
}

.w14-bloglist__second__latest__content__info__date {
    margin-top: .5em;
    color: #626262;
    text-transform: capitalize;
}

.w14-bloglist__second__latest__content__info__text {
    font-size: 1.5em;
    font-weight: 500;
    display: block;
}

.w14-bloglist__second__latest__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w14-bloglist__second__blog {
    margin-top: 2em;
    border: .1em solid #eee;
    border-radius: .7em;
}

.w14-bloglist__second__blog__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-bloglist__second__blog__heading__icon {
    color: rgba(var(--main-color-w), 1);
}

.w14-bloglist__second__blog__content {
    padding: 1.5em 2em;
}

.w14-bloglist__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w14-bloglist__second__blog__content__info__icon {
    font-size: 1.6em;
}

.w14-bloglist__second__blog__content__info__text {
    font-size: 1.3em;
    margin-left: 1em;
    display: block;
}

.w14-bloglist__second__blog__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w14-bloglist__second__tag {
    margin-top: 2em;
    border: .1em solid #eee;
}

.w14-bloglist__second__tag__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-bloglist__second__tag__content {
    padding: 1em 2em;
    display: flex;
    flex-wrap: wrap;
}

.w14-bloglist__second__tag__content__button {
    background-color: transparent;
    outline: none;
    padding: 1em;
    border: .1em solid #eee;
    text-transform: capitalize;
    color: #626262;
    margin-left: 1em;
    margin-top: 1em;
    display: inline-block;
    cursor: pointer;
    transition: all .2s;
}

    .w14-bloglist__second__tag__content__button:hover {
        color: white;
        background: rgba(var(--second-color-w), 1);
    }

.w14-bloglist__second__social {
    margin-top: 2em;
    border: .1em solid #eee;
}

.w14-bloglist__second__social__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 1em;
    background-color: #f6f6f9;
    text-transform: capitalize;
}

.w14-bloglist__second__social__content {
    padding: 1em 2em;
    display: flex;
    flex-wrap: wrap;
}

.w14-bloglist__second__social__content__icon {
    background-color: transparent;
    outline: none;
    padding: 1em;
    border: .1em solid #eee;
    text-transform: capitalize;
    color: #626262;
    margin-left: 1em;
    margin-top: 1em;
    display: inline-block;
    font-size: 1.6em;
    cursor: pointer;
    transition: all .2s;
}

    .w14-bloglist__second__social__content__icon:hover {
        color: white;
        background: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w14-productdetail*/
.w14-productdetail {
    position: relative;
    width: 100%;
    padding: 2em 1em;
}

.w14-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w14-productdetail__gll {
    position: relative;
    margin: 0 auto;
}

.w14-productdetail__gll__img-slider {
    background-position: center;
    background-size: contain;
    background-position: center;
    height: 60em;
}

.w14-productdetail__gll__img-slider__img {
    width: 100%;
}

.w14-productdetail__gll__img {
    display: none !important;
}

.w14-productdetail__gll__360 {
    display: none;
}

.w14-productdetail__gll__location {
    display: none;
}

.w14-productdetail__gll__item {
    position: absolute;
    top: 2em;
    display: block;
    z-index: 2;
    right: 5%;
}

.w14-productdetail__gll__item__icon {
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.719);
    color: white;
    border-radius: 0.3em;
    font-size: 1.4em;
    cursor: pointer;
    margin-left: 0.5em;
}

.w14-productdetail__gll__item__icon-active {
    background-color: #ff5a5f;
}

.w14-productdetail__gll .owl-thumb-item {
    background-color: transparent !important;
    border: 0.2em solid white;
    margin-left: 0.5em;
    background-size: cover;
}

.w14-productdetail__gll__owl-imgbox {
    background-size: contain;
    background-position: center;
}

.w14-productdetail__gll__owl-imgbox__img {
    width: 100%;
}

.w14-productdetail__gll__owl-thumb {
    width: 50%;
    display: flex;
    bottom: 1em;
    background-color: transparent;
    position: absolute;
    z-index: 1;
}

.w14-productdetail__gll__owl-thumb__imgbox {
    width: 20em;
    background-size: contain;
    background-position: center;
}

.w14-productdetail__gll__owl-thumb__imgbox__img {
    width: 100%;
}

.w14-productdetail__gll__owl-col {
    width: 30%;
}

.w14-productdetail__gll__button {
    border: 0.1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
}

    .w14-productdetail__gll__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w14-productdetail__gll__button-next {
    position: absolute;
    top: 40%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w14-productdetail__gll__button__icon {
    font-size: 2em;
}

.w14-productdetail__gll__button-prev {
    position: absolute;
    top: 40%;
    margin-left: 1em;
    z-index: 2;
}

.w14-productdetail__title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 1em;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.w14-productdetail__title__info__name {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    font-size: 1.4em;
    font-weight: 600;
}

.w14-productdetail__title__info__name__type {
    background-color: #ff5a5f;
    color: white;
    padding: 0.7em;
    border-radius: 0.2em;
    font-size: 0.7em;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 700;
}

    .w14-productdetail__title__info__name__type:last-child {
        background-color: #42bc61;
    }

.w14-productdetail__title__info__location {
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 1em;
    display: block;
}

.w14-productdetail__title__info__location__icon {
    color: rgba(var(--main-color-w), 1);
}

.w14-productdetail__title__info__location__text {
    color: #777;
}

.w14-productdetail__title__info__price {
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    margin-left: auto;
}

.w14-productdetail__title__info__price__main {
    font-weight: 600;
    font-size: 2.2em;
}

.w14-productdetail__title__info__price__sub {
    color: rgba(var(--main-color-w), 1);
    margin-left: 1em;
    transition: all 0.2s;
    cursor: pointer;
    text-decoration: line-through;
}

.w14-productdetail__content {
    max-width: 120em;
    padding: 2em 0;
    margin: 0 auto;
}

@media only screen and (max-width: 56.25em) {
    .w14-productdetail__content {
        padding: 2em;
    }
}

.w14-productdetail__content__body {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w14-productdetail__content__body {
        flex-direction: column;
    }
}

.w14-productdetail__content__body__first {
    width: 65%;
}

@media only screen and (max-width: 56.25em) {
    .w14-productdetail__content__body__first {
        width: 50%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w14-productdetail__content__body__first {
        width: 100%;
    }
}

.w14-productdetail__content__body__first__row {
    border-bottom: 0.1em solid #eee;
    background-color: white;
    padding: 1em;
    padding-bottom: 2em;
    border-radius: 0.5em;
}

.w14-productdetail__content__body__first__heading {
    font-size: 1.8em;
    color: black;
    font-weight: 600;
}

.w14-productdetail__content__body__first__text {
    background-color: white;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.8em;
    font-size: 1.5em;
    text-align: justify;
}

    .w14-productdetail__content__body__first__text h2,
    .w14-productdetail__content__body__first__text h3,
    .w14-productdetail__content__body__first__text h4,
    .w14-productdetail__content__body__first__text h5,
    .w14-productdetail__content__body__first__text img,
    .w14-productdetail__content__body__first__text iframe,
    .w14-productdetail__content__body__first__text p {
        margin: 0.7em 0;
    }

    .w14-productdetail__content__body__first__text ul,
    .w14-productdetail__content__body__first__text ol {
        list-style: none;
    }

.w14-productdetail__content__body__first__amen {
    margin-top: 1em;
}

.w14-productdetail__content__body__first__amen__text {
    font-size: 1.8em;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.w14-productdetail__content__body__first__amen__row {
    display: flex;
    flex-wrap: wrap;
}

.w14-productdetail__content__body__first__amen__info {
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    width: 22%;
    margin-bottom: 2em;
}

.w14-productdetail__content__body__first__amen__info__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: 1em;
    font-size: 1.8em;
    margin-top: 0.5em;
}

.w14-productdetail__content__body__first__amen__info__text {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 600;
}

.w14-productdetail__content__body__first__location__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w14-productdetail__content__body__first__location iframe {
    margin-top: 1em;
    display: block;
    border-radius: 1em;
}

.w14-productdetail__content__body__first__tourbox__text {
    font-size: 1.6em;
    font-weight: 600;
    cursor: pointer;
    margin-top: 1em;
    display: block;
    padding: 1em;
}

.w14-productdetail__content__body__first__tourbox__tab {
    margin-top: 2em;
}

    .w14-productdetail__content__body__first__tourbox__tab iframe {
        border-radius: 1em;
    }

.w14-productdetail__content__body__first__review {
    padding: 2em;
}

.w14-productdetail__content__body__first__review__first {
    width: 100%;
}

.w14-productdetail__content__body__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w14-productdetail__content__body__first__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w14-productdetail__content__body__first__review__first__imgbox__img {
    width: 100%;
}

.w14-productdetail__content__body__first__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w14-productdetail__content__body__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w14-productdetail__content__body__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w14-productdetail__content__body__first__review__first__comment__head__user__date {
    color: #777;
}

.w14-productdetail__content__body__first__review__first__comment__star__icon {
    color: #f93;
}

.w14-productdetail__content__body__first__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w14-productdetail__content__body__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w14-productdetail__content__body__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w14-productdetail__content__body__first__review__second__title {
    font-weight: 300;
}

.w14-productdetail__content__body__first__review__second__textrate {
    margin-top: 2em;
}

.w14-productdetail__content__body__first__review__second__textreview {
    margin-top: 1em;
}

.w14-productdetail__content__body__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w14-productdetail__content__body__first__review__second__star {
    display: flex;
    align-items: center;
}

.w14-productdetail__content__body__first__review__second__star__items {
    margin-left: 1em;
}

.w14-productdetail__content__body__first__review__second__star__items__icon {
    color: darkgray;
}

.w14-productdetail__content__body__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w14-productdetail__content__body__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w14-productdetail__content__body__first__review__second__textform__name__info {
    font-weight: 300;
}

.w14-productdetail__content__body__first__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w14-productdetail__content__body__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w14-productdetail__content__body__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w14-productdetail__content__body__second {
    width: 33%;
    margin-top: -20em;
    z-index: 1;
}

@media only screen and (max-width: 56.25em) {
    .w14-productdetail__content__body__second {
        width: 45%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w14-productdetail__content__body__second {
        width: 100%;
    }
}

.w14-productdetail__content__body__second__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 4em;
}

.w14-productdetail__content__body__second__items__item {
    background-color: white;
    height: max-content;
    border-radius: 0.5em;
    box-shadow: 0.3em 0.3em 2em 0.01em #eee;
    margin-top: 1.5em;
}

.w14-productdetail__content__body__second__items__item__image {
    position: relative;
}

    .w14-productdetail__content__body__second__items__item__image:hover .w14-productdetail__content__body__second__items__item__image__view {
        opacity: 1;
    }

.w14-productdetail__content__body__second__items__item__image__view {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: all 0.2s ease;
}

.w14-productdetail__content__body__second__items__item__image__view__button {
    padding: 1em;
    border-radius: 50%;
    font-size: 1.4em;
    background-color: rgba(255, 255, 255, 0.87);
}

    .w14-productdetail__content__body__second__items__item__image__view__button:hover {
        background-color: white;
    }

.w14-productdetail__content__body__second__items__item__image__cate {
    position: absolute;
    top: -1em;
    background-color: #f7884c;
    color: white;
    padding: 1em;
    font-weight: 800;
    text-transform: uppercase;
    left: 3em;
}

.w14-productdetail__content__body__second__items__item__image__imgbox {
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w14-productdetail__content__body__second__items__item__image__imgbox__img {
    width: 100%;
}

.w14-productdetail__content__body__second__items__item__image__info {
    position: absolute;
    bottom: 1em;
    display: flex;
    width: 100%;
    align-items: center;
    color: white;
    padding: 0 1em;
}

.w14-productdetail__content__body__second__items__item__image__info__imgbox {
    width: 5em;
    min-width: 5em;
    border-radius: 50%;
    height: 5em;
    overflow: hidden;
    border: 0.2em solid #fff;
    background-size: contain;
    background-position: center;
}

.w14-productdetail__content__body__second__items__item__image__info__imgbox__img {
    height: 100%;
    width: 100%;
}

.w14-productdetail__content__body__second__items__item__image__info__name {
    margin-left: 0.5em;
    font-weight: 600;
}

.w14-productdetail__content__body__second__items__item__image__info__type {
    background-color: #28a745;
    text-transform: uppercase;
    padding: 0.5em;
    font-weight: 600;
    margin-left: auto;
}

.w14-productdetail__content__body__second__items__item__content {
    padding: 0 1em;
}

.w14-productdetail__content__body__second__items__item__content__main {
    font-weight: 600;
    font-size: 1.6em;
    margin-top: 1em;
    display: block;
}

.w14-productdetail__content__body__second__items__item__content__des {
    color: #777;
    margin-top: 0.5em;
    font-size: 1.3em;
}

.w14-productdetail__content__body__second__items__item__content__amen {
    display: flex;
    margin-top: 2em;
    padding-bottom: 1.5em;
    border-bottom: 0.1em solid #eee;
    flex-wrap: wrap;
}

.w14-productdetail__content__body__second__items__item__content__amen__info {
    display: flex;
    align-items: center;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w14-productdetail__content__body__second__items__item__content__amen__info {
        width: 45%;
        margin-top: 1em;
    }
}

.w14-productdetail__content__body__second__items__item__content__amen__info:not(:last-child) {
    margin-right: 0.5em;
}

.w14-productdetail__content__body__second__items__item__content__amen__info__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

.w14-productdetail__content__body__second__items__item__content__amen__info__text {
    font-size: 1.4em;
    font-weight: 600;
    margin-left: 0.2em;
}

.w14-productdetail__content__body__second__items__item__content__sale {
    padding: 2em 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w14-productdetail__content__body__second__items__item__content__sale__price {
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    align-items: center;
}

.w14-productdetail__content__body__second__items__item__content__sale__price__main {
    font-size: 1.6em;
}

.w14-productdetail__content__body__second__items__item__content__sale__price__sub {
    font-size: 1.4em;
    margin-left: 1em;
    opacity: 0.5;
    text-decoration: line-through;
}

.w14-productdetail__content__body__second__items__item__content__sale__icon {
    padding: 1em;
    font-size: 1.3em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    transition: all 0.2s;
}

    .w14-productdetail__content__body__second__items__item__content__sale__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w14-productdetail__content__body__second__contact {
    margin-right: 1em;
    padding: 2em;
    background-color: white;
    height: max-content;
    border-radius: 0.7em;
}

.w14-productdetail__content__body__second__contact__title {
    font-weight: 600;
    font-size: 1.6em;
}

.w14-productdetail__content__body__second__contact__user-row {
    margin-top: 2em;
    display: flex;
    align-items: center;
}

.w14-productdetail__content__body__second__contact__user__imgbox {
    max-width: 7em;
    max-height: 7em;
    width: 7em;
    height: 7em;
    border-radius: 50%;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w14-productdetail__content__body__second__contact__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w14-productdetail__content__body__second__contact__user__info {
    margin-left: 2em;
}

.w14-productdetail__content__body__second__contact__user__info__name {
    font-weight: 600;
    font-size: 1.6em;
    margin-bottom: 1em;
}

.w14-productdetail__content__body__second__contact__user__info__phone {
    font-weight: 300;
    font-size: 1.4em;
}

.w14-productdetail__content__body__second__contact__user__text {
    padding: 1em;
    width: 100%;
    border: 0.1em solid #eee;
    outline: none;
    margin-top: 1em;
    border-radius: 0.5em;
}

.w14-productdetail__content__body__second__contact__user__button {
    padding: 1em;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 1.3em;
    margin-top: 3em;
    border-radius: 0.3em;
    cursor: pointer;
}

    .w14-productdetail__content__body__second__contact__user__button:hover {
        filter: brightness(0.8);
    }

.w14-productdetail__content__body__second__latest {
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    background-color: white;
    border-radius: 0.5em;
}

.w14-productdetail__content__body__second__latest__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 0.5em;
}

.w14-productdetail__content__body__second__latest__content {
    display: flex;
    padding: 1em;
    margin-top: 1em;
    align-items: center;
}

.w14-productdetail__content__body__second__latest__content__imgbox {
    width: 15em;
    min-width: 15em;
    overflow: hidden;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w14-productdetail__content__body__second__latest__content__imgbox__img {
    width: 100%;
    height: 100%;
}

.w14-productdetail__content__body__second__latest__content__info {
    margin-left: 1em;
    transition: all 0.2s;
    cursor: pointer;
}

.w14-productdetail__content__body__second__latest__content__info__date {
    margin-top: 0.5em;
    color: #626262;
}

.w14-productdetail__content__body__second__latest__content__info__text {
    font-size: 1.6em;
    font-weight: 500;
}

.w14-productdetail__content__body__second__latest__content__info__properties {
    justify-content: space-between;
    margin-top: 1em;
}

.w14-productdetail__content__body__second__latest__content__info__properties__text {
    font-weight: 500;
    font-size: 1em;
    white-space: nowrap;
    margin-top: 1em;
    color: #777;
}

.w14-productdetail__content__body__second__latest__content__info__properties__price {
    font-size: 1.6em;
    font-weight: 600;
}

.w14-productdetail__content__body__second__latest__content__info__properties__price__sub {
    text-decoration: line-through;
    margin-left: 1em;
}

.w14-productdetail__content__body__second__latest__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

/*ed*/
/*w14-productlist*/
.w14-productlist {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f1f7;
}

.w14-productlist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w14-productlist__heading {
    text-align: center;
}

.w14-productlist__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3em;
    display: inline-block;
}

    .w14-productlist__heading__title::after {
        content: "";
        width: 2em;
        height: .05em;
        margin: .5em auto;
        background-color: rgba(var(--main-color-w), 1);
        display: block;
    }

.w14-productlist__heading__des {
    color: #777;
    font-size: 1.6em;
    margin-top: 1em;
}

.w14-productlist__heading__tab {
    border-top: .2em solid white;
    text-align: center;
    margin-top: 2em;
    border-radius: .2em;
}

.w14-productlist__heading__tab__name {
    padding: 1em;
    cursor: pointer;
    border-bottom-left-radius: .5em;
    border-bottom-right-radius: .5em;
    background-color: white;
    display: inline-block;
    font-size: 1.4em;
    position: relative;
    margin-left: -1em;
    font-weight: 600;
    margin-top: -.1em;
}

.w14-productlist__heading__tab__name-active {
    box-shadow: 0em .1em 1em .1em #eee;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    z-index: 2;
    display: inline-block;
    font-weight: 800;
}

.w14-productlist__items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.33333%;
}

@media only screen and (max-width: 50em) {
    .w14-productlist__items {
        gap: 2%;
    }
}

.w14-productlist__items__item {
    background-color: white;
    width: 32%;
    height: max-content;
    margin-top: 4em;
    border-radius: .5em;
    box-shadow: .3em .3em .1em .1em #eee;
}

@media only screen and (max-width: 50em) {
    .w14-productlist__items__item {
        width: 98%;
        text-align: center;
        margin-left: 0;
        margin: 0 auto;
    }
}

.w14-productlist__items__item__image {
    position: relative;
}

    .w14-productlist__items__item__image:hover .w14-productlist__items__item__image__view {
        opacity: 1;
    }

.w14-productlist__items__item__image__view {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s ease;
}

.w14-productlist__items__item__image__view__button {
    padding: 1em;
    border-radius: 50%;
    font-size: 1.4em;
    background-color: rgba(255, 255, 255, 0.87);
}

    .w14-productlist__items__item__image__view__button:hover {
        background-color: white;
    }

.w14-productlist__items__item__image__cate {
    position: absolute;
    top: -1em;
    background-color: #f7884c;
    color: white;
    padding: 1em;
    font-weight: 800;
    text-transform: uppercase;
    left: 3em;
}

.w14-productlist__items__item__image__imgbox {
    border-radius: .5em;
    background-size: contain;
    background-position: center;
}

.w14-productlist__items__item__image__imgbox__img {
    width: 100%;
}

.w14-productlist__items__item__image__info {
    position: absolute;
    bottom: 1em;
    display: flex;
    width: 100%;
    align-items: center;
    color: white;
    padding: 0 1em;
}

.w14-productlist__items__item__image__info__imgbox {
    width: 5em;
    border-radius: 50%;
    height: 5em;
    min-width: 5em;
    overflow: hidden;
    border: .2em solid #fff;
    background-size: contain;
    background-position: center;
}

.w14-productlist__items__item__image__info__imgbox__img {
    height: 100%;
    width: 100%;
}

.w14-productlist__items__item__image__info__name {
    margin-left: .5em;
    font-weight: 600;
}

.w14-productlist__items__item__image__info__type {
    background-color: #28a745;
    text-transform: uppercase;
    padding: .5em;
    font-weight: 600;
    margin-left: auto;
}

.w14-productlist__items__item__content {
    padding: 0 1em;
}

.w14-productlist__items__item__content__main {
    font-weight: 600;
    font-size: 1.6em;
    margin-top: 1em;
    display: block;
}

.w14-productlist__items__item__content__des {
    color: #777;
    margin-top: .5em;
    font-size: 1.3em;
}

.w14-productlist__items__item__content__amen {
    display: flex;
    margin-top: 2em;
    padding-bottom: 1.5em;
    border-bottom: .1em solid #eee;
    flex-wrap: wrap;
}

.w14-productlist__items__item__content__amen__info {
    display: flex;
    align-items: center;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w14-productlist__items__item__content__amen__info {
        width: 45%;
        margin-top: 1em;
    }
}

.w14-productlist__items__item__content__amen__info:not(:last-child) {
    margin-right: .5em;
}

.w14-productlist__items__item__content__amen__info__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

.w14-productlist__items__item__content__amen__info__text {
    font-size: 1.4em;
    font-weight: 600;
    margin-left: .2em;
}

.w14-productlist__items__item__content__sale {
    padding: 2em 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w14-productlist__items__item__content__sale__price {
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    align-items: center;
}

.w14-productlist__items__item__content__sale__price__main {
    font-size: 1.6em;
}

.w14-productlist__items__item__content__sale__price__sub {
    font-size: 1.4em;
    margin-left: 1em;
    opacity: .5;
    text-decoration: line-through;
}

.w14-productlist__items__item__content__sale__icon {
    padding: 1em;
    font-size: 1.3em;
    border: .1em solid #eee;
    border-radius: .2em;
    transition: all .2s;
}

    .w14-productlist__items__item__content__sale__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w14-productlist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w14-productlist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    border: .1em solid #eee;
    cursor: pointer;
}

.w14-productlist__paging .active {
    background-color: black;
    color: white;
}

.w14-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    border: .1em solid #eee;
    width: 3.4em;
    padding: 1em;
    border-radius: 50%;
}

/*ed*/
/*w14-thankyou*/
.w14-thankyou {
    width: 100%;
}

.w14-thankyou__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
}

.w14-thankyou__imgbox {
    width: 30em;
    height: 30em;
    display: inline-block;
    background-size: contain;
    background-position: center;
}

.w14-thankyou__imgbox__img {
    width: 100%;
}

.w14-thankyou__content {
    text-align: center;
}

.w14-thankyou__content__main {
    font-size: 3em;
    font-weight: 600;
    text-transform: capitalize;
}

.w14-thankyou__content__sub {
    margin-top: 1em;
    font-size: 1.6em;
}

.w14-thankyou__button {
    display: inline-block;
    margin: 0 auto;
    text-align: center;
    padding: 1em;
    margin-top: 2em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
}

/*ed*/
/*w15-banner*/
.w15-banner {
    width: 100%;
    background-image: url(/img/w15/1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
}

.w15-banner__group {
    max-width: 120em;
    margin: 0 auto;
    padding-top: 10em;
    padding-bottom: 25em;
}

.w15-banner__heading {
    font-size: 2em;
    color: #777;
    text-transform: capitalize;
    margin-top: 2em;
}

.w15-banner__des {
    font-size: 4em;
    margin-top: .5em;
    text-transform: capitalize;
    margin-bottom: 1em;
}

.w15-banner__search {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 1em;
    justify-content: center;
    box-shadow: 0.3em 0.3em 1em 0.3em rgba(0, 0, 0, 0.1);
    border-radius: .3em;
}

@media only screen and (max-width: 50em) {
    .w15-banner__search {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 37.5em) {
    .w15-banner__search {
        flex-direction: column;
    }
}

.w15-banner__search__form {
    width: 17%;
    border: .1em solid #eee;
    border-radius: .3em;
    display: flex;
    align-items: center;
    margin-right: 1em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w15-banner__search__form {
        width: 30%;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w15-banner__search__form {
        width: 100%;
    }
}

.w15-banner__search__form:hover {
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w15-banner__search__form__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 1em;
    margin-left: 1em;
}

.w15-banner__search__form__icon-right {
    margin-left: auto;
    float: right;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: .5em;
}

.w15-banner__search__form__input {
    border: none;
    outline: none;
    width: 100%;
    margin: .7em;
    font-size: 1.4em;
}

.w15-banner__search__form__items {
    margin: 1em;
    list-style: none;
    width: 100%;
    background-color: white;
}

.w15-banner__search__form__items__item {
    width: 100%;
}

.w15-banner__search__form__items__item__checkbox-sl {
    display: none;
}

.w15-banner__search__form__items__item__text {
    font-size: 1.2em;
    margin-right: .5em;
    width: 100%;
    white-space: nowrap;
    display: block;
    cursor: pointer;
}

.w15-banner__search__form__items__item__checkbox-sl:checked ~ .w15-banner__search__form__items-1 {
    display: block;
    z-index: 1;
}

.w15-banner__search__form__items-1 {
    list-style: none;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 4em;
    background-color: transparent;
    overflow: hidden;
    background-color: white;
    border: .1em solid #eee;
    border-radius: .5em;
}

.w15-banner__search__form__items-1__item {
    cursor: pointer;
    padding: 1em;
    width: 100%;
}

    .w15-banner__search__form__items-1__item:hover {
        background-color: #eee;
    }

.w15-banner__search__form__items-1__item__text {
    font-size: 1.2em;
    margin-right: .5em;
    white-space: nowrap;
}

.w15-banner__search__form__items-1__item__text-active {
    font-weight: 700;
}

.w15-banner__search__button {
    padding: 1em 2em;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3em;
    position: relative;
    cursor: pointer;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w15-banner__search__button {
        margin-top: 1em;
    }
}

.w15-banner__search__button__text {
    color: white;
    font-weight: 600;
    font-size: 1.4em;
    text-transform: uppercase;
}

.w15-banner__search__button::before {
    position: absolute;
    content: "";
    height: 50%;
    width: 50%;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    transition: all .2s;
}

.w15-banner__search__button:hover::before {
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.212);
}

/*ed*/
/*w15-products-1*/
.w15-products-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w15-products-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w15-products-1__heading {
    font-weight: 600;
    font-size: 4em;
    text-align: center;
}

.w15-products-1__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    gap: 1%;
}

.w15-products-1__items__child:hover .w15-products-1__items__child__card__action {
    bottom: 0;
}

.w15-products-1__items__child {
    width: 24%;
    margin-top: 1em;
    height: max-content;
    background-color: #F6F6F6;
    border-radius: 1em;
    overflow: hidden;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w15-products-1__items__child {
        width: 49%;
        margin-top: 2em;
    }
}

@media only screen and (max-width: 31.25em) {
    .w15-products-1__items__child {
        width: 100%;
        margin-top: 2em;
    }
}

.w15-products-1__items__child__image {
    position: relative;
}

.w15-products-1__items__child__image__imgbox {
    overflow: hidden;
    width: 100%;
    transition: all .2s;
    background-size: contain;
    background-position: center;
}

    .w15-products-1__items__child__image__imgbox:hover {
        transform: scale(1.1);
    }

.w15-products-1__items__child__image__imgbox__img {
    width: 100%;
}

.w15-products-1__items__child__image__icon {
    position: absolute;
    transform: translateY(-2em);
    padding: 1em;
    font-size: 1.3em;
    background-color: rgba(0, 0, 0, 0.808);
    color: white;
    border-radius: 50%;
    right: 1em;
    transition: all .2s;
    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.178);
    cursor: pointer;
}

    .w15-products-1__items__child__image__icon:hover {
        background-color: #F6F6F6;
        color: black;
    }

.w15-products-1__items__child__card {
    padding: 1em;
    margin-top: 1em;
}

.w15-products-1__items__child__card__user {
    color: #777;
    font-size: 1.2em;
}

.w15-products-1__items__child__card__name {
    font-weight: 600;
    font-size: 1.9em;
    margin-top: .5em;
    display: block;
}

.w15-products-1__items__child__card__price {
    margin-top: 1.5em;
    display: flex;
    align-items: center;
    border-bottom: .1em solid #eee;
    padding-bottom: 1.5em;
}

.w15-products-1__items__child__card__price__main {
    font-size: 1.6em;
    font-weight: 600;
}

.w15-products-1__items__child__card__price__sub {
    font-size: 1.4em;
    text-decoration: line-through;
    margin-left: 1em;
    color: #777;
}

.w15-products-1__items__child__card__amen {
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 1em;
    flex-wrap: wrap;
    width: 100%;
}

.w15-products-1__items__child__card__amen__content {
    display: inline-flex;
    align-items: center;
    margin-right: 1em;
    font-size: 1.3em;
    margin-top: 1em;
    justify-content: center;
}

.w15-products-1__items__child__card__amen__content__icon {
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
}

.w15-products-1__items__child__card__amen__content__text {
    font-size: .8em;
    white-space: nowrap;
}

.w15-products-1__items__child__card__action {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 1em;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f5f5f5;
    bottom: -10em;
    transition: all .2s;
}

.w15-products-1__items__child__card__action__icon {
    padding: 1em;
    color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--second-color-w), 1);
    margin-right: .7em;
    border-radius: .2em;
}

.w15-products-1__items__child__card__action__button {
    display: inline-block;
    cursor: pointer;
    padding: .5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    font-weight: 600;
    color: white;
    border-radius: .2em;
    font-size: 1.5em;
}

/*ed*/
/*w15-products-2*/
.w15-products-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w15-products-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w15-products-2__heading {
    font-weight: 600;
    font-size: 4em;
    text-align: center;
}

.w15-products-2__tab {
    margin-top: 2em;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w15-products-2__tab__items {
    cursor: pointer;
    margin-top: 1em;
    background-color: #3e4c66;
    color: white;
    height: 8em;
    width: 8em;
    text-align: center;
    display: flex;
    align-items: center;
    border: 0.1em solid #eee;
    justify-content: center;
    border-radius: 50%;
    padding: 0.5em;
    font-size: 1.2em;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .w15-products-2__tab__items:not(:first-child) {
        margin-left: 1em;
    }

.w15-products-2__tab__items-active {
    background-color: rgba(var(--main-color-w), 1);
}

.w15-products-2__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
    gap: 1.3333333333%;
}

.w15-products-2__items__child:hover .w15-products-2__items__child__card__action {
    bottom: 0;
}

.w15-products-2__items__child {
    width: 24%;
    margin-top: 1em;
    height: max-content;
    background-color: #f6f6f6;
    border-radius: 1em;
    overflow: hidden;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w15-products-2__items__child {
        width: 49%;
        margin-top: 2em;
    }
}

@media only screen and (max-width: 31.25em) {
    .w15-products-2__items__child {
        width: 100%;
        margin-top: 2em;
    }
}

.w15-products-2__items__child__image {
    position: relative;
}

.w15-products-2__items__child__image__imgbox {
    overflow: hidden;
    width: 100%;
    transition: all 0.2s;
    background-size: contain;
    background-position: center;
}

    .w15-products-2__items__child__image__imgbox:hover {
        transform: scale(1.1);
    }

.w15-products-2__items__child__image__imgbox__img {
    width: 100%;
}

.w15-products-2__items__child__image__icon {
    position: absolute;
    transform: translateY(-2em);
    padding: 1em;
    font-size: 1.3em;
    background-color: rgba(0, 0, 0, 0.808);
    color: white;
    border-radius: 50%;
    right: 1em;
    transition: all 0.2s;
    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.178);
    cursor: pointer;
}

    .w15-products-2__items__child__image__icon:hover {
        background-color: #f6f6f6;
        color: var(--text-color-w);
    }

.w15-products-2__items__child__card {
    padding: 1em;
    margin-top: 1em;
}

.w15-products-2__items__child__card__user {
    color: #777;
    font-size: 1.2em;
}

.w15-products-2__items__child__card__name {
    font-weight: 600;
    font-size: 1.9em;
    margin-top: 0.5em;
    display: block;
}

.w15-products-2__items__child__card__price {
    margin-top: 1.5em;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
    padding-bottom: 1.5em;
}

.w15-products-2__items__child__card__price__main {
    font-size: 1.6em;
    font-weight: 600;
}

.w15-products-2__items__child__card__price__sub {
    font-size: 1.4em;
    text-decoration: line-through;
    margin-left: 1em;
    color: #777;
}

.w15-products-2__items__child__card__amen {
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 1em;
    flex-wrap: wrap;
    width: 100%;
}

.w15-products-2__items__child__card__amen__content {
    display: inline-flex;
    align-items: center;
    margin-right: 1em;
    font-size: 1.3em;
    margin-top: 1em;
    justify-content: center;
}

.w15-products-2__items__child__card__amen__content__icon {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
}

.w15-products-2__items__child__card__amen__content__text {
    font-size: 0.8em;
    white-space: nowrap;
}

.w15-products-2__items__child__card__action {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 1em;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f5f5f5;
    bottom: -10em;
    transition: all 0.2s;
}

.w15-products-2__items__child__card__action__icon {
    padding: 1em;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    margin-right: 0.7em;
    border-radius: 0.2em;
}

.w15-products-2__items__child__card__action__button {
    display: inline-block;
    cursor: pointer;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    font-weight: 600;
    color: white;
    border-radius: 0.2em;
    font-size: 1.5em;
}

/*ed*/

/*w15-products*/
.w15-products {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w15-products__group {
    max-width: 120em;
    margin: 0 auto;
}

.w15-products__heading {
    font-weight: 600;
    font-size: 4em;
    text-align: center;
}

.w15-products__items {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w15-products__items {
        flex-wrap: wrap;
    }
}

.w15-products__items__main {
    color: white;
    width: 50%;
    position: relative;
    overflow: hidden;
    border-radius: 1em;
    margin-right: 1em;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w15-products__items__main {
        width: 100%;
        margin-right: 0;
    }
}

.w15-products__items__main:hover .w15-products__items__main__button {
    opacity: 1;
    visibility: visible;
}

.w15-products__items__main__button {
    visibility: hidden;
    transition: all 0.2s;
    opacity: 0;
    display: inline-block;
    cursor: pointer;
    padding: 1em;
    background-color: rgba(253, 169, 79, 0.9);
    box-shadow: 0.1em 0.1em 0.5em 0.2em rgba(0, 0, 0, 0.178);
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 1.5em;
    color: white;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.w15-products__items__main__imgbox {
    width: 100%;
    transition: all 0.2s;
    background-size: contain;
    background-position: center;
}

    .w15-products__items__main__imgbox:hover {
        transform: scale(1.1);
    }

.w15-products__items__main__imgbox__img {
    width: 100%;
}

.w15-products__items__main__card {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 2em;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6) 52%, rgba(0, 0, 100, 0));
}

.w15-products__items__main__card__name {
    font-weight: 600;
    font-size: 3em;
    display: block;
}

.w15-products__items__main__card__price {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w15-products__items__main__card__price__text {
    font-weight: 700;
    font-size: 2em;
}

.w15-products__items__main__card__price__amen {
    margin-left: 1em;
    font-size: 1.3em;
}

.w15-products__items__main__card__price__amen__text {
    margin-left: 0.5em;
}

.w15-products__items__child:hover .w15-products__items__child__card__action {
    bottom: 0;
}

.w15-products__items__child {
    width: 23.5%;
    height: max-content;
    background-color: #f6f6f6;
    border-radius: 1em;
    overflow: hidden;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w15-products__items__child {
        width: 48%;
        margin-top: 2em;
    }
}

.w15-products__items__child:not(:last-child) {
    margin-right: 1em;
}

.w15-products__items__child__image {
    position: relative;
}

.w15-products__items__child__image__imgbox {
    overflow: hidden;
    height: 23em;
    background-size: contain;
    background-position: center;
    transition: all 0.2s;
}

    .w15-products__items__child__image__imgbox:hover {
        transform: scale(1.1);
    }

.w15-products__items__child__image__imgbox__img {
    width: 100%;
}

.w15-products__items__child__image__icon {
    position: absolute;
    transform: translateY(-2em);
    padding: 1em;
    font-size: 1.3em;
    background-color: rgba(0, 0, 0, 0.808);
    color: white;
    border-radius: 50%;
    right: 1em;
    transition: all 0.2s;
    box-shadow: 0.1em 0.1em 0.2em rgba(0, 0, 0, 0.178);
    cursor: pointer;
}

    .w15-products__items__child__image__icon:hover {
        background-color: #f6f6f6;
        color: black;
    }

.w15-products__items__child__card {
    padding: 1em;
    margin-top: 1em;
    height: 20em;
}

@media only screen and (max-width: 25em) {
    .w15-products__items__child__card {
        height: 24em;
    }
}

.w15-products__items__child__card__user {
    color: #777;
    font-size: 1.2em;
}

.w15-products__items__child__card__name {
    font-weight: 600;
    font-size: 1.9em;
    margin-top: 0.5em;
    display: block;
}

.w15-products__items__child__card__price {
    margin-top: 1.5em;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
    padding-bottom: 1.5em;
}

.w15-products__items__child__card__price__main {
    font-size: 1.6em;
    font-weight: 600;
}

.w15-products__items__child__card__price__sub {
    font-size: 1.4em;
    text-decoration: line-through;
    margin-left: 1em;
    color: #777;
}

.w15-products__items__child__card__amen {
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 1em;
    flex-wrap: wrap;
    width: 100%;
}

.w15-products__items__child__card__amen__content {
    display: inline-flex;
    align-items: center;
    margin-right: 1em;
    font-size: 1.3em;
    margin-top: 1em;
    justify-content: center;
}

.w15-products__items__child__card__amen__content__icon {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
}

.w15-products__items__child__card__amen__content__text {
    font-size: 0.8em;
    white-space: nowrap;
}

.w15-products__items__child__card__action {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 1em;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f5f5f5;
    bottom: -10em;
    transition: all 0.2s;
}

.w15-products__items__child__card__action__icon {
    padding: 1em;
    color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--second-color-w), 1);
    margin-right: 0.7em;
    border-radius: 0.2em;
}

.w15-products__items__child__card__action__button {
    display: inline-block;
    cursor: pointer;
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 1.5em;
    color: white;
    border-radius: 0.2em;
}

/*ed*/
/*w15-productdetail*/
.w15-productdetail {
    position: relative;
    width: 100%;
}

.w15-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w15-productdetail__gll {
    position: relative;
    margin: 0 auto;
}

.w15-productdetail__gll__img-slider {
    background-position: center;
    background-size: cover;
    height: 45em;
}

.w15-productdetail__gll__img-slider__img {
    width: 100%;
}

.w15-productdetail__gll__img {
    display: none !important;
}

.w15-productdetail__gll__360 {
    display: none;
}

.w15-productdetail__gll__location {
    display: none;
}

.w15-productdetail__gll__item {
    position: absolute;
    top: 2em;
    display: block;
    z-index: 2;
    right: 5%;
}

.w15-productdetail__gll__item__icon {
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.719);
    color: white;
    border-radius: .3em;
    font-size: 1.4em;
    cursor: pointer;
    margin-left: .5em;
}

.w15-productdetail__gll__item__icon-active {
    background-color: rgba(var(--main-color-w), 1);
}

.w15-productdetail__gll .owl-thumb-item {
    background-color: transparent !important;
    border: .2em solid white;
    margin-left: .5em;
}

.w15-productdetail__gll__owl-imgbox {
    background-size: contain;
    background-position: center;
}

.w15-productdetail__gll__owl-imgbox__img {
    width: 100%;
}

.w15-productdetail__gll__owl-thumb {
    width: 50%;
    display: flex;
    bottom: 1em;
    background-color: transparent;
    position: absolute;
    z-index: 1;
}

.w15-productdetail__gll__owl-thumb__imgbox {
    width: 15em;
    background-size: contain;
    background-position: center;
}

.w15-productdetail__gll__owl-thumb__imgbox__img {
    width: 100%;
}

.w15-productdetail__gll__owl-col {
    width: 30%;
}

.w15-productdetail__gll__button {
    border: .1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: all .2s;
}

    .w15-productdetail__gll__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w15-productdetail__gll__button-next {
    position: absolute;
    top: 40%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w15-productdetail__gll__button__icon {
    font-size: 2em;
}

.w15-productdetail__gll__button-prev {
    position: absolute;
    top: 40%;
    margin-left: 1em;
    z-index: 2;
}

.w15-productdetail__title {
    align-items: center;
    padding: 0 1em;
    flex-wrap: wrap;
    margin-top: 2em;
}

.w15-productdetail__title__info__name {
    display: flex;
    align-items: center;
    font-size: 3rem;
    font-size: 1.4em;
}

.w15-productdetail__title__info__name__type {
    background-color: #FF6E63;
    color: white;
    padding: .7em;
    border-radius: .2em;
    font-size: .7em;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 700;
}

    .w15-productdetail__title__info__name__type:last-child {
        background-color: #42bc61;
    }

.w15-productdetail__title__info__location {
    font-weight: 300;
    font-size: 1.2em;
    margin-top: 1em;
}

.w15-productdetail__title__info__location__icon {
    color: #FF6E63;
}

.w15-productdetail__title__info__location__text {
    color: #777;
}

.w15-productdetail__title__info__price {
    display: flex;
    align-items: center;
    color: #777;
    margin-top: 1em;
}

.w15-productdetail__title__info__price__main {
    font-weight: 600;
    font-size: 2.2em;
}

.w15-productdetail__title__info__price__sub {
    color: #777;
    margin-left: 1em;
    transition: all .2s;
    cursor: pointer;
    text-decoration: line-through;
}

.w15-productdetail__content {
    max-width: 120em;
    padding: 2em 0;
    margin: 0 auto;
}

@media only screen and (max-width: 56.25em) {
    .w15-productdetail__content {
        padding: 2em;
    }
}

.w15-productdetail__content__body {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w15-productdetail__content__body {
        flex-direction: column;
    }
}

.w15-productdetail__content__body__first {
    width: 65%;
}

@media only screen and (max-width: 56.25em) {
    .w15-productdetail__content__body__first {
        width: 50%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w15-productdetail__content__body__first {
        width: 100%;
    }
}

.w15-productdetail__content__body__first__row {
    border-bottom: .1em solid #eee;
    background-color: white;
    padding: 1em;
    padding-bottom: 2em;
    border-radius: .5em;
}

.w15-productdetail__content__body__first__heading {
    font-size: 1.8em;
    color: black;
    font-weight: 600;
}

.w15-productdetail__content__body__first__text {
    background-color: white;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.9em;
    font-weight: 500;
    font-size: 1.4em;
}

.w15-productdetail__content__body__first__amen {
    margin-top: 1em;
}

.w15-productdetail__content__body__first__amen__text {
    font-size: 1.8em;
    font-weight: 600;
    margin-bottom: .5em;
}

.w15-productdetail__content__body__first__amen__row {
    display: flex;
    flex-wrap: wrap;
}

.w15-productdetail__content__body__first__amen__info {
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    width: 22%;
    margin-bottom: 2em;
}

.w15-productdetail__content__body__first__amen__info__icon {
    color: #FF6E63;
    margin-right: 1em;
    font-size: 1.8em;
    margin-top: .5em;
}

.w15-productdetail__content__body__first__amen__info__text {
    font-size: 1.3em;
    text-transform: uppercase;
    font-weight: 600;
}

.w15-productdetail__content__body__first__location__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w15-productdetail__content__body__first__location iframe {
    margin-top: 1em;
    display: block;
    border-radius: 1em;
}

.w15-productdetail__content__body__first__tourbox__text {
    font-size: 1.6em;
    font-weight: 600;
    cursor: pointer;
    margin-top: 1em;
    display: block;
}

.w15-productdetail__content__body__first__tourbox__tab {
    margin-top: 2em;
}

    .w15-productdetail__content__body__first__tourbox__tab iframe {
        border-radius: 1em;
    }

.w15-productdetail__content__body__second {
    width: 33%;
    z-index: 1;
}

@media only screen and (max-width: 56.25em) {
    .w15-productdetail__content__body__second {
        width: 45%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w15-productdetail__content__body__second {
        width: 100%;
    }
}

.w15-productdetail__content__body__second__contact {
    margin-right: 1em;
    padding: 2em;
    background-color: white;
    height: max-content;
    border-radius: .7em;
    border: .1em solid #eee;
}

.w15-productdetail__content__body__second__contact__title {
    font-weight: 600;
    font-size: 1.6em;
    text-align: center;
}

.w15-productdetail__content__body__second__contact__user-row {
    margin-top: 2em;
    text-align: center;
}

.w15-productdetail__content__body__second__contact__user__imgbox {
    width: 7em;
    height: 7em;
    margin: 0 auto;
    border-radius: .5em;
    overflow: hidden;
    background-size: cover;
}

.w15-productdetail__content__body__second__contact__user__imgbox__img {
    width: 100%;
}

.w15-productdetail__content__body__second__contact__user__info {
    margin-top: .5em;
}

.w15-productdetail__content__body__second__contact__user__info__name {
    font-weight: 600;
    font-size: 1.6em;
    margin-bottom: .5em;
}

.w15-productdetail__content__body__second__contact__user__info__phone {
    font-weight: 300;
    font-size: 1.3em;
}

.w15-productdetail__content__body__second__contact__user__text {
    padding: 1em;
    width: 100%;
    border: .1em solid #eee;
    outline: none;
    margin-top: 1em;
    border-radius: .5em;
}

.w15-productdetail__content__body__second__contact__user__button {
    padding: 1em;
    width: 100%;
    background-color: #FF6E63;
    display: block;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: 1.3em;
    margin-top: 3em;
    border-radius: .3em;
    cursor: pointer;
}

    .w15-productdetail__content__body__second__contact__user__button:hover {
        filter: brightness(0.8);
    }

.w15-productdetail__content__body__second__contact__info {
    border-top: .1em solid #eeeeee;
    margin-top: 2em;
    padding-top: 2em;
}

.w15-productdetail__content__body__second__contact__info__heading {
    font-weight: 600;
    font-size: 2em;
}

.w15-productdetail__content__body__second__contact__info__more {
    display: flex;
    margin-top: 3em;
}

.w15-productdetail__content__body__second__contact__info__more__icon {
    margin-right: .9em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.7em;
    margin-top: .2em;
}

.w15-productdetail__content__body__second__contact__info__more__main__text {
    font-size: 1.7em;
    font-weight: 600;
}

.w15-productdetail__content__body__second__contact__info__more__main__sub {
    margin-top: .5em;
    color: #777;
    font-size: 1.4em;
}

/*ed*/

/*w15-testimonials-1*/
.w15-testimonials-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f1f1;
}

.w15-testimonials-1__group {
    max-width: 120em;
    margin: 0 auto;
    color: var(--text-color-w);
}

.w15-testimonials-1__heading__main {
    font-weight: 700;
    font-size: 3em;
    text-align: center;
    line-height: 2em;
    display: block;
}

.w15-testimonials-1__heading__sub {
    font-size: 1.6em;
    text-align: center;
    line-height: 2em;
    display: block;
    position: relative;
}

    .w15-testimonials-1__heading__sub::after {
        content: "......................";
        display: block;
        color: var(--text-color-w);
    }

.w15-testimonials-1__content {
    display: flex;
    margin-left: -1%;
    flex-wrap: wrap;
}

.w15-testimonials-1__content__items {
    margin-top: 2em;
    width: 24%;
    background-color: white;
    padding: 1em;
    margin-left: 1%;
    box-shadow: 0.5em 0.5em 0.5em rgba(0, 0, 0, 0.171);
    height: max-content;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 43.75em) {
    .w15-testimonials-1__content__items {
        width: 49%;
    }
}

.w15-testimonials-1__content__items__imgbox {
    width: 100%;
    overflow: hidden;
    margin-right: 2em;
    display: block;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w15-testimonials-1__content__items__imgbox {
        margin: 0 auto 1em auto;
    }
}

.w15-testimonials-1__content__items__imgbox__img {
    width: 100%;
}

.w15-testimonials-1__content__items__item {
    display: block;
}

.w15-testimonials-1__content__items__item__title {
    font-weight: 600;
    font-size: 1.6em;
    text-transform: capitalize;
    text-align: center;
    margin-top: 1.1em;
}

.w15-testimonials-1__content__items__item__text {
    background-color: white;
    padding: 1em;
    font-size: 1.2em;
    text-align: justify;
    line-height: 2em;
}

/*ed*/
/*w15-menu*/
.w15-menu {
    position: absolute;
    width: 100%;
    display: block;
    overflow: visible;
    z-index: 4;
    background-color: transparent;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w15-menu {
        height: 6.5em;
    }
}

.w15-menu__ab {
    position: relative;
    background-color: rgba(var(--main-color-w), 1);
}

.w15-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w15-menu__scroll-menu figure {
        border-radius: 0.4em;
        border: 0.1em solid #eee;
    }

.w15-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w15-menu__group {
        padding: 1em;
        height: 6.5em;
    }
}

.w15-menu__logobox {
    height: 6em !important;
    background-size: contain;
    background-position: center;
}

.w15-menu__nav__icon {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w15-menu__nav__icon {
        display: inline-block;
    }
}

.w15-menu__nav__checkbox {
    display: none;
}

    .w15-menu__nav__checkbox:checked ~ .w15-menu__items {
        visibility: visible;
        opacity: 1;
    }

.w15-menu__items {
    display: flex;
    align-items: center;
    font-size: 1.4em;
    color: white;
    font-weight: 700;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: rgba(0, 0, 0, 0.9);
        right: 0;
        top: 4.6em;
        display: block;
        width: 100%;
        transition: all 0.2s;
        overflow-y: scroll;
        padding: 1em;
        height: 100vh;
    }
}

.w15-menu__items__item {
    padding: 1em 2em;
    list-style: none;
    cursor: pointer;
    position: relative;
    max-height: 10em;
    line-height: 5em;
    text-align: center;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__item {
        max-height: 100%;
        text-align: left;
    }
}

.w15-menu__items__item__drop {
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    padding: 1em 2em;
    list-style: none;
    text-align: left;
    top: 7em;
    z-index: 2;
}

    .w15-menu__items__item__drop i {
        margin-left: auto;
        float: right;
        line-height: 5em;
    }

@media only screen and (max-width: 50em) {
    .w15-menu__items__item__drop {
        opacity: 0;
        position: relative;
        visibility: visible;
        right: 0;
        display: none;
        width: 100%;
        transition: all 0.2s;
        top: 0;
    }
}

.w15-menu__items__item__drop__li {
    white-space: nowrap;
    min-width: 15em;
    height: 5em;
    line-height: 5em;
}

.w15-menu__items__item__drop--2 {
    top: -0.3em;
    left: 17em;
    position: absolute;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__item__drop--2 {
        position: relative;
        left: 0;
    }
}

.w15-menu__items__item__drop__li:hover .w15-menu__items__item__drop--2 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    display: block;
}

.w15-menu__items__content {
    list-style: none;
    cursor: pointer;
    padding: 2em;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__content {
        position: relative;
    }
}

.w15-menu__items__content__lbl {
    display: flex;
    align-items: center;
    margin-right: 1em;
    cursor: pointer;
}

.w15-menu__items__content__lbl__text {
    margin-right: 0.5em;
}

.w15-menu__items__content__lbl__icon {
    font-size: 1.4em;
}

.w15-menu__items__content__lbl:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--second-color-w), 1);
}

.w15-menu__items__content:hover .w15-menu__items__content__drop {
    display: flex;
}

.w15-menu__items__content:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w15-menu__items__content__drop {
    display: none;
    list-style: none;
    position: absolute;
    background-color: white;
    top: 6em;
    border: 0.1em solid #eee;
    padding: 2em;
    flex-wrap: wrap;
    color: var(--text-color-w);
    gap: 1.3333%;
    left: 0;
    z-index: 1;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__content__drop {
        gap: 2%;
        padding: 1em;
        top: 5em;
    }
}

.w15-menu__items__content__drop__info {
    text-align: center;
    padding: 1em;
    width: 24%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 3%;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__content__drop__info {
        width: 32%;
        border-radius: 2%;
    }
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__content__drop__info {
        width: 49%;
    }
}

.w15-menu__items__content__drop__info__imgbox {
    width: 100%;
    overflow: hidden;
    border-radius: 3%;
    width: 100%;
    height: 17em;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__content__drop__info__imgbox {
        height: 8em !important;
    }
}

.w15-menu__items__content__drop__info__imgbox__img {
    width: 100%;
    height: 100%;
}

.w15-menu__items__content__drop__info__text {
    font-weight: 600;
    font-size: 1.2em;
    margin-top: 1em;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w15-menu__items__content__drop__info__text {
        border-radius: 0.3em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w15-menu__items__content__drop__info__text {
        font-size: 1em;
    }
}

.w15-menu__items__content__drop__info:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
}

    .w15-menu__items__content__drop__info:hover .w15-menu__items__content__drop__info__imgbox {
        transform: scale(1.3);
    }

.w15-menu__items__item:hover .w15-menu__items__item__drop--1 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    display: block;
}

.w15-menu__items__button {
    padding: 2em;
    border-radius: 3em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    background-color: transparent;
    color: white;
    transition: all 0.2s;
    white-space: nowrap;
}

    .w15-menu__items__button:hover {
        background-color: transparent;
        border: 0.2em solid white;
    }

@media only screen and (max-width: 50em) {
    .w15-menu__items__button {
        width: 100%;
        display: block;
        text-align: center !important;
    }
}

.w15-menu__hover__box--1:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w15-menu__hover__box--1:hover .w15-menu__hover__box--1__svg {
        color: rgba(var(--second-color-w), 1);
    }

.w15-menu__hover__box--2:hover {
    color: rgba(var(--main-color-w), 1);
}

    .w15-menu__hover__box--2:hover .w15-menu__hover__box--2__svg {
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w15-header*/
.w15-header {
    width: 100%;
    background-color: white;
}

.w15-header__group {
    display: flex;
    margin: 0 auto;
    max-width: 120em;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 56.25em) {
    .w15-header__group {
        flex-direction: column;
    }
}

.w15-header__logo {
    width: 11em;
    height: 11em;
    margin-right: 2em;
}

@media only screen and (max-width: 56.25em) {
    .w15-header__logo {
        margin-top: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w15-header__logo {
        margin-right: 0;
    }
}

.w15-header__logo__img {
    width: 100%;
    max-height: 9em;
}

.w15-header__logo-1 {
    width: 11em;
    height: 11em;
}

@media only screen and (max-width: 56.25em) {
    .w15-header__logo-1 {
        margin-top: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w15-header__logo-1 {
        display: none;
    }
}

.w15-header__logo-1__img {
    width: 100%;
}

.w15-header__info {
    width: 20em;
    margin-right: 1em;
    font-size: 1em;
}

@media only screen and (max-width: 56.25em) {
    .w15-header__info {
        width: 100%;
        margin: 1em !important;
        text-align: center;
    }
}

.w15-header__info__logo {
    margin-right: .5em;
}

.w15-header__info__text {
    line-height: 1.8em;
}

.w15-header__content {
    display: flex;
    width: 57em;
    gap: 1.3333%;
    align-items: center;
    font-size: 1.3em;
    justify-content: center;
}

@media only screen and (max-width: 56.25em) {
    .w15-header__content {
        width: 100%;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 37.5em) {
    .w15-header__content {
        flex-wrap: wrap;
        display: none;
    }
}

.w15-header__content__des {
    width: 32%;
    border-right: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 0 1em;
}

@media only screen and (max-width: 37.5em) {
    .w15-header__content__des {
        width: 100%;
        margin-top: 1em;
    }
}

.w15-header__content__des__name {
    margin-bottom: 1em;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w15-header__content__des__name {
        margin-bottom: 0;
    }
}

.w15-header__content__des__name__icon {
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
}

.w15-header__content__des__name__text {
    line-height: 1.8em;
    display: inline-block;
}

.w15-header__content__des__phone {
    font-weight: 600;
    font-size: 1.4em;
    color: red;
}

/*ed*/
/*w16-articles*/
.w16-articles {
    width: 100%;
    overflow: hidden;
    padding: 2em 1em;
    background-color: white;
}

.w16-articles__group {
    max-width: 100%;
    display: flex;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w16-articles__group {
        flex-direction: column;
    }
}

.w16-articles__intro {
    display: flex;
    flex-direction: column;
    padding: 0 3em 3em 3em;
}

@media only screen and (max-width: 50em) {
    .w16-articles__intro {
        width: 100%;
        align-items: center;
    }
}

.w16-articles__intro__heading {
    width: 27em;
    padding: 3em;
    position: relative;
    color: black;
}

@media only screen and (max-width: 37.5em) {
    .w16-articles__intro__heading {
        width: 100%;
    }
}

.w16-articles__intro__heading__main__title {
    font-weight: 800;
    font-size: 3em;
    width: 5em;
    text-align: right;
    position: relative;
    margin-top: 1em;
}

    .w16-articles__intro__heading__main__title::before {
        content: "";
        width: 4em;
        background-color: black;
        height: 1px;
        position: absolute;
        top: .7em;
        left: -1em;
        transform: rotate(-55deg);
        opacity: .6;
    }

.w16-articles__intro__heading__main__des {
    font-weight: 300;
    font-size: 1.5em;
    margin-top: .5em;
    text-align: center;
    position: relative;
}

    .w16-articles__intro__heading__main__des::before {
        content: "";
        width: 1.5em;
        background-color: black;
        height: 1px;
        position: absolute;
        top: .7em;
        right: .8em;
        transform: rotate(-55deg);
        opacity: .6;
    }

@media only screen and (max-width: 37.5em) {
    .w16-articles__intro__heading__main__des::before {
        right: 7em;
    }
}

@media only screen and (max-width: 31.25em) {
    .w16-articles__intro__heading__main__des::before {
        right: 5em;
    }
}

@media only screen and (max-width: 25em) {
    .w16-articles__intro__heading__main__des::before {
        right: 4em;
    }
}

.w16-articles__intro__tab {
    text-align: center;
    display: flex;
    flex-direction: column;
    text-align: left;
}

.w16-articles__intro__tab__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #b08e42;
    display: inline-block;
    margin-top: 2em;
}

.w16-articles__intro__tab__items__icon {
    margin-right: .3em;
}

.w16-articles__intro__tab__items__text {
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    font-size: 1.4em;
}

.w16-articles__intro__tab__items::after {
    content: " \00a0";
    white-space: pre;
}

.w16-articles__intro__tab__items:not(:last-child)::after {
    content: "/";
}

.w16-articles__content {
    display: flex;
    padding-top: 5em;
}

@media only screen and (max-width: 50em) {
    .w16-articles__content {
        flex-direction: column;
        padding-left: 1em;
        padding-top: 1em;
    }
}

.w16-articles__content__items {
    margin-top: 1em;
    margin-right: .5em;
    position: relative;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w16-articles__content__items {
        margin-left: 0;
        margin-top: 1em;
        display: block;
    }
}

.w16-articles__content__items:hover .w16-articles__content__items__overlay {
    display: initial;
}

.w16-articles__content__items-row {
    position: relative;
    border-radius: 1em;
    overflow: hidden;
}

.w16-articles__content__items__overlay {
    transition: all .2s ease-in-out;
    width: 100%;
    height: 100%;
    position: absolute;
    display: none;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all .2s ease-in-out;
}

.w16-articles__content__items__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w16-articles__content__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w16-articles__content__items__info {
    width: 100%;
}

.w16-articles__content__items__info__text {
    color: black;
    font-size: 1.3em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 1.5em;
    margin-top: 1em;
    display: block;
}

.w16-articles__content__items__info__date {
    color: var(--text-color-w);
    line-height: 1.8em;
    font-size: 1.2em;
    margin-top: 1em;
    display: block;
}

.w16-articles__content__items__info__date__time {
    margin-right: .5em;
}

.w16-articles__content__items__info__des {
    margin-top: .5em;
    display: block;
    color: var(--text-color-w);
    line-height: 1.8em;
    font-size: 1.2em;
}

/*ed*/
/*w16-bloglist-1*/
.w16-bloglist-1 {
    width: 100%;
    padding: 2em 1em;
}

.w16-bloglist-1__group {
    margin: 0 auto;
}

.w16-bloglist-1__intro {
    text-align: center;
    display: flex;
    text-align: left;
    justify-content: center;
    flex-wrap: wrap;
}

.w16-bloglist-1__intro__items {
    display: flex;
    align-items: center;
    color: #b08e42;
    display: inline-block;
    margin-top: 2em;
    margin-right: 1em;
    white-space: nowrap;
}

.w16-bloglist-1__intro__items__icon {
    margin-right: 0.3em;
}

.w16-bloglist-1__intro__items__text {
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    font-size: 1.4em;
}

.w16-bloglist-1__intro__items::after {
    content: " \00a0";
    white-space: pre;
}

.w16-bloglist-1__intro__items:not(:last-child)::after {
    content: "/";
}

.w16-bloglist-1-row {
    display: flex;
    padding-left: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 43.75em) {
    .w16-bloglist-1-row {
        justify-content: center;
    }
}

.w16-bloglist-1__items {
    width: 48%;
    align-items: center;
    height: max-content;
    margin-right: 2%;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 0.5em;
    overflow: hidden;
    box-shadow: 0.1em 0.1em 1em 0.1em #eee;
    margin-top: 3em;
}

@media only screen and (max-width: 43.75em) {
    .w16-bloglist-1__items {
        width: 98%;
    }
}

.w16-bloglist-1__items__imgbox {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 30em;
    margin-right: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w16-bloglist-1__items__imgbox {
        width: 100%;
        height: 30em;
        margin-right: 0;
    }
}

.w16-bloglist-1__items__imgbox__img {
    width: 100%;
}

.w16-bloglist-1__items__content {
    width: 100%;
    padding: 2em 2em 2em 2em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w16-bloglist-1__items__content {
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w16-bloglist-1__items__content__name {
    color: black;
    font-size: 1.6em;
    text-transform: uppercase;
    font-weight: 700;
}

@media only screen and (max-width: 43.75em) {
    .w16-bloglist-1__items__content__name {
        width: 100%;
        text-align: center;
    }
}

.w16-bloglist-1__items__content__button {
    white-space: nowrap;
    padding: 0.5em 2em;
    background-color: #b08e42;
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 2em;
    display: inline-block;
    position: relative;
    height: max-content;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: none;
    outline: none;
    color: white;
}

@media only screen and (max-width: 43.75em) {
    .w16-bloglist-1__items__content__button {
        margin-top: 1em;
        display: block;
    }
}

.w16-bloglist-1__items__content__button:hover {
    color: var(--text-color-w);
    background: white;
    box-shadow: 0.1em 0.1em 1em 0.1em #eee;
}

.w16-bloglist-1__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
    flex-wrap: wrap;
}

.w16-bloglist-1__paging__items {
    padding: 1.3em;
    width: 4em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: .1em solid #eee;
    transition: all .2s;
}

    .w16-bloglist-1__paging__items:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w16-bloglist-1__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w16-bloglist-1__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4em;
    border-radius: 50%;
    padding: .7em;
    width: 2.8em;
    border: .1em solid #eee;
    transition: all .2s;
}

    .w16-bloglist-1__paging__pre:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

/*ed*/
/*w16-breadcumb*/
.w16-breadcumb {
    padding: 3em 1em;
    height: 30em;
    background: linear-gradient(rgba(var(--main-color-w), 3), rgba(0, 68, 214, 0.925), url("/img/14/2.jpg"));
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w16-breadcumb {
        height: 20em;
    }
}

.w16-breadcumb__group {
    position: relative;
    height: 100%;
}

.w16-breadcumb-row {
    position: absolute;
    bottom: 2em;
}

.w16-breadcumb__items__item {
    text-transform: uppercase;
    line-height: 1.6em;
    font-size: 1.2em;
}

    .w16-breadcumb__items__item:not(:last-child)::after {
        content: "/";
        display: inline-block;
        margin-left: 1em;
        margin-right: 1em;
    }

    .w16-breadcumb__items__item:hover {
        color: rgba(var(--main-color-w), 1);
        transition: all .2s ease-in-out;
    }

.w16-breadcumb__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 4em;
    line-height: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w16-breadcumb__title {
        font-size: 2em;
    }
}

.w16-breadcumb__title:hover {
    color: rgba(var(--main-color-w), 1);
    transition: all .2s ease-in-out;
}

/*ed*/
/*w16-footer*/
.w16-footer {
    position: relative;
    width: 100%;
    background-color: #003678;
    padding: 2em 1em;
}

.w16-footer__group {
    margin: 0 auto;
    max-width: 120em;
}

.w16-footer__container {
    position: relative;
    display: flex;
    gap: 1%;
}

@media only screen and (max-width: 43.75em) {
    .w16-footer__container {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
}

.w16-footer-row {
    display: flex;
    flex-wrap: wrap;
}

.w16-footer__logobox {
    width: 10em;
    height: 10em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 43.75em) {
    .w16-footer__logobox {
        margin: 0 auto;
    }
}

.w16-footer__logobox__img {
    width: 100%;
}

.w16-footer__business {
    color: white;
    min-width: 24%;
}

.w16-footer__business__item__title {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 1.4em;
}

.w16-footer__business__item__des {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
}

.w16-footer__business__item__link {
    margin-top: 2em;
}

    .w16-footer__business__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
    }

.w16-footer-col {
    display: flex;
    flex-wrap: wrap;
    min-width: 49%;
}

.w16-footer__item {
    width: 50%;
    padding: 0 .5em;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w16-footer__item {
        width: 99%;
        margin-top: 4em;
    }

        .w16-footer__item:last-child {
            padding-left: 0;
        }
}

.w16-footer__item__title {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 1.4em;
}

.w16-footer__item__des {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
}

.w16-footer__item__link {
    margin-top: 2em;
}

    .w16-footer__item__link a {
        display: block;
        color: white;
        font-size: 1.4em;
        text-decoration: none;
        font-weight: 300;
        margin: .5em 0;
    }

.w16-footer__connect__title {
    margin-top: 2em;
    text-transform: uppercase;
    font-size: 1.4em;
    color: white;
}

.w16-footer__connect__form {
    margin-top: 1em;
    background-color: white;
    padding: 1em 2em;
    display: flex;
    align-items: center;
    width: max-content;
    border-radius: 3em;
}

.w16-footer__connect__form__text {
    border: none;
    outline: none;
    font-size: 1.4em;
}

.w16-footer__connect__form__icon {
    font-size: 2em;
    cursor: pointer;
}

    .w16-footer__connect__form__icon:hover {
        color: #48CAB2;
    }

.w16-footer__connect__contact {
    margin-top: 2em;
    display: flex;
    align-items: center;
    color: white;
}

.w16-footer__connect__contact__text {
    line-height: 1.5em;
}

.w16-footer__connect__contact__icon {
    font-size: 2em;
    margin-left: 1em;
    cursor: pointer;
}

.w16-footer__connect__button {
    font-weight: 600;
    font-size: 1.2em;
    padding: .5em 2em;
    border-radius: 1em;
    border: none;
    outline: none;
    background-color: #b08e42;
    color: white;
    display: block;
    margin: 1em auto;
    cursor: pointer;
    text-transform: uppercase;
}

    .w16-footer__connect__button:hover {
        color: rgba(var(--main-color-w), 1);
        background: white;
        box-shadow: .1em .1em 1em .1em #eee;
    }
/*ed*/
/*w16-services-1*/
.w16-services-1 {
    background-image: url("/img/w15/bg3.png");
    background-repeat: no-repeat;
    width: 100%;
    padding: 2em 1em;
    color: var(--text-color-w);
}

.w16-services-1__group {
    width: 100%;
}

.w16-services-1__intro {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 3em;
}

@media only screen and (max-width: 50em) {
    .w16-services-1__intro {
        flex-direction: column;
        margin-bottom: 5em;
    }
}

.w16-services-1__intro__heading {
    width: 27em;
    padding: 3em;
    position: relative;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w16-services-1__intro__heading {
        width: 100%;
    }
}

.w16-services-1__intro__heading__main__title {
    font-weight: 800;
    font-size: 3em;
    width: 5em;
    text-align: right;
    position: relative;
    margin-top: 1em;
}

    .w16-services-1__intro__heading__main__title::before {
        content: "";
        width: 4em;
        background-color: white;
        height: 1px;
        position: absolute;
        top: .7em;
        left: -1em;
        transform: rotate(-55deg);
        opacity: .6;
    }

.w16-services-1__intro__heading__main__des {
    font-weight: 300;
    font-size: 1.5em;
    margin-top: .5em;
    text-align: center;
    position: relative;
}

    .w16-services-1__intro__heading__main__des::before {
        content: "";
        width: 1.5em;
        background-color: white;
        height: 1px;
        position: absolute;
        top: .7em;
        right: .8em;
        transform: rotate(-55deg);
        opacity: .6;
    }

@media only screen and (max-width: 37.5em) {
    .w16-services-1__intro__heading__main__des::before {
        right: 7em;
    }
}

@media only screen and (max-width: 31.25em) {
    .w16-services-1__intro__heading__main__des::before {
        right: 5em;
    }
}

@media only screen and (max-width: 25em) {
    .w16-services-1__intro__heading__main__des::before {
        right: 4em;
    }
}

.w16-services-1__intro__tab {
    text-align: center;
}

.w16-services-1__intro__tab__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    color: #b08e42;
    display: inline-block;
    margin-left: 1em;
    margin-top: 1em;
    text-align: right;
}

.w16-services-1__intro__tab__items__icon {
    margin-right: .3em;
}

.w16-services-1__intro__tab__items__text {
    text-transform: uppercase;
    font-weight: 700;
    display: inline-block;
    font-size: 1.4em;
}

.w16-services-1__intro__tab__items::after {
    content: " \00a0";
    white-space: pre;
}

.w16-services-1__intro__tab__items:not(:last-child)::after {
    content: "/";
}

.w16-services-1__content {
    display: flex;
    height: max-content;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w16-services-1__content {
        flex-direction: column;
        padding-left: 1em;
    }
}

.w16-services-1__content__big {
    background-color: white;
    box-shadow: 0 0 1em 5px #2c2c2c41;
    border-radius: 1em;
    min-width: 50%;
    height: max-content;
}

.w16-services-1__content__big__imgbox {
    width: 100%;
    height: 50em;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: .7em;
}

.w16-services-1__content__big__imgbox__img {
    width: 100%;
}

.w16-services-1__content__big__info {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 2em;
}

.w16-services-1__content__big__info__text {
    font-weight: 600;
    font-size: 1.4em;
    text-transform: uppercase;
    display: inline-block;
}

.w16-services-1__content__big__info__button {
    font-weight: 600;
    font-size: 1.2em;
    padding: .5em 2em;
    border-radius: 1em;
    border: none;
    outline: none;
    background-color: #b08e42;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
}

    .w16-services-1__content__big__info__button:hover {
        color: rgba(var(--second-color-w), 1);
        background: white;
        box-shadow: .1em .1em 1em .1em #eee;
    }

.w16-services-1__content-col {
    width: 50%;
    overflow: hidden;
}

.w16-services-1__content__small {
    display: flex;
    margin-left: 2em;
    height: 50em;
    border-radius: 1em;
    transition: all .2s ease-in-out;
    cursor: pointer;
    flex-direction: column;
}

.w16-services-1__content__small__items {
    width: 100%;
    height: 48%;
    position: relative;
    overflow: hidden;
    border-radius: .7em;
    margin-bottom: 1em;
}

@media only screen and (max-width: 50em) {
    .w16-services-1__content__small__items {
        margin-left: 0;
        margin-top: 1em;
        display: block;
    }
}

.w16-services-1__content__small__items:hover .w16-services-1__content__small__items__overlay {
    transition: all .2s ease-in-out;
    background-color: rgba(255, 174, 0, 0.5);
}

.w16-services-1__content__small__items__overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.3);
    transition: all .2s ease-in-out;
}

.w16-services-1__content__small__items__imgbox {
    background-image: url(/img/14/5.jpg);
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.w16-services-1__content__small__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w16-services-1__content__small__items__info {
    position: absolute;
    bottom: 0;
    padding-left: 2em;
    padding-bottom: 2em;
    width: 50%;
}

.w16-services-1__content__small__items__info__text {
    color: white;
    font-size: 1.4em;
    font-weight: 600;
    text-transform: uppercase;
    line-height: 2em;
}

.w16-services-1__content__small__items__info__button {
    color: white;
    border: none;
    outline: none;
    background-color: transparent;
    display: flex;
    align-items: center;
    margin-top: 1em;
}

    .w16-services-1__content__small__items__info__button::after {
        content: "";
        width: 2em;
        height: .1em;
        background-color: white;
        display: inline-block;
        margin-left: 1em;
    }

/*ed*/
/*w16-ads*/
.w16-ads {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w16-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w16-ads__heading {
    text-align: center;
    max-width: 120em;
    margin: 0 auto;
}

.w16-ads__heading__title {
    font-size: 3em;
    display: block;
}

    .w16-ads__heading__title a {
        padding: 0.5em;
    }

.w16-ads__heading__sub {
    display: block;
    margin-top: 1em;
    font-weight: 300;
    color: var(--text-color-w);
    line-height: 2em;
    font-size: 1.4em;
}

.w16-ads__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -2%;
    margin-top: 1em;
}

.w16-ads__items__item {
    text-align: center;
    width: 10%;
    margin-left: 2%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w16-ads__items__item {
        width: 20%;
        margin-left: 5%;
    }
}

.w16-ads__items__item:hover {
    filter: brightness(1.1);
}

.w16-ads__items__item__imgbox {
    width: 100%;
    position: relative;
    margin-bottom: 0.5em;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
}

.w16-ads__items__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w16-ads__items__item__imgbox__des {
    text-align: center;
    margin-top: 0.5em;
    padding: 0.1em;
}

.w16-ads__items__item__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4em;
}

/*ed*/
/*w17-abimg-1*/
.w17-abimg-1 {
    width: 100%;
    padding: 2em 0.5em;
    background-color: white;
}

.w17-abimg-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w17-abimg-1__heading {
    padding: 1%;
    text-align: center;
}

.w17-abimg-1__heading__title {
    font-size: 3em;
    display: block;
}

.w17-abimg-1__heading__sub {
    display: block;
    margin-top: 1em;
    font-weight: 300;
    color: var(--text-color-w);
    line-height: 2em;
    font-size: 1.4em;
}

.w17-abimg-1__items {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%;
}

.w17-abimg-1__items__imgbox {
    width: 32%;
    margin-right: 1%;
    margin-top: 1em;
    position: relative;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
}

@media only screen and (max-width: 50em) {
    .w17-abimg-1__items__imgbox {
        width: 49%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w17-abimg-1__items__imgbox {
        width: 99%;
    }
}

.w17-abimg-1__items__imgbox__img {
    width: 100%;
}

.w17-abimg-1__items__imgbox__des {
    display: none;
    position: absolute;
    width: 90%;
    bottom: 2em;
    left: 50%;
    z-index: 1;
    transform: translateX(-50%);
    text-align: center;
}

.w17-abimg-1__items__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w17-abimg-1__items__imgbox__des__sub {
    margin-top: 0.5em;
    font-weight: 300;
    font-size: 1.4em;
}

.w17-abimg-1__items__imgbox:hover {
    filter: brightness(1.1);
}

/*ed*/

/*w17-abimg-4*/
.w17-abimg-4 {
    width: 100%;
    padding: 2em 0.5em;
    background-color: white;
}

.w17-abimg-4__group {
    max-width: 120em;
    margin: 0 auto;
    background-color: cornflowerblue;
    padding: 1em;
}

.w17-abimg-4__heading {
    padding: 1%;
    text-align: center;
    color: white;
}

.w17-abimg-4__heading__title {
    font-size: 3em;
    display: block;
}

.w17-abimg-4__heading__sub {
    display: block;
    margin-top: 1em;
    font-weight: 300;
    color: white;
    line-height: 2em;
    font-size: 1.4em;
}

.w17-abimg-4__items {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%;
}

.w17-abimg-4__items__imgbox {
    width: 32%;
    margin-right: 1%;
    margin-top: 1em;
    position: relative;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
}

@media only screen and (max-width: 50em) {
    .w17-abimg-4__items__imgbox {
        width: 49%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w17-abimg-4__items__imgbox {
        width: 99%;
    }
}

.w17-abimg-4__items__imgbox__img {
    width: 100%;
}

.w17-abimg-4__items__imgbox__des {
    display: none;
    position: absolute;
    width: 90%;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.w17-abimg-4__items__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w17-abimg-4__items__imgbox__des__sub {
    margin-top: 0.5em;
    font-weight: 300;
    font-size: 1.4em;
}

.w17-abimg-4__items__imgbox:hover {
    filter: brightness(1.1);
}

/*ed*/

/*w17-abimg-6*/
.w17-abimg-6 {
    width: 100%;
    padding: 2em 0.5em;
    background-color: white;
}

.w17-abimg-6__group {
    max-width: 100%;
    margin: 0 auto;
}

.w17-abimg-6__heading {
    padding: 1%;
    text-align: center;
    max-width: 120em;
    margin: 0 auto;
}

.w17-abimg-6__heading__title {
    font-size: 3em;
    display: block;
}

.w17-abimg-6__heading__sub {
    display: block;
    margin-top: 1em;
    font-weight: 300;
    color: var(--text-color-w);
    line-height: 2em;
    font-size: 1.4em;
}

.w17-abimg-6__items {
    display: flex;
    flex-wrap: wrap;
}

.w17-abimg-6__items__imgbox {
    width: 25%;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    height: initial !important;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 31.25em) {
    .w17-abimg-6__items__imgbox {
        width: 33%;
    }
}

.w17-abimg-6__items__imgbox__img {
    height: 100%;
    width: 100%;
}

.w17-abimg-6__items__imgbox__des {
    display: none;
    position: absolute;
    width: 90%;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.w17-abimg-6__items__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w17-abimg-6__items__imgbox__des__sub {
    margin-top: 0.5em;
    font-weight: 300;
    font-size: 1.4em;
}

.w17-abimg-6__items__imgbox:hover {
    filter: brightness(1.1);
}

/*ed*/
/*w17-abimg-7*/
.w17-abimg-7 {
    width: 100%;
    padding: 2em 0.5em;
    background-color: #f4f4f4;
}

.w17-abimg-7__group {
    max-width: 100%;
    margin: 0 auto;
    max-width: 120em;
}

.w17-abimg-7__heading {
    padding: 1em;
    text-align: center;
    margin: 0 auto;
}

.w17-abimg-7__heading__title {
    font-size: 3em;
    display: block;
}

.w17-abimg-7__heading__sub {
    width: 20em;
    height: 0.3em;
    background-color: #dadada;
    position: relative;
    margin: 0 auto;
    margin-top: 3em;
}

    .w17-abimg-7__heading__sub::before {
        position: absolute;
        content: "";
        height: 2em;
        width: 2em;
        border: 0.5em solid rgba(var(--main-color-w), 1);
        bottom: -0.7em;
        transform: translateX(-50%);
        background-color: white;
    }

.w17-abimg-7__block {
    position: relative;
    margin-top: 1em;
}

.w17-abimg-7__button {
    border: 0.1em solid white;
    border-radius: 0.5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1.5em 1em;
    background-color: rgba(219, 219, 219, 0.726);
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w17-abimg-7__button:hover {
        background-color: rgba(54, 54, 54, 0.685);
        color: white;
    }

.w17-abimg-7__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w17-abimg-7__button__icon {
    font-size: 2em;
}

.w17-abimg-7__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    z-index: 2;
}

.w17-abimg-7__items {
    text-align: center;
}

.w17-abimg-7__items__imgbox {
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-color: white;
    background-size: contain;
    background-position: center;
}

.w17-abimg-7__items__imgbox__img {
    width: 100%;
}

.w17-abimg-7__items__imgbox__des {
    display: none;
    position: absolute;
    width: 90%;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.w17-abimg-7__items__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w17-abimg-7__items__imgbox__des__sub {
    margin-top: 0.5em;
    font-weight: 300;
    font-size: 1.4em;
}

.w17-abimg-7__items__imgbox:hover {
    filter: brightness(1.1);
}

.w17-abimg-7__items__imgbox__item {
    position: absolute;
    width: 200%;
    height: max-content;
    text-align: center;
    transform: translateX(-25%);
    left: 0;
    top: 100%;
    margin-top: 1em;
}

.w17-abimg-7__items__imgbox__item__name {
    font-size: 1.4em;
    font-style: italic;
    padding: 0.5em;
    display: none;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w17-abimg-7__items__imgbox__item__name {
        font-size: 2em;
    }
}

.w17-abimg-7__items__imgbox__item__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w17-abimg-7__items__imgbox__item__des {
    font-style: italic;
    padding: 0.5em;
    display: none;
}

@media only screen and (max-width: 37.5em) {
    .w17-abimg-7__items__imgbox__item__des {
        font-size: 1.3em;
    }
}

.w17-abimg-7__items__imgbox__item__des:hover {
    color: rgba(var(--main-color-w), 1);
}

.sidef .big {
    z-index: 2;
}

    .sidef .big .w17-abimg-7__items__imgbox__item__name {
        z-index: 1;
        display: block;
    }

    .sidef .big .w17-abimg-7__items__imgbox__item__des {
        z-index: 1;
        display: block;
    }

    .sidef .big figure {
        transform: scale(1.5);
        opacity: 1;
    }

@media only screen and (max-width: 37.5em) {
    .sidef .big figure {
        transform: none;
    }
}

.sidef .medium {
    z-index: 1;
}

    .sidef .medium figure {
        transform: scale(1.2);
        opacity: 0.9;
    }

@media only screen and (max-width: 37.5em) {
    .sidef .medium figure {
        transform: none;
    }
}

.sidef figure {
    border-top-right-radius: 4em;
    border-bottom-left-radius: 4em;
    transform: scale(0.8);
    box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.2);
    opacity: 0.7;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .sidef figure {
        transform: none;
    }
}

.sidef .owl-height {
    height: auto !important;
}

.sidef .owl-stage {
    display: flex;
    align-items: center;
    height: 60em;
    margin-top: -12em;
}

@media only screen and (max-width: 37.5em) {
    .sidef .owl-stage {
        left: unset;
    }
}

/*ed*/
/*w18-table*/
.w18-table {
    width: 100%;
    padding: 3em 1em;
    color: var(--text-color-w);
    background-color: white;
}

    .w18-table table {
        margin: 0 auto;
        border-collapse: collapse;
    }

        .w18-table table td,
        .w18-table table th {
            border: 1px solid black;
            padding: 1em;
            line-height: 3.3em;
        }

.w18-table__group {
    max-width: 120em;
}

.w18-table__heading {
    text-align: center;
    margin-bottom: 2em;
}

.w18-table__heading__title {
    font-weight: 600;
    font-size: 2em;
    margin-bottom: 1em;
}

.w18-table__heading__sub {
    font-weight: 300;
    font-size: 1.4em;
}

.w18-table__tbl {
    border-collapse: collapse;
    font-size: 1.4em;
    width: 100%;
    margin-top: 0.5em;
    display: table;
}

@media only screen and (max-width: 37.5em) {
    .w18-table__tbl {
        margin: 0 auto;
    }
}

.w18-table__tbl td,
.w18-table__tbl th {
    border: 1px solid #dddddd;
    padding: 1em;
    line-height: 1.8em;
}

.w18-table__tbl th {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w18-table__tbl__th-1 {
    width: 45%;
}

.w18-table__tbl__th-2 {
    width: 25%;
}

.w18-table__tbl__th-3 {
    width: 15%;
}

.w18-table__tbl__th-4 {
    width: 15%;
}

.w18-table__des {
    display: block;
    margin-top: 1em;
    font-weight: 300;
}

/*ed*/

/*w18-pricetable*/
.w18-pricetable {
    width: 100%;
    padding: 3em 0.5em;
    color: var(--text-color-w);
    background-color: white;
}

    .w18-pricetable table {
        margin: 0 auto;
        border-collapse: collapse;
    }

        .w18-pricetable table td,
        .w18-pricetable table th {
            border: 1px solid black;
            padding: 1em;
            line-height: 3.3em;
        }

.w18-pricetable__group {
    max-width: 120em;
}

.w18-pricetable__heading {
    text-align: center;
    margin-bottom: 2em;
}

.w18-pricetable__heading__title {
    font-weight: 600;
    font-size: 2em;
    margin-bottom: 1em;
}

.w18-pricetable__heading__sub {
    font-weight: 300;
    font-size: 1.4em;
}

.w18-pricetable__tbl {
    border-collapse: collapse;
    font-size: 1.4em;
    width: 100%;
    margin-top: 0.5em;
    display: table;
}

@media only screen and (max-width: 37.5em) {
    .w18-pricetable__tbl {
        width: 50em;
        margin: 0 auto;
    }
}

.w18-pricetable__tbl td,
.w18-pricetable__tbl th {
    border: 1px solid #dddddd;
    padding: 1em;
    line-height: 1.8em;
}

.w18-pricetable__tbl th {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w18-pricetable__tbl tr {
    text-align: center;
}

.w18-pricetable__tbl__th-1 {
    width: 45%;
}

.w18-pricetable__tbl__th-2 {
    width: 25%;
}

.w18-pricetable__tbl__th-3 {
    width: 15%;
}

.w18-pricetable__tbl__th-4 {
    width: 15%;
}

.w18-pricetable__tbl__td__title {
    font-weight: 600;
    font-size: 1.2em;
}

.w18-pricetable__des {
    display: block;
    margin-top: 1em;
    font-weight: 300;
}

/*ed*/
/*w19-header*/
.w19-header {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em .5em;
    color: white;
}

.w19-header__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.w19-header__logobox {
    min-width: 12em;
    width: 12em;
    height: 8em;
    margin-right: .5em;
    background-size: contain;
    background-position: center;
}

.w19-header__logobox__img {
    width: 100%;
}

.w19-header-col {
    width: 89%;
}

.w19-header__first {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w19-header__first__callsearch {
    cursor: pointer;
    border: none;
    outline: none;
    padding: 1em;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5em;
    white-space: nowrap;
    border-radius: .3em;
    border: .1em solid white;
}

@media only screen and (min-width: 37.5em) {
    .w19-header__first__callsearch {
        display: none;
    }
}

@media only screen and (max-width: 25em) {
    .w19-header__first__callsearch {
        margin-left: unset;
    }
}

.w19-header__first__callsearch__text {
    white-space: nowrap;
}

.w19-header__first__search {
    display: flex;
    align-items: center;
    background-color: white;
    margin-right: 1.5em;
    border-radius: .3em;
    width: 70%;
    z-index: 2;
    height: max-content;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__search {
        display: none;
    }
}

.w19-header__first__search__cate {
    display: flex;
    align-items: center;
    border: none;
    min-width: 7em;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__search__cate {
        width: 100%;
        padding: 0;
        height: 6em;
    }
}

.w19-header__first__search__cate__sl {
    font-size: 1em;
    padding: 1em;
    border: none;
    outline: none;
    position: relative;
    width: 103%;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    background-color: transparent;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__search__cate__sl {
        border: 0.1em solid rgba(var(--main-color-w), 1);
        border-radius: .3em;
        margin: 2em 0;
        width: 100%;
    }
}

.w19-header__first__search__cate__icon {
    color: rgba(var(--main-color-w), 1);
    margin-left: auto;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__search__cate__icon {
        margin-right: .5em;
        position: absolute;
        right: 0;
    }
}

.w19-header__first__search__line {
    height: 2.5em;
    width: .1em;
    margin: 0 .5em;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__search__line {
        display: none;
    }
}

.w19-header__first__search__input {
    border: none;
    outline: none;
    width: 70%;
    display: block;
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__search__input {
        text-align: center;
        width: 100%;
        position: relative;
        padding: 1em;
        margin-bottom: 1em;
    }
}

.w19-header__first__search__btn {
    cursor: pointer;
    border: none;
    outline: none;
    padding: 1em;
    font-size: 1em;
    font-weight: 600;
    margin-left: auto;
    line-height: 1.5em;
    white-space: nowrap;
}

.w19-header__first__search__btn__text {
    white-space: nowrap;
}

.w19-header__first__search__live {
    position: absolute;
    top: 3em;
    z-index: 4;
    background-color: white;
    color: black;
    width: 100%;
    padding: 1em;
    display: none;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__search__live {
        display: none;
        left: 0;
        top: 16em;
    }
}

.w19-header__first__search__live__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w19-header__first__search__live__title__text {
    font-size: 1.3em;
    font-weight: 600;
}

.w19-header__first__search__live__title__de {
    color: rgba(var(--main-color-w), 1);
}

.w19-header__first__search__live__box {
    display: flex;
    align-items: center;
    margin-top: 1em;
    padding: .5em;
    cursor: pointer;
}

.w19-header__first__search__live__box__imgbox {
    width: 5em;
    min-width: 5em;
    margin-right: 1em;
    background-size: cover;
}

.w19-header__first__search__live__box__imgbox__img {
    width: 100%;
}

.w19-header__first__search__live__box__content {
    font-weight: 600;
}

.w19-header__first__search__live__box__content__main {
    display: block;
    margin-bottom: .5em;
}

.w19-header__first__search__live__box__content__sub {
    display: block;
    font-weight: 800;
}

.w19-header__first__search__live__box:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w19-header__first__hotline {
    text-align: center;
    line-height: 1.6em;
    margin: 0 1.5em;
}

@media only screen and (max-width: 25em) {
    .w19-header__first__hotline {
        display: none;
    }
}

.w19-header__first__hotline__text {
    font-weight: 300;
    line-height: 1.6em;
}

.w19-header__first__hotline__number {
    font-weight: 600;
    font-size: 1.6em;
    white-space: nowrap;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__hotline__number {
        font-size: 1em;
    }
}

.w19-header__first__card {
    border-radius: .3em;
    border: .1em solid #fff;
    color: white;
    background-color: transparent;
    padding: .8em;
    font-size: 1.2em;
    line-height: 1.6em;
    white-space: nowrap;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__first__card {
        font-size: 1em !important;
    }
}

.w19-header__first__card__text {
    margin: 0 .5em;
}

.w19-header__first__card__number {
    color: black;
    font-weight: 600;
    background-color: #ffd000;
    padding: .3em;
    border-radius: .3em;
}

.w19-header__first__checkbox {
    display: none;
}

    .w19-header__first__checkbox:checked ~ .w19-header__first__search {
        display: block;
        position: absolute;
        top: 11em;
        width: 98%;
        padding: 1em;
        left: 1%;
        text-align: center;
        color: white;
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.w19-header__second {
    display: flex;
    margin-top: 2em;
    justify-content: space-between;
}

.w19-header__second__link {
    margin-right: 1em;
    cursor: pointer;
    position: relative;
}

.w19-header__second__link__icon {
    margin: 0 .5em;
}

.w19-header__second__clink {
    margin-right: 1em;
    cursor: pointer;
    position: relative;
    height: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__second__clink {
        position: inherit !important;
    }
}

.w19-header__second__clink__icon {
    margin: 0 .5em;
}

.w19-header__second__clink__text {
    cursor: pointer;
}

.w19-header__second__clink__check {
    position: absolute;
    background-color: white;
    padding: 1em;
    margin-top: .5em;
    border-radius: .3em;
    text-align: center;
    display: none;
    z-index: 1;
}

@media only screen and (max-width: 37.5em) {
    .w19-header__second__clink__check {
        font-size: 1em !important;
        left: 0;
        width: 100%;
        top: 10em;
    }
}

.w19-header__second__clink__check__input {
    padding: .5em;
    margin-bottom: .4em;
}

.w19-header__second__clink__check__btn {
    margin-top: .5em;
    padding: .5em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: none;
    outline: none;
    border-radius: .3em;
    font-size: 1.3em;
    font-weight: 600;
    cursor: pointer;
}

.w19-header__second__clink__checkbox:checked ~ .w19-header__second__clink__check {
    display: flex !important;
    flex-direction: column;
}

.w19-header__second__clink__checkbox {
    display: none;
}

.w19-header__second__grlink {
    margin-left: auto;
}

@media only screen and (max-width: 31.25em) {
    .w19-header__second__grlink {
        display: none;
    }
}

.w19-header__second__grlink__text {
    margin-right: 1em;
    font-weight: 600;
}

/*ed*/

/*w19-banner*/
.w19-banner {
    width: 100%;
    background-color: #F2F2F2;
    padding: 1em .5em;
    z-index: 0 !important;
}

.w19-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    z-index: 1;
}

.w19-banner__first {
    width: 70%;
    position: relative;
}

@media only screen and (max-width: 43.75em) {
    .w19-banner__first {
        width: 100%;
    }
}

.w19-banner__first__imgbox {
    width: 100%;
    max-height: 50em;
    background-size: contain;
    background-position: center;
}

.w19-banner__first__imgbox__img {
    width: 100%;
}

.w19-banner__first__button {
    border: .1em solid white;
    border-radius: .5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    cursor: pointer;
    font-size: 1em;
    transition: all .2s;
    transform: translateY(-50%);
}

    .w19-banner__first__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w19-banner__first__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w19-banner__first__button__icon {
    font-size: 2em;
}

.w19-banner__first__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w19-banner__first__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 0.2em solid #f8f8f8;
    margin-top: -0.3em;
    background-color: white;
}

.w19-banner__first__items__item {
    font-size: 1.2em;
    padding: .5em;
    cursor: pointer;
    text-align: center;
    position: relative;
    display: inline-block;
}

@media only screen and (max-width: 43.75em) {
    .w19-banner__first__items__item {
        display: none;
    }
}

.w19-banner__first__items__item:not(:last-child) {
    margin-right: 1em;
}

    .w19-banner__first__items__item:not(:last-child)::after {
        content: "";
        height: 3em;
        width: .05em;
        background-color: #F2F2F2;
        position: absolute;
        right: 0;
        top: .2em;
    }

.w19-banner__first .owl-thumbs .active {
    font-weight: 800;
}

.w19-banner__second {
    width: 29%;
    margin-left: 1%;
    background-color: white;
    height: max-content;
}

@media only screen and (max-width: 43.75em) {
    .w19-banner__second {
        display: none;
    }
}

.w19-banner__second__heading {
    font-weight: 800;
    font-size: 1.3em;
    padding: 1em 0;
    color: rgba(var(--main-color-w), 1);
    padding-left: .5em;
    border-bottom: .1em solid #f2f2f2;
    margin-bottom: .5em;
}

.w19-banner__second__content {
    padding: 1em;
}

.w19-banner__second__content__articles {
    display: flex;
    align-items: center;
    margin-bottom: 1.25em;
}

@media only screen and (max-width: 62.5em) {
    .w19-banner__second__content__articles:nth-child(5) {
        display: none;
    }
}

@media only screen and (max-width: 56.25em) {
    .w19-banner__second__content__articles:nth-child(4) {
        display: none;
    }
}

.w19-banner__second__content__articles__imgbox {
    min-width: 9em;
    width: 9em;
    min-height: 5.5em;
    height: 5.5em;
    margin-right: .5em;
    background-size: contain;
    background-position: center;
}

.w19-banner__second__content__articles__imgbox__img {
    width: 100%;
    height: 100%;
}

.w19-banner__second__content__articles__items__name {
    margin-bottom: .5em;
}

.w19-banner__second__content__articles__items__date {
    display: flex;
    align-items: center;
}

.w19-banner__second__content__articles__items__date__icon {
    margin-right: .5em;
}

.w19-banner__second__more {
    text-align: center;
    width: 100%;
    display: block;
    height: max-content;
    text-align: center;
    align-items: center;
    border-top: .1em solid #f2f2f2;
    padding: 1em;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

/*ed*/
/*w19-services*/
.w19-services {
    padding: 1em .5em;
    background-color: #F2F2F2;
}

.w19-services__group {
    margin: 0 auto;
    max-width: 120em;
}

.w19-services__heading {
    font-weight: bolder;
    font-size: 2.5em;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w19-services__heading {
        font-size: 1.6em;
    }
}

.w19-services__content {
    display: flex;
    align-items: center;
}

.w19-services__content__items {
    text-align: center;
    cursor: pointer;
}

.w19-services__content__items__imgbox {
    margin-bottom: .5em;
    background-color: white;
    margin: .5em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    background-size: contain;
    background-position: center;
}

.w19-services__content__items__imgbox__img {
    height: 100%;
}

.w19-services__content__items__text {
    font-weight: 600;
    font-size: 1.3em;
    display: block;
    margin: 0 auto;
}

/*ed*/
/*w19-products*/
.w19-products {
    padding: 2em .5em;
    background-color: #F2F2F2;
}

.w19-products__group {
    max-width: 120em;
    margin: 0 auto;
}

.w19-products__heading {
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w19-products__heading {
        font-size: 1.6em !important;
    }
}

.w19-products__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow-x: scroll;
    box-sizing: content-box;
    scroll-behavior: smooth;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w19-products__tabs {
        justify-content: flex-start;
    }
}

.w19-products__tabs::-webkit-scrollbar {
    height: .4em;
}

.w19-products__tabs__item {
    padding: 1em;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.3em;
    text-transform: uppercase;
    white-space: nowrap;
}

.w19-products__tabs__item-active {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

@media only screen and (max-width: 37.5em) {
    .w19-products__tabs__item-active {
        background-color: rgba(var(--main-color-w), 1) !important;
        color: white !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-products__tabs__item {
        padding: .7em;
        font-size: .8em !important;
        border: 0.1em solid rgba(var(--main-color-w), 1);
        border-radius: 1.5em;
        margin: 1em .5em;
        color: rgba(var(--main-color-w), 1);
    }
}

.w19-products__contents {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%;
}

.w19-products__contents__card {
    width: 19%;
    border-radius: .5em;
    margin-bottom: 1em;
    overflow: hidden;
    background-color: white;
    border: .1em snow #F2F2F2;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w19-products__contents__card {
        width: 24%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-products__contents__card {
        width: 49%;
    }
}

.w19-products__contents__card__imgbox {
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w19-products__contents__card__imgbox__img {
    height: 100%;
}

.w19-products__contents__card__imgbox__love {
    background-color: #f14f66;
    padding: 1em;
    display: inline-block;
    width: auto;
    color: white;
    font-weight: 600;
    position: absolute;
    border-radius: .3em;
    right: 1em;
    top: 1em;
}

    .w19-products__contents__card__imgbox__love::after {
        content: "";
        position: absolute;
        bottom: -.5em;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        border-top: solid 1em #e15915;
        border-left: solid 1em transparent;
        border-right: solid 1em transparent;
    }

.w19-products__contents__card__imgbox__love__icon {
    margin-right: .5em;
}

.w19-products__contents__card__text {
    padding: .5em;
    font-weight: 600;
    line-height: 1.6em;
    display: block;
}

.w19-products__contents__card__stars {
    padding: .5em;
    color: #ffd900;
}

.w19-products__contents__card__price {
    padding: .5em;
    font-weight: 800;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
}

.w19-products__more {
    width: 100%;
    text-align: center;
    cursor: pointer;
}

.w19-products__more__group {
    margin: 0 auto;
    display: inline-flex;
    text-align: center;
    align-items: center;
    padding: 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 2em;
    color: rgba(var(--main-color-w), 1);
}

.w19-products__more__group__text {
    color: rgba(var(--main-color-w), 1);
    margin-right: .5em;
    display: inline-block;
    font-weight: 600;
}

.w19-products__more__group__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    display: inline-block;
}

/*ed*/
/*w19-products-1*/
.w19-products-1 {
    padding: 2em .5em;
    background-color: #F2F2F2;
}

.w19-products-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w19-products-1__heading {
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w19-products-1__heading {
        font-size: 1.6em !important;
    }
}

.w19-products-1__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    overflow-x: scroll;
    box-sizing: content-box;
    scroll-behavior: smooth;
}

    .w19-products-1__tabs::-webkit-scrollbar {
        height: .4em;
    }

.w19-products-1__tabs__item {
    padding: 1em;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.3em;
    text-transform: uppercase;
    white-space: nowrap;
}

.w19-products-1__tabs__item-active {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

@media only screen and (max-width: 37.5em) {
    .w19-products-1__tabs__item-active {
        background-color: rgba(var(--main-color-w), 1);
        color: white !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-products-1__tabs__item {
        padding: .7em;
        font-size: .8em !important;
        border: 0.1em solid rgba(var(--main-color-w), 1);
        border-radius: 1.5em;
        margin: 1em .5em;
        color: rgba(var(--main-color-w), 1);
    }
}

.w19-products-1__contents {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%;
}

.w19-products-1__contents__card {
    width: 19%;
    border-radius: .5em;
    margin-bottom: 1em;
    overflow: hidden;
    background-color: white;
    border: .1em snow #F2F2F2;
    margin-left: 1%;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w19-products-1__contents__card {
        width: 24%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-products-1__contents__card {
        width: 49%;
        margin-left: 1%;
    }
}

.w19-products-1__contents__card__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w19-products-1__contents__card__imgbox__img {
    width: 100%;
}

.w19-products-1__contents__card__text {
    padding: .5em;
    font-weight: 600;
    line-height: 1.6em;
    display: block;
}

.w19-products-1__contents__card__stars {
    padding: .5em;
    color: #ffd900;
}

.w19-products-1__contents__card__price {
    padding: .5em;
    font-weight: 800;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
}

.w19-products-1__contents__cardlast {
    width: 19%;
    border-radius: .5em;
    margin-bottom: 1em;
    overflow: hidden;
    border: .1em snow #F2F2F2;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 2em;
    margin-left: 1%;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w19-products-1__contents__cardlast {
        width: 24%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-products-1__contents__cardlast {
        width: 98%;
    }
}

.w19-products-1__contents__cardlast__first {
    margin-bottom: 2em;
}

.w19-products-1__contents__cardlast__first__number {
    font-weight: 800;
    font-size: 2.5em;
}

.w19-products-1__contents__cardlast__first__text {
    text-transform: uppercase;
    font-size: 1.8em;
    display: block;
}

.w19-products-1__contents__cardlast__second {
    cursor: pointer;
    border-top: .1em solid white;
}

.w19-products-1__contents__cardlast__second__text {
    display: block;
    font-size: 1.4em;
    margin-bottom: 1em;
    margin-top: 1em;
    cursor: pointer;
}

.w19-products-1__contents__cardlast__second__icon {
    padding: 0.8em 1.1em;
    font-size: 2em;
    border: .1em solid white;
    border-radius: 50%;
}

/*ed*/
/*w19-ads*/
.w19-ads {
    width: 100%;
    padding: 2em .5em;
    background-color: #F2F2F2;
}

.w19-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w19-ads__heading {
    font-size: 2.5em;
    font-weight: 800;
    text-align: center;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w19-ads__heading {
        font-size: 1.6em !important;
    }
}

.w19-ads__items {
    display: flex;
    width: 100%;
}

.w19-ads__items__item {
    background-color: white;
    padding: 1em;
    display: flex;
    width: 95%;
    align-items: center;
    margin-bottom: 1em;
    cursor: pointer;
    border-radius: .5em;
    border: .1em solid #e2e2e2;
}

.w19-ads__items__item__imgbox {
    margin-right: 1em;
    min-width: 5em;
    width: 5em;
    height: 5em;
    background-size: cover;
}

.w19-ads__items__item__imgbox__img {
    width: 100%;
}

.w19-ads__items__item__content {
    font-weight: 800;
    overflow: hidden;
}

.w19-ads__items__item__content__main {
    margin-bottom: .5em;
    cursor: pointer;
    font-weight: 800;
    font-size: 1.4em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w19-ads__items__item__content__sub {
    white-space: nowrap;
    cursor: pointer;
    display: block;
}

.w19-ads__button {
    text-align: center;
    display: flex;
    justify-content: center;
}

.w19-ads__button__item {
    margin-right: 1em;
    cursor: pointer;
    width: 1em;
    height: 1em;
    background-color: #999;
    border-radius: 50%;
}

.w19-ads .owl-thumbs .active {
    background-color: #777;
}

/*ed*/

/*w19-search*/
.w19-search {
    width: 100%;
    padding: 2em .5em;
    background-color: white;
}

.w19-search__group {
    max-width: 120em;
    margin: 0 auto;
}

.w19-search__title {
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    font-size: 3em;
    font-weight: 800;
    text-align: center;
}

.w19-search__des {
    line-height: 1.6em;
    text-align: center;
    margin-top: 1em;
}

.w19-search__bar {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin: 1em 0 0 -1em;
    width: calc(100% + 1em);
}

.w19-search__bar__in {
    border: 0.15em solid rgba(var(--main-color-w), 1);
    border-radius: .2em;
    padding: .5em;
    margin: 1em 0 0 1em;
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w19-search__bar__in {
        width: 100%;
    }
}

.w19-search__bar__box {
    border: 0.2em solid rgba(var(--main-color-w), 1);
    border-radius: .3em;
    padding: 1.5em;
    position: relative;
    width: 15em;
    margin: 1.3em 0 0 1em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w19-search__bar__box {
        width: 100%;
    }
}

.w19-search__bar__box__sl {
    border: none;
    outline: none;
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    padding: .5em;
    cursor: pointer;
    font-size: 1.2em;
}

.w19-search__bar__box__icon {
    z-index: 3;
    position: absolute;
    right: .5em;
    top: 1em;
    font-size: 1.2em;
}

.w19-search__bar__button {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
    padding: .6em 2em;
    border-radius: .3em;
    margin: 1.1em 0 0 1em;
    border: none;
    outline: none;
    cursor: pointer;
    font-size: 1.2em;
}

/*ed*/

/*w19-bloglist*/
.w19-bloglist {
    width: 100%;
    padding: 2em 0.5em;
}

.w19-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w19-bloglist__items {
    width: 80%;
    padding-right: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w19-bloglist__items {
        width: 100% !important;
    }
}

.w19-bloglist__items__text {
    text-align: justify;
    color: black;
    margin-top: 1em;
    display: block;
    font-size: 1.4em;
    line-height: 1.8em;
    font-size: 1.4em;
    text-align: justify;
}

    .w19-bloglist__items__text h2,
    .w19-bloglist__items__text h3,
    .w19-bloglist__items__text h4,
    .w19-bloglist__items__text h5,
    .w19-bloglist__items__text img,
    .w19-bloglist__items__text iframe,
    .w19-bloglist__items__text p {
        margin: 0.7em 0;
    }

    .w19-bloglist__items__text ul,
    .w19-bloglist__items__text ol {
        list-style: none;
    }

.w19-bloglist__items__item {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.w19-bloglist__items__item__content {
    padding: 0 1em 1em 1em;
    width: 60%;
}

@media only screen and (max-width: 50em) {
    .w19-bloglist__items__item__content {
        width: 100% !important;
    }
}

.w19-bloglist__items__item__content__user {
    display: flex;
    margin-top: 0.5em;
}

.w19-bloglist__items__item__content__user__date {
    margin-right: 1em;
    color: #777;
}

.w19-bloglist__items__item__content__user__date__icon {
    margin-right: 0.5em;
}

.w19-bloglist__items__item__content__heading {
    display: block;
    font-weight: 800;
    font-size: 1.4em;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w19-bloglist__items__item__content__text {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w19-bloglist__items__item__imgbox {
    min-width: 40%;
    width: 40%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w19-bloglist__items__item__imgbox {
        width: 100% !important;
        margin-bottom: 1em;
    }
}

.w19-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w19-bloglist__imgbox {
    width: 20%;
    min-width: 20%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w19-bloglist__imgbox {
        width: 100% !important;
        margin-top: 1em;
    }
}

.w19-bloglist__imgbox__img {
    width: 100%;
}

.w19-bloglist__paging {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w19-bloglist__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w19-bloglist__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    margin-bottom: 1em;
}

.w19-bloglist__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    margin-bottom: 1em;
    cursor: pointer;
}

.w19-bloglist__paging__list--active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

.w19-bloglist__paging__text {
    margin-left: auto;
    font-size: 1.2em;
}

/*ed*/
/*w19-productlist*/
.w19-productlist {
    width: 100%;
    padding: 2em 0.5em;
}

.w19-productlist__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    flex-wrap: wrap;
}

.w19-productlist__first {
    width: 75%;
}

@media only screen and (max-width: 43.75em) {
    .w19-productlist__first {
        width: 100%;
    }
}

.w19-productlist__first__banner {
    width: 100%;
}

.w19-productlist__first__banner__imgbox {
    background-size: contain;
    background-position: center;
}

.w19-productlist__first__banner__imgbox__img {
    width: 100%;
}

.w19-productlist__first__title {
    font-size: 2em;
    font-weight: 800;
    margin-top: 1em;
}

.w19-productlist__first__cate {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

.w19-productlist__first__cate__text {
    margin-right: 1em;
    border-radius: 2em;
    padding: 0.5em;
    margin-bottom: 1em;
    border: 0.1em solid #777;
}

.w19-productlist__first__des {
    line-height: 1.8em;
    margin-top: 1em;
    font-size: 2.2em;
    text-align: justify;
}

.w19-productlist__first__check {
    display: none;
}

    .w19-productlist__first__check:checked ~ .w19-productlist__first__text {
        max-height: 1000em;
    }

.w19-productlist__first__lbl {
    text-align: center;
    display: block;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    font-size: 1.4em;
    font-weight: 800;
}

.w19-productlist__first__text {
    margin-top: 1em;
    line-height: 1.8em;
    font-size: 1.6em;
    max-height: 5em;
    overflow: hidden;
    transition: all 0.2s ease;
    text-align: justify;
}

.w19-productlist__first__items {
    margin-top: 1em;
}

.w19-productlist__first__items__heading {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    padding: 0.5em;
}

.w19-productlist__first__items__heading__cht {
    cursor: pointer;
}

.w19-productlist__first__items__heading__cht__text {
    margin-right: 0.5em;
}

.w19-productlist__first__items__heading__cht__icon {
    padding: 1em;
    border: 0.1em solid #f2f2f2;
}

    .w19-productlist__first__items__heading__cht__icon:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w19-productlist__first__items__heading__cht .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w19-productlist__first__items__heading__sl {
    padding: 0.6em;
    margin-left: auto;
}

.w19-productlist__first__items__check:checked ~ .w19-productlist__first__items__box {
    flex-direction: column;
}

.w19-productlist__first__items__box {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w19-productlist__first__items__box__item {
    width: 25%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w19-productlist__first__items__box__item {
        width: 50%;
    }
}

.w19-productlist__first__items__box__item__imgbox {
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w19-productlist__first__items__box__item__imgbox__img {
    width: 100%;
}

.w19-productlist__first__items__box__item__imgbox__love {
    position: absolute;
    top: 1em;
    background-color: crimson;
    right: 1em;
    color: white;
    padding: 1em;
    display: flex;
    align-items: center;
    font-weight: 600;
    border-radius: 0.3em;
}

    .w19-productlist__first__items__box__item__imgbox__love::after {
        content: "";
        border-top: 1em solid crimson;
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        position: absolute;
        bottom: -1em;
        left: 50%;
        transform: translateX(-50%);
    }

.w19-productlist__first__items__box__item__imgbox__love__icon {
    margin-right: 0.5em;
}

.w19-productlist__first__items__box__item__info {
    padding: 0.5em;
}

.w19-productlist__first__items__box__item__info__name {
    font-size: 1.2em;
    font-weight: 600;
    line-height: 1.6em;
    cursor: pointer;
}

.w19-productlist__first__items__box__item__info__stars {
    margin-top: 0.5em;
}

.w19-productlist__first__items__box__item__info__stars__star {
    color: gold;
}

.w19-productlist__first__items__box__item__info__price {
    margin-top: 0.5em;
    font-weight: 800;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

.w19-productlist__first__items__box__item__info__price-down {
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.4em;
    text-decoration: line-through;
}

.w19-productlist__first__paging {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w19-productlist__first__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w19-productlist__first__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    margin-bottom: 1em;
}

.w19-productlist__first__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
}

.w19-productlist__first__paging__list--active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

.w19-productlist__first__paging__text {
    margin-left: auto;
    font-size: 1.2em;
}

.w19-productlist__second {
    width: 25%;
    padding: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w19-productlist__second {
        width: 100%;
        margin-top: 1em;
    }
}

.w19-productlist__second__title {
    font-size: 1.4em;
    font-weight: 800;
    margin-bottom: 1em;
}

.w19-productlist__second__social {
    margin-bottom: 1em;
    display: flex;
}

.w19-productlist__second__social__imgbox {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 5em;
    height: 5em;
    min-width: 5em;
    margin-right: 0.5em;
    cursor: pointer;
}

.w19-productlist__second__social__imgbox__img {
    width: 100%;
}

.w19-productlist__second__his {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

.w19-productlist__second__his__imgbox {
    width: 50%;
    background-size: contain;
    background-position: center;
    max-width: 5em;
}

.w19-productlist__second__his__imgbox__img {
    width: 100%;
}

.w19-productlist__second__imgbox {
    width: 100%;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
}

.w19-productlist__second__imgbox__img {
    width: 100%;
}

/*ed*/
/*w19-productdetail*/
.w19-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w19-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w19-productdetail__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w19-productdetail__main__image {
    width: 30%;
    margin-right: 2%;
}

@media only screen and (max-width: 50em) {
    .w19-productdetail__main__image {
        margin-right: 0;
        width: 100%;
    }
}

.w19-productdetail__main__image__contain__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w19-productdetail__main__image__contain__imgbox__img {
    width: 100%;
}

.w19-productdetail__main__image__owl-thumb {
    width: 100%;
    display: flex;
}

.w19-productdetail__main__image__owl-thumb__imgbox {
    width: 100%;
    background-color: transparent;
    border: none;
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

.w19-productdetail__main__image__owl-thumb__imgbox__img {
    width: 100%;
}

.w19-productdetail__main__content {
    width: 68%;
}

@media only screen and (max-width: 50em) {
    .w19-productdetail__main__content {
        width: 100%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-productdetail__main__content {
        width: 100%;
    }
}

.w19-productdetail__main__content__title {
    font-weight: 800;
    font-size: 2em;
    line-height: 1.7em;
}

.w19-productdetail__main__content__more {
    display: flex;
    margin-top: 1em;
    padding-bottom: 0.5em;
    border-bottom: 0.1em solid #cecece;
}

.w19-productdetail__main__content__more__code {
    display: block;
    font-size: 1.2em;
}

.w19-productdetail__main__content__more__code__link {
    margin-top: 0.5em;
}

.w19-productdetail__main__content__more__code__link__head {
    font-weight: 800;
}

.w19-productdetail__main__content__more__code__link__a {
    display: inline-block;
}

.w19-productdetail__main__content__more__stars {
    margin-left: auto;
    display: block;
}

.w19-productdetail__main__content__more__stars__icon {
    display: flex;
}

.w19-productdetail__main__content__more__stars__icon__star {
    font-size: 1.6em;
    margin-right: 0.2em;
    color: #ffdf00;
}

.w19-productdetail__main__content__more__stars__cm {
    cursor: pointer;
    display: inline-block;
    margin-top: 0.5em;
    font-size: 0.9em;
    color: #999;
}

.w19-productdetail__main__content__detail {
    display: flex;
    flex-wrap: wrap;
}

.w19-productdetail__main__content__detail__ar {
    width: 70%;
}

@media only screen and (max-width: 37.5em) {
    .w19-productdetail__main__content__detail__ar {
        width: 100%;
    }
}

.w19-productdetail__main__content__detail__ar__price {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w19-productdetail__main__content__detail__ar__price__main {
    display: block;
    font-weight: 800;
    font-size: 2.5em;
    color: rgba(var(--main-color-w), 1);
    margin-right: 1em;
}

.w19-productdetail__main__content__detail__ar__price__down {
    display: block;
    font-size: 2em;
    text-decoration: line-through;
}

.w19-productdetail__main__content__detail__ar__status {
    margin-top: 1em;
}

.w19-productdetail__main__content__detail__ar__status__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
}

.w19-productdetail__main__content__detail__ar__status__text {
    color: black;
}

.w19-productdetail__main__content__detail__ar__action {
    display: flex;
    margin-top: 1.5em;
    flex-wrap: wrap;
}

.w19-productdetail__main__content__detail__ar__action__number {
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.w19-productdetail__main__content__detail__ar__action__number__in {
    width: 2em;
    height: 2em;
    font-size: 1.6em;
    border: 0.05em solid #e7e7e7;
    border-right: none;
    outline: none;
    text-align: center;
}

.w19-productdetail__main__content__detail__ar__action__number__cr {
    display: flex;
    flex-direction: column;
}

.w19-productdetail__main__content__detail__ar__action__number__cr__tt {
    display: block;
    border: 0.1em solid #e7e7e7;
    padding: 0.2em;
    cursor: pointer;
}

.w19-productdetail__main__content__detail__ar__action__add {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: none;
    outline: none;
    padding: 0.5em;
    border-radius: 0.3em;
    font-weight: 600;
    margin-right: 1em;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w19-productdetail__main__content__detail__ar__action__add {
        font-size: 1em;
    }
}

.w19-productdetail__main__content__detail__ar__action__buy {
    background-color: orangered;
    border-radius: 0.3em;
    color: white;
    border: none;
    outline: none;
    padding: 0.5em;
    font-weight: 600;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w19-productdetail__main__content__detail__ar__action__buy {
        font-size: 1em;
    }
}

.w19-productdetail__main__content__detail__ar__action__like {
    display: flex;
    align-items: center;
    margin-left: auto;
    float: right;
    padding: 1em;
}

.w19-productdetail__main__content__detail__ar__action__like__icon {
    color: orangered;
    font-size: 2.5em;
    margin-right: 0.2em;
    font-weight: 500;
}

.w19-productdetail__main__content__detail__ar__action__like__text {
    font-size: 1.2em;
}

.w19-productdetail__main__content__detail__ar__action__like:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w19-productdetail__main__content__detail__ar__deli {
    margin-top: 1em;
    padding: 0.5em;
    border: 0.1em solid #cecece;
}

.w19-productdetail__main__content__detail__ar__deli__nd {
    margin-top: 1em;
    display: flex;
    align-items: center;
    font-size: 1.2em;
}

.w19-productdetail__main__content__detail__ar__deli__nd__icon {
    margin-right: 0.5em;
    color: orangered;
}

.w19-productdetail__main__content__detail__ar__deli__nd__text {
    line-height: 1.8em;
}

.w19-productdetail__main__content__detail__ar__deli__text {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    width: 100%;
    text-align: center;
    margin-top: 0.5em;
}

.w19-productdetail__main__content__detail__ar__deli__des {
    margin-top: 1em;
    padding: 1em;
    border: 0.1em solid #cecece;
    font-size: 1.2em;
}

.w19-productdetail__main__content__detail__ar__con {
    display: flex;
    align-items: center;
    margin-top: 1em;
    border: 0.1em solid #cecece;
    padding: 0.5em;
    font-size: 1.2em;
}

.w19-productdetail__main__content__detail__ar__con__ti {
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.w19-productdetail__main__content__detail__ar__con__ti__icon {
    margin-right: 0.5em;
    color: orangered;
}

.w19-productdetail__main__content__detail__ar__con__ti__text {
    font-weight: 600;
}

.w19-productdetail__main__content__detail__ar__con__hot {
    font-weight: 600;
    line-height: 1.8em;
}

.w19-productdetail__main__content__detail__ar__con__hot__text {
    color: orangered;
}

.w19-productdetail__main__content__detail__ar__ms__heading {
    margin: 1em 0 0.5em 0;
    font-weight: 600;
    font-size: 2em;
}

.w19-productdetail__main__content__detail__ar__ms__product {
    padding-bottom: 1em;
    border-bottom: 0.1em solid #cecece;
}

.w19-productdetail__main__content__detail__ar__ms__product__imgbox {
    background-size: contain;
    background-position: center;
}

.w19-productdetail__main__content__detail__ar__ms__product__imgbox__img {
    width: 100%;
}

.w19-productdetail__main__content__detail__ar__ms__body {
    margin-top: 0.5em;
    border-bottom: 0.1em solid #cecece;
    padding-bottom: 0.5em;
}

.w19-productdetail__main__content__detail__ar__ms__body__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 0;
}

.w19-productdetail__main__content__detail__ar__ms__body__item__tt {
    display: flex;
    align-items: center;
    font-size: 1.3em;
}

.w19-productdetail__main__content__detail__ar__ms__body__item__tt__cb {
    margin-right: 0.5em;
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
}

.w19-productdetail__main__content__detail__ar__ms__body__item__text {
    font-size: 1.3em;
    padding: 0 0.5em;
}

.w19-productdetail__main__content__detail__ar__ms__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w19-productdetail__main__content__detail__ar__ms__footer__first__button {
    color: white;
    background: orangered;
    padding: 1em 2em;
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 1.6em;
    cursor: pointer;
}

.w19-productdetail__main__content__detail__ar__ms__footer__second {
    text-align: right;
    font-size: 1.3em;
}

.w19-productdetail__main__content__detail__ar__ms__footer__second__text {
    padding: 0.5em 0;
}

.w19-productdetail__main__content__detail__br {
    width: 29%;
    background: #eeee;
    margin-top: 1em;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w19-productdetail__main__content__detail__br {
        width: 100%;
    }
}

.w19-productdetail__main__content__detail__br__heading {
    margin-bottom: 1em;
    font-weight: 800;
    font-size: 1.4em;
}

.w19-productdetail__main__content__detail__br__fc {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    padding-left: 0;
    border-left: none;
    border-radius: 3.5em;
    margin-bottom: 1em;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.w19-productdetail__main__content__detail__br__fc__icon {
    padding: 0.5em;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
    font-size: 1.6em;
    margin-bottom: -1px;
    margin-right: 0.5em;
}

.w19-productdetail__main__content__detail__br__fc__text {
    font-weight: 800;
}

.w19-productdetail__main__content__detail__br__tit {
    padding: 0em 1em 1em 1em;
    font-weight: 800;
    font-size: 1.4em;
    padding-left: 0;
}

.w19-productdetail__main__content__detail__br__gy {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.w19-productdetail__main__content__detail__br__gy__icon {
    margin-right: 0.5em;
    font-size: 1.4em;
}

.w19-productdetail__main__content__detail__br__gy__text {
    display: inline-block;
    font-size: 1.2em;
}

.w19-productdetail__main__content__detail__br__dt {
    margin-bottom: 1em;
    margin-left: 2em;
    display: inline-block;
}

.w19-productdetail__relate {
    background-color: #f2f2f2;
    padding: 2em 1em;
    position: relative;
    margin-top: 0.5em;
}

.w19-productdetail__relate__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
    padding: 0.1em 0.5em;
}

    .w19-productdetail__relate__button:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w19-productdetail__relate__button-next {
    position: absolute;
    top: 2.5em;
    right: 1em;
    z-index: 2;
}

.w19-productdetail__relate__button__icon {
    font-size: 0.8em;
}

.w19-productdetail__relate__button-prev {
    position: absolute;
    top: 2.5em;
    right: 3.5em;
    z-index: 2;
}

.w19-productdetail__relate__heading {
    font-weight: 800;
    font-size: 1.6em;
}

.w19-productdetail__relate__items {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w19-productdetail__relate__items__item {
    margin-top: 0.5em;
    background-color: white;
}

.w19-productdetail__relate__items__item__imgbox {
    position: relative;
    background-size: contain;
    background-position: center;
}

.w19-productdetail__relate__items__item__imgbox__love {
    background-color: #f14f66;
    padding: 1em;
    display: inline-block;
    width: auto;
    color: white;
    font-weight: 600;
    position: absolute;
    border-radius: 0.3em;
    right: 1em;
    top: 1em;
}

    .w19-productdetail__relate__items__item__imgbox__love::after {
        content: "";
        position: absolute;
        bottom: -0.5em;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        border-top: solid 1em #e15915;
        border-left: solid 1em transparent;
        border-right: solid 1em transparent;
    }

.w19-productdetail__relate__items__item__imgbox__love__icon {
    margin-right: 0.5em;
}

.w19-productdetail__relate__items__item__imgbox__img {
    width: 100%;
}

.w19-productdetail__relate__items__item__name {
    font-weight: 600;
    margin-top: 0.5em;
    font-size: 1.4em;
    padding: 0.5em;
    display: inline-block;
}

.w19-productdetail__relate__items__item__stars {
    display: flex;
    margin-top: 1em;
    padding: 0.5em;
}

.w19-productdetail__relate__items__item__stars__star {
    color: #f93;
}

.w19-productdetail__relate__items__item__price {
    color: rgba(var(--main-color-w), 1);
    margin-top: 0.5em;
    font-weight: 800;
    font-size: 1.6em;
    padding: 0.5em;
}

.w19-productdetail__content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w19-productdetail__content__first {
    width: 70%;
}

@media only screen and (max-width: 43.75em) {
    .w19-productdetail__content__first {
        width: 100%;
    }
}

.w19-productdetail__content__first__tableoct {
    width: 100%;
    background: white;
    margin-top: 1em;
}

.w19-productdetail__content__first__tableoct__group {
    max-width: 120em;
    margin: 0 auto;
    border: 0.2em solid black;
    border-radius: 0.5em;
    padding: 1em;
}

.w19-productdetail__content__first__tableoct__cbcl:checked ~ .w19-productdetail__content__first__tableoct__clone {
    display: block;
}

.w19-productdetail__content__first__tableoct__cbcl {
    display: none;
}

.w19-productdetail__content__first__tableoct__checkbox {
    display: none;
}

    .w19-productdetail__content__first__tableoct__checkbox:checked ~ .w19-productdetail__content__first__tableoct__body {
        max-height: 100vh;
        overflow: unset;
    }

.w19-productdetail__content__first__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w19-productdetail__content__first__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1em;
    border: 0.1em solid black;
    padding: 0.2em 0.3em;
    border-radius: 0.3em;
    background-color: white;
    font-size: 2.5em;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4;
}

    .w19-productdetail__content__first__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1em solid white;
    }

.w19-productdetail__content__first__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    border-radius: 0.3em;
}

.w19-productdetail__content__first__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w19-productdetail__content__first__tableoct__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.2em;
}

.w19-productdetail__content__first__tableoct__heading__title__text {
    font-size: 2em;
    font-weight: 600;
}

.w19-productdetail__content__first__tableoct__heading__icon {
    font-size: 1.4em;
}

.w19-productdetail__content__first__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w19-productdetail__content__first__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.w19-productdetail__content__first__tableoct__body__ol {
    list-style: none;
}

.w19-productdetail__content__first__tableoct__body__ol__text {
    margin-bottom: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    font-size: 1.3em;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

    .w19-productdetail__content__first__tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w19-productdetail__content__first__tableoct__body__ol__text:hover::after {
        max-width: 120em;
    }

    .w19-productdetail__content__first__tableoct__body__ol__text:hover {
        color: white;
    }

.w19-productdetail__content__first__tableoct__body__ol--1 {
    list-style: none;
}

.w19-productdetail__content__first__tableoct__body__ol--1__text {
    margin-top: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
}

    .w19-productdetail__content__first__tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w19-productdetail__content__first__tableoct__body__ol--1__text:hover::after {
        max-width: 120em;
    }

    .w19-productdetail__content__first__tableoct__body__ol--1__text:hover {
        color: white;
    }

.w19-productdetail__content__first__heading {
    font-weight: 700;
    font-size: 1.6em;
    line-height: 1.8em;
    display: block;
    margin-top: 1em;
}

.w19-productdetail__content__first__text {
    font-size: 1.4em;
    line-height: 1.8em;
    display: block;
}

.w19-productdetail__content__first__comment {
    margin-top: 1em;
    border-top: 0.1em solid #f2f2f2;
    padding: 1em 0;
}

.w19-productdetail__content__first__comment__nx {
    display: flex;
}

.w19-productdetail__content__first__comment__nx__col {
    width: 30%;
    margin-right: 1em;
    text-align: center;
}

.w19-productdetail__content__first__comment__nx__col__title {
    font-size: 1.6em;
    font-weight: 800;
}

.w19-productdetail__content__first__comment__nx__col__point {
    font-size: 4em;
    font-weight: 600;
    color: red;
}

.w19-productdetail__content__first__comment__nx__col__stars__star {
    color: gold;
    font-size: 1.8em;
}

.w19-productdetail__content__first__comment__nx__col__text {
    margin-top: 1em;
    color: #999;
}

.w19-productdetail__content__first__comment__nx__diem {
    width: 70%;
}

.w19-productdetail__content__first__comment__nx__diem__range {
    display: flex;
    margin-top: 1em;
}

.w19-productdetail__content__first__comment__nx__diem__range__number {
    margin-right: 0.5em;
    color: #999;
    width: 1em;
    min-width: 1em;
}

.w19-productdetail__content__first__comment__nx__diem__range__star {
    margin-right: 1em;
    color: #999;
}

.w19-productdetail__content__first__comment__nx__diem__range__bar {
    width: 90%;
    height: 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin-right: 1em;
    border-radius: 0.5em;
}

.w19-productdetail__content__first__comment__nx__diem__range__vl {
    color: #999;
}

.w19-productdetail__content__first__comment__gn {
    margin-top: 3em;
}

.w19-productdetail__content__first__comment__gn__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.4em;
}

.w19-productdetail__content__first__comment__gn__bl__dg {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w19-productdetail__content__first__comment__gn__bl__dg__name {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.w19-productdetail__content__first__comment__gn__bl__dg__stars__star {
    color: gold;
    font-size: 1.4em;
}

.w19-productdetail__content__first__comment__gn__bl__ntd {
    padding: 1em 0;
}

.w19-productdetail__content__first__comment__gn__bl__ntd__text {
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

.w19-productdetail__content__first__comment__gn__bl__ntd__input {
    width: 100%;
    margin-top: 0.5em;
    padding: 0.5em;
    border: 0.1em solid #dfdfdf;
}

.w19-productdetail__content__first__comment__gn__bl__action {
    display: flex;
    align-items: center;
}

.w19-productdetail__content__first__comment__gn__bl__action__text {
    margin-right: 1em;
}

.w19-productdetail__content__first__comment__gn__bl__action__input {
    display: none;
}

.w19-productdetail__content__first__comment__gn__bl__action__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    border: none;
    border-radius: 0.5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w19-productdetail__content__first__comment__gn__bl__action__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    padding: 0.5em;
    border-radius: 0.5em;
    margin-right: 0.5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w19-productdetail__content__first__comment__gn__bl__xem {
    display: flex;
    margin-top: 1em;
    align-items: center;
}

    .w19-productdetail__content__first__comment__gn__bl__xem .active {
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.w19-productdetail__content__first__comment__gn__bl__xem__text {
    margin-right: 1em;
    font-size: 1.2em;
}

.w19-productdetail__content__first__comment__gn__bl__xem__button {
    border: 0.1em solid #dfdfdf;
    padding: 1em;
    margin-right: 1em;
    cursor: pointer;
}

.w19-productdetail__content__first__comment__gn__bl__xem__sao {
    padding: 0.5em;
    cursor: pointer;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items {
    margin-top: 1em;
    display: flex;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__first__imgbox {
    width: 8em;
    min-width: 8em;
    height: 8em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5em;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second {
    width: 80%;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5em;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__text {
    margin-top: 1em;
    line-height: 1.6em;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__abimg {
    margin-top: 1em;
    display: flex;
    gap: 1em;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__abimg__imgbox {
    width: 20em;
    background-size: contain;
    background-position: center;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1em;
    position: relative;
    margin-top: 2.5em;
}

    .w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2em #f2f2f2;
        border-left: solid 2em transparent;
        border-right: solid 2em transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2em;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5em;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__human {
    margin-right: 0.5em;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__date {
    color: #777;
}

.w19-productdetail__content__first__comment__gn__bl__cm__items__second__rep__ct {
    margin-top: 2em;
    line-height: 1.6em;
}

.w19-productdetail__content__second {
    width: 30%;
    padding: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w19-productdetail__content__second {
        width: 100%;
    }
}

.w19-productdetail__content__second__social {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
    margin-bottom: 1em;
}

.w19-productdetail__content__second__social__imgbox {
    height: 4em;
    width: 4em;
    min-width: 4em;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 0.5em;
    transition: all 0.2s ease-in;
}

    .w19-productdetail__content__second__social__imgbox:hover {
        transform: scale(1.3);
    }

.w19-productdetail__content__second__seen {
    display: flex;
    margin-left: -2%;
    flex-wrap: wrap;
}

.w19-productdetail__content__second__seen__imgbox {
    overflow: hidden;
    border-radius: 0.5em;
    width: 48%;
    margin-left: 2%;
    margin-top: 0.5em;
    background-size: contain;
    background-position: center;
}

.w19-productdetail__content__second__seen__imgbox__img {
    width: 100%;
}

.w19-productdetail__content__second__card {
    margin-top: 3em;
}

.w19-productdetail__content__second__card__name {
    font-weight: 800;
    line-height: 1.6em;
    font-size: 1.4em;
}

.w19-productdetail__content__second__card__price {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    font-weight: 800;
    margin-top: 0.5em;
}

.w19-productdetail__content__second__card__status {
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
}

.w19-productdetail__content__second__card__status__icon {
    margin-right: 0.5em;
}

.w19-productdetail__content__second__card__action {
    display: flex;
    margin-top: 1em;
    font-size: 1.5em;
}

.w19-productdetail__content__second__card__action__in {
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.w19-productdetail__content__second__card__action__in__number {
    width: 3em;
    height: 3em;
    border: 0.05em solid #d6d6d6;
    border-right: none;
    outline: none;
    text-align: center;
}

.w19-productdetail__content__second__card__action__in__tt {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.w19-productdetail__content__second__card__action__in__tt__icon {
    border: 0.05em solid #d6d6d6;
    cursor: pointer;
    padding: 0.1em;
}

.w19-productdetail__content__second__card__action__button {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    outline: none;
    border: none;
    font-weight: 600;
    border-radius: 0.3em;
    white-space: nowrap;
    cursor: pointer;
}

.w19-productdetail__content__second__card__action__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w19-productdetail__content__second__card__action__imgbox__img {
    width: 100%;
}

.w19-productdetail__content__second__card__con {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    cursor: pointer;
}

.w19-productdetail__content__second__card__con__item {
    padding: 0.5em 0;
    width: 33.333333333%;
    border: 0.1em solid #f2f2f2;
    text-align: center;
}

.w19-productdetail__content__second__card__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w19-productdetail__content__second__card__imgbox__img {
    width: 100%;
}

/*ed*/
/*w19-banner-1*/
.w19-banner-1 {
    width: 100%;
    background-color: white;
    padding: 1em 0.5em;
}

.w19-banner-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w19-banner-1__col {
    width: 60% !important;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w19-banner-1__col {
        width: 100% !important;
    }
}

.w19-banner-1__button {
    border: 0.1em solid white;
    border-radius: 0.5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w19-banner-1__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w19-banner-1__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w19-banner-1__button__icon {
    font-size: 2em;
}

.w19-banner-1__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w19-banner-1__image__imgbox {
    background-size: contain;
    background-position: center;
}

.w19-banner-1__image__imgbox__img {
    width: 100%;
}

.w19-banner-1__items {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w19-banner-1__items {
        width: 100%;
    }
}

.w19-banner-1__items__item {
    width: 33.33333333333%;
    cursor: pointer;
    text-align: center;
    border: 0.1em solid #f2f2f2;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w19-banner-1__items__item {
        width: 11.11111111111111111111%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-banner-1__items__item {
        width: 33.3333333333333333333333%;
    }
}

.w19-banner-1__items__item__imgbox {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    margin: 1em;
}

.w19-banner-1__items__item__imgbox__img {
    width: 100%;
}

.w19-banner-1__items__item__text {
    margin-top: 0.5em;
}

/*ed*/
/*w19-banner-2*/
.w19-banner-2 {
    width: 100%;
    padding: 1em .5em;
    background-color: #f2f2f2;
}

.w19-banner-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background-color: white;
    position: relative;
}

.w19-banner-2__col {
    width: 60% !important;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w19-banner-2__col {
        width: 80% !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w19-banner-2__col {
        width: 100% !important;
    }
}

.w19-banner-2__button {
    border: .1em solid white;
    border-radius: .5em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    cursor: pointer;
    font-size: 1em;
    transition: all .2s;
    transform: translateY(-50%);
}

    .w19-banner-2__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w19-banner-2__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w19-banner-2__button__icon {
    font-size: 2em;
}

.w19-banner-2__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w19-banner-2__items {
    width: 20%;
    list-style: none;
    display: block;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w19-banner-2__items {
        display: none;
    }
}

.w19-banner-2__items__item {
    padding: 1em;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .w19-banner-2__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

        .w19-banner-2__items__item:hover .w19-banner-2__items__item__text {
            color: white !important;
        }

        .w19-banner-2__items__item:hover .w19-banner-2__items__drop {
            display: block;
        }

.w19-banner-2__items__item__icon {
    margin-right: .5em;
}

.w19-banner-2__items__item__text {
    font-size: 1em;
}

.w19-banner-2__items__item__iconf {
    margin-left: auto;
    float: right;
}

.w19-banner-2__items__drop {
    position: absolute;
    display: none;
    list-style: none;
    top: 0;
    left: 100%;
    background-color: #f2f2f2;
    z-index: 3;
    width: 100%;
    cursor: pointer;
    color: black;
}

.w19-banner-2__items__drop__item {
    font-size: 1em;
    padding: 1em;
    cursor: pointer;
}

    .w19-banner-2__items__drop__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w19-banner-2__image__imgbox {
    background-size: contain;
    background-position: center;
}

.w19-banner-2__image__imgbox__img {
    width: 100%;
}

.w19-banner-2__ads {
    width: 20%;
}

@media only screen and (max-width: 37.5em) {
    .w19-banner-2__ads {
        width: 100% !important;
        display: flex;
    }
}

.w19-banner-2__ads--a {
    display: contents;
}

.w19-banner-2__ads__imgbox {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 50%;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w19-banner-2__ads__imgbox {
        width: 50% !important;
        height: 100%;
    }
}

.w19-banner-2__ads__imgbox__img {
    width: 100%;
}

/*ed*/

/*w19-register*/
.w19-register {
    width: 100%;
    padding: 2em .5em;
}

.w19-register__group {
    max-width: 120em;
    margin: 0 auto;
}

.w19-register__box {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    width: 30em;
    margin: 0 auto;
}

.w19-register__box__title {
    font-weight: 800;
    font-size: 1.4em;
    padding: .5em;
    display: block;
    color: white;
    text-align: center;
}

.w19-register__box__in {
    padding: .5em;
    display: block;
    width: 100%;
    margin-bottom: 1em;
    border-radius: .3em;
    border: none;
    outline: none;
}

.w19-register__box__gen {
    display: flex;
    align-items: center;
    width: 100%;
    color: white;
}

.w19-register__box__gen__vl {
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.w19-register__box__gen__vl__radio {
    margin-right: .2em;
}

.w19-register__box__button {
    margin-top: 1em;
    background-color: gold;
    padding: 1em;
    font-size: 1.2em;
    font-weight: 800;
    border: none;
    outline: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    cursor: pointer;
}

.w19-register__box__des {
    line-height: 1.6em;
    color: white;
    margin-top: 1em;
}

/*ed*/
/*w19-payment*/
.w19-payment {
    width: 100%;
    padding: 2em .5em;
}

.w19-payment__group {
    max-width: 120em;
    margin: 0 auto;
    text-align: center;
    padding: 1em;
}

.w19-payment__title {
    color: rgba(var(--main-color-w), 1);
    text-transform: uppercase;
    font-size: 2em;
    text-align: center;
    font-weight: 800;
    padding: 2em 0;
}

.w19-payment__nh {
    display: flex;
    align-items: center;
    cursor: pointer;
    border: .1em solid #f2f2f2;
    border-left: none;
    border-right: none;
    padding: 1em;
}

.w19-payment__nh__imgbox {
    width: 15em;
    margin-right: 2em;
    background-size: contain;
    background-position: center;
}

.w19-payment__nh__imgbox__img {
    width: 100%;
}

.w19-payment__nh__nd {
    font-size: 1.4em;
    font-weight: 600;
}

.w19-payment__banks {
    border: .1em solid #f2f2f2;
    align-items: center;
    cursor: pointer;
    border-left: none;
    border-right: none;
    position: relative;
    padding: 1em;
}

.w19-payment__banks__bank {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w19-payment__banks__bank__imgbox {
    width: 15em;
    margin-right: 2em;
    background-size: contain;
    background-position: center;
}

.w19-payment__banks__bank__imgbox__img {
    width: 100%;
}

.w19-payment__banks__bank__nd {
    font-size: 1.4em;
    font-weight: 600;
}

.w19-payment__banks__bank__icon {
    margin-left: auto;
    font-size: 1.6em;
}

.w19-payment__banks__check:checked ~ .w19-payment__banks__item {
    visibility: visible;
    max-height: 50em;
    opacity: 1;
}

.w19-payment__banks__check {
    display: none;
}

.w19-payment__banks__item {
    display: flex;
    visibility: hidden;
    opacity: 0;
    flex-wrap: wrap;
    gap: 1.25%;
    transition: max-height 0.2s ease;
    max-height: 0;
}

.w19-payment__banks__item__imgbox {
    padding: 2em 1em;
    border: .1em solid #f2f2f2;
    width: 19%;
    bottom: 1em;
    background-size: contain;
    background-position: center;
}

.w19-payment__banks__item__imgbox__img {
    width: 100%;
}

.w19-payment__action__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.4em;
    font-weight: 600;
    border: none;
    outline: none;
    cursor: pointer;
}

/*ed*/
/*w19-paydone*/
.w19-paydone {
    width: 100%;
    padding: 2rem .5rem;
    background-color: #fff;
}

.w19-paydone__group {
    max-width: 120rem;
    margin: 0 auto;
    text-align: center;
    border: 0.1rem solid #f1f1f1;
    border-radius: .3rem;
}

@media only screen and (min-width: 37.5rem) {
    .w19-paydone__group {
        font-size: 1.4rem;
    }
}

.w19-paydone__title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    text-transform: uppercase;
    margin-bottom: .5rem;
}

.w19-paydone__heading {
    display: inline-flex;
    align-items: center;
    margin: 0 auto;
}

.w19-paydone__heading__mdh {
    padding: 1rem;
}

    .w19-paydone__heading__mdh:not(:last-child) {
        border-right: 0.1rem dashed #f1f1f1;
    }

.w19-paydone__heading__mdh__text {
    text-transform: uppercase;
    display: block;
}

.w19-paydone__heading__mdh__code {
    margin-top: .5rem;
    font-weight: 800;
    display: block;
}

.w19-paydone__heading__mdh__code {
    margin-top: .5rem;
    font-weight: 800;
    display: block;
}

.w19-paydone__heading__mdh__codet {
    margin-top: .5rem;
    font-weight: 800;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w19-paydone__items {
    margin-top: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.w19-paydone__items__item {
    border-top: 0.1rem solid #f1f1f1;
    display: flex;
    padding: 1rem;
    width: 100%;
    justify-content: space-between;
}

.w19-paydone__items__item__ti {
    margin-right: 1rem;
    font-weight: 600;
    display: flex;
    width: calc(100% - 15rem);
}

@media only screen and (max-width: 37.5rem) {
    .w19-paydone__items__item__ti {
        width: calc(100% - 11rem);
    }
}

.w19-paydone__items__item__ti__name__text {
    display: block;
    margin-right: 1rem;
    text-align: left;
}

.w19-paydone__items__item__ti__name__size {
    background: #fff;
    padding: .25rem .5rem;
    display: inline-block;
    font-size: .9rem;
    border-radius: .5rem;
    margin: .5rem .5rem 0 0;
}

.w19-paydone__items__item__ti__nhan {
    margin-left: auto;
}

.w19-paydone__items__item__ti__quantity {
    margin-left: .5rem;
}

.w19-paydone__items__item__num {
    display: flex;
    justify-content: flex-end;
    width: 14rem;
}

.w19-paydone__items__item__num__tiente {
    margin-left: .5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-paydone__items__item__num {
        width: 10rem;
    }
}
/*ed*/

/*w19-binhluan*/
.w19-binhluan {
    width: 100%;
    padding: .5em;
    background-color: white;
}

.w19-binhluan__group {
    max-width: 120em;
    margin: 0 auto;
}

.w19-binhluan__content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w19-binhluan__content__comment {
    margin-top: 1em;
    border-top: .1em solid #f2f2f2;
    padding: 1em 0;
    width: 100%;
}

.w19-binhluan__content__comment__ntd {
    padding: 1em 0;
}

.w19-binhluan__content__comment__ntd__text {
    margin-bottom: .5em;
    font-size: 1.2em;
}

.w19-binhluan__content__comment__ntd__input {
    width: 100%;
    margin-top: .5em;
    padding: .5em;
    border: .1em solid #f2f2f2;
}

.w19-binhluan__content__comment__action {
    display: flex;
    align-items: center;
}

.w19-binhluan__content__comment__action__text {
    margin-right: 1em;
}

.w19-binhluan__content__comment__action__input {
    display: none;
}

.w19-binhluan__content__comment__action__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: .5em;
    border: none;
    border-radius: .5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w19-binhluan__content__comment__action__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: .5em;
    padding: .5em;
    border-radius: .5em;
    margin-right: .5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w19-binhluan__content__comment__xem {
    display: flex;
    margin-top: 1em;
    align-items: center;
}

.w19-binhluan__content__comment__xem__text {
    margin-right: 1em;
    font-size: 1.2em;
}

.w19-binhluan__content__comment__xem__button {
    border: .1em solid #dfdfdf;
    padding: 1em;
    margin-right: 1em;
    cursor: pointer;
}

.w19-binhluan__content__comment__xem__sao {
    padding: .5em;
    cursor: pointer;
}

.w19-binhluan__content__comment__cm__items {
    margin-top: 1em;
    display: flex;
}

.w19-binhluan__content__comment__cm__items__first {
    width: 20%;
    text-align: center;
}

.w19-binhluan__content__comment__cm__items__first__imgbox {
    width: 8em;
    height: 8em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w19-binhluan__content__comment__cm__items__first__imgbox__img {
    width: 100%;
}

.w19-binhluan__content__comment__cm__items__first__name {
    font-weight: 600;
    font-size: 1.4em;
    margin-top: .5em;
}

.w19-binhluan__content__comment__cm__items__first__des {
    color: #777;
    margin-top: .5em;
}

.w19-binhluan__content__comment__cm__items__second {
    width: 80%;
}

.w19-binhluan__content__comment__cm__items__second__text {
    margin-top: 1em;
    line-height: 1.6em;
}

.w19-binhluan__content__comment__cm__items__second__abimg {
    margin-top: 1em;
    display: flex;
    gap: 1em;
}

.w19-binhluan__content__comment__cm__items__second__abimg__imgbox {
    width: 20em;
    height: 15em;
    background-size: contain;
    background-position: center;
}

.w19-binhluan__content__comment__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w19-binhluan__content__comment__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1em;
    position: relative;
    margin-top: 2.5em;
}

    .w19-binhluan__content__comment__cm__items__second__rep::after {
        content: "";
        border-top: solid 2em #f2f2f2;
        border-left: solid 2em transparent;
        border-right: solid 2em transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2em;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w19-binhluan__content__comment__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w19-binhluan__content__comment__cm__items__second__rep__name__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: .5em;
}

.w19-binhluan__content__comment__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w19-binhluan__content__comment__cm__items__second__rep__name__human {
    margin-right: .5em;
}

.w19-binhluan__content__comment__cm__items__second__rep__name__date {
    color: #777;
}

.w19-binhluan__content__comment__cm__items__second__rep__ct {
    margin-top: 2em;
    line-height: 1.6em;
}

/*ed*/
/*w20-topbar*/
.w20-topbar {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: .5em;
}

.w20-topbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.w20-topbar__first {
    display: flex;
    align-items: center;
}

.w20-topbar__first__icon {
    cursor: pointer;
    font-size: 1.4em;
    color: white;
    margin-right: 1em;
}

.w20-topbar__second {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.w20-topbar__second__items {
    cursor: pointer;
    font-size: 1.2em;
    padding: .5em;
}

    .w20-topbar__second__items:not(:last-child) {
        border-right: 0.1px solid white;
    }

.w20-topbar__second__items__icon {
    font-size: 1.2em;
}

.w20-topbar__second__items__text {
    font-size: 1.2em;
}

/*ed*/
/*w20-header*/
.w20-header {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 1em;
}

.w20-header__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w20-header__group {
        flex-direction: column;
    }
}

.w20-header__imgbox {
    height: 10em;
    width: 30em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w20-header__imgbox {
        display: none;
    }
}

.w20-header__imgbox__img {
    width: 100%;
}

.w20-header__search {
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: 0.3em;
    padding-left: 1em;
    margin-left: 2em;
    width: 40%;
    position: relative;
    margin-top: 1.5em;
}

@media only screen and (max-width: 50em) {
    .w20-header__search {
        width: 100%;
        margin-left: 0;
    }
}

.w20-header__search__input {
    border: none;
    outline: none;
    width: 90%;
    font-size: 1.2em;
}

.w20-header__search__icon {
    padding: 1.3em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: 0.1em solid white;
    border-radius: 0.3em;
    cursor: pointer;
    font-size: 1.2em;
    margin-left: auto;
}

.w20-header__search__live {
    position: absolute;
    width: 100%;
    top: 4em;
    left: 0;
    text-align: center;
    z-index: 3;
    background-color: white;
    border: 0.1em solid #f2f2f2;
}

.w20-header__search__live__pd {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w20-header__search__live__pd__imgbox {
    width: 25%;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w20-header__search__live__pd__imgbox__img {
    width: 100%;
}

.w20-header__search__live__pd__price {
    margin-right: 1em;
    font-size: 1.6em;
    font-weight: 800;
}

@media only screen and (max-width: 37.5em) {
    .w20-header__search__live__pd__price {
        font-size: 1em;
    }
}

.w20-header__search__live__pd__text {
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w20-header__search__live__pd__text {
        font-size: 1em;
    }
}

.w20-header__search__live__pd:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w20-header__search__live__gy {
    background-color: #f2f2f2;
    padding: 0.5em;
}

.w20-header__search__live__gyf {
    background-color: #f2f2f2;
    padding: 0.5em;
    text-decoration: underline;
    cursor: pointer;
}

.w20-header__btn {
    display: flex;
    margin-left: auto;
}

@media only screen and (max-width: 50em) {
    .w20-header__btn {
        display: none;
    }
}

.w20-header__btn__button {
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid white;
    padding: 0.7em;
    color: white;
    font-weight: 600;
    margin-left: auto;
    white-space: nowrap;
    cursor: pointer;
    border-radius: 0.3em;
    margin-left: 1em;
    font-size: 1.6em;
}

.w20-header__mobi {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (min-width: 50em) {
    .w20-header__mobi {
        display: none;
    }
}

.w20-header__mobi__lbl {
    cursor: pointer;
}

.w20-header__mobi__imgbox {
    background-size: contain;
    background-position: center;
    max-height: 10em !important;
}

@media only screen and (max-width: 50em) {
    .w20-header__mobi__imgbox {
        width: 80%;
    }
}

.w20-header__mobi__imgbox__img {
    width: 100%;
}

.w20-header__mobi__btn {
    color: white;
    position: relative;
    margin-right: 1em;
    cursor: pointer;
}

.w20-header__mobi__btn__text {
    position: absolute;
    right: -1.2em;
    top: -2.2em;
    border: 0.1em solid #f2f2f2;
    font-size: 1em;
    border-radius: 50%;
    padding: 0.3em 0.6em;
    z-index: 1;
}

.w20-header__mobi__btn__icon {
    font-size: 2em;
    background-color: rgba(var(--main-color-w), 1);
}

.w20-header__checkbox:checked ~ .w20-menu {
    max-width: 35em;
}

.w20-header__checkbox {
    display: none;
}

/*ed*/
/*w20-menu*/
.w20-menu {
    width: 100%;
    background-color: #191919;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w20-menu {
        position: absolute;
        z-index: 30;
        background-color: white;
        left: 0;
        top: 0;
        width: 35em;
        max-width: 0em;
        transition: all 0.2s ease;
        top: 0;
        bottom: 0;
        overflow: hidden;
    }
}

@media only screen and (max-width: 50em) {
    .w20-menu {
        height: 104em;
    }
}

.w20-menu__group {
    max-width: 120em;
    margin: 0 auto;
}

.w20-menu__items {
    display: flex;
    list-style: none;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items {
        flex-direction: column;
        color: black;
    }
}

.w20-menu__items__item:hover .w20-menu__items__drop {
    display: block;
}

.w20-menu__items__item {
    position: relative;
    padding: 1.2em;
    font-size: 1.4em;
    cursor: pointer;
    white-space: nowrap;
}

@media only screen and (min-width: 50em) {
    .w20-menu__items__item:first-child {
        width: 20em;
        min-width: 20em;
    }
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__item {
        top: -3.5em;
    }
}

.w20-menu__items__item:first-child {
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__item:first-child {
        top: 20em;
        color: white;
    }
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__item:first-child {
        top: 14.5em;
        z-index: 1;
    }
}

.w20-menu__items__item__text {
    text-transform: uppercase;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__item__text {
        color: black !important;
    }
}

.w20-menu__items__item__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w20-menu__items__drop {
    position: absolute;
    top: 3.6em;
    left: 0;
    color: black;
    z-index: 1;
    list-style: none;
    width: 100%;
    background-color: white;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    display: none;
    z-index: 3;
    padding: 0.5em 0;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop {
        border: unset;
        overflow-y: scroll;
        display: block;
        overflow-x: hidden;
    }
}

.w20-menu__items__drop__checkbox:checked ~ .w20-menu__items__drop__item:nth-child(n + 1) {
    display: flex;
}

.w20-menu__items__drop__checkbox:checked ~ .w20-menu__items__drop__lbl {
    display: none !important;
}

.w20-menu__items__drop__more .w20-menu__items__drop__checkbox--1:checked ~ .w20-menu__items__drop__item:nth-child(n + 9) {
    display: none;
}

.w20-menu__items__drop__checkbox {
    display: none;
}

.w20-menu__items__drop__item {
    padding: 0.5em 1.2em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop__item {
        margin-top: 1em;
    }
}

.w20-menu__items__drop__item:hover .w20-menu__items__drop__item__text, .w20-menu__items__drop__item__icon {
    font-weight: 800;
    transition: all 0.2s;
    transform: scale(1.05);
}

.w20-menu__items__drop__item__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.w20-menu__items__drop__item__icon {
    margin-left: 1em;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop__item__icon {
        position: relative;
        float: right;
        top: 0.3em;
    }
}

.w20-menu__items__drop__item:nth-child(n + 8) {
    display: none;
}

.w20-menu__items__drop__item__text {
    margin-left: 1em;
    display: inline-block;
    white-space: pre-wrap;
    text-align: center;
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop__item__text {
        position: relative;
    }
}

.w20-menu__items__drop__item__imgbox {
    width: 2em;
    min-width: 2em;
    height: 2em;
    display: block;
    background-size: contain;
    background-position: center;
}

.w20-menu__items__drop__item__imgbox__img {
    width: 100%;
}

.w20-menu__items__drop__item:hover .w20-menu__items__drop--1 {
    display: block;
}

.w20-menu__items__drop--1__item:hover .w20-menu__items__drop--2 {
    display: block;
}

.w20-menu__items__drop--1 {
    position: absolute;
    left: 100.4%;
    list-style: none;
    height: max-content;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    width: 100%;
    top: -0.1em;
    display: none;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop--1 {
        position: relative;
        left: 0;
        top: 1em;
        border: unset;
        border-top: 0.1em solid rgba(var(--main-color-w), 1);
    }
}

.w20-menu__items__drop--1__item {
    padding: 1em;
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop--1__item {
        display: block;
    }
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop--1__item {
        padding: 1em 0 1em 0.5em;
    }
}

.w20-menu__items__drop--1__item:hover .w20-menu__items__drop--1__item__text, .w20-menu__items__drop--1__item__icon {
    font-weight: 800;
    transition: all 0.2s;
    transform: scale(1.05);
}

.w20-menu__items__drop--1__item__icon {
    margin-left: auto;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop--1__item__icon {
        margin-left: auto;
        position: relative;
        float: right;
        top: 0.3em;
    }
}

.w20-menu__items__drop--2 {
    position: absolute;
    left: 0;
    left: 100.4%;
    list-style: none;
    height: max-content;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    width: 100%;
    top: -0.1em;
    display: none;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop--2 {
        position: relative;
        left: 0;
        top: 1em;
        border: unset;
        border-top: 0.1em solid rgba(var(--main-color-w), 1);
    }
}

.w20-menu__items__drop--2__item {
    padding: 1em;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w20-menu__items__drop--2__item {
        padding: 1em 0 1em 0.5em;
    }
}

.w20-menu__items__drop--2__item:hover .w20-menu__items__drop--2__item__text, .w20-menu__items__drop--2__item__icon {
    font-weight: 800;
    transition: all 0.2s;
    transform: scale(1.05);
}

.w20-menu__items__drop--2__item__icon {
    margin-left: auto;
}

@media only screen and (min-width: 50em) {
    .w20-menu__top {
        display: none;
    }
}

.w20-menu__top__user {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 1em;
    box-shadow: 0.1em 0.1em 0.5em #191919;
}

.w20-menu__top__user__checkbox {
    display: none;
}

.w20-menu__top__user__label {
    margin: 0 2em 1em auto;
    cursor: pointer;
}

.w20-menu__top__user__label__icon {
    height: 3em;
    width: 0.2em;
    background-color: white;
    display: inline-block;
    transform: rotate(-45deg);
    position: relative;
}

    .w20-menu__top__user__label__icon::after {
        content: "";
        height: 3em;
        width: 0.2em;
        background-color: white;
        display: inline-block;
        transform: rotate(-90deg);
        position: absolute;
        top: 0;
        left: 0;
    }

.w20-menu__top__user__icon {
    padding: 1em 1.1em;
    font-size: 2em;
    background-color: orangered;
    border-radius: 50%;
}

.w20-menu__top__user__text {
    display: inline-block;
    margin-top: 1em;
    font-size: 1.4em;
}

.w20-menu__top__user__action {
    display: flex;
    margin-top: 2em;
}

.w20-menu__top__user__action__button {
    cursor: pointer;
    padding: 1em;
    text-transform: uppercase;
    background-color: transparent;
    border: none;
    outline: none;
    color: white;
    border: 0.1em solid white;
    width: 10em;
    font-weight: 600;
}

    .w20-menu__top__user__action__button:not(:last-child) {
        margin-right: 1em;
    }

.w20-menu__top__title {
    background-color: #f2f2f2;
    width: 100%;
    color: black;
    padding: 1em;
    text-transform: uppercase;
    font-size: 1.4em;
}

.w20-menu__imgbox {
    height: 15em;
    width: 100%;
    background-size: cover;
    position: absolute;
    background-image: url(/img/w20/left-menu-banner-1.png);
    bottom: 0;
    background-repeat: no-repeat;
    background-position: center;
}

@media only screen and (min-width: 50em) {
    .w20-menu__imgbox {
        display: none;
    }
}

.w20-menu__imgbox__img {
    width: 100%;
}

/*ed*/
/*w20-banner*/
.w20-banner {
    width: 100%;
}

.w20-banner__group {
    max-width: 120em;
    margin: 0 auto;
}

.w20-banner__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
}

/*ed*/
/*w20-product*/
.w20-product {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w20-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w20-product__heading {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    padding: .7em;
    position: relative;
    border-bottom: .1em solid #f2f2f2;
}

    .w20-product__heading::after {
        content: "";
        width: 3em;
        height: .1em;
        background-color: rgba(var(--main-color-w), 1);
        position: absolute;
        bottom: -0.1em;
        left: 50%;
        transform: translateX(-50%);
    }

.w20-product__items {
    display: flex;
    margin-top: 2em;
}

.w20-product__items__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 100%;
    backface-visibility: hidden;
    cursor: pointer;
}

.w20-product__items__item__imgbox {
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w20-product__items__item__imgbox__img {
    width: 100%;
}

.w20-product__items__item__imgbox__text {
    position: absolute;
    color: white;
    padding: .5em .3em;
    background-color: brown;
    top: 1em;
    right: 1em;
}

.w20-product__items__item__box {
    position: relative;
    cursor: pointer;
    width: 100%;
    transition: all .3s ease;
}

.w20-product__items__item__box__name {
    line-height: 1.6em;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: .5em;
    text-align: center;
    transition: all .3s ease;
    display: block;
}

.w20-product__items__item__box__price {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 1em;
    align-items: center;
    transition: all .3s ease;
}

.w20-product__items__item__box__price__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    font-size: 1.6em;
}

.w20-product__items__item__box__price__sub {
    color: #777;
    font-size: 1.2em;
    margin-right: 1em;
    text-decoration: line-through;
    font-weight: 800;
}

.w20-product__items__item__box__btn {
    display: flex;
    align-items: center;
    position: absolute;
    margin-left: 100%;
    transform: translateX(-50%);
    top: 30%;
    opacity: 0;
    left: 0;
    transition: all .3s ease;
}

.w20-product__items__item__box__btn__button {
    cursor: pointer;
    display: inline-block;
    background-color: rgba(var(--main-color-w), 1);
    padding: .7em;
    color: white;
    border: none;
    outline: none;
    font-weight: 800;
    width: max-content;
    margin: auto;
    border-radius: 2em;
    margin-right: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w20-product__items__item__box__btn__button {
        font-size: 1em;
    }
}

.w20-product__items__item__box__btn__icon {
    padding: 1em;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border-radius: 50%;
}

.w20-product__items__item:hover .w20-product__items__item__box {
    margin-left: -50%;
}

.w20-product__items__item:hover .w20-product__items__item__box__btn {
    opacity: 1 !important;
}

.w20-product__items__item:hover .w20-product__items__item__box__name {
    opacity: 0;
}

.w20-product__items__item:hover .w20-product__items__item__box__price {
    opacity: 0;
}

/*ed*/
/*w20-product-1*/
.w20-product-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w20-product-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w20-product-1__heading {
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f2f2f2;
    flex-wrap: wrap;
}

.w20-product-1__heading__title {
    background-color: crimson;
    padding: 0.5em;
    font-size: 1.6em;
    text-transform: uppercase;
    position: relative;
    color: white;
}

.w20-product-1__heading__title__span {
    border-top: 0.3em solid crimson;
    border-left: 0.3em solid transparent;
    border-right: 0.3em solid transparent;
    transform: rotate(-90deg) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 100%;
}

.w20-product-1__heading__items__item {
    margin-right: 1em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w20-product-1__heading__items__item {
        padding: 1em;
        display: inline-block;
    }
}

.w20-product-1__heading__items__item--active {
    font-weight: 800;
}

.w20-product-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w20-product-1__items__item {
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 25%;
    backface-visibility: hidden;
    cursor: pointer;
    padding: 1em;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w20-product-1__items__item {
        width: 50%;
    }
}

.w20-product-1__items__item__imgbox {
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w20-product-1__items__item__imgbox__img {
    width: 100%;
}

.w20-product-1__items__item__imgbox__text {
    position: absolute;
    color: white;
    padding: 0.5em 0.3em;
    background-color: brown;
    top: 1em;
    right: 1em;
}

.w20-product-1__items__item__box {
    position: relative;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    min-height: 7em;
}

.w20-product-1__items__item__box__name {
    line-height: 1.6em;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 0.5em;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w20-product-1__items__item__box__name {
        font-size: 1em;
    }
}

.w20-product-1__items__item__box__price {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 1em;
    align-items: center;
    transition: all 0.3s ease;
}

.w20-product-1__items__item__box__price__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    font-size: 1.6em;
}

.w20-product-1__items__item__box__price__sub {
    color: #777;
    font-size: 1.2em;
    margin-right: 1em;
    text-decoration: line-through;
    font-weight: 800;
}

.w20-product-1__items__item__box__btn {
    display: flex;
    align-items: center;
    position: absolute;
    margin-left: 100%;
    transform: translateX(-50%);
    top: 30%;
    opacity: 0;
    left: 0;
    transition: all 0.3s ease;
}

.w20-product-1__items__item__box__btn__button {
    cursor: pointer;
    display: inline-block;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em;
    color: white;
    border: none;
    outline: none;
    font-weight: 800;
    width: max-content;
    margin: auto;
    border-radius: 2em;
    margin-right: 1em;
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w20-product-1__items__item__box__btn__button {
        font-size: 1em;
    }
}

.w20-product-1__items__item__box__btn__icon {
    padding: 1em;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border-radius: 50%;
}

.w20-product-1__items__item:hover {
    box-shadow: 0em 0 0.5em 0.5em #e6e6e6;
    z-index: 1;
}

    .w20-product-1__items__item:hover .w20-product-1__items__item__box {
        margin-left: -50%;
    }

    .w20-product-1__items__item:hover .w20-product-1__items__item__box__btn {
        opacity: 1 !important;
    }

    .w20-product-1__items__item:hover .w20-product-1__items__item__box__name {
        opacity: 0;
    }

    .w20-product-1__items__item:hover .w20-product-1__items__item__box__price {
        opacity: 0;
    }

/*ed*/
/*w20-article*/
.w20-article {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w20-article__group {
    margin: 0 auto;
    max-width: 120em;
}

.w20-article__heading {
    text-transform: uppercase;
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    padding: .7em;
    position: relative;
    border-bottom: .1em solid #f2f2f2;
}

    .w20-article__heading::after {
        content: "";
        width: 3em;
        height: .1em;
        background-color: rgba(var(--main-color-w), 1);
        position: absolute;
        bottom: -0.1em;
        left: 50%;
        transform: translateX(-50%);
    }

.w20-article__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w20-article__items__item {
    width: 25%;
    cursor: pointer;
    margin-bottom: 2em;
}

@media only screen and (max-width: 50em) {
    .w20-article__items__item {
        width: 33.3333333%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w20-article__items__item {
        width: 50%;
    }
}

.w20-article__items__item__imgbox {
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w20-article__items__item__imgbox__img {
    width: 100%;
}

.w20-article__items__item__imgbox:hover .w20-article__items__item__imgbox__box {
    box-shadow: 0 0 0 20em rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    opacity: 0.2;
}

.w20-article__items__item__imgbox__box {
    opacity: .3;
    z-index: 3;
    position: absolute;
    top: 49%;
    height: .2em;
    width: .2em;
    transition: all .4s ease;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-shadow: 0 0 0 0 rgba(var(--main-color-w), 1);
    border-radius: 50%;
}

.w20-article__items__item__name {
    text-align: center;
    font-weight: 600;
    line-height: 1.8em;
    font-size: 1.6em;
    margin-top: .5em;
    padding: .3em;
}

.w20-article__items__item__date {
    display: flex;
    align-items: center;
    margin-top: 1em;
    color: black;
    padding: .3em;
}

.w20-article__items__item__date__icon {
    margin-right: 1em;
}

.w20-article__items__item__des {
    padding: .3em;
    margin-top: .5em;
    font-size: 1.3em;
    line-height: 1.8em;
}

/*ed*/
/*w20-ctaregister*/
.w20-ctaregister {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 1em;
}

.w20-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w20-ctaregister__text {
    text-transform: uppercase;
    font-size: 1.2em;
    font-weight: 600;
    color: white;
}

.w20-ctaregister__in {
    background-color: white;
    width: 50%;
    display: flex;
    align-items: center;
}

.w20-ctaregister__in__input {
    width: 90%;
    border: none;
    outline: none;
    margin-left: 1em;
}

.w20-ctaregister__in__icon {
    padding: .5em 1em;
    background-color: black;
    color: white;
    margin-left: auto;
    float: right;
    border: .1em solid #f2f2f2;
    cursor: pointer;
}

.w20-ctaregister__social {
    display: flex;
    gap: 1em;
    color: white;
}

.w20-ctaregister__social__icon {
    display: inline-block;
    cursor: pointer;
}

/*ed*/
/*w20-productdetail*/
.w20-productdetail {
    position: relative;
    width: 100%;
    padding: 2em 1em;
}

.w20-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w20-productdetail__main {
    display: flex;
    flex-wrap: wrap;
}

.w20-productdetail__main__first {
    width: 70%;
}

@media only screen and (max-width: 50em) {
    .w20-productdetail__main__first {
        width: 100%;
    }
}

.w20-productdetail__main__first__info {
    display: flex;
    flex-wrap: wrap;
}

.w20-productdetail__main__first__info__col {
    width: 50%;
    height: max-content;
    margin-bottom: 3em;
}

@media only screen and (max-width: 50em) {
    .w20-productdetail__main__first__info__col {
        width: 100%;
    }
}

.w20-productdetail__main__first__info__col__owl-thumb {
    width: 100%;
    display: flex;
    margin-top: 2em;
}

.w20-productdetail__main__first__info__col__owl-thumb__imgbox {
    background-color: transparent;
    border: none;
    margin-right: .5em;
    cursor: pointer;
    outline: 0.1em solid #f2f2f2;
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w20-productdetail__main__first__info__col__owl-thumb__imgbox__img {
    width: 100%;
}

.w20-productdetail__main__first__info__productimg {
    width: 100%;
}

.w20-productdetail__main__first__info__productimg__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    height: 25em;
}

.w20-productdetail__main__first__info__productimg__imgbox__img {
    width: 100%;
}

.w20-productdetail__main__first__info__content {
    padding: 0 1em;
    width: 50%;
    font-size: 1.2em;
}

@media only screen and (max-width: 50em) {
    .w20-productdetail__main__first__info__content {
        width: 100%;
    }
}

.w20-productdetail__main__first__info__content__name {
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: 800;
    text-align: center;
    display: block;
}

.w20-productdetail__main__first__info__content__dg {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    padding: 1em 0;
}

.w20-productdetail__main__first__info__content__dg__text:hover {
    color: var(--main-color-w);
}

.w20-productdetail__main__first__info__content__dg__stars {
    display: flex;
    align-items: center;
    margin-right: .5em;
    gap: .5em;
    cursor: pointer;
}

.w20-productdetail__main__first__info__content__dg__stars__star {
    color: gold;
}

.w20-productdetail__main__first__info__content__price {
    display: flex;
    align-items: center;
    padding: 1em 0;
}

.w20-productdetail__main__first__info__content__price__main {
    font-size: 2.5em;
    font-weight: 800;
    color: rgba(var(--main-color-w), 1);
    margin-right: .5em;
}

.w20-productdetail__main__first__info__content__price__sub {
    color: #777;
    text-decoration: line-through;
    font-weight: 600;
    font-size: 1.6em;
}

.w20-productdetail__main__first__info__content__des {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    display: block;
}

.w20-productdetail__main__first__info__content__tt {
    line-height: 1.6em;
    font-size: 1.2em;
    border-top: .1em solid #c7c7c7;
    padding: .5em 0;
}

.w20-productdetail__main__first__info__content__soluong {
    display: flex;
    align-items: center;
    border-top: .1em solid #c7c7c7;
}

.w20-productdetail__main__first__info__content__soluong__sl {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    margin-right: 1em;
}

.w20-productdetail__main__first__info__content__soluong__action {
    display: flex;
    align-items: center;
    margin-top: .5em;
}

.w20-productdetail__main__first__info__content__soluong__action__icon {
    border: .1em solid #f2f2f2;
    padding: .75em .8em;
    cursor: pointer;
}

.w20-productdetail__main__first__info__content__soluong__action__number {
    border: .1em solid #f2f2f2;
    width: 3em;
    height: 2.4em;
    border-right: none;
    border-left: none;
    outline: none;
    text-align: center;
}

.w20-productdetail__main__first__info__content__button {
    padding: 1em;
    color: white;
    font-size: 1.2em;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 1em;
    width: 100%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .2s ease;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w20-productdetail__main__first__info__content__button:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w20-productdetail__main__first__social {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w20-productdetail__main__first__social__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    margin-right: 1em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w20-productdetail__main__first__social__imgbox__img {
    width: 100%;
}

.w20-productdetail__main__first__splq__text {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: .1em solid #f2f2f2;
    padding: .5em;
}

    .w20-productdetail__main__first__splq__text::after {
        content: "";
        height: .1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w20-productdetail__main__first__splq__items__item {
    margin-top: 1em;
    text-align: center;
}

.w20-productdetail__main__first__splq__items__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w20-productdetail__main__first__splq__items__item__imgbox__img {
    width: 100%;
}

.w20-productdetail__main__first__splq__items__item__name {
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.w20-productdetail__main__first__splq__items__item__price {
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    font-weight: 800;
    font-size: 1.6em;
}

.w20-productdetail__main__first__content {
    margin-top: 2em;
}

.w20-productdetail__main__first__content__review {
    display: none;
    padding: 2em;
}

.w20-productdetail__main__first__content__review__first {
    width: 100%;
}

.w20-productdetail__main__first__content__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w20-productdetail__main__first__content__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w20-productdetail__main__first__content__review__first__imgbox__img {
    width: 100%;
}

.w20-productdetail__main__first__content__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w20-productdetail__main__first__content__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w20-productdetail__main__first__content__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w20-productdetail__main__first__content__review__first__comment__head__user__date {
    color: #777;
}

.w20-productdetail__main__first__content__review__first__comment__star__icon {
    color: #f93;
}

.w20-productdetail__main__first__content__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w20-productdetail__main__first__content__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w20-productdetail__main__first__content__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w20-productdetail__main__first__content__review__second__title {
    font-weight: 300;
}

.w20-productdetail__main__first__content__review__second__textrate {
    margin-top: 2em;
}

.w20-productdetail__main__first__content__review__second__textreview {
    margin-top: 1em;
}

.w20-productdetail__main__first__content__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w20-productdetail__main__first__content__review__second__star {
    display: flex;
    align-items: center;
}

.w20-productdetail__main__first__content__review__second__star__items {
    margin-left: 1em;
}

.w20-productdetail__main__first__content__review__second__star__items__icon {
    color: darkgray;
}

.w20-productdetail__main__first__content__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w20-productdetail__main__first__content__review__second__textform__name {
    width: 48%;
    display: block;
}

.w20-productdetail__main__first__content__review__second__textform__name__info {
    font-weight: 300;
}

.w20-productdetail__main__first__content__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w20-productdetail__main__first__content__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w20-productdetail__main__first__content__review__second__button:hover {
        filter: brightness(0.8);
    }

.w20-productdetail__main__first__content__tab {
    display: flex;
    align-items: center;
}

    .w20-productdetail__main__first__content__tab .active {
        background-color: rgba(var(--main-color-w), 1);
        border-bottom: none;
        color: white;
    }

.w20-productdetail__main__first__content__tab__mt {
    padding: 1em;
    border: 0.1em solid #f2f2f2;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
}

.w20-productdetail__main__first__content__text {
    border: 0.1em solid #f2f2f2;
    margin-top: -.1em;
    padding: .7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w20-productdetail__main__first__content__content {
    border: 0.1em solid #f2f2f2;
    margin-top: -.1em;
    padding: .7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w20-productdetail__main__first__buymany {
    margin-top: 2em;
}

.w20-productdetail__main__first__buymany__table {
    border-collapse: collapse;
    width: 100%;
}

    .w20-productdetail__main__first__buymany__table td, .w20-productdetail__main__first__buymany__table th {
        border: 1px solid #dddddd;
        padding: .5em;
        font-size: 1.2em;
    }

.w20-productdetail__main__first__buymany__table__sl {
    width: 10%;
}

.w20-productdetail__main__first__buymany__table__quan {
    display: flex;
    align-items: center;
}

.w20-productdetail__main__first__buymany__table__quan__in {
    width: 4em;
    padding: 1em;
    border: none;
    outline: none;
    background-color: #f3f3f3;
    text-align: center;
}

.w20-productdetail__main__first__buymany__table__quan__ope {
    display: flex;
    flex-direction: column;
    background-color: #e4e4e4;
    margin-left: .2em;
}

.w20-productdetail__main__first__buymany__table__quan__ope__icon {
    padding: .5em;
    cursor: pointer;
}

.w20-productdetail__main__first__buymany__table__action {
    width: 10%;
    text-align: center;
    justify-content: center;
}

.w20-productdetail__main__first__buymany__table__cart {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: .5em;
    font-size: 1.5em;
    cursor: pointer;
    transition: all .2s ease;
}

    .w20-productdetail__main__first__buymany__table__cart:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w20-productdetail__main__second {
    width: 29%;
    margin-left: 1%;
    max-width: 29%;
}

@media only screen and (max-width: 50em) {
    .w20-productdetail__main__second {
        width: 100%;
        max-width: 100%;
    }
}

.w20-productdetail__main__second__items {
    background-color: #f2f2f2;
    font-size: 1.4em;
}

@media only screen and (max-width: 50em) {
    .w20-productdetail__main__second__items {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 37.5em) {
    .w20-productdetail__main__second__items {
        display: block;
    }
}

.w20-productdetail__main__second__items__item {
    padding: 1em;
    display: flex;
    align-items: center;
}

.w20-productdetail__main__second__items__item__icon {
    padding: .5em;
    font-size: 3em;
    width: 2em;
    min-width: 2em;
    color: rgba(var(--main-color-w), 1);
}

.w20-productdetail__main__second__items__item__tt__main {
    font-weight: 600;
}

.w20-productdetail__main__second__items__item__tt__sub {
    margin-top: .5em;
    line-height: 1.6em;
    text-align: justify;
}

.w20-productdetail__main__second__dm {
    margin-top: 1em;
}

.w20-productdetail__main__second__dm__title {
    border-left: 0.5em solid rgba(var(--main-color-w), 1);
    padding: 1em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 1.4em;
}

.w20-productdetail__main__second__dm__content {
    list-style: none;
    font-size: 1.4em;
}

.w20-productdetail__main__second__dm__content__child {
    cursor: pointer;
    padding: .5em;
}

.w20-productdetail__main__second__dm__content__child__checkbox {
    display: none;
}

.w20-productdetail__main__second__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w20-productdetail__main__second__dm__content__child__cate__text {
    transition: all .2s ease;
}

    .w20-productdetail__main__second__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productdetail__main__second__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w20-productdetail__main__second__dm__content__child__checkbox:checked ~ .w20-productdetail__main__second__dm__content__drop {
    display: block;
}

.w20-productdetail__main__second__dm__content__drop {
    list-style: none;
    display: none;
    margin-top: .5em;
}

.w20-productdetail__main__second__dm__content__drop__child {
    font-size: 1em;
    cursor: pointer;
    padding: .5em;
}

.w20-productdetail__main__second__dm__content__drop__child__checkbox {
    display: none;
}

.w20-productdetail__main__second__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w20-productdetail__main__second__dm__content__drop__child__cate__text {
    transition: all .2s ease;
    cursor: pointer;
}

    .w20-productdetail__main__second__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productdetail__main__second__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w20-productdetail__main__second__dm__content__drop__child__checkbox:checked ~ .w20-productdetail__main__second__dm__content__drop-1 {
    display: block;
}

.w20-productdetail__main__second__dm__content__drop-1 {
    list-style: none;
    display: none;
    margin-top: .5em;
}

.w20-productdetail__main__second__dm__content__drop-1__child {
    font-size: 1em;
    cursor: pointer;
    padding: .5em;
}

.w20-productdetail__main__second__dm__content__drop-1__child__checkbox {
    display: none;
}

.w20-productdetail__main__second__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w20-productdetail__main__second__dm__content__drop-1__child__cate__text {
    transition: all .2s ease;
    cursor: pointer;
}

    .w20-productdetail__main__second__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productdetail__main__second__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w20-productdetail__main__second__sp {
    margin-top: 2em;
}

.w20-productdetail__main__second__sp__cl {
    margin-top: 1em;
    display: flex;
    align-items: center;
    border-bottom: .1em solid #eee;
    padding: 1em;
}

.w20-productdetail__main__second__sp__cl__imgbox {
    width: 40%;
    height: 10em;
    min-width: 40%;
    background-size: contain;
    background-position: center;
}

.w20-productdetail__main__second__sp__cl__imgbox__img {
    width: 100%;
}

.w20-productdetail__main__second__sp__cl__info {
    margin-left: 1em;
}

.w20-productdetail__main__second__sp__cl__info__name {
    font-weight: 600;
    font-size: 1.4em;
    transition: all .2s ease;
    cursor: pointer;
}

    .w20-productdetail__main__second__sp__cl__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productdetail__main__second__sp__cl__info__stars {
    margin-top: .5em;
    font-size: 1.3em;
}

.w20-productdetail__main__second__sp__cl__info__stars__star {
    color: orange;
}

.w20-productdetail__main__second__sp__cl__info__mainprice {
    margin-top: .5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 800;
}

.w20-productdetail__main__second__sp__cl__info__subprice {
    margin-top: .5em;
    font-size: 1.2em;
    text-decoration: line-through;
}

.w20-productdetail__spdx__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: .1em solid #f2f2f2;
    padding: .5em;
    margin-top: 1em;
    padding-bottom: 2em;
}

    .w20-productdetail__spdx__title::after {
        content: "";
        height: .1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w20-productdetail__spdx__item {
    margin-top: 1em;
}

.w20-productdetail__spdx__item__imgbox {
    height: 15em;
    background-size: contain;
    background-position: center;
}

.w20-productdetail__spdx__item__imgbox__item {
    width: 100%;
}

.w20-productdetail__popup {
    position: fixed;
    top: 10em;
    z-index: 10;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    background-color: white;
    width: 60em;
    opacity: 1 !important;
}

.w20-productdetail__popup__head {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
}

.w20-productdetail__popup__head__link {
    color: tomato;
    line-height: 1.7em;
}

.w20-productdetail__popup__head__text {
    line-height: 1.7em;
}

.w20-productdetail__popup__text {
    font-size: 1.4em;
    font-weight: 600;
    padding: 1em;
}

.w20-productdetail__popup__table__tbl {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.w20-productdetail__popup__table__tbl__sp {
    width: 50%;
    min-width: 50%;
}

.w20-productdetail__popup__table__tbl td, .w20-productdetail__popup__table__tbl th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.w20-productdetail__popup__table__tbl th {
    font-size: 1.1em;
    background: #e4e4e4;
}

.w20-productdetail__popup__table__tbl__sl {
    width: 10%;
}

.w20-productdetail__popup__table__tbl__cart {
    display: flex;
}

.w20-productdetail__popup__table__tbl__cart__imgbox {
    width: 25%;
    border: 0.1em solid #ebebeb;
    height: max-content;
    height: 7em;
    min-width: 25%;
    background-size: contain;
    background-position: center;
}

.w20-productdetail__popup__table__tbl__cart__imgbox__img {
    width: 100%;
    height: 100%;
}

.w20-productdetail__popup__table__tbl__cart__info {
    margin-left: 2%;
    width: 73%;
}

.w20-productdetail__popup__table__tbl__cart__info__name {
    font-weight: 600;
    display: block;
    line-height: 1.6em;
    font-size: 1.1em;
    transition: all .2s ease;
    cursor: pointer;
}

    .w20-productdetail__popup__table__tbl__cart__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productdetail__popup__table__tbl__cart__info__bsp {
    display: flex;
    align-items: center;
    margin-top: .5em;
    cursor: pointer;
}

.w20-productdetail__popup__table__tbl__cart__info__bsp__icon-1 {
    color: orangered;
}

.w20-productdetail__popup__table__tbl__cart__info__bsp__text {
    margin-left: 1em;
}

.w20-productdetail__popup__table__tbl__vl {
    font-weight: 600;
}

.w20-productdetail__popup__table__tbl__quan {
    display: flex;
}

.w20-productdetail__popup__table__tbl__quan__icon {
    padding: 1em;
    border: .1em solid #e4e4e4;
    cursor: pointer;
}

.w20-productdetail__popup__table__tbl__quan__in {
    width: 2.2em;
    border: .1em solid #e4e4e4;
    outline: none;
    border-left: none;
    border-right: none;
    text-align: center;
}

.w20-productdetail__popup__tong {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    margin: 1em 0;
    font-size: 1.2em;
}

.w20-productdetail__popup__tong__ttml {
    transition: all .2s ease;
    cursor: pointer;
}

.w20-productdetail__popup__tong__ttml__text:hover {
    text-decoration: underline;
}

.w20-productdetail__popup__tong__thanhtien {
    font-weight: 800;
}

.w20-productdetail__popup__tong__thanhtien__vl {
    color: rgba(var(--main-color-w), 1);
}

.w20-productdetail__popup__btn {
    text-align: center;
    width: 98%;
    display: block;
    margin: 0 auto;
    padding: .5em;
    font-size: 1.4em;
    background: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    margin-bottom: 1em;
    border-radius: .2em;
    cursor: pointer;
    transition: all .2s ease;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w20-productdetail__popup__btn:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
    }

.w20-productdetail__popup__exicon {
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -.7em;
    height: 1.5em;
    width: 1.5em;
    right: -.7em;
    font-size: 1.5em;
    padding: .5em;
    cursor: pointer;
    background: black;
    border: none;
    outline: none;
}

.w20-productdetail__popup__exicon__icon {
    color: white;
    backface-visibility: hidden;
}

.w20-productdetail__overlay {
    width: 100%;
    background-color: black;
    opacity: .5;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    filter: brightness(50%);
}

/*ed*/
/*w20-bloglist*/
.w20-bloglist {
    width: 100%;
    padding: 3em 1em;
}

.w20-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w20-bloglist__first {
    width: 30%;
    min-width: 30%;
}

@media only screen and (max-width: 50em) {
    .w20-bloglist__first {
        width: 100%;
        margin-top: 2em;
    }
}

.w20-bloglist__first__dmbv__title {
    padding: 1em;
    text-align: center;
    font-weight: 800;
    border-left: 0.5em solid rgba(var(--main-color-w), 1);
    background-color: #ececec;
}

.w20-bloglist__first__dmbv .active {
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
}

.w20-bloglist__first__dmbv__link {
    display: block;
    padding: 1em 0.5em;
}

.w20-bloglist__first__relate__items {
    margin-top: 0.5em;
    display: flex;
}

.w20-bloglist__first__relate__items__imgbox {
    width: 25%;
    min-width: 25%;
    background-size: contain;
    background-position: center;
}

.w20-bloglist__first__relate__items__imgbox__img {
    width: 100%;
}

.w20-bloglist__first__relate__items__info {
    margin-left: 1em;
}

.w20-bloglist__first__relate__items__info__name {
    display: block;
    cursor: pointer;
}

.w20-bloglist__first__relate__items__info__date {
    margin-top: 0.5em;
    color: #777;
    font-style: italic;
    display: block;
}

.w20-bloglist__second {
    width: 69%;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w20-bloglist__second {
        width: 100%;
        margin-left: unset;
    }
}

.w20-bloglist__second__text {
    text-align: justify;
    color: black;
    line-height: 1.8em;
    margin-top: 1em;
    margin-bottom: 1em;
    display: block;
    font-size: 1.4em;
}

.w20-bloglist__second__head {
    display: flex;
    margin-left: -1%;
}

.w20-bloglist__second__head__items {
    width: 49%;
    min-width: 50%;
    margin-left: 1%;
    text-align: center;
}

.w20-bloglist__second__head__items__imgbox {
    padding: 0.5em;
    box-shadow: 0 0 0.3em 0.3em #ececec;
    width: 100%;
    position: relative;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

    .w20-bloglist__second__head__items__imgbox::before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        top: 50%;
        transform: translateX(-50%) translateY(-50%) scale(2);
        transition: all 0.3s ease;
        border-radius: 50%;
        opacity: 0.1;
    }

    .w20-bloglist__second__head__items__imgbox:hover:before {
        width: 50em;
        height: 50em;
        opacity: 0.5;
    }

.w20-bloglist__second__head__items__imgbox__img {
    width: 100%;
}

.w20-bloglist__second__head__items__name {
    font-weight: 600;
    display: block;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w20-bloglist__second__head__items__date {
    color: #777;
    display: block;
    margin-top: 1em;
}

.w20-bloglist__second__head__items__des {
    margin-top: 0.5em;
    line-height: 1.6em;
    font-size: 1.2em;
}

.w20-bloglist__second__body {
    margin-top: 2em;
    display: block;
}

.w20-bloglist__second__body__items {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 31.25em) {
    .w20-bloglist__second__body__items {
        margin-top: 2em;
    }
}

.w20-bloglist__second__body__items__imgbox {
    width: 30%;
    min-width: 30%;
    height: 14em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 31.25em) {
    .w20-bloglist__second__body__items__imgbox {
        width: 100%;
    }
}

.w20-bloglist__second__body__items__imgbox__img {
    width: 100%;
}

.w20-bloglist__second__body__items__item {
    width: 69%;
    margin-left: 1%;
}

@media only screen and (max-width: 31.25em) {
    .w20-bloglist__second__body__items__item {
        width: 100%;
        margin-left: unset;
    }
}

.w20-bloglist__second__body__items__item__name {
    font-weight: 600;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
}

@media only screen and (max-width: 31.25em) {
    .w20-bloglist__second__body__items__item__name {
        font-size: 1.2em;
    }
}

.w20-bloglist__second__body__items__item__date {
    color: #777;
    display: block;
    margin-top: 1em;
}

.w20-bloglist__second__body__items__item__des {
    margin-top: 0.5em;
    line-height: 1.6em;
    font-size: 1.4em;
}

.w20-bloglist__second__paging {
    display: flex;
    align-items: center;
    margin-top: 2em;
    justify-content: center;
}

.w20-bloglist__second__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w20-bloglist__second__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0.2em;
    margin-bottom: 1em;
}

    .w20-bloglist__second__paging__list__number:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w20-bloglist__second__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    border-radius: 0.2em;
    margin-bottom: 1em;
}

    .w20-bloglist__second__paging__list__icon:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w20-bloglist__second__paging__list .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

/*ed*/
/*w20-blogdetail*/
.w20-blogdetail {
    width: 100%;
    padding: 2em 1em;
}

.w20-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w20-blogdetail__first {
    width: 30%;
    min-width: 30%;
}

@media only screen and (max-width: 50em) {
    .w20-blogdetail__first {
        width: 100%;
        margin-top: 2em;
    }
}

.w20-blogdetail__first__dmbv__title {
    padding: 1em;
    text-align: center;
    font-weight: 800;
    border-left: 0.5em solid rgba(var(--main-color-w), 1);
    background-color: #ececec;
}

.w20-blogdetail__first__dmbv .active {
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
}

.w20-blogdetail__first__dmbv__link {
    display: block;
    padding: 1em 0.5em;
}

.w20-blogdetail__first__relate__items {
    margin-top: 0.5em;
    display: flex;
}

.w20-blogdetail__first__relate__items__imgbox {
    width: 25%;
    min-width: 25%;
    background-size: contain;
    background-position: center;
}

.w20-blogdetail__first__relate__items__imgbox__img {
    width: 100%;
}

.w20-blogdetail__first__relate__items__info {
    margin-left: 1em;
}

.w20-blogdetail__first__relate__items__info__name {
    display: block;
    cursor: pointer;
}

.w20-blogdetail__first__relate__items__info__date {
    margin-top: 0.5em;
    color: #777;
    font-style: italic;
    display: block;
}

.w20-blogdetail__second {
    width: 69%;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w20-blogdetail__second {
        width: 100%;
        margin-left: unset;
    }
}

.w20-blogdetail__second__text {
    line-height: 1.8em;
    font-size: 1.4em;
    font-weight: 400;
}

    .w20-blogdetail__second__text h2,
    .w20-blogdetail__second__text h3,
    .w20-blogdetail__second__text iframe,
    .w20-blogdetail__second__text h4,
    .w20-blogdetail__second__text h5,
    .w20-blogdetail__second__text img,
    .w20-blogdetail__second__text p {
        margin: 0.5em 0;
    }

    .w20-blogdetail__second__text ul,
    .w20-blogdetail__second__text ol {
        list-style: none;
    }

/*ed*/
/*w20-checkout*/
.w20-checkout {
    width: 100%;
    padding: 2em 1em;
}

.w20-checkout__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w20-checkout__first {
    width: 65%;
    padding: .5em;
}

@media only screen and (max-width: 50em) {
    .w20-checkout__first {
        width: 100%;
    }
}

.w20-checkout__first__head {
    display: block;
}

.w20-checkout__first__head__imgbox {
    width: 15em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w20-checkout__first__head__imgbox {
        margin: 0 auto;
    }
}

.w20-checkout__first__head__imgbox__img {
    width: 100%;
}

.w20-checkout__first__main {
    display: flex;
    flex-wrap: wrap;
}

.w20-checkout__first__tthn {
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w20-checkout__first__tthn {
        width: 100%;
    }
}

.w20-checkout__first__tthn__title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

.w20-checkout__first__tthn__title__text {
    font-size: 1.6em;
    font-weight: 600;
}

.w20-checkout__first__tthn__title__dn {
    color: rgba(var(--main-color-w), 1);
}

.w20-checkout__first__tthn__title__dn__icon {
    padding: .5em .6em;
    font-size: 1.2em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
}

.w20-checkout__first__tthn__title__dn__text {
    font-weight: 600;
}

.w20-checkout__first__tthn__form {
    width: 100%;
}

.w20-checkout__first__tthn__form__in {
    display: block;
    width: 100%;
    padding: .5em;
    margin-bottom: 1em;
    border-radius: .3em;
    border: .1em solid #e4e4e4;
    outline: none;
}

.w20-checkout__first__tthn__form__tinhthanh {
    margin-bottom: 1em;
    border: .1em solid #e4e4e4;
    border-radius: .3em;
}

.w20-checkout__first__tthn__form__tinhthanh__info {
    display: flex;
    align-items: center;
    border-bottom: .1em solid #e4e4e4;
    cursor: pointer;
}

.w20-checkout__first__tthn__form__tinhthanh__info__name {
    padding: .5em 1em;
    font-size: 1.2em;
}

.w20-checkout__first__tthn__form__tinhthanh__info__name__tt {
    color: #777;
}

.w20-checkout__first__tthn__form__tinhthanh__info__name__ad {
    margin-top: .5em;
}

.w20-checkout__first__tthn__form__tinhthanh__info__icon {
    padding: 1em;
    margin-left: auto;
    border-left: .1em solid #e4e4e4;
    cursor: pointer;
}

.w20-checkout__first__tthn__form__tinhthanh__checkbox:checked ~ .w20-checkout__first__tthn__form__tinhthanh__content {
    display: block;
}

.w20-checkout__first__tthn__form__tinhthanh__checkbox {
    display: none;
}

.w20-checkout__first__tthn__form__tinhthanh__content {
    display: none;
    margin-top: 1em;
    max-height: 20em;
    overflow: scroll;
}

.w20-checkout__first__tthn__form__tinhthanh__content__in {
    width: 98%;
    border: .1em solid #e4e4e4;
    outline: none;
    padding: .5em;
    margin: 0 auto;
    display: block;
    border-radius: .3em;
}

.w20-checkout__first__tthn__form__tinhthanh__content__diachi {
    padding: .5em;
    font-size: 1.2em;
    cursor: pointer;
}

    .w20-checkout__first__tthn__form__tinhthanh__content__diachi:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w20-checkout__first__tthn__form__ghichu {
    width: 100%;
    border: .1em solid #e4e4e4;
    outline: none;
    padding: 1em;
}

.w20-checkout__first__phu {
    width: 47%;
    margin-left: 3%;
}

@media only screen and (max-width: 50em) {
    .w20-checkout__first__phu {
        width: 100%;
        margin-left: 0;
        margin-top: 2em;
    }
}

.w20-checkout__first__phu__vc {
    margin-bottom: 2em;
    border: .1em solid #e4e4e4;
    border-radius: .3em;
}

.w20-checkout__first__phu__vc__title {
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: 1em;
}

.w20-checkout__first__phu__vc__gh {
    display: flex;
    align-items: center;
    padding: 1em;
    font-size: 1.2em;
    justify-content: space-between;
}

.w20-checkout__first__phu__vc__gh__it {
    display: flex;
    align-items: center;
}

.w20-checkout__first__phu__vc__gh__it__check {
    background-color: rgba(var(--main-color-w), 1);
    height: 1.5em;
    width: 1.5em;
    position: relative;
    border-radius: 50%;
}

    .w20-checkout__first__phu__vc__gh__it__check::after {
        content: "";
        background-color: white;
        height: .5em;
        width: .5em;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%);
        border-radius: 50%;
    }

.w20-checkout__first__phu__vc__gh__it__text {
    margin-left: 1em;
}

.w20-checkout__first__phu__vc__gh__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

.w20-checkout__first__phu__vc__text {
    padding: 1em;
    font-size: 1.2em;
}

.w20-checkout__second {
    background-color: #f5f5f5;
    width: 33%;
    margin-left: 2%;
    padding: .5em;
}

@media only screen and (max-width: 50em) {
    .w20-checkout__second {
        width: 100%;
        margin-left: 0;
        margin-top: 2em;
    }
}

.w20-checkout__second__title {
    font-weight: 600;
    font-size: 1.6em;
    padding: 1em;
    border-bottom: .1em solid #e4e4e4;
}

.w20-checkout__second__items {
    border-bottom: .1em solid #e4e4e4;
}

.w20-checkout__second__items__item {
    display: flex;
    padding: 1em;
    align-items: center;
    margin-top: 1em;
}

.w20-checkout__second__items__item__imgbox {
    width: 5em;
    min-width: 5em;
    position: relative;
    height: 5em;
    background-size: contain;
    background-position: center;
}

.w20-checkout__second__items__item__imgbox__img {
    width: 100%;
}

.w20-checkout__second__items__item__imgbox__num {
    position: absolute;
    top: -0.7em;
    right: -0.7em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: .5em .9em;
    border-radius: 50%;
}

.w20-checkout__second__items__item__info {
    margin-left: 1em;
    display: flex;
    align-items: center;
}

.w20-checkout__second__items__item__info__name {
    font-weight: 600;
    display: inline-block;
    margin-right: .5em;
    font-size: 1.2em;
}

.w20-checkout__second__items__item__info__price {
    font-size: 1.2em;
}

.w20-checkout__second__tamtinh {
    border-bottom: .1em solid #e4e4e4;
}

.w20-checkout__second__tamtinh__vl {
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2em;
}

.w20-checkout__second__tamtinh__vl__price {
    font-size: 1.2em;
}

.w20-checkout__second__tamtinh__vl__text {
    font-size: 1.2em;
}

.w20-checkout__second__voucher {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .1em solid #e4e4e4;
    padding: 1em;
}

.w20-checkout__second__voucher__in {
    border-radius: .3em;
    border: .1em solid #e4e4e4;
    padding: .5em;
    outline: none;
    width: 80%;
}

@media only screen and (max-width: 50em) {
    .w20-checkout__second__voucher__in {
        width: 70%;
    }
}

.w20-checkout__second__voucher__btn {
    padding: .5em;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    outline: none;
    cursor: pointer;
    border-radius: .2em;
    transition: all .2s ease;
    white-space: nowrap;
}

    .w20-checkout__second__voucher__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w20-checkout__second__tongcong__vl {
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w20-checkout__second__tongcong__vl__text {
    font-size: 1.2em;
}

.w20-checkout__second__tongcong__vl__price {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 2em;
}

.w20-checkout__second__dh {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
    font-size: 1.2em;
    cursor: pointer;
}

.w20-checkout__second__dh__gh {
    color: rgba(var(--main-color-w), 1);
}

.w20-checkout__second__dh__gh__text {
    font-size: 1.2em;
}

.w20-checkout__second__dh__gh:hover {
    text-decoration: underline;
}

.w20-checkout__second__dh__btn {
    padding: .5em;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    outline: none;
    cursor: pointer;
    border-radius: .2em;
    transition: all .2s ease;
}

    .w20-checkout__second__dh__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

/*ed*/
/*w20-productlist*/
.w20-productlist {
    width: 100%;
}

    .w20-productlist .w20-productlist__first__review {
        padding: 0;
    }

.w20-productlist__edit .w20-productlist__container__items__item__box__btn {
    opacity: 1 !important;
    margin-left: 50% !important;
    top: unset !important;
    bottom: 0;
}

.w20-productlist__edit .w20-productlist__container__items__item__box {
    margin-left: unset !important;
    opacity: 1 !important;
}

.w20-productlist__edit .w20-productlist__container__items__item__box__name,
.w20-productlist__edit .w20-productlist__container__items__item__box__price {
    opacity: 1 !important;
}

.w20-productlist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w20-productlist__head__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.4em;
}

.w20-productlist__head__items {
    margin-top: 2em;
    display: flex;
    flex-wrap: wrap;
}

    .w20-productlist__head__items .active {
        border-color: rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

.w20-productlist__head__items__item {
    margin-right: 0.5em;
    padding: 1em;
    border: 0.1em dashed #f8f8f8;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.2em;
}

    .w20-productlist__head__items__item:hover {
        border-color: rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

.w20-productlist__main {
    display: flex;
    flex-wrap: wrap;
}

.w20-productlist__main__first {
    width: 25%;
    max-width: 25%;
}

@media only screen and (max-width: 50em) {
    .w20-productlist__main__first {
        width: 100%;
        max-width: 100%;
    }
}

.w20-productlist__main__first__dm {
    margin-top: 1em;
}

.w20-productlist__main__first__dm__title {
    border-left: 0.5em solid rgba(var(--main-color-w), 1);
    padding: 1em;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 1.4em;
    background: #eeeeee;
}

.w20-productlist__main__first__dm__content {
    list-style: none;
}

.w20-productlist__main__first__dm__content__child {
    font-size: 1.2em;
    cursor: pointer;
    padding: 0.5em;
}

.w20-productlist__main__first__dm__content__child__checkbox {
    display: none;
}

.w20-productlist__main__first__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w20-productlist__main__first__dm__content__child__cate__text {
    transition: all 0.2s ease;
}

    .w20-productlist__main__first__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productlist__main__first__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w20-productlist__main__first__dm__content__child__checkbox:checked ~ .w20-productlist__main__first__dm__content__drop {
    display: block;
}

.w20-productlist__main__first__dm__content__drop {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w20-productlist__main__first__dm__content__drop__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w20-productlist__main__first__dm__content__drop__child__checkbox {
    display: none;
}

.w20-productlist__main__first__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w20-productlist__main__first__dm__content__drop__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w20-productlist__main__first__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productlist__main__first__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w20-productlist__main__first__dm__content__drop__child__checkbox:checked ~ .w20-productlist__main__first__dm__content__drop-1 {
    display: block;
}

.w20-productlist__main__first__dm__content__drop-1 {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w20-productlist__main__first__dm__content__drop-1__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w20-productlist__main__first__dm__content__drop-1__child__checkbox {
    display: none;
}

.w20-productlist__main__first__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w20-productlist__main__first__dm__content__drop-1__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w20-productlist__main__first__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productlist__main__first__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w20-productlist__main__first__boloc__sub {
    font-weight: 600;
    padding: 1em;
    font-size: 1.2em;
    display: block;
}

.w20-productlist__main__first__boloc__items {
    max-height: 60em;
    overflow: scroll;
}

.w20-productlist__main__first__boloc__items__item {
    display: flex;
    align-items: center;
    margin-top: 1em;
    color: #333;
    transition: all 0.2s ease;
}

    .w20-productlist__main__first__boloc__items__item:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w20-productlist__main__first__boloc__items__item__text {
    cursor: pointer;
    font-size: 1.2em;
}

.w20-productlist__main__first__boloc__items__item__check {
    display: none;
}

    .w20-productlist__main__first__boloc__items__item__check:checked ~ .w20-productlist__main__first__boloc__items__item__lbl::after {
        display: block;
    }

.w20-productlist__main__first__boloc__items__item__lbl {
    border: 0.1em solid #e6e6e6;
    padding: 1em;
    margin-right: 1em;
    cursor: pointer;
    position: relative;
}

    .w20-productlist__main__first__boloc__items__item__lbl::after {
        content: "\2714";
        position: absolute;
        display: none;
        font-size: 2em;
        top: -0.2em;
        left: 0.15em;
        color: orangered;
    }

.w20-productlist__main__first__boloc__timkiem {
    border: 0.1em solid #e4e4e4;
    display: flex;
}

.w20-productlist__main__first__boloc__timkiem__in {
    border: none;
    width: 80%;
    outline: none;
    margin-left: 1em;
    display: inline-block;
}

.w20-productlist__main__first__boloc__timkiem__btn {
    padding: 0.5em;
    border: none;
    outline: none;
    margin-left: auto;
    display: inline-block;
    cursor: pointer;
    background: rgba(var(--main-color-w), 1);
    color: white;
}

.w20-productlist__main__first__km__imgbox {
    margin-top: 1em;
    background-size: contain;
    background-position: center;
}

.w20-productlist__main__first__km__imgbox__img {
    width: 100%;
}

.w20-productlist__main__second {
    width: 74%;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w20-productlist__main__second {
        width: 100%;
        margin-top: 1em;
    }
}

.w20-productlist__main__second__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w20-productlist__main__second__head__show .active {
    background: rgba(var(--main-color-w), 1);
    color: white;
}

.w20-productlist__main__second__head__show__icon {
    padding: 1em;
    transition: all 0.2s ease;
    cursor: pointer;
    border: 0.1em solid #f1f1f1;
}

    .w20-productlist__main__second__head__show__icon:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
    }

.w20-productlist__main__second__head__sort {
    display: flex;
    align-items: center;
}

.w20-productlist__main__second__head__sort__text {
    font-weight: 600;
    white-space: nowrap;
}

.w20-productlist__main__second__head__sort__col {
    margin-left: 1em;
    border: 0.1em solid #e4e4e4;
    padding: 0.7em;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.w20-productlist__main__second__head__sort__col__name {
    width: 10em;
}

.w20-productlist__main__second__head__sort__col__name__icon {
    margin-left: auto;
    float: right;
}

.w20-productlist__main__second__head__sort__col:hover .w20-productlist__main__second__head__sort__items {
    display: block;
}

.w20-productlist__main__second__head__sort__items {
    list-style: none;
    position: absolute;
    background-color: white;
    left: -0.1em;
    top: 2.5em;
    display: none;
    width: 102%;
}

.w20-productlist__main__second__head__sort__items__item {
    width: 100%;
    border: 0.1em solid #e4e4e4;
    padding: 0.7em;
    cursor: pointer;
}

    .w20-productlist__main__second__head__sort__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w20-productlist__main__second__head__sort__items__item__icon {
    margin-left: auto;
    float: right;
}

.w20-productlist__main__second__paging {
    display: flex;
    align-items: center;
    margin-top: 2em;
    justify-content: center;
}

.w20-productlist__main__second__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w20-productlist__main__second__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0.2em;
    margin-bottom: 1em;
}

    .w20-productlist__main__second__paging__list__number:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w20-productlist__main__second__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    border-radius: 0.2em;
}

    .w20-productlist__main__second__paging__list__icon:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w20-productlist__main__second__paging__list .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

.w20-productlist__main__second__container__items {
    display: flex;
    flex-wrap: wrap;
}

.w20-productlist__main__second__container__items__item {
    margin-top: 1em;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    width: 25%;
    backface-visibility: hidden;
    cursor: pointer;
    padding: 1em;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w20-productlist__main__second__container__items__item {
        width: 50%;
    }
}

.w20-productlist__main__second__container__items__item__imgbox {
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w20-productlist__main__second__container__items__item__imgbox__img {
    width: 100%;
}

.w20-productlist__main__second__container__items__item__imgbox__text {
    position: absolute;
    color: white;
    padding: 0.5em 0.3em;
    background-color: brown;
    top: 1em;
    right: 1em;
}

.w20-productlist__main__second__container__items__item__box {
    position: relative;
    cursor: pointer;
    width: 100%;
    transition: all 0.3s ease;
    min-height: 7em;
}

.w20-productlist__main__second__container__items__item__box__name {
    line-height: 1.6em;
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 0.5em;
    text-align: center;
    transition: all 0.3s ease;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w20-productlist__main__second__container__items__item__box__name {
        font-size: 1em;
    }
}

.w20-productlist__main__second__container__items__item__box__price {
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 1em;
    align-items: center;
    transition: all 0.3s ease;
}

.w20-productlist__main__second__container__items__item__box__price__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    font-size: 1.6em;
}

.w20-productlist__main__second__container__items__item__box__price__sub {
    color: #777;
    font-size: 1.2em;
    margin-right: 1em;
    text-decoration: line-through;
    font-weight: 800;
}

.w20-productlist__main__second__container__items__item__box__btn {
    display: flex;
    align-items: center;
    position: absolute;
    margin-left: 100%;
    transform: translateX(-50%);
    top: 30%;
    opacity: 0;
    left: 0;
    transition: all 0.3s ease;
}

.w20-productlist__main__second__container__items__item__box__btn__button {
    cursor: pointer;
    display: inline-block;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em;
    color: white;
    border: none;
    outline: none;
    font-weight: 800;
    width: max-content;
    margin: auto;
    border-radius: 2em;
    margin-right: 1em;
    font-size: 1.2em;
}

@media only screen and (max-width: 37.5em) {
    .w20-productlist__main__second__container__items__item__box__btn__button {
        font-size: 1em;
    }
}

.w20-productlist__main__second__container__items__item__box__btn__icon {
    padding: 1em;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border-radius: 50%;
}

.w20-productlist__main__second__container__items__item:hover {
    box-shadow: 0em 0 0.5em 0.5em #e6e6e6;
    z-index: 1;
}

    .w20-productlist__main__second__container__items__item:hover .w20-productlist__main__second__container__items__item__box {
        margin-left: -50%;
    }

    .w20-productlist__main__second__container__items__item:hover .w20-productlist__main__second__container__items__item__box__btn {
        opacity: 1 !important;
    }

    .w20-productlist__main__second__container__items__item:hover .w20-productlist__main__second__container__items__item__box__name {
        opacity: 0;
    }

    .w20-productlist__main__second__container__items__item:hover .w20-productlist__main__second__container__items__item__box__price {
        opacity: 0;
    }

.w20-productlist__spdx {
    margin-bottom: 2em;
}

.w20-productlist__spdx__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em !important;
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    padding: 0.5em;
    padding-bottom: 1em;
    margin-top: 1em;
}

    .w20-productlist__spdx__title::after {
        content: "";
        height: 0.1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w20-productlist__spdx__item {
    margin-top: 0.5em;
}

.w20-productlist__spdx__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w20-productlist__spdx__item__imgbox__img {
    width: 100%;
}

/*ed*/

/*w21-header*/
.w21-header {
    width: 100%;
    background-color: white;
    padding: 2em .5em;
}

.w21-header__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w21-header__imgbox {
    max-width: 50%;
    height: 8em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w21-header__imgbox {
        width: 100% !important;
        max-width: 100%;
    }
}

.w21-header__imgbox__img {
    max-height: 8em;
    width: 100%;
}

.w21-header__content {
    width: 47%;
}

@media only screen and (max-width: 37.5em) {
    .w21-header__content {
        width: 100%;
        margin-top: 1.5em;
        border-top: .1em solid #e4e4e4;
        padding: 1em;
    }
}

.w21-header__content__contact {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w21-header__content__contact__hotline {
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
    margin-bottom: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w21-header__content__contact__hotline {
        font-size: 0.8em;
    }
}

.w21-header__content__contact__hotline__icon {
    font-size: 1.6em;
    padding: .5em;
    border-radius: .2em;
}

.w21-header__content__contact__hotline__text {
    font-size: 2.5em;
    margin-left: .5em;
}

.w21-header__content__contact__hotline__phone {
    text-transform: uppercase;
    font-size: 2.5em;
    color: orangered;
    font-weight: 800;
    margin-left: .5em;
}

.w21-header__content__contact__social {
    margin-bottom: .5em;
    font-size: 1.6em;
    margin-left: 1em;
    white-space: nowrap;
}

.w21-header__content__contact__social__icon {
    padding: .5em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border-radius: .2em;
}

    .w21-header__content__contact__social__icon:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
        cursor: pointer;
    }

.w21-header__content__search {
    width: 100%;
    display: flex;
    justify-content: flex-end;
    border: .05em solid #e4e4e4;
    padding-left: 1em;
    margin-top: .5em;
    background-color: white;
}

@media only screen and (max-width: 37.5em) {
    .w21-header__content__search {
        width: 100%;
        margin-top: 1.5em;
    }
}

.w21-header__content__search__in {
    width: 85%;
    border: none;
    outline: none;
}

.w21-header__content__search__btn {
    background: rgba(var(--main-color-w), 1);
    color: white;
    padding: .5em;
    white-space: nowrap;
    border: none;
    font-weight: 600;
    font-size: 1.6em;
    transition: all .2s ease;
    outline: none;
}

    .w21-header__content__search__btn:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
        cursor: pointer;
    }

/*ed*/
/*w21-banner*/
.w21-banner {
    width: 100%;
    background-color: #fff;
}

.w21-banner__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.w21-banner .swiper-button-next {
    color: rgba(var(--main-color-w), 1);
    z-index: 2;
}

.w21-banner .swiper-button-prev {
    color: rgba(var(--main-color-w), 1);
    z-index: 2;
}

.w21-banner .swiper-pagination-bullet {
    background-color: rgba(var(--main-color-w), 1);
}

.w21-banner .swiper-pagination {
    z-index: 2;
}

.w21-banner__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w21-banner__imgbox__img {
    width: 100%;
}

/*ed*/
/*w21-product*/
.w21-product {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w21-product__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w21-product__first {
    min-width: 30%;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w21-product__first {
        width: 100%;
        margin-top: 2em;
    }
}

.w21-product__first__dmsp__ds {
    display: flex;
    flex-wrap: wrap;
}

.w21-product__first__dmsp__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-product__first__dmsp__items {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: .1em dashed #e4e4e4;
    padding: 1em;
    font-size: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w21-product__first__dmsp__items {
        width: 50%;
        min-width: 50%;
    }
}

.w21-product__first__dmsp__items__text {
    margin-left: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .w21-product__first__dmsp__items__text:hover {
        color: rgba(var(--main-color-w), 1);
        cursor: pointer;
        text-decoration: underline;
    }

.w21-product__first__listing {
    margin-top: 1em;
}

.w21-product__first__listing__listimg {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5em;
    max-height: 50vh;
}

.w21-product__first__listing__listimg__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w21-product__first__listing__listimg__imgbox {
        width: 50%;
    }
}

.w21-product__first__listing__listimg__imgbox__img {
    width: 100%;
}

.w21-product__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w21-product__second {
        width: 100%;
        margin-left: unset;
    }
}

.w21-product__second__row:not(:first-child) {
    margin-top: 1em;
}

.w21-product__second__title {
    background: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w21-product__second__title__text {
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
    position: relative;
}

.w21-product__second__title__grbtn {
    margin: 1em;
}

.w21-product__second__title__grbtn__button {
    border: .1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: .5em .6em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    cursor: pointer;
    transition: all .2s;
    margin-left: .5em;
    z-index: 2;
}

    .w21-product__second__title__grbtn__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w21-product__second__title__grbtn__button-next {
    display: inline-block;
}

.w21-product__second__title__grbtn__button__icon {
    font-size: 1em;
}

.w21-product__second__title__grbtn__button-prev {
    display: inline-block;
}

.w21-product__second__items .owl-stage-outer {
    overflow: visible !important;
}

.w21-product__second__items__item {
    cursor: pointer;
    text-align: center;
    margin-top: .5em;
    box-shadow: .5em 0.5em 1em #dddddd;
    padding-bottom: 1em;
}

.w21-product__second__items__item__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w21-product__second__items__item__imgbox__img {
    width: 100%;
}

.w21-product__second__items__item__name {
    font-weight: 600;
    margin-top: 1em;
    font-size: 1.2em;
    display: block;
    padding: .5em;
    line-height: 1.6em;
}

.w21-product__second__items__item__price {
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    margin-top: 1em;
    font-size: 1.2em;
    padding: .5em;
    font-size: 1.4em;
}

.w21-product__second__items__item__price-down {
    font-weight: 600;
    text-decoration: line-through;
    margin-top: 1em;
    padding: .5em;
}

.w21-product__second__items__item__btn {
    padding: .7em;
    font-size: 1.2em;
    font-weight: 600;
    border-radius: 2em;
    background-color: orangered;
    color: white;
    border: none;
    outline: none;
    margin-top: 1em;
    cursor: pointer;
    transition: all .2s;
}

    .w21-product__second__items__item__btn:hover {
        background: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w21-productdetail*/
.w21-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w21-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w21-productdetail__first {
    min-width: 30%;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w21-productdetail__first {
        width: 100%;
        margin-top: 2em;
    }
}

.w21-productdetail__first__dmsp__ds {
    display: flex;
    flex-wrap: wrap;
}

.w21-productdetail__first__dmsp__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-productdetail__first__dmsp__items {
    display: flex;
    align-items: center;
    border-bottom: 0.1em dashed #e4e4e4;
    padding: 1em;
    font-size: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w21-productdetail__first__dmsp__items {
        width: 50%;
        min-width: 50%;
    }
}

.w21-productdetail__first__dmsp__items__text {
    margin-left: 1em;
    white-space: nowrap;
}

    .w21-productdetail__first__dmsp__items__text:hover {
        color: rgba(var(--main-color-w), 1);
        cursor: pointer;
        text-decoration: underline;
    }

.w21-productdetail__first__listing {
    margin-top: 1em;
}

.w21-productdetail__first__listing__listimg {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5em;
    max-height: 50vh;
}

.w21-productdetail__first__listing__listimg__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w21-productdetail__first__listing__listimg__imgbox {
        width: 50%;
    }
}

.w21-productdetail__first__listing__listimg__imgbox__img {
    width: 100%;
}

.w21-productdetail__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden;
}

.w21-productdetail__second__info {
    display: flex;
    flex-wrap: wrap;
}

.w21-productdetail__second__info__col {
    width: 50%;
    height: max-content;
    margin-bottom: 3em;
}

@media only screen and (max-width: 50em) {
    .w21-productdetail__second__info__col {
        width: 100%;
    }
}

.w21-productdetail__second__info__col__owl-thumb {
    width: 100%;
    display: flex;
    margin-top: 2em;
}

.w21-productdetail__second__info__col__owl-thumb__imgbox {
    background-color: transparent;
    border: none;
    margin-right: 0.5em;
    cursor: pointer;
    outline: 0.1em solid #f2f2f2;
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w21-productdetail__second__info__col__owl-thumb__imgbox__img {
    width: 100%;
}

.w21-productdetail__second__info__productimg {
    width: 100%;
}

.w21-productdetail__second__info__productimg__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    height: 25em;
}

.w21-productdetail__second__info__productimg__imgbox__img {
    width: 100%;
}

.w21-productdetail__second__info__content {
    padding: 0 1em;
    width: 50%;
    font-size: 1.2em;
}

@media only screen and (max-width: 50em) {
    .w21-productdetail__second__info__content {
        width: 100%;
    }
}

.w21-productdetail__second__info__content__name {
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: 800;
    text-align: center;
    display: block;
}

.w21-productdetail__second__info__content__dg {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    padding: 1em 0;
}

.w21-productdetail__second__info__content__dg__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w21-productdetail__second__info__content__dg__stars {
    display: flex;
    align-items: center;
    margin-right: 0.5em;
    gap: 0.5em;
    cursor: pointer;
}

.w21-productdetail__second__info__content__dg__stars__star {
    color: gold;
}

.w21-productdetail__second__info__content__price {
    display: flex;
    align-items: center;
    padding: 1em 0;
}

.w21-productdetail__second__info__content__price__main {
    font-size: 2.5em;
    font-weight: 800;
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
}

.w21-productdetail__second__info__content__price__sub {
    color: #777;
    text-decoration: line-through;
    font-weight: 600;
    font-size: 1.6em;
}

.w21-productdetail__second__info__content__des {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    display: block;
}

.w21-productdetail__second__info__content__tt {
    line-height: 1.6em;
    font-size: 1.2em;
    border-top: 0.1em solid #c7c7c7;
    padding: 0.5em 0;
}

.w21-productdetail__second__info__content__soluong {
    display: flex;
    align-items: center;
    border-top: 0.1em solid #c7c7c7;
}

.w21-productdetail__second__info__content__soluong__sl {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    margin-right: 1em;
}

.w21-productdetail__second__info__content__soluong__action {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w21-productdetail__second__info__content__soluong__action__icon {
    border: 0.1em solid #f2f2f2;
    padding: 0.75em 0.8em;
    cursor: pointer;
}

.w21-productdetail__second__info__content__soluong__action__number {
    border: 0.1em solid #f2f2f2;
    width: 3em;
    height: 2.4em;
    border-right: none;
    border-left: none;
    outline: none;
    text-align: center;
}

.w21-productdetail__second__info__content__button {
    padding: 1em;
    color: white;
    font-size: 1.2em;
    text-align: center;
    font-weight: 800;
    text-transform: uppercase;
    margin-top: 1em;
    width: 100%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w21-productdetail__second__info__content__button:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w21-productdetail__second__social {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w21-productdetail__second__social__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    margin-right: 1em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w21-productdetail__second__social__imgbox__img {
    width: 100%;
}

.w21-productdetail__second__splq__text {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    padding: 0.5em;
}

    .w21-productdetail__second__splq__text::after {
        content: "";
        height: 0.1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w21-productdetail__second__splq__items__item {
    margin-top: 1em;
    text-align: center;
}

.w21-productdetail__second__splq__items__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w21-productdetail__second__splq__items__item__imgbox__img {
    width: 100%;
}

.w21-productdetail__second__splq__items__item__name {
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.w21-productdetail__second__splq__items__item__price {
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    font-weight: 800;
    font-size: 1.6em;
}

.w21-productdetail__second__content {
    margin-top: 2em;
}

.w21-productdetail__second__content__review {
    display: none;
    padding: 2em;
}

.w21-productdetail__second__content__review__first {
    width: 100%;
}

.w21-productdetail__second__content__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w21-productdetail__second__content__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w21-productdetail__second__content__review__first__imgbox__img {
    width: 100%;
}

.w21-productdetail__second__content__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w21-productdetail__second__content__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w21-productdetail__second__content__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w21-productdetail__second__content__review__first__comment__head__user__date {
    color: #777;
}

.w21-productdetail__second__content__review__first__comment__star__icon {
    color: #f93;
}

.w21-productdetail__second__content__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    padding: .5em;
    font-size: 1.2em;
}

.w21-productdetail__second__content__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w21-productdetail__second__content__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w21-productdetail__second__content__review__second__title {
    font-weight: 300;
}

.w21-productdetail__second__content__review__second__textrate {
    margin-top: 2em;
}

.w21-productdetail__second__content__review__second__textreview {
    margin-top: 1em;
}

.w21-productdetail__second__content__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w21-productdetail__second__content__review__second__star {
    display: flex;
    align-items: center;
}

.w21-productdetail__second__content__review__second__star__items {
    margin-left: 1em;
}

.w21-productdetail__second__content__review__second__star__items__icon {
    color: darkgray;
}

.w21-productdetail__second__content__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w21-productdetail__second__content__review__second__textform__name {
    width: 48%;
    display: block;
}

.w21-productdetail__second__content__review__second__textform__name__info {
    font-weight: 300;
}

.w21-productdetail__second__content__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w21-productdetail__second__content__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w21-productdetail__second__content__review__second__button:hover {
        filter: brightness(0.8);
    }

.w21-productdetail__second__content__tab {
    display: flex;
    align-items: center;
}

    .w21-productdetail__second__content__tab .active {
        background-color: rgba(var(--main-color-w), 1);
        border-bottom: none;
        color: white;
    }

.w21-productdetail__second__content__tab__mt {
    padding: 1em;
    border: 0.1em solid #f2f2f2;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
}

.w21-productdetail__second__content__text {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w21-productdetail__second__content__content {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w21-productdetail__second__buymany {
    margin-top: 2em;
}

.w21-productdetail__second__buymany__table {
    border-collapse: collapse;
    width: 100%;
}

    .w21-productdetail__second__buymany__table td,
    .w21-productdetail__second__buymany__table th {
        border: 1px solid #dddddd;
        padding: 0.5em;
        font-size: 1.2em;
    }

.w21-productdetail__second__buymany__table__sl {
    width: 10%;
}

.w21-productdetail__second__buymany__table__quan {
    display: flex;
    align-items: center;
}

.w21-productdetail__second__buymany__table__quan__in {
    width: 4em;
    padding: 1em;
    border: none;
    outline: none;
    background-color: #f3f3f3;
    text-align: center;
}

.w21-productdetail__second__buymany__table__quan__ope {
    display: flex;
    flex-direction: column;
    background-color: #e4e4e4;
    margin-left: 0.2em;
}

.w21-productdetail__second__buymany__table__quan__ope__icon {
    padding: 0.5em;
    cursor: pointer;
}

.w21-productdetail__second__buymany__table__action {
    width: 10%;
    text-align: center;
    justify-content: center;
}

.w21-productdetail__second__buymany__table__cart {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    font-size: 1.5em;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w21-productdetail__second__buymany__table__cart:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w21-productdetail__second__review {
    padding: 2em;
}

.w21-productdetail__second__review__first {
    width: 100%;
}

.w21-productdetail__second__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w21-productdetail__second__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w21-productdetail__second__review__first__imgbox__img {
    width: 100%;
}

.w21-productdetail__second__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w21-productdetail__second__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w21-productdetail__second__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w21-productdetail__second__review__first__comment__head__user__date {
    color: #777;
}

.w21-productdetail__second__review__first__comment__star__icon {
    color: #f93;
}

.w21-productdetail__second__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w21-productdetail__second__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w21-productdetail__second__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w21-productdetail__second__review__second__title {
    font-weight: 300;
}

.w21-productdetail__second__review__second__textrate {
    margin-top: 2em;
}

.w21-productdetail__second__review__second__textreview {
    margin-top: 1em;
}

.w21-productdetail__second__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w21-productdetail__second__review__second__star {
    display: flex;
    align-items: center;
}

.w21-productdetail__second__review__second__star__items {
    margin-left: 1em;
}

.w21-productdetail__second__review__second__star__items__icon {
    color: darkgray;
}

.w21-productdetail__second__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w21-productdetail__second__review__second__textform__name {
    width: 48%;
    display: block;
}

.w21-productdetail__second__review__second__textform__name__info {
    font-weight: 300;
}

.w21-productdetail__second__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w21-productdetail__second__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w21-productdetail__second__review__second__button:hover {
        filter: brightness(0.8);
    }

@media only screen and (max-width: 37.5em) {
    .w21-productdetail__second {
        width: 100%;
        margin-left: unset;
    }
}

/*ed*/
/*w21-bloglist*/
.w21-bloglist {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w21-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w21-bloglist__first {
    min-width: 30%;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w21-bloglist__first {
        width: 100%;
        margin-top: 2em;
    }
}

.w21-bloglist__first__dmsp__ds {
    display: flex;
    flex-wrap: wrap;
}

.w21-bloglist__first__dmsp__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-bloglist__first__dmsp__items {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 0.1em dashed #e4e4e4;
    padding: 1em;
    font-size: 1.3em;
}

@media only screen and (max-width: 37.5em) {
    .w21-bloglist__first__dmsp__items {
        width: 50%;
        min-width: 50%;
    }
}

.w21-bloglist__first__dmsp__items__text {
    margin-left: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .w21-bloglist__first__dmsp__items__text:hover {
        color: rgba(var(--main-color-w), 1);
        cursor: pointer;
        text-decoration: underline;
    }

.w21-bloglist__first__listing {
    margin-top: 1em;
}

.w21-bloglist__first__listing__listimg {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5em;
    max-height: 50vh;
}

.w21-bloglist__first__listing__listimg__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w21-bloglist__first__listing__listimg__imgbox {
        width: 50%;
    }
}

.w21-bloglist__first__listing__listimg__imgbox__img {
    width: 100%;
}

.w21-bloglist__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w21-bloglist__second {
        width: 100%;
        margin-left: unset;
    }
}

.w21-bloglist__second__row__text {
    color: black;
    margin-top: 1em;
    display: block;
}

.w21-bloglist__second__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-bloglist__second__paging {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w21-bloglist__second__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w21-bloglist__second__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    margin-bottom: 1em;
}

.w21-bloglist__second__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    margin-bottom: 1em;
    cursor: pointer;
}

.w21-bloglist__second__paging__list .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

.w21-bloglist__second__paging__text {
    margin-left: auto;
    font-size: 1.2em;
}

.w21-bloglist__second__items {
    margin-top: 0.5em;
}

.w21-bloglist__second__items__item {
    display: flex;
    width: 100%;
    margin-top: 0.5em;
    border-bottom: 0.1em dashed #e4e4e4;
    padding-bottom: 0.5em;
}

.w21-bloglist__second__items__item__imgbox {
    width: 30%;
    height: 15em;
    min-width: 30%;
    background-size: contain;
    background-position: center;
}

.w21-bloglist__second__items__item__imgbox__img {
    width: 100%;
}

.w21-bloglist__second__items__item__content {
    margin-left: 1em;
    margin-top: 0.5em;
    width: 100%;
}

.w21-bloglist__second__items__item__content__name {
    font-weight: 800;
    font-size: 1.4em;
    padding: 0.5em 0.5em 0.5em 0;
    display: block;
    border-bottom: 0.1em solid #e4e4e4;
    cursor: pointer;
}

    .w21-bloglist__second__items__item__content__name:hover {
        text-decoration: underline;
    }

.w21-bloglist__second__items__item__content__des {
    display: block;
    margin-top: 1em;
    line-height: 1.6em;
    font-size: 1.1em;
}

.w21-bloglist__second__items__item__content__more {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    float: right;
    margin-left: auto;
    cursor: pointer;
}

/*ed*/
/*w21-bloglist-1*/
.w21-bloglist-1 {
    width: 100%;
    padding: 2em 1em;
}

.w21-bloglist-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w21-bloglist-1__text {
    display: block;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

    .w21-bloglist-1__text h1,
    .w21-bloglist-1__text h2,
    .w21-bloglist-1__text h3,
    .w21-bloglist-1__text h4,
    .w21-bloglist-1__text h5,
    .w21-bloglist-1__text img,
    .w21-bloglist-1__text iframe,
    .w21-bloglist-1__text p {
        margin: 0.7em 0;
    }

    .w21-bloglist-1__text ul,
    .w21-bloglist-1__text ol {
        list-style: none;
    }

.w21-bloglist-1__article {
    width: 100%;
    overflow: hidden;
}

.w21-bloglist-1__article__row__text {
    color: black;
    margin-top: 1em;
    display: block;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

    .w21-bloglist-1__article__row__text h1,
    .w21-bloglist-1__article__row__text h2,
    .w21-bloglist-1__article__row__text h3,
    .w21-bloglist-1__article__row__text h4,
    .w21-bloglist-1__article__row__text h5,
    .w21-bloglist-1__article__row__text img,
    .w21-bloglist-1__article__row__text iframe,
    .w21-bloglist-1__article__row__text p {
        margin: 0.7em 0;
    }

    .w21-bloglist-1__article__row__text ul,
    .w21-bloglist-1__article__row__text ol {
        list-style: none;
    }

.w21-bloglist-1__article__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-bloglist-1__article__items {
    margin-top: 0.5em;
}

.w21-bloglist-1__article__items__item {
    display: flex;
    width: 100%;
    margin-top: 0.5em;
    border-bottom: 0.1em dashed #e4e4e4;
    padding-bottom: 0.5em;
}

.w21-bloglist-1__article__items__item__imgbox {
    width: 30%;
    height: 15em;
    min-width: 30%;
    background-size: contain;
    background-position: center;
}

.w21-bloglist-1__article__items__item__imgbox__img {
    width: 100%;
}

.w21-bloglist-1__article__items__item__content {
    margin-left: 1em;
    margin-top: 0.5em;
    width: 100%;
}

.w21-bloglist-1__article__items__item__content__name {
    font-weight: 800;
    font-size: 1.4em;
    padding: 0.5em 0.5em 0.5em 0;
    display: block;
    border-bottom: 0.1em solid #e4e4e4;
    cursor: pointer;
}

    .w21-bloglist-1__article__items__item__content__name:hover {
        text-decoration: underline;
    }

.w21-bloglist-1__article__items__item__content__des {
    display: block;
    margin-top: 1em;
    line-height: 1.6em;
    font-size: 1.1em;
}

.w21-bloglist-1__article__items__item__content__more {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w21-bloglist-1__paging {
    display: flex;
    align-items: center;
    margin-top: 2em;
    justify-content: center;
}

.w21-bloglist-1__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w21-bloglist-1__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0.2em;
    margin-bottom: 1em;
}

    .w21-bloglist-1__paging__list__number:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w21-bloglist-1__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    border-radius: 0.2em;
}

    .w21-bloglist-1__paging__list__icon:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w21-bloglist-1__paging__list .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

/*ed*/
/*w21-productlist*/
.w21-productlist {
    width: 100%;
    padding: 2em 0.5em;
}

.w21-productlist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w21-productlist__first {
    min-width: 30%;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w21-productlist__first {
        width: 100%;
        margin-top: 2em;
    }
}

.w21-productlist__first__dmsp__ds {
    display: flex;
    flex-wrap: wrap;
}

.w21-productlist__first__dmsp__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-productlist__first__dmsp__items {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 0.1em dashed #e4e4e4;
    padding: 1em;
    font-size: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w21-productlist__first__dmsp__items {
        width: 50%;
        min-width: 50%;
    }
}

.w21-productlist__first__dmsp__items__text {
    margin-left: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .w21-productlist__first__dmsp__items__text:hover {
        color: rgba(var(--main-color-w), 1);
        cursor: pointer;
        text-decoration: underline;
    }

.w21-productlist__first__listing {
    margin-top: 1em;
}

.w21-productlist__first__listing__listimg {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5em;
    max-height: 50vh;
}

.w21-productlist__first__listing__listimg__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w21-productlist__first__listing__listimg__imgbox {
        width: 50%;
    }
}

.w21-productlist__first__listing__listimg__imgbox__img {
    width: 100%;
}

.w21-productlist__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w21-productlist__second {
        width: 100%;
        margin-left: unset;
    }
}

.w21-productlist__second__row:not(:first-child) {
    margin-top: 1em;
}

.w21-productlist__second__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-productlist__second__items {
    margin-left: -1%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w21-productlist__second__items {
        margin-left: -1.33333%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w21-productlist__second__items {
        margin-left: -2%;
    }
}

.w21-productlist__second__items__item {
    cursor: pointer;
    text-align: center;
    margin-top: 0.5em;
    box-shadow: 0.5em 0.5em 1em #dddddd;
    padding-bottom: 1em;
    width: 24%;
    margin-left: 1%;
    margin-bottom: 1%;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w21-productlist__second__items__item {
        width: 32%;
        margin-left: 1.33333%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w21-productlist__second__items__item {
        width: 48%;
        margin-left: 2%;
    }
}

.w21-productlist__second__items__item__imgbox {
    width: 100%;
    height: 20em;
    background-size: contain;
    background-position: center;
}

.w21-productlist__second__items__item__imgbox__img {
    width: 100%;
}

.w21-productlist__second__items__item__name {
    font-weight: 600;
    margin-top: 1em;
    font-size: 1.2em;
    display: block;
    padding: 0.5em;
    line-height: 1.6em;
}

.w21-productlist__second__items__item__price {
    color: rgba(var(--main-color-w), 1);
    font-weight: 800;
    margin-top: 1em;
    padding: 0.5em;
}

.w21-productlist__second__items__item__btn {
    padding: 0.7em;
    font-size: 1.2em;
    font-weight: 600;
    border-radius: 2em;
    background-color: orangered;
    color: white;
    border: none;
    outline: none;
    margin-top: 1em;
    cursor: pointer;
    transition: all 0.2s;
}

    .w21-productlist__second__items__item__btn:hover {
        background: rgba(var(--main-color-w), 1);
    }

.w21-productlist__second__paging {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w21-productlist__second__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w21-productlist__second__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    margin-bottom: 1em;
}

.w21-productlist__second__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    margin-bottom: 1em;
}

.w21-productlist__second__paging__list .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

.w21-productlist__second__paging__text {
    margin-left: auto;
    font-size: 1.2em;
}

/*ed*/
/*w21-blogdetail*/
.w21-blogdetail {
    width: 100%;
    padding: 3em 1em;
}

.w21-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w21-blogdetail__first {
    min-width: 30%;
    width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w21-blogdetail__first {
        width: 100%;
        margin-top: 2em;
    }
}

.w21-blogdetail__first__dmsp__ds {
    display: flex;
    flex-wrap: wrap;
}

.w21-blogdetail__first__dmsp__title {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 800;
    font-size: 1em;
}

.w21-blogdetail__first__dmsp__items {
    width: 100%;
    display: flex;
    align-items: center;
    border-bottom: 0.1em dashed #e4e4e4;
    padding: 1em;
    font-size: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w21-blogdetail__first__dmsp__items {
        width: 50%;
        min-width: 50%;
    }
}

.w21-blogdetail__first__dmsp__items__text {
    margin-left: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

    .w21-blogdetail__first__dmsp__items__text:hover {
        color: rgba(var(--main-color-w), 1);
        cursor: pointer;
        text-decoration: underline;
    }

.w21-blogdetail__first__listing {
    margin-top: 1em;
}

.w21-blogdetail__first__listing__listimg {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0.5em;
    max-height: 50vh;
}

.w21-blogdetail__first__listing__listimg__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w21-blogdetail__first__listing__listimg__imgbox {
        width: 50%;
    }
}

.w21-blogdetail__first__listing__listimg__imgbox__img {
    width: 100%;
}

.w21-blogdetail__second {
    margin-left: 1%;
    width: 69%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w21-blogdetail__second {
        width: 100%;
        margin-left: unset;
    }
}

.w21-blogdetail__second__review {
    padding: 2em;
}

.w21-blogdetail__second__review__first {
    width: 100%;
}

.w21-blogdetail__second__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w21-blogdetail__second__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w21-blogdetail__second__review__first__imgbox__img {
    width: 100%;
}

.w21-blogdetail__second__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w21-blogdetail__second__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w21-blogdetail__second__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w21-blogdetail__second__review__first__comment__head__user__date {
    color: #777;
}

.w21-blogdetail__second__review__first__comment__star__icon {
    color: #f93;
}

.w21-blogdetail__second__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w21-blogdetail__second__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w21-blogdetail__second__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w21-blogdetail__second__review__second__title {
    font-weight: 300;
}

.w21-blogdetail__second__review__second__textrate {
    margin-top: 2em;
}

.w21-blogdetail__second__review__second__textreview {
    margin-top: 1em;
}

.w21-blogdetail__second__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w21-blogdetail__second__review__second__star {
    display: flex;
    align-items: center;
}

.w21-blogdetail__second__review__second__star__items {
    margin-left: 1em;
}

.w21-blogdetail__second__review__second__star__items__icon {
    color: darkgray;
}

.w21-blogdetail__second__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w21-blogdetail__second__review__second__textform__name {
    width: 48%;
    display: block;
}

.w21-blogdetail__second__review__second__textform__name__info {
    font-weight: 300;
}

.w21-blogdetail__second__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w21-blogdetail__second__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w21-blogdetail__second__review__second__button:hover {
        filter: brightness(0.8);
    }

.w21-blogdetail__second__title {
    padding: 1em 1em 1em 0;
    font-weight: 800;
    font-size: 1.6em;
    border-bottom: 0.1em solid #e4e4e4;
}

.w21-blogdetail__second__text {
    text-align: justify;
    color: black;
    margin-top: 1em;
    display: block;
}

.w21-blogdetail__second__social {
    margin-top: 1em;
}

.w21-blogdetail__second__social__icon {
    cursor: pointer;
    padding: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    margin-right: 0.5em;
    font-size: 1.6em;
    display: inline-block;
    transition: all 0.2s ease;
}

    .w21-blogdetail__second__social__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w21-blogdetail-1*/
.w21-blogdetail-1 {
    width: 100%;
    padding: 2em 1em;
}

.w21-blogdetail-1__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap-reverse;
}

.w21-blogdetail-1__article {
    width: 100%;
    overflow: hidden;
}

.w21-blogdetail-1__article__title {
    padding: 1em 1em 1em 0;
    font-weight: 800;
    font-size: 1.6em;
    border-bottom: 0.1em solid #e4e4e4;
}

.w21-blogdetail-1__article__text {
    text-align: justify;
    color: black;
    line-height: 1.8em;
    margin-top: 1em;
    display: block;
    font-size: 1.6em;
}

    .w21-blogdetail-1__article__text h1,
    .w21-blogdetail-1__article__text h2,
    .w21-blogdetail-1__article__text h3,
    .w21-blogdetail-1__article__text iframe,
    .w21-blogdetail-1__article__text h4,
    .w21-blogdetail-1__article__text h5,
    .w21-blogdetail-1__article__text img,
    .w21-blogdetail-1__article__text p {
        margin: 0.5em 0;
    }

    .w21-blogdetail-1__article__text ul,
    .w21-blogdetail-1__article__text ol {
        list-style: none;
    }

.w21-blogdetail-1__article__social {
    margin-top: 1em;
}

.w21-blogdetail-1__article__social__icon {
    cursor: pointer;
    padding: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    margin-right: 0.5em;
    font-size: 1.6em;
    display: inline-block;
    transition: all 0.2s ease;
}

    .w21-blogdetail-1__article__social__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.w21-blogdetail-1__review {
    padding: 2em;
}

.w21-blogdetail-1__review__first {
    width: 100%;
}

.w21-blogdetail-1__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w21-blogdetail-1__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w21-blogdetail-1__review__first__imgbox__img {
    width: 100%;
}

.w21-blogdetail-1__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w21-blogdetail-1__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w21-blogdetail-1__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w21-blogdetail-1__review__first__comment__head__user__date {
    color: #777;
}

.w21-blogdetail-1__review__first__comment__star__icon {
    color: #f93;
}

.w21-blogdetail-1__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w21-blogdetail-1__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w21-blogdetail-1__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w21-blogdetail-1__review__second__title {
    font-weight: 300;
}

.w21-blogdetail-1__review__second__textrate {
    margin-top: 2em;
}

.w21-blogdetail-1__review__second__textreview {
    margin-top: 1em;
}

.w21-blogdetail-1__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w21-blogdetail-1__review__second__star {
    display: flex;
    align-items: center;
}

.w21-blogdetail-1__review__second__star__items {
    margin-left: 1em;
}

.w21-blogdetail-1__review__second__star__items__icon {
    color: darkgray;
}

.w21-blogdetail-1__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w21-blogdetail-1__review__second__textform__name {
    width: 48%;
    display: block;
}

.w21-blogdetail-1__review__second__textform__name__info {
    font-weight: 300;
}

.w21-blogdetail-1__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w21-blogdetail-1__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w21-blogdetail-1__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w21-googlemap*/
.w21-googlemap {
    width: 100%;
}

.w21-googlemap__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w21-googlemap__head {
    width: 100%;
    position: absolute;
    top: 0;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w21-googlemap__head__first {
    width: 50%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 56.25em) {
    .w21-googlemap__head__first {
        width: 100%;
    }
}

.w21-googlemap__head__first__icon {
    margin-left: .3em;
    padding: .5em;
    background-color: rgba(0, 0, 0, 0.805);
    font-size: 1.6em;
    cursor: pointer;
    color: white;
}

    .w21-googlemap__head__first__icon:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w21-googlemap__head__first__input {
    margin-left: 1em;
    padding: .5em;
    border: none;
    outline: none;
    border-radius: .3em;
}

.w21-googlemap__head__second {
    display: flex;
    align-items: center;
    width: 50%;
    justify-content: flex-end;
}

@media only screen and (max-width: 56.25em) {
    .w21-googlemap__head__second {
        width: 100%;
    }
}

.w21-googlemap__head__second__iconbox {
    background-color: rgba(0, 0, 0, 0.805);
    padding: 1em;
    color: white;
    cursor: pointer;
    white-space: nowrap;
}

.w21-googlemap__head__second__iconbox__icon {
    margin: 0 .3em;
}

.w21-googlemap__head__second__iconbox:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w21-googlemap__foot {
    position: absolute;
    bottom: 0;
    right: 1em;
    color: white;
    display: flex;
    align-items: center;
}

.w21-googlemap__foot__iconbox {
    padding: 1em;
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.805);
}

.w21-googlemap__foot__iconbox__icon {
    cursor: pointer;
    color: white;
}

.w21-googlemap__foot__iconbox:hover {
    background-color: rgba(var(--main-color-w), 1);
}

/*ed*/

/*w21-productlist-1*/
.w21-productlist-1 {
    width: 100%;
}

.w21-productlist-1__group {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w21-productlist-1__map {
    width: 50%;
}

@media only screen and (max-width: 43.75em) {
    .w21-productlist-1__map {
        width: 100%;
    }
}

.w21-productlist-1__map section iframe {
    height: 100vh;
}

.w21-productlist-1__content {
    width: 50%;
}

@media only screen and (max-width: 43.75em) {
    .w21-productlist-1__content {
        width: 100%;
    }
}

.w21-productlist-1__content__search {
    padding: 1em;
}

.w21-productlist-1__content__search__tk {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w21-productlist-1__content__search__tk__box {
    width: 49%;
    display: flex;
    align-items: center;
    padding: 0.1em;
    border: 0.1em solid #cecccc;
    border-radius: 0.5em;
    padding: 0 1em;
    color: #777;
}

.w21-productlist-1__content__search__tk__box__icon {
    width: 5%;
    font-size: 1.5em;
    padding: 0.5em;
    cursor: pointer;
}

.w21-productlist-1__content__search__tk__box__in {
    width: 95%;
    height: 3em;
    border: none;
    outline: none;
    color: #777;
}

.w21-productlist-1__content__search__bk {
    padding: 2em 0;
    display: flex;
    align-items: center;
}

.w21-productlist-1__content__search__bk__km {
    display: flex;
    align-items: center;
    width: 30%;
}

.w21-productlist-1__content__search__bk__km__checkbox {
    margin-right: 0.5em;
    cursor: pointer;
}

.w21-productlist-1__content__search__bk__km__text {
    font-size: 1.2em;
    margin-left: 0.5em;
}

.w21-productlist-1__content__search__bk__km__num {
    font-size: 1.2em;
    margin-left: 0.5em;
}

.w21-productlist-1__content__search__bk__rangebk {
    width: 70%;
    cursor: pointer;
    -webkit-appearance: none;
    width: 100%;
    height: 0.5em;
    background: #d3d3d3;
    outline: none;
    -webkit-transition: 0.2s;
    transition: opacity 0.2s;
}

    .w21-productlist-1__content__search__bk__rangebk::-webkit-slider-thumb {
        -webkit-appearance: none;
        appearance: none;
        width: 1em;
        height: 1em;
        background: #333;
        cursor: pointer;
    }

        .w21-productlist-1__content__search__bk__rangebk::-webkit-slider-thumb:hover {
            background-color: rgba(var(--main-color-w), 1);
        }

.w21-productlist-1__content__search__thuoctinh {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w21-productlist-1__content__search__thuoctinh__box {
    position: relative;
    width: 23%;
    display: flex;
    margin-bottom: 0.5em;
    align-items: center;
    margin-left: 1%;
    padding: 0.1em;
    border: 0.1em solid #cecccc;
    border-radius: 0.5em;
    color: #777;
    cursor: pointer;
}

    .w21-productlist-1__content__search__thuoctinh__box:not(:last-child) {
        margin-right: 1%;
    }

.w21-productlist-1__content__search__thuoctinh__box__icon {
    font-size: 1.5em;
    padding: 0.5em;
    cursor: pointer;
    display: inline-block;
}

.w21-productlist-1__content__search__thuoctinh__box__text {
    border: none;
    outline: none;
    color: #777;
}

.w21-productlist-1__content__search__thuoctinh__box__ul {
    position: absolute;
    list-style: none;
    top: 3.3em;
    display: none;
    left: 0;
    width: 100%;
    z-index: 3;
    border: 0.1em solid #a1a1a1;
    border-radius: 0.2em;
}

.w21-productlist-1__content__search__thuoctinh__box__ul__li {
    padding: 1em;
    background-color: white;
    box-shadow: 0.5em 0.5em 0.5em #a1a1a1;
}

    .w21-productlist-1__content__search__thuoctinh__box__ul__li:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.2em solid black;
        border-radius: 0.2em;
    }

.w21-productlist-1__content__search__thuoctinh__box:hover .w21-productlist-1__content__search__thuoctinh__box__ul {
    display: block;
}

.w21-productlist-1__content__search__pvg {
    display: block;
}

.w21-productlist-1__content__search__pvg__price-range {
    margin-top: 2em;
}

    .w21-productlist-1__content__search__pvg__price-range .ui-widget-header {
        background: rgba(var(--main-color-w), 1);
    }

    .w21-productlist-1__content__search__pvg__price-range .ui-slider-handle {
        border: 0.1em solid rgba(var(--main-color-w), 1) !important;
        cursor: w-resize !important;
        margin-top: -0.1em;
    }

    .w21-productlist-1__content__search__pvg__price-range .ui-state-active {
        background-color: white !important;
    }

    .w21-productlist-1__content__search__pvg__price-range .ui-widget.ui-widget-content {
        border: none !important;
        background-color: #eee;
        width: 98%;
        margin-left: 1%;
    }

    .w21-productlist-1__content__search__pvg__price-range .ui-widget-content .ui-state-default {
        background-color: rgba(var(--main-color-w), 1);
        height: 2em;
        width: 2em;
        top: -0.7em;
    }

.w21-productlist-1__content__search__pvg__price-range__filter {
    height: 0.5em !important;
    margin: 1.5em 0;
    cursor: pointer;
}

.w21-productlist-1__content__search__pvg__price-range__val {
    margin-top: 2em;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 62.5em) {
    .w21-productlist-1__content__search__pvg__price-range__val {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w21-productlist-1__content__search__pvg__price-range__val__text {
    font-size: 1.6em;
    font-weight: 300;
    margin-left: 0.3em;
}

.w21-productlist-1__content__search__pvg__price-range__val__filter__field {
    margin-left: 0.3em;
    background-color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: 5em;
    border-radius: 0.3em;
    outline: none;
    border: none;
}

.w21-productlist-1__content__search__pvg__price-range__val__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-size: 1.6em;
    font-weight: 700;
    border: none;
    border-radius: 0.3em;
    margin-right: 0.5em;
    outline: none;
    cursor: pointer;
}

    .w21-productlist-1__content__search__pvg__price-range__val__button:hover {
        filter: brightness(80%);
    }

.w21-productlist-1__content__search__bl {
    margin-top: 2em;
}

.w21-productlist-1__content__search__bl__checkbox {
    display: none;
}

.w21-productlist-1__content__search__bl__head__other__checkbox {
    display: none;
}

.w21-productlist-1__content__search__bl__head__other__icon__plus {
    padding: 1em;
    background-color: black;
    color: white;
    cursor: pointer;
}

.w21-productlist-1__content__search__bl__head__other__icon__minus {
    padding: 1em;
    background-color: black;
    color: white;
    display: none !important;
    cursor: pointer;
}

.w21-productlist-1__content__search__bl__head__other__checkbox:checked ~ .w21-productlist-1__content__search__bl__head__other__icon__plus {
    display: none;
}

.w21-productlist-1__content__search__bl__head__other__checkbox:checked ~ .w21-productlist-1__content__search__bl__head__other__icon__minus {
    display: inline-block !important;
}

.w21-productlist-1__content__search__bl__head__other__text {
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    margin-left: 0.5em;
}

.w21-productlist-1__content__search__bl__checkbox:checked ~ .w21-productlist-1__content__search__bl__list {
    max-height: 50em;
}

.w21-productlist-1__content__search__bl__list {
    display: flex;
    max-height: 0.1em;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5em;
    transition: all 0.2s;
    overflow: hidden;
}

.w21-productlist-1__content__search__bl__list__at {
    cursor: pointer;
    display: flex;
    padding: 1em 1em 1em 0;
    width: 25%;
    align-items: center;
}

.w21-productlist-1__content__search__bl__list__at__checkbox {
    margin-right: 0.5em;
}

.w21-productlist-1__content__search__bl__list__at__text {
    font-size: 1.4em;
    font-weight: 500;
}

.w21-productlist-1__content__search__button {
    display: block;
    width: 100%;
    padding: 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    color: white;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 1.4em;
    border-radius: 0.4em;
    margin-top: 1em;
    border: none;
}

    .w21-productlist-1__content__search__button:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.w21-productlist-1__content__items {
    border-top: 0.3em solid #333;
}

.w21-productlist-1__content__items__head {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: space-between;
    padding: 1em;
}

.w21-productlist-1__content__items__head__text {
    font-size: 1.6em;
}

.w21-productlist-1__content__items__head__short {
    display: flex;
    align-items: center;
}

.w21-productlist-1__content__items__head__short__text {
    font-size: 1.3em;
}

.w21-productlist-1__content__items__head__short__ds {
    color: #777;
    margin-left: 0.5em;
    position: relative;
    text-align: center;
    cursor: pointer;
    width: 15em;
}

.w21-productlist-1__content__items__head__short__ds__text {
    font-size: 1.3em;
}

.w21-productlist-1__content__items__head__short__ds:hover .w21-productlist-1__content__items__head__short__ds__ul {
    display: block;
}

.w21-productlist-1__content__items__head__short__ds__ul {
    display: none;
    position: absolute;
    list-style: none;
    top: 2em;
    left: 0;
    width: 100%;
    z-index: 3;
    cursor: pointer;
    border: 0.1em solid #a1a1a1;
    border-radius: 0.4em;
}

.w21-productlist-1__content__items__head__short__ds__ul__li {
    padding: 1em;
    background-color: white;
    box-shadow: 0.5em 0.5em 0.5em #a1a1a1;
}

    .w21-productlist-1__content__items__head__short__ds__ul__li:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.2em solid black;
        border-radius: 0.2em;
    }

.w21-productlist-1__content__items__item__card {
    padding: 1em;
    display: flex;
    justify-content: space-between;
}

    .w21-productlist-1__content__items__item__card:hover {
        cursor: pointer;
        border: 0.1em solid rgba(var(--main-color-w), 1);
        border-right: none;
        border-left: none;
    }

.w21-productlist-1__content__items__item__card__imgbox {
    width: 30%;
    min-width: 30%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w21-productlist-1__content__items__item__card__imgbox__img {
    width: 100%;
    height: 100%;
}

.w21-productlist-1__content__items__item__card__imgbox__pic {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
}

.w21-productlist-1__content__items__item__card__imgbox__pic__icon {
    padding: 0.5em;
    background-color: rgba(0, 0, 0, 0.822);
    color: white;
    cursor: pointer;
    border-radius: 0.3em;
}

    .w21-productlist-1__content__items__item__card__imgbox__pic__icon:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w21-productlist-1__content__items__item__card__imgbox__st {
    top: 0;
    left: 0;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    font-size: 0.8em;
    position: absolute;
    color: white;
    opacity: 0.8;
}

.w21-productlist-1__content__items__item__card__info {
    width: 60%;
    margin-left: 1%;
}

.w21-productlist-1__content__items__item__card__info__status {
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 0.2em;
    padding: 0.5em;
    display: inline-block;
    color: white;
}

.w21-productlist-1__content__items__item__card__info__text {
    margin-top: 1em;
    font-size: 1.3em;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 43.75em) {
    .w21-productlist-1__content__items__item__card__info__text {
        width: 100%;
        font-size: 1.1em;
    }
}

.w21-productlist-1__content__items__item__card__info__location {
    display: block;
    margin-top: 0.5em;
}

.w21-productlist-1__content__items__item__card__text {
    margin-left: auto;
    float: right;
    text-align: right;
    width: 15%;
    min-width: 15%;
    display: inline-block;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
    margin-left: 1%;
}

@media only screen and (max-width: 43.75em) {
    .w21-productlist-1__content__items__item__card__text {
        font-size: 1.1em;
    }
}

/*ed*/
/*w22-title*/
.w22-title {
    width: 100%;
    padding: 1em .5em;
    background-color: white;
}

.w22-title__group {
    margin: 0 auto;
    max-width: 120em;
}

.w22-title__name {
    font-size: 3em;
    text-align: center;
    display: block;
    line-height: 1.6em;
}

/*ed*/
/*w23-menu*/
.w23-menu {
    width: 100%;
    display: block;
    z-index: 4;
    background-color: white;
    position: relative;
}

.w23-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important;
}

@media only screen and (max-width: 37.5em) {
    .w23-menu__ab {
        background-color: white;
        color: black;
    }
}

.w23-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w23-menu__scroll-menu figure {
        border-radius: .4em;
    }

.w23-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w23-menu__group {
        padding: 1em;
        justify-content: space-between;
        flex-direction: row-reverse;
    }
}

.w23-menu__logobox {
    text-align: center;
    height: 9em;
    max-height: 9em;
    cursor: pointer;
    min-width: 15em;
}

.w23-menu__logobox--mobile {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w23-menu__logobox {
        max-width: 30em;
    }

    .w23-menu__logobox--desk {
        display: none;
    }

    .w23-menu__logobox--mobile {
        display: block;
    }
}

.w23-menu__logobox__img {
    max-width: 100%;
}

.w23-menu__nav__icon {
    display: none;
    cursor: pointer;
    background-color: var(--main-color-w);
}

    .w23-menu__nav__icon::after, .w23-menu__nav__icon::before {
        background-color: var(--main-color-w);
    }

@media only screen and (max-width: 50em) {
    .w23-menu__nav__icon {
        display: inline-block;
    }
}

.w23-menu__nav__checkbox {
    display: none;
}

    .w23-menu__nav__checkbox:checked ~ .w23-menu__items {
        visibility: visible;
        opacity: 1;
        max-height: 100vh;
    }

.w23-menu____nav__button-nav {
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w23-menu____nav__button-nav {
        display: none;
    }
}

.w23-menu__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w23-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: white;
        right: 0;
        top: 11em;
        display: block;
        width: 100%;
        transition: all .2s;
        overflow-y: scroll;
        padding: 1em;
        max-height: 0;
        height: max-content;
    }
}

.w23-menu__items__item {
    padding: 1em;
    font-size: 1.6em;
    font-weight: 700;
    list-style: none;
    cursor: pointer;
    position: relative;
    max-height: 10em;
    line-height: 5em;
    text-align: center;
    white-space: nowrap;
}

.w23-menu__items__item__block {
    display: flex;
    align-items: center;
    padding: 0 .7em;
}

    .w23-menu__items__item__block span {
        max-width: 15em;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        margin-right: .5em;
    }

    .w23-menu__items__item__block i {
        float: right;
        margin-left: auto;
    }

@media only screen and (max-width: 37.5em) {
    .w23-menu__items__item__block i {
        transform: rotate(90deg);
    }
}

.w23-menu__items__item__block:hover {
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w23-menu__items__item {
        max-height: 100%;
        text-align: left;
        padding: .5em;
    }
}

.w23-menu__items__item__drop {
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    list-style: none;
    text-align: left;
    top: 7em;
    z-index: 2;
    font-size: 1em;
}

    .w23-menu__items__item__drop i {
        margin-left: auto;
        float: right;
        line-height: 5em;
    }

@media only screen and (max-width: 50em) {
    .w23-menu__items__item__drop {
        opacity: 0;
        max-height: 0;
        position: relative;
        visibility: visible;
        right: 0;
        width: 100%;
        transition: all .5s;
        top: 0;
    }
}

.w23-menu__items__item__drop__li {
    white-space: nowrap;
    min-width: 15em;
    height: 5em;
    line-height: 5em;
    text-overflow: ellipsis;
    position: relative;
    padding: 0.5em 1em;
}

    .w23-menu__items__item__drop__li:hover .w23-menu__items__item__drop--2 {
        visibility: visible;
        transition: all .5s;
        opacity: 1;
        display: block;
        max-height: 100em;
    }

@media only screen and (max-width: 50em) {
    .w23-menu__items__item__drop__li {
        padding: 0;
        padding-left: 1em;
    }
}

.w23-menu__items__item__drop--2 {
    top: -0.3em;
    left: 15em;
    position: absolute;
}

@media only screen and (max-width: 50em) {
    .w23-menu__items__item__drop--2 {
        position: relative;
        left: 0;
        max-height: 0;
    }
}

.w23-menu__items__item__drop--2:hover .w23-menu__items__item__drop--3 {
    visibility: visible;
    transition: all .5s;
    opacity: 1;
    display: block;
    max-height: 100em;
}

.w23-menu__items__item__drop--3 {
    top: -0.3em;
    left: 15em;
    position: absolute;
}

@media only screen and (max-width: 50em) {
    .w23-menu__items__item__drop--3 {
        position: relative;
        left: 0;
    }
}

.w23-menu__items__item:hover .w23-menu__items__item__drop--1 {
    visibility: visible;
    transition: all .5s;
    opacity: 1;
    max-height: 200em;
}

/*ed*/
/*w23-banner*/
.w23-banner {
    width: 100%;
    position: relative;
    background-image: url(../img/w23/bg-3e.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 1em 2em;
    padding-top: 7em;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w23-banner {
        padding-top: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w23-banner {
        padding-top: 15em;
    }
}

.w23-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    height: 85em;
}

@media only screen and (max-width: 62.5em) {
    .w23-banner__group {
        height: 90em;
    }
}

@media only screen and (max-width: 56.25em) {
    .w23-banner__group {
        height: 95em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w23-banner__group {
        flex-direction: column;
        height: max-content;
    }
}

.w23-banner__items {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w23-banner__items {
        flex-direction: column;
    }
}

.w23-banner__items__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(51, 52, 62, 0.5);
    padding: 5em 2em;
    height: max-content;
}

@media only screen and (min-width: 50em) {
    .w23-banner__items__item:not(:last-child) {
        margin-right: 3em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w23-banner__items__item:not(:last-child) {
        margin-bottom: 3em;
    }
}

.w23-banner__items__item__imgbox {
    padding: 1em;
    background-size: contain;
    background-position: center;
}

.w23-banner__items__item__imgbox__img {
    width: 100%;
}

.w23-banner__items__item__name {
    color: rgba(var(--main-color-w), 1);
    padding: 1em;
    font-size: 2.5em;
    font-weight: 300;
    line-height: 1.6em;
    text-align: center;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.w23-banner__items__item__text {
    padding: 1em;
    font-size: 1.6em;
    line-height: 1.6em;
    color: white;
    margin-top: .5em;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 8;
    overflow: hidden;
    background-image: url(/img/20-850x550.jpg);
    background-size: cover;
}

.w23-banner__items__item__btn {
    padding: 1em 2em;
    font-size: 2em;
    background-color: rgba(var(--main-color-w), 1);
    color: #e4e4e4;
    border: none;
    cursor: pointer;
    border-radius: .1em;
    margin-top: 1.5em;
}

    .w23-banner__items__item__btn:hover {
        background-color: #747474;
        transition: all .3s ease-in-out;
    }

/*ed*/
/*w23-service*/
.w23-service {
    width: 100%;
    padding: 2em 1em;
}

.w23-service__group {
    max-width: 120em;
    margin: 0 auto;
}

.w23-service__heading {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 5em;
}

    .w23-service__heading::after {
        content: "";
        position: absolute;
        background-color: rgba(var(--main-color-w), 1);
        bottom: -2em;
        width: 15em;
        height: .1em;
        left: 50%;
        transform: translateX(-50%);
    }

.w23-service__des {
    font-size: 3.5em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500;
}

.w23-service__sub {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    margin-top: 1em;
    margin-bottom: 2em;
}

.w23-service__items {
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -3%;
    width: 100%;
}

.w23-service__items__item {
    text-align: center;
    width: 15%;
    min-width: 15em;
    margin-left: 3%;
    margin-bottom: 3em;
    display: block;
}

.w23-service__items__item__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 5em;
    padding: .1em;
    text-align: center;
    background-color: #33343e;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    line-height: 2em !important;
    box-sizing: content-box;
    position: relative;
    cursor: pointer;
}

    .w23-service__items__item__icon::after {
        content: "";
        top: 50%;
        left: 50%;
        transform: translateX(-50%) translateY(-50%) scale(0.9);
        height: 110%;
        width: 110%;
        position: absolute;
        border-radius: 50%;
        box-shadow: 0 0 0.5em 0.25em rgba(216, 167, 6, 0.9);
        opacity: 0;
        background-color: transparent;
    }

@keyframes zoomIn {
    0% {
        transform: translateX(-50%) translateY(-50%) scale(1);
        opacity: 1;
    }

    100% {
        transform: translateX(-50%) translateY(-50%) scale(1.3);
        opacity: 0;
    }
}

.w23-service__items__item__icon:hover::after {
    animation: zoomIn 2s forwards;
    transition: all 2s ease-in-out;
}

.w23-service__items__item__icon:hover {
    transition: all .05s ease-in-out;
    background-color: rgba(var(--main-color-w), 1);
    transform: scale(0.9);
    color: white;
}

.w23-service__items__item__text {
    margin-top: 1em;
    font-size: 1.3em;
    line-height: 1.8em;
}

/*ed*/
/*w23-testimonial*/
.w23-testimonial {
    background-image: url(../img/w23/bg-3e.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 2em 1em;
}

.w23-testimonial__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    position: relative;
    height: 80em;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w23-testimonial__group {
        height: 90em;
    }
}

.w23-testimonial__make {
    width: 100%;
    height: 15em;
    background-color: white;
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    transform: scaleX(1.05);
    position: absolute;
    top: 0;
}

@media only screen and (max-width: 50em) {
    .w23-testimonial__make {
        height: 10em;
    }
}

.w23-testimonial__make:last-child {
    transform: rotate(180deg) scaleX(1.05);
    top: unset;
    bottom: -0.1em;
}

.w23-testimonial__heading {
    font-size: 3.5em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 3em;
}

    .w23-testimonial__heading::after {
        content: "";
        position: absolute;
        background-color: rgba(var(--main-color-w), 1);
        bottom: -1em;
        width: 15em;
        height: .1em;
        left: 50%;
        transform: translateX(-50%);
    }

@media only screen and (max-width: 50em) {
    .w23-testimonial__heading::after {
        width: 50%;
    }
}

.w23-testimonial__des {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
}

.w23-testimonial__sub {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 400;
    margin-top: 1em;
    margin-bottom: 2em;
}

/*ed*/
/*w23-video*/
.w23-video {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.w23-video__if {
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: -1;
}

.w23-video__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    height: 120em;
}

@media only screen and (max-width: 50em) {
    .w23-video__group {
        height: 70em;
    }
}

.w23-video__make {
    width: 100%;
    height: 15em;
    background-color: white;
    border-radius: 0 0 50% 50%/0 0 100% 100%;
    transform: scaleX(1.05);
    position: absolute;
    top: 0;
}

@media only screen and (max-width: 50em) {
    .w23-video__make {
        height: 10em;
    }
}

.w23-video__make:last-child {
    transform: rotate(180deg) scaleX(1.05);
    top: unset;
    bottom: -0.1em;
}

.w23-video__heading {
    font-size: 3em;
    line-height: 1.8em;
    text-align: center;
    color: white;
    display: block;
    padding: .5em;
}

/*ed*/
/*w23-ads*/
.w23-ads {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w23-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w23-ads__heading {
    font-size: 3em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 5em;
}

    .w23-ads__heading::after {
        content: "";
        position: absolute;
        background-color: rgba(var(--main-color-w), 1);
        bottom: -2em;
        width: 15em;
        height: .1em;
        left: 50%;
        transform: translateX(-50%);
    }

@media only screen and (max-width: 50em) {
    .w23-ads__heading::after {
        width: 50%;
    }
}

.w23-ads__des {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500;
}

.w23-ads__items {
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    margin-left: -1%;
    margin-top: 5em;
}

.w23-ads__items__item {
    width: 24%;
    margin-left: 1%;
    margin-bottom: 3em;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w23-ads__items__item {
        width: 49%;
    }
}

.w23-ads__items__item__imgbox {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w23-ads__items__item__imgbox__img {
    width: 100%;
}

.w23-ads__items__item__imgbox:hover .w23-ads__items__item__imgbox__bg {
    transform: rotateX(0);
    opacity: 1;
}

.w23-ads__items__item__imgbox__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: rotateX(90deg);
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .3s ease-in-out;
    opacity: 0;
}

.w23-ads__items__item__imgbox__bg__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    font-size: 2em;
    line-height: 1.8em;
    width: 100%;
    text-align: center;
    color: white;
}

.w23-ads__btn {
    padding: 1em 2em;
    font-size: 2em;
    background-color: rgba(var(--main-color-w), 1);
    color: #e4e4e4;
    border: none;
    cursor: pointer;
    border-radius: .1em;
    margin-top: 1.5em;
    display: block;
    margin: 0 auto;
    margin-top: 3em;
}

    .w23-ads__btn:hover {
        background-color: #747474;
        transition: all .3s ease-in-out;
    }

/*ed*/
/*w23-footer*/
.w23-footer {
    width: 100%;
    background-color: #1F1F1F;
    padding: 2em 1em;
    color: white;
}

.w23-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width: 50em) {
    .w23-footer__group {
        flex-direction: column;
    }
}

.w23-footer__brand {
    width: 22%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 50em) {
    .w23-footer__brand {
        width: 100%;
    }
}

.w23-footer__brand__title {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    line-height: 1.8em;
    font-weight: 600;
    padding: 1em;
}

.w23-footer__brand__des {
    margin-top: .5em;
    font-size: 1.4em;
    line-height: 1.8em;
    padding: 1em;
}

.w23-footer__brand__imgbox {
    max-width: 30em;
    max-height: 15em;
    background-size: contain;
    background-position: center;
}

.w23-footer__brand__imgbox__img {
    width: 100%;
}

.w23-footer__items {
    width: 22%;
    margin-left: 3%;
}

@media only screen and (max-width: 50em) {
    .w23-footer__items {
        width: 100%;
        margin-left: 0;
    }
}

.w23-footer__items__title {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    line-height: 1.8em;
    font-weight: 600;
    padding: 1em;
}

.w23-footer__items__info {
    font-size: 1.4em;
    display: flex;
    align-items: center;
    line-height: 1.8em;
    margin-top: .5em;
    padding: 1em;
    border-bottom: 1px solid #e7e6e6;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.w23-footer__items__info__icon {
    margin-right: .5em;
}

.w23-footer__items__info:hover {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w23-partner*/
.w23-partner {
    width: 100%;
    padding: 2em 1em;
}

.w23-partner__group {
    max-width: 120em;
    margin: 0 auto;
}

.w23-partner__heading {
    font-size: 3em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 300;
    position: relative;
    margin-bottom: 5em;
}

    .w23-partner__heading::after {
        content: "";
        position: absolute;
        background-color: rgba(var(--main-color-w), 1);
        bottom: -2em;
        width: 15em;
        height: .1em;
        left: 50%;
        transform: translateX(-50%);
    }

@media only screen and (max-width: 50em) {
    .w23-partner__heading::after {
        width: 50%;
    }
}

.w23-partner__des {
    font-size: 2.2em;
    line-height: 1.8em;
    text-align: center;
    font-weight: 500;
}

.w23-partner__items {
    display: flex;
    flex-wrap: wrap;
    justify-self: center;
    margin-top: 5em;
}

.w23-partner__items__item {
    width: 100%;
    margin-bottom: 3em;
    margin-right: 2em;
    cursor: pointer;
}

.w23-partner__items__item__imgbox {
    width: 100%;
    height: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w23-partner__items__item__imgbox__img {
    width: 100%;
}

/*ed*/
/*w23-tableoct*/
.w23-tableoct {
    width: 100%;
    padding: 2em 1em;
    background: white;
}

.w23-tableoct__group {
    max-width: 120em;
    margin: 0 auto;
    border: .2em solid black;
    border-radius: .5em;
    padding: 1em;
}

.w23-tableoct__cbcl:checked ~ .w23-tableoct__clone {
    display: block;
}

.w23-tableoct__cbcl {
    display: none;
}

.w23-tableoct__checkbox {
    display: none;
}

    .w23-tableoct__checkbox:checked ~ .w23-tableoct__body {
        max-height: 100%;
        overflow: unset;
    }

.w23-tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w23-tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1em;
    border: .1em solid black;
    padding: .2em .3em;
    border-radius: .3em;
    background-color: white;
    font-size: 2.5em;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4;
}

    .w23-tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1em solid white;
    }

.w23-tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    border-radius: .3em;
}

.w23-tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w23-tableoct__heading__title__icon {
    font-size: 2.5em;
    margin-right: .2em;
}

.w23-tableoct__heading__title__text {
    font-size: 2em;
    font-weight: 600;
}

.w23-tableoct__heading__icon {
    font-size: 1.4em;
}

.w23-tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all .2s ease-in-out;
}

.w23-tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

.w23-tableoct__body__ol {
    list-style: none;
}

.w23-tableoct__body__ol__text {
    margin-bottom: .5em;
    padding: .5em 1em .5em 3.2em;
    list-style: none;
    font-weight: 600;
    font-size: 1.3em;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
}

    .w23-tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3em;
        z-index: -1;
    }

    .w23-tableoct__body__ol__text:hover::after {
        max-width: 120em;
    }

    .w23-tableoct__body__ol__text:hover {
        color: white;
    }

.w23-tableoct__body__ol--1 {
    list-style: none;
}

.w23-tableoct__body__ol--1__text {
    margin-top: .5em;
    padding: .5em 1em .5em 3.2em;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
}

    .w23-tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3em;
        z-index: -1;
    }

    .w23-tableoct__body__ol--1__text:hover::after {
        max-width: 120em;
    }

    .w23-tableoct__body__ol--1__text:hover {
        color: white;
    }

/*ed*/
/*w23-pricingtb*/
.w23-pricingtb {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w23-pricingtb__group {
    max-width: 120em;
    margin: 0 auto;
}

.w23-pricingtb__block {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
}

@media only screen and (max-width: 31.25em) {
    .w23-pricingtb__block {
        margin-left: 0;
    }
}

.w23-pricingtb__items {
    background-color: #56E6A5;
    width: 23%;
    height: max-content;
    margin-left: 2%;
    padding: 2em;
    border-radius: 2em;
    margin-bottom: 3em;
}

@media only screen and (max-width: 62.5em) {
    .w23-pricingtb__items {
        min-width: 48%;
        width: 48%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w23-pricingtb__items {
        width: 100%;
        margin-left: 0;
    }
}

.w23-pricingtb__items:not(:first-child) {
    background-color: white;
    border: .1em solid #170A07;
}

.w23-pricingtb__items__head__main {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.8em;
}

.w23-pricingtb__items__head__sub {
    font-weight: 300;
    font-size: 1.2em;
    margin-top: .5em;
}

.w23-pricingtb__items__head__name {
    font-weight: 800;
    font-size: 2.5em;
    line-height: 1.8em;
    margin-top: 1em;
}

.w23-pricingtb__items__head__des {
    font-weight: 300;
    margin-top: .5em;
    line-height: 1.8em;
    font-size: 1.2em;
}

.w23-pricingtb__items__btn {
    background-color: #170A07;
    padding: 1em 2em;
    display: inline-block;
    margin: 0 auto;
    color: white;
    width: 100%;
    text-align: center;
    font-size: 1.3em;
    border-radius: .7em;
    margin: 1em 0;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

    .w23-pricingtb__items__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w23-pricingtb__items__body__content {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.3em;
    line-height: 1.8em;
    margin-top: 1em;
    padding: .5em;
    transition: all .3s ease-in-out;
    border-radius: .5em;
}

.w23-pricingtb__items__body__content__icon {
    margin-right: 1em;
    font-size: 1.5em;
}

.w23-pricingtb__items__body__content:hover {
    background-color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w23-pricingtb-1*/
.w23-pricingtb-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w23-pricingtb-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w23-pricingtb-1__block {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
}

@media only screen and (max-width: 31.25em) {
    .w23-pricingtb-1__block {
        margin-left: 0;
    }
}

.w23-pricingtb-1__items {
    width: 31.33333333%;
    height: max-content;
    margin-left: 2%;
    border-radius: 2em;
    overflow: hidden;
    margin-bottom: 3em;
    box-shadow: 0 0 .5em .5em #b3b3b3;
}

@media only screen and (max-width: 62.5em) {
    .w23-pricingtb-1__items {
        min-width: 48%;
        width: 48%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w23-pricingtb-1__items {
        width: 100%;
        margin-left: 0;
    }
}

.w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__head {
    background-color: #E2291C;
}

.w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__btn {
    background-color: #E2291C;
}

    .w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w23-pricingtb-1__items:nth-child(2) .w23-pricingtb-1__items__body__content__icon {
    color: #E2291C;
}

.w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__head {
    background-color: #17A2B8;
}

.w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__btn {
    background-color: #17A2B8;
}

    .w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__btn:hover {
        background-color: var(--main-color-w);
    }

.w23-pricingtb-1__items:nth-child(3) .w23-pricingtb-1__items__body__content__icon {
    color: #17A2B8;
}

.w23-pricingtb-1__items__head {
    text-align: center;
    background-color: #28A745;
    padding: 1em;
    color: white;
}

.w23-pricingtb-1__items__head__main {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.8em;
}

.w23-pricingtb-1__items__head__sub {
    font-weight: 300;
    font-size: 1.2em;
    margin-top: .5em;
}

.w23-pricingtb-1__items__head__name {
    font-weight: 800;
    font-size: 2.5em;
    line-height: 1.8em;
}

.w23-pricingtb-1__items__head__des {
    font-weight: 300;
    line-height: 1.8em;
    font-size: 1.2em;
}

@keyframes zoomIn {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.05);
    }

    0% {
        transform: scale(0.9);
    }
}

.w23-pricingtb-1__items__btn {
    background-color: #28A745;
    padding: 1em 2em;
    display: block;
    margin: 0 auto;
    color: white;
    text-align: center;
    font-size: 1.3em;
    border-radius: .7em;
    margin: 1em;
    font-weight: 800;
    transition: all .3s ease-in-out;
    cursor: pointer;
    animation: zoomIn .7s alternate-reverse infinite;
}

    .w23-pricingtb-1__items__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w23-pricingtb-1__items__body {
    padding: 1em;
    text-align: center;
}

.w23-pricingtb-1__items__body__content {
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.3em;
    line-height: 1.8em;
    margin-top: 1em;
    padding: .5em;
    transition: all .3s ease-in-out;
    border-radius: .5em;
}

.w23-pricingtb-1__items__body__content__icon {
    margin-right: 1em;
    font-size: 1.5em;
    color: #28A745;
}

.w23-pricingtb-1__items__body__content:hover {
    background-color: rgba(var(--main-color-w), 1) !important;
}

/*ed*/
/*ws-light-css*/

.w24-feature {
    width: 100%;
    z-index: 0;
    padding: 0 1em;
}

.w24-feature__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    padding: 1em;
    flex-wrap: wrap-reverse;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
}

.w24-feature__first {
    width: 50%;
    min-width: 50%;
    margin-bottom: 1em;
    background-color: #cfcfcf98;
    position: relative;
    border-radius: 2em;
    overflow: hidden;
    padding: .5em;
    height: 20em;
    margin-right: 5%;
}

@media only screen and (max-width: 75em) {
    .w24-feature__first {
        min-width: 60%;
    }
}

@media only screen and (max-width: 62.5em) {
    .w24-feature__first {
        min-width: 70%;
    }
}

@media only screen and (max-width: 50em) {
    .w24-feature__first {
        min-width: 100%;
    }
}

.w24-feature__first::after {
    content: '';
    background-image: linear-gradient(to bottom right, #ff00d0, transparent, transparent, transparent, transparent, transparent), linear-gradient(to right, #ff00ea, #00ff62, transparent, transparent, transparent, transparent, transparent, transparent, transparent);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.w24-feature__first__contain {
    background-color: white;
    height: 99%;
    bottom: 0;
    width: 50em;
    z-index: 13;
    border-radius: 2em;
    display: flex;
    position: relative;
    align-items: flex-end;
}

@media only screen and (max-width: 37.5em) {
    .w24-feature__first__contain {
        width: 95%;
    }
}

.w24-feature__first__contain__items {
    display: flex;
    align-items: flex-end;
}

.w24-feature__first__contain__items__item {
    border-top-left-radius: 1em;
    border-top-right-radius: 1em;
    width: 5em;
    margin: 1em 1em 0 0;
    text-align: center;
}

@keyframes w24featureitem1 {
    0% {
    }

    100% {
        background-color: #338BE6;
    }
}

@keyframes w24featureitem2 {
    0% {
    }

    100% {
        background-color: #F20DE3;
        height: 15em;
    }
}

@keyframes w24featureitem3 {
    0% {
    }

    100% {
        background-color: #45F288;
    }
}

.w24-feature__first__contain__items__item:nth-child(1) {
    background-color: #F20DE3;
    height: 6em;
    animation: w24featureitem1 2s infinite alternate;
}

.w24-feature__first__contain__items__item:nth-child(2) {
    background-color: #45F288;
    height: 10em;
    animation: w24featureitem2 2s infinite alternate;
}

.w24-feature__first__contain__items__item:nth-child(3) {
    height: 4em;
    background-color: #338BE6;
    animation: w24featureitem3 2s infinite alternate;
}

.w24-feature__first__contain__items__item:first-child {
    margin-left: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w24-feature__first__contain__items__item {
        margin: unset;
        margin-left: .5em;
    }

        .w24-feature__first__contain__items__item:first-child {
            margin-left: 1.5em;
        }
}

.w24-feature__first__contain__items__item__text {
    padding: .5em;
    background-color: white;
    border-radius: .9em;
    width: 90%;
    margin: .2em auto;
    font-weight: 600;
}

.w24-feature__first__contain__slider {
    background-color: #ECF0F3;
    display: block;
    top: -25%;
    box-shadow: 0 0 3.5em rgba(0, 0, 0, 0.1);
    position: relative;
    width: 50%;
}

@media only screen and (max-width: 25em) {
    .w24-feature__first__contain__slider {
        margin-left: -15%;
    }
}

.w24-feature__first__contain__slider__info {
    display: block;
    margin: 3em;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w24-feature__first__contain__slider__info {
        margin: 2em 1em;
    }
}

.w24-feature__first__contain__slider__info__bar {
    width: 100%;
    display: block;
    height: .5em;
    border-radius: .5em;
    background: linear-gradient(to right, #338BE6, #F20DE3);
}

.w24-feature__first__contain__slider__info__bar--2 {
    background: linear-gradient(to left, #338BE6, #F20DE3);
}

.w24-feature__first__contain__slider__info__circle {
    width: 2em;
    height: 2em;
    position: absolute;
    backdrop-filter: blur(0.3em);
    -webkit-backdrop-filter: blur(0.3em);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
    top: -0.75em;
    border-radius: 50%;
}

.w24-feature__first__contain__slider__info__circle--1 {
    cursor: pointer;
    left: 2em;
    animation: w24featurecir1 2s infinite alternate;
}

.w24-feature__first__contain__slider__info__circle--2 {
    cursor: pointer;
    left: 2em;
}

@keyframes w24featurecir1 {
    20% {
    }

    100% {
        transform: translate(10em, 0);
    }
}

.w24-feature__first__contain__hand {
    position: absolute;
    top: 65%;
    right: 0;
    transform: translate(50%, -50%);
    font-size: 1.5em;
    color: #338BE6;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    padding: .5em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.w24-feature__first__contain__angle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    padding: 1em;
    background-color: white;
    box-shadow: 0 0 3.5em rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.w24-feature__first__contain__angle__icon {
    font-size: 3em;
    margin: 0.1em;
}

    .w24-feature__first__contain__angle__icon:nth-child(1) {
        color: #338BE6;
    }

.w24-feature__second {
    width: 45%;
}

@media only screen and (max-width: 75em) {
    .w24-feature__second {
        width: 25%;
    }
}

@media only screen and (max-width: 50em) {
    .w24-feature__second {
        width: 100%;
        margin-top: 1em;
    }
}

.w24-feature__second__title {
    font-weight: 800;
    font-size: 3.8em;
    letter-spacing: 2px;
}

@media only screen and (max-width: 75em) {
    .w24-feature__second__title {
        font-size: 2em;
    }
}

.w24-feature__second__des {
    font-size: 1.6em;
    line-height: 1.8em;
    padding: 1em 0;
}

@media only screen and (max-width: 75em) {
    .w24-feature__second__des {
        padding: .5em 0;
    }
}

.lightschema__heading {
    padding: .5em;
}

.lightschema__heading__intro__title {
    font-weight: 600;
    font-size: 1.4em;
    display: block;
    padding: .5em 0;
}

.lightschema__heading__intro__sl {
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    font-size: 1.2rem;
    border: 1px solid rgba(var(--main-color-w), 1);
    color: black;
    cursor: pointer;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
    border-radius: .5em;
    cursor: pointer;
}

.lightschema__tool {
    display: flex;
    padding: .5em;
    border: .1em solid #eee;
    border-radius: .5em;
    margin-top: 2em;
    flex-wrap: wrap;
}

.lightschema__tool__first {
    width: 45%;
}

@media only screen and (max-width: 50em) {
    .lightschema__tool__first {
        width: 100%;
    }
}

.lightschema__tool__second {
    width: 50%;
    margin-left: 5%;
}

@media only screen and (max-width: 50em) {
    .lightschema__tool__second {
        width: 100%;
        margin-left: 0;
    }
}

.lightschema__tool__second__grbtn {
    display: flex;
    align-items: center;
}

.lightschema__tool__second__grbtn__btn {
    padding: 1em 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    display: inline-block;
    margin-top: .5em;
    cursor: pointer;
    color: white;
    font-weight: 600;
    margin-bottom: 2em;
    font-size: 1em;
    border-radius: .3em;
}

    .lightschema__tool__second__grbtn__btn:not(:last-child) {
        margin-right: 1em;
    }

.lightschema__tool__second__grbtn__btn-ad {
    background-color: orangered;
}

.lightschema__tool__second__grbtn__btn:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.lightschema__tool__second .lightschemaitem {
    background-color: #EDEFF0;
    padding: 1rem;
}

.lightschema__tool__second__gend {
    background-color: #EDEFF0;
    border-radius: .5em;
    outline: none;
    padding: .5em;
    line-height: 1.4em;
    cursor: text;
    font-size: 1.4em;
}

    .lightschema__tool__second__gend span > span {
        white-space: pre-wrap;
    }

    .lightschema__tool__second__gend div {
        position: relative;
    }

.lightschema__libra {
    width: 100%;
}

.lightschema__libra {
    display: none !important;
}

.lightschema__libra__block {
    width: 100%;
    margin-bottom: 1em;
    display: block;
    padding: .5em;
    border-radius: .5em;
    transition: all .3s ease;
}

    .lightschema__libra__block:hover {
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.lightschema__libra__block__name {
    font-size: 1em;
    padding: 1em 0 .5em 0;
    font-weight: 600;
}

.lightschema__libra__block__sl {
    padding: 1em;
    color: black;
    background: url("data:image/svg+xml,<svg height='10px' width='10px' viewBox='0 0 16 16' fill='%23000000' xmlns='http://www.w3.org/2000/svg'><path d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/></svg>") no-repeat;
    background-position: calc(100% - 0.75rem) center !important;
    -moz-appearance: none !important;
    -webkit-appearance: none !important;
    appearance: none !important;
    padding-right: 2rem !important;
    border-radius: .5em;
    cursor: pointer !important;
}

.lightschema__libra__block__btn {
    padding: 1em 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    display: block;
    margin-top: .5em;
    cursor: pointer;
    color: white;
    font-weight: 600;
    display: block;
    width: 100%;
    margin-bottom: 1em;
}

.lightschema__libra__block__btn-ad {
    background-color: orangered;
}

.lightschema__libra__block__btn:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.lightschema__libra__block__url {
    width: 100%;
    padding: .5em;
    border: .1em solid #eee;
    outline: none;
    font-size: 1em;
    margin-top: .5rem;
}

.wscus-linetyle {
    margin: 0 auto;
    max-width: 120em;
}

    .wscus-linetyle p {
        padding: .5em;
        border: .1em solid #186BC7;
        margin: .5em 0;
        border-radius: .3em;
        backface-visibility: hidden;
        transition: all .2s;
    }

        .wscus-linetyle p:hover {
            box-shadow: 0 0 .5em .5em #ececec;
            background-color: #186BC7;
            z-index: 1;
            transform: scale(1.01);
            color: white;
        }

/*ed*/

/*w24-ads-2*/
.w24-ads-2 {
    width: 100%;
    padding: 5em 1em;
    color: white;
}

.w24-ads-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width: 50em) {
    .w24-ads-2__group {
        flex-direction: column;
    }
}

.w24-ads-2__items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px;
}

.w24-ads-2__items__item {
    transform-style: preserve-3d;
    min-height: 50vh;
    width: 35em;
    padding: 0em 5em;
    box-shadow: 0 2em 2em rgba(0, 0, 0, 0.2), 0 0 5em rgba(0, 0, 0, 0.2);
}

.w24-ads-2__items__item__card {
    min-height: 25vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w24-ads-2__items__item__card__circle {
    width: 15em;
    height: 15em;
    position: absolute;
    border-radius: 50%;
    z-index: 1;
    background: linear-gradient(to right, rgba(245, 70, 66, 0.75), rgba(8, 83, 156, 0.75));
}

.w24-ads-2__items__item__card__imgbox {
    transition: all 0.75s ease-out;
    width: 20em;
    background-size: contain;
    background-position: center;
    z-index: 2;
}

.w24-ads-2__items__item__card__imgbox__img {
    height: auto !important;
}

.w24-ads-2__items__item__info__name {
    font-size: 3em;
    color: black;
    transition: all 0.75s ease-out;
}

.w24-ads-2__items__item__info__des {
    font-size: 1.3em;
    padding: 2em 0em;
    color: #585858;
    font-weight: lighter;
    transition: all 0.75s ease-out;
}

.w24-ads-2__items__item__info__btn__button {
    margin-top: 1em;
    width: 100%;
    padding: 1em 0em;
    background: #f54642;
    border: none;
    cursor: pointer;
    color: white;
    border-radius: 3em;
    transition: all 0.75s ease-out;
}
/*ed*/

/*w24-service*/
.w24-service {
    width: 100%;
    padding: 0 1em;
}

.w24-service__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w24-service__group {
        padding: 0.5em;
    }
}

.w24-service__preview {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.05);
    z-index: 20;
    display: none;
    overflow: scroll;
    left: 0;
    top: 0;
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
}

.w24-service__preview--1 {
    width: 60em;
    margin-left: calc((100% - 60em) / 2);
    height: auto;
    left: 0;
    top: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w24-service__preview--1 {
        width: 80%;
        margin-left: 10%;
        top: 1em;
    }
}

.w24-service__preview--1 img {
    border-radius: 1em;
    width: 100%;
}

.w24-service__preview__btn {
    background-color: white;
    box-shadow: 0 1.5em 2.5em rgba(0, 0, 0, 0.5);
    border-radius: 3em;
    position: sticky;
    border: none;
    width: 30em;
    outline: none;
    display: block;
    top: 1em;
    padding: 1em 2em;
    font-weight: 600;
    z-index: 2;
    justify-content: space-between;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: black;
    margin: 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w24-service__preview__btn {
        font-size: 1em;
    }
}

.w24-service__preview__btn__text {
    font-size: 2em;
    transition: all 0.3s ease-in-out;
}

    .w24-service__preview__btn__text:hover {
        letter-spacing: 2px;
    }

.w24-service__preview__btn__icon {
    padding: 0.5em 0.65em;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
    font-size: 2em;
    display: block;
    margin-left: 0.5em;
    color: white;
}

.w24-service__heading__title {
    font-size: 3em;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-weight: 800;
    padding: 0.3em;
}

.w24-service__heading__des {
    text-align: justify;
    padding: 0.5em;
    line-height: 1.8em;
    font-size: 1.6em;
    display: block;
}

.w24-service__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
    margin-top: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w24-service__items {
        margin-top: 4em;
        margin-left: 0;
    }
}

.w24-service__items__item {
    padding: 1em 1em 4em 2em;
    position: relative;
    width: 43%;
    margin-left: 6%;
    margin-bottom: 4em;
    backdrop-filter: blur(0.4em);
    -webkit-backdrop-filter: blur(0.4em);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 2em;
    border: 0.1em solid rgba(255, 255, 255, 0.25);
    border-top: 0.1em solid rgba(255, 255, 255, 0.5);
    border-left: 0.1em solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 1.5em 2.5em rgba(0, 0, 0, 0.05);
    display: block;
}

@media only screen and (max-width: 50em) {
    .w24-service__items__item {
        width: 40%;
        margin-left: 9%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w24-service__items__item {
        width: 49%;
        margin-left: 1%;
        margin-bottom: 6em;
        padding: 1em 0.5em 4em 0.5em;
    }
}

.w24-service__items__item__content {
    margin-left: 3em;
    display: block;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w24-service__items__item__content {
        margin-left: 0;
    }
}

.w24-service__items__item__content__title {
    text-align: center;
    padding: 0.5em 0;
    color: black;
    font-weight: 800;
    letter-spacing: 1px;
    font-size: 1.4em;
    line-height: 1.8em;
}

.w24-service__items__item__content__imgbox {
    width: 98%;
    border-radius: 1em;
    background-size: contain;
    background-position: center;
    backdrop-filter: blur(0.4em);
    -webkit-backdrop-filter: blur(0.4em);
    max-height: 40em;
    background-color: rgba(255, 255, 255, 0.1);
    border: 0.1em solid rgba(255, 255, 255, 0.25);
    border-top: 0.1em solid rgba(255, 255, 255, 0.5);
    border-left: 0.1em solid rgba(255, 255, 255, 0.5);
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w24-service__items__item__content__imgbox {
        width: 99%;
    }
}

.w24-service__items__item__content__imgbox--big {
    display: none;
}

.w24-service__items__item__content__imgbox__img {
    width: 100%;
}

.w24-service__items__item__btn {
    background-color: white;
    box-shadow: 0 1.5em 2.5em rgba(0, 0, 0, 0.05);
    border-radius: 3em;
    position: absolute;
    border: none;
    outline: none;
    bottom: 0;
    left: 50%;
    padding: 1em 2em;
    transform: translate(-50%, 50%);
    white-space: nowrap;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    color: black;
}

    .w24-service__items__item__btn:hover {
        letter-spacing: 2px;
    }

.w24-service__items__item__thumb {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-50%, -50%);
}

@media only screen and (max-width: 37.5em) {
    .w24-service__items__item__thumb {
        top: -1em;
        left: 50%;
        display: flex;
    }
}

.w24-service__items__item__thumb__imgbox {
    backdrop-filter: blur(0.4em);
    -webkit-backdrop-filter: blur(0.4em);
    background-color: rgba(255, 255, 255, 0.3);
    border: 0.1em solid rgba(255, 255, 255, 0.25);
    border-top: 0.1em solid rgba(255, 255, 255, 0.5);
    border-left: 0.1em solid rgba(255, 255, 255, 0.5);
    background-size: cover;
    background-position: top;
    border-radius: 1em;
    overflow: hidden;
    width: 8em;
    padding: 0.5em;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    max-height: 6em;
}

@media only screen and (min-width: 37.5em) {
    .w24-service__items__item__thumb__imgbox:not(:last-child) {
        margin-bottom: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w24-service__items__item__thumb__imgbox:not(:last-child) {
        margin-right: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w24-service__items__item__thumb__imgbox {
        width: 4em;
        border-radius: 0.5em;
        max-height: 4em;
    }
}

.w24-service__items__item__thumb__imgbox:hover {
    transform: scale(1.1);
}

.w24-service__items__item__thumb__imgbox__img {
    width: 100%;
    border-radius: 1em;
}

/*ed*/
/*w25-product*/
.w25-product {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w25-product__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.1);
}

    .w25-product__button:hover {
        background-color: white;
        color: black;
    }

.w25-product__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w25-product__button__icon {
    font-size: 2em;
}

.w25-product__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w25-product__group {
    margin: 0 auto;
    max-width: 120em;
    position: relative;
}

.w25-product__title {
    display: inline-block;
    text-align: center;
}

    .w25-product__title a {
        display: inline-block;
        font-size: 2em;
        padding: .5em;
    }

.w25-product__items__tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-left: -2em;
}

.w25-product__items__tab__text {
    padding: .5em 0;
    font-size: 1.5em;
    font-weight: 600;
    color: #495057;
    cursor: pointer;
    margin-left: 2em;
    margin-bottom: .5em;
}

.w25-product__items__tab .active {
    border-bottom: 2px solid rgba(var(--main-color-w), 1);
}

.w25-product__items__item {
    display: flex;
}

.w25-product__items__item__card {
    padding: 2em 0;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w25-product__items__item__card {
        width: auto;
    }
}

.w25-product__items__item__card__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

.w25-product__items__item__card__imgbox__img {
    width: 100%;
}

.w25-product__items__item__card__content {
    text-align: center;
    margin: 0 auto;
}

.w25-product__items__item__card__content__name {
    font-weight: 800;
    font-size: 2em;
    padding: .5em;
}

.w25-product__items__item__card__content__des {
    font-weight: 800;
    font-size: 1.7em;
    color: #acacac;
    margin-top: .5em;
}

.w25-product__items__item__card__content__preprice {
    font-weight: 600;
    font-size: 1.7em;
    padding: .5em;
}

.w25-product__items__item__card__content__mainprice {
    font-weight: 600;
    font-size: 1.7em;
    padding: .5em;
    text-decoration: line-through;
}

.w25-product__items__item__card__content__downprice {
    font-weight: 600;
    font-size: 1.7em;
    padding: .5em;
}

.w25-product__items__item__card__content__feature {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
}

.w25-product__items__item__card__content__feature__info {
    display: flex;
    align-items: center;
}

    .w25-product__items__item__card__content__feature__info:not(:last-child) {
        margin-right: 3em;
    }

.w25-product__items__item__card__content__feature__info__icon {
    padding: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1.5em;
}

.w25-product__items__item__card__content__feature__info__vl {
    font-size: 1.3em;
    font-weight: 800;
}

.w25-product__btn {
    padding: .7em 2.5em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    margin-left: auto;
    float: right;
    border-radius: 2em;
    color: white;
    font-weight: 600;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    transition: all .2s ease;
    transform: translateY(-3em);
    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.2);
    z-index: 1;
    position: relative;
}

    .w25-product__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w25-product__btn {
        margin: 0 auto;
        float: unset;
        display: block;
        transform: unset;
    }
}

.sidef1 .big {
    z-index: 2;
}

    .sidef1 .big .w25-product__items__item__card__content {
        margin-top: 2em;
        transition: all .2s ease;
        opacity: 1;
    }

    .sidef1 .big figure {
        transform: scale(1.5);
        opacity: 1;
        transition: all .2s ease;
    }

@media only screen and (max-width: 37.5em) {
    .sidef1 .big figure {
        transform: none;
    }
}

.sidef1 .medium {
    z-index: 1;
    opacity: .5;
}

    .sidef1 .medium figure {
        transform: scale(1);
        opacity: 0.9;
        transition: all .2s ease;
    }

@media only screen and (max-width: 37.5em) {
    .sidef1 .medium figure {
        transform: none;
    }
}

.sidef1 .medium .w25-product__items__item__card__content {
    opacity: 0;
}

.sidef1 figure {
    transform: scale(0.8);
    opacity: 0.7;
    transition: all .2s ease;
}

@media only screen and (max-width: 37.5em) {
    .sidef1 figure {
        transform: none;
    }
}

.sidef1 .owl-height {
    height: auto !important;
}

.sidef1 .owl-stage {
    display: flex;
    align-items: center;
    height: 60em;
}

@media only screen and (max-width: 37.5em) {
    .sidef1 .owl-stage {
        left: unset;
    }
}

/*ed*/
/*w25-ads*/
.w25-ads {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w25-ads__group {
    margin: 0 auto;
    max-width: 120em;
}

.w25-ads__title {
    display: inline-block;
    text-align: center;
}

    .w25-ads__title a {
        display: block;
        font-size: 2em;
        padding: .5em;
        width: fit-content;
        margin: 0 auto;
    }

.w25-ads__items {
    position: relative;
}

    .w25-ads__items .owl-dots {
        margin-top: -2em !important;
        position: absolute;
        width: 100%;
    }

        .w25-ads__items .owl-dots .active span {
            background: rgba(var(--main-color-w), 1) !important;
        }

.w25-ads__items__item {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .w25-ads__items__item:hover .w25-ads__items__item__bg--1 {
        left: -100%;
    }

.w25-ads__items__item__bg {
    background-color: black;
    height: 100%;
    width: 100%;
    opacity: 0.15;
    position: absolute;
    left: 0;
    z-index: 0;
    transition: all .5s ease-in-out;
}

.w25-ads__items__item__bg--1 {
    background-color: black;
    height: 100%;
    width: 100%;
    opacity: 0.5;
    z-index: 2;
    position: absolute;
    left: 0;
    transition: all .5s ease-in-out;
}

.w25-ads__items__item__imgbox {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w25-ads__items__item__imgbox__img {
    width: 100%;
}

.w25-ads__items__item__content {
    position: absolute;
    bottom: 0;
    color: white;
    padding: 2.5em;
    width: calc(100% - 5em);
    z-index: 3;
}

.w25-ads__items__item__content__name {
    font-size: 2em;
    margin-bottom: 1em;
    font-weight: 600;
}

.w25-ads__items__item__content__des {
    font-size: 1.5em;
    margin-bottom: 1em;
    font-weight: 600;
}

.w25-ads__items__item__content__action {
    font-size: 1.5em;
    margin-left: auto;
    display: inline-block;
    float: right;
}

.w25-ads__items__item__content__action__text {
    font-weight: 600;
    margin-right: .5em;
}

.w25-ads__items__item__content__action__icon {
    border-radius: 50%;
    border: 1px solid white;
    padding: 1em;
}

/*ed*/
/*w25-ads-2*/
.w25-ads-2 {
    width: 100%;
}

.w25-ads-2__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
}

.w25-ads-2__content {
    height: 100%;
}

.w25-ads-2__content__items {
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w25-ads-2__content__items {
        flex-wrap: wrap;
    }
}

.w25-ads-2__content__items::after {
    content: "";
    width: 40%;
    transform: skewX(-10deg);
    height: 100%;
    position: absolute;
    left: 4%;
    display: block;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w25-ads-2__content__items::after {
        display: none;
    }
}

.w25-ads-2__content__items__imgbox {
    position: relative;
    display: block;
    width: 60%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w25-ads-2__content__items__imgbox {
        width: 100%;
        margin-top: 1em;
    }
}

.w25-ads-2__content__items__imgbox__img {
    width: 100%;
}

.w25-ads-2__content__items__item {
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: black;
    width: 40%;
    height: 100%;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w25-ads-2__content__items__item {
        width: 100%;
    }
}

.w25-ads-2__content__items__item__name {
    font-size: 2.5em;
    position: relative;
    padding: .5em 0;
    display: inline-block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-2__content__items__item__name {
        font-size: 2em;
    }
}

.w25-ads-2__content__items__item__name::after {
    content: "";
    width: 50%;
    height: .1em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.w25-ads-2__content__items__item__sub {
    font-size: 1.5em;
    line-height: 1.6em;
    margin-top: 1em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-2__content__items__item__sub {
        font-size: 1.3em;
    }
}

/*ed*/

/*w25-ads-4*/
.w25-ads-4 {
    width: 100%;
    background-color: black;
    padding: 2em 1em;
}

.w25-ads-4__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-ads-4__content {
    width: 30%;
    padding: 2em 0;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-4__content {
        width: 100%;
        padding: 0;
    }
}

.w25-ads-4__content__block {
    position: relative;
}

.w25-ads-4__content__thumbs {
    margin-top: 5em;
    overflow: hidden;
    max-height: 50em;
    padding-bottom: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-4__content__thumbs {
        padding-bottom: 0;
        margin-top: 0.5em;
    }
}

.w25-ads-4__content__thumbs__thongtin {
    cursor: pointer;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-4__content__thumbs__thongtin {
        max-width: 100%;
    }
}

.w25-ads-4__content__thumbs__thongtin__imgbox {
    height: 100%;
    margin: 0 auto;
    max-width: 50%;
    background-size: contain;
    background-position: center;
}

.w25-ads-4__content__thumbs__thongtin__imgbox__img {
    width: 100%;
}

.w25-ads-4__content__thumbs__thongtin__mota {
    margin: 0 auto;
    display: inline-block;
    padding: 0.5em;
    color: white;
}

.w25-ads-4__content__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: white;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-4__content__info {
        padding: 0;
    }
}

.w25-ads-4__content__info__name {
    font-size: 2.5em;
    position: relative;
    padding: 0.5em 0;
    display: inline-block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-4__content__info__name {
        font-size: 2em;
    }
}

.w25-ads-4__content__info__name::after {
    content: "";
    width: 50%;
    height: 0.1em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.w25-ads-4__content__info__sub {
    font-size: 1.5em;
    line-height: 1.6em;
    margin-top: 1em;
    display: inline-block;
    text-align: justify;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-4__content__info__sub {
        font-size: 1.3em;
    }
}

.w25-ads-4__slider {
    width: 65%;
    margin-left: 5%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-4__slider {
        display: none;
    }
}

.w25-ads-4__slider__imgbox {
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w25-ads-4__slider__imgbox__img {
    width: 100%;
}

.w25-ads-4 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w25-ads-4 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w25-ads-4 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w25-ads-4 .swiper-button-next {
    color: white;
}

@media only screen and (min-width: 37.5em) {
    .w25-ads-4 .swiper-button-next {
        top: -3em !important;
        left: 50% !important;
        transform: translateX(-50%) rotate(-90deg);
    }
}

.w25-ads-4 .swiper-button-prev {
    color: white;
}

@media only screen and (min-width: 37.5em) {
    .w25-ads-4 .swiper-button-prev {
        top: initial !important;
        left: 50% !important;
        bottom: -3em;
        transform: translateX(-50%) rotate(-90deg);
    }
}

/*ed*/
/*w25-ads-5*/
.w25-ads-5 {
    width: 100%;
    background-color: black;
    padding: 2em 1em;
}

.w25-ads-5__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap;
}

.w25-ads-5__content {
    width: 30%;
    padding: 2em 0;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-5__content {
        width: 100%;
        padding: 0;
    }
}

.w25-ads-5__content__block {
    position: relative;
}

.w25-ads-5__content__thumbs {
    margin-top: 5em;
    overflow: hidden;
    max-height: 50em;
    padding-bottom: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-5__content__thumbs {
        padding-bottom: 0;
        margin-top: 0.5em;
    }
}

.w25-ads-5__content__thumbs__thongtin {
    cursor: pointer;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-5__content__thumbs__thongtin {
        max-width: 100%;
    }
}

.w25-ads-5__content__thumbs__thongtin__imgbox {
    max-height: 100%;
    margin: 0 auto;
    max-width: 50%;
    background-size: contain;
    background-position: center;
}

.w25-ads-5__content__thumbs__thongtin__imgbox__img {
    width: 100%;
}

.w25-ads-5__content__thumbs__thongtin__mota {
    margin: 0 auto;
    display: inline-block;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
    margin-top: 0.5em;
}

.w25-ads-5__content__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: white;
    padding: 1em;
    text-align: right;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-5__content__info {
        padding: 0;
    }
}

.w25-ads-5__content__info__name {
    font-size: 2.5em;
    position: relative;
    padding: 0.5em 0;
    display: inline-block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-5__content__info__name {
        font-size: 2em;
    }
}

.w25-ads-5__content__info__name::after {
    content: "";
    width: 50%;
    height: 0.1em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    right: 0;
}

.w25-ads-5__content__info__sub {
    font-size: 1.5em;
    line-height: 1.6em;
    margin-top: 1em;
    display: inline-block;
    text-align: justify;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-5__content__info__sub {
        font-size: 1.3em;
    }
}

.w25-ads-5__slider {
    width: 69%;
    margin-right: 1%;
    overflow: hidden;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w25-ads-5__slider {
        display: none;
    }
}

.w25-ads-5__slider__imgbox {
    background-size: contain;
    background-position: center;
}

.w25-ads-5__slider__imgbox__img {
    width: 100%;
}

.w25-ads-5 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w25-ads-5 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w25-ads-5 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w25-ads-5 .swiper-button-next {
    color: white;
}

@media only screen and (min-width: 37.5em) {
    .w25-ads-5 .swiper-button-next {
        top: -3em !important;
        left: 50% !important;
        transform: translateX(-50%) rotate(-90deg);
    }
}

.w25-ads-5 .swiper-button-prev {
    color: white;
}

@media only screen and (min-width: 37.5em) {
    .w25-ads-5 .swiper-button-prev {
        top: initial !important;
        left: 50% !important;
        bottom: -3em;
        transform: translateX(-50%) rotate(-90deg);
    }
}

/*ed*/
/*w25-ads-7*/
.w25-ads-7 {
    width: 100%;
    border-bottom: solid 2px #e5e5e5;
    border-top: solid 2px #e5e5e5;
}

.w25-ads-7__group {
    max-width: 120em;
    margin: 0 auto;
}

.w25-ads-7__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .w25-ads-7__items .active {
        color: rgba(var(--main-color-w), 1);
    }

        .w25-ads-7__items .active::after {
            max-width: 130%;
        }

.w25-ads-7__items__item {
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
    padding: 1em .5em;
    position: relative;
}

    .w25-ads-7__items__item:hover::after {
        max-width: 130%;
    }

    .w25-ads-7__items__item::after {
        content: "";
        transition: all .3s ease-in-out;
        width: 130%;
        max-width: 0;
        height: 4px;
        background-color: rgba(var(--main-color-w), 1);
        position: absolute;
        bottom: -4px;
        left: -15%;
        right: 0;
        margin: 0 auto;
    }

/*ed*/
/*w25-article*/
.w25-article {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w25-article__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.1);
}

    .w25-article__button:hover {
        background-color: white;
        color: black;
    }

.w25-article__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w25-article__button__icon {
    font-size: 2em;
}

.w25-article__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w25-article__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w25-article__title {
    display: inline-block;
    text-align: center;
}

    .w25-article__title a {
        display: inline-block;
        font-size: 2em;
        padding: .5em;
    }

.w25-article__items__item {
    cursor: pointer;
}

.w25-article__items__item__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

.w25-article__items__item__imgbox__img {
    width: 100%;
}

.w25-article__items__item__content {
    margin-top: 2em;
    display: flex;
    border-bottom: .4em solid #eeee;
    padding-bottom: 2em;
    position: relative;
}

    .w25-article__items__item__content::after {
        background-color: rgba(var(--main-color-w), 1);
        position: absolute;
        bottom: -0.4em;
        height: .4em;
        width: 10em;
        display: block;
        left: 0;
        content: "";
    }

.w25-article__items__item__content__time {
    color: rgba(var(--main-color-w), 1);
    min-width: 10em;
}

.w25-article__items__item__content__time__date {
    font-size: 2.5em;
    font-weight: 600;
}

.w25-article__items__item__content__time__year {
    font-size: 2em;
    font-weight: 600;
    margin-top: 1em;
    display: block;
}

.w25-article__items__item__content__info__name {
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.6em;
}

.w25-article__items__item__content__info__des {
    margin-top: 1em;
    font-size: 1.2em;
    line-height: 1.6em;
}

.sidef2 .big {
    z-index: 2;
    transition: all .2s ease;
}

    .sidef2 .big .w25-article__items__item__block {
        transform: scale(1);
        opacity: 1;
        transition: all .2s ease;
    }

@media only screen and (max-width: 37.5em) {
    .sidef2 .big .w25-article__items__item__block {
        transform: none;
    }
}

.sidef2 .medium {
    z-index: 1;
    opacity: .5;
    transition: all .2s ease;
}

    .sidef2 .medium .w25-article__items__item__block {
        transform: scale(0.8);
        opacity: 0.9;
        transition: all .2s ease;
    }

@media only screen and (max-width: 37.5em) {
    .sidef2 .medium .w25-article__items__item__block {
        transform: none;
    }
}

.sidef2 .medium .w25-product__items__item__card__content {
    opacity: 0;
}

.sidef2 .w25-article__items__item__block {
    transform: scale(0.8);
    opacity: 0.7;
    transition: all .2s ease;
}

@media only screen and (max-width: 37.5em) {
    .sidef2 .w25-article__items__item__block {
        transform: none;
    }
}

.sidef2 .owl-height {
    height: auto !important;
}

.sidef2 .owl-stage {
    display: flex;
    align-items: center;
    height: 60em;
}

@media only screen and (max-width: 37.5em) {
    .sidef2 .owl-stage {
        left: unset;
    }
}

/*ed*/
/*w25-map*/
.w25-map {
    width: 100%;
    padding: 2em 1em;
}

.w25-map__group {
    max-width: 120em;
    margin: 0 auto;
}

.w25-map__wrap {
    display: flex;
    flex-wrap: wrap;
}

.w25-map__wrap__first {
    width: 40%;
    min-width: 40%;
    padding: 1em;
    max-height: 50em;
    overflow: scroll;
}

@media only screen and (max-width: 37.5em) {
    .w25-map__wrap__first {
        width: 100%;
    }
}

.w25-map__wrap__first__items {
    padding: 2em;
    margin-top: 1em;
}

    .w25-map__wrap__first__items:not(:last-child) {
        border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    }

    .w25-map__wrap__first__items:hover {
        border: 0.1em solid rgba(var(--main-color-w), 1);
        cursor: pointer;
    }

.w25-map__wrap__first__items__content__name {
    display: flex;
    align-items: center;
}

.w25-map__wrap__first__items__content__name__imgbox {
    max-width: 7em;
    width: 7em;
    background-size: contain;
    background-position: center;
}

.w25-map__wrap__first__items__content__name__imgbox__img {
    width: 100%;
}

.w25-map__wrap__first__items__content__name__text {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 1.4em;
}

.w25-map__wrap__first__items__content__des {
    display: block;
    text-align: justify;
    line-height: 1.6em;
    color: #b1b1b1;
    font-size: 1.5em;
    margin-left: 4.6em;
    margin-top: .5em;
}

@media only screen and (max-width: 37.5em) {
    .w25-map__wrap__first__items__content__des {
        margin-left: 0;
    }
}

.w25-map__wrap__first__items__info {
    display: flex;
    margin-left: -3em;
    margin-top: 2em;
}

.w25-map__wrap__first__items__info__item {
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    margin-left: 3em;
}

.w25-map__wrap__first__items__info__item__icon {
    margin-right: 0.5em;
}

.w25-map__wrap__first__items__info__item__text {
    line-height: 1.6em;
    font-size: 1.5em;
}

.w25-map__wrap__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w25-map__wrap__second {
        width: 100%;
    }
}

.w25-map__wrap__second__head {
    width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-map__wrap__second__head {
        flex-wrap: wrap;
    }
}

.w25-map__wrap__second__head__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    margin: 1em 1em 0 1em;
    border-bottom: 1px solid #cecece;
    width: 40%;
}

@media only screen and (max-width: 37.5em) {
    .w25-map__wrap__second__head__vung {
        width: 100%;
    }
}

.w25-map__wrap__second__head__vung__checkbox {
    display: none;
}

    .w25-map__wrap__second__head__vung__checkbox:checked ~ .w25-map__wrap__second__head__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w25-map__wrap__second__head__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w25-map__wrap__second__head__vung__ad__icon {
    margin-left: 0.5em;
}

.w25-map__wrap__second__head__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w25-map__wrap__second__head__vung__items .active {
        font-weight: 800;
    }

.w25-map__wrap__second__head__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w25-map__wrap__second__head__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w25-map__wrap__second__head__vung__items__item:hover {
        background-color: #eee;
    }

@media only screen and (max-width: 37.5em) {
    .w25-map__wrap__second__head__btn {
        margin: 0 auto;
    }
}

.w25-map__wrap__second__head__btn__icon {
    display: block;
    align-items: center;
    padding: 0.5em 2em;
    font-weight: 600;
    max-width: 10em;
    border-radius: 2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.5em;
    margin-left: auto;
    position: relative;
    margin: 0.5em 1em 0 1em;
}

    .w25-map__wrap__second__head__btn__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w25-map__wrap__second__content {
    margin-top: 1em;
    padding: 1em;
}

/*ed*/
/*w25-footer*/
.w25-footer {
    width: 100%;
    background-color: #222222;
    padding: 3em 1em;
    color: white;
}

.w25-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width: 50em) {
    .w25-footer__group {
        flex-direction: column;
    }
}

.w25-footer__brand {
    width: 22%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 50em) {
    .w25-footer__brand {
        width: 100%;
    }
}

.w25-footer__brand__title {
    color: white;
    font-size: 1.4em;
    line-height: 1.8em;
    font-weight: 600;
    margin-top: 1em;
    text-align: justify;
}

.w25-footer__brand__des {
    font-size: 1.3em;
    line-height: 1.8em;
    margin-top: 1em;
    color: #919191;
    text-align: justify;
}

.w25-footer__brand__imgbox {
    max-width: 30em;
    max-height: 15em;
    background-size: contain;
    background-position: center;
}

.w25-footer__brand__imgbox__img {
    width: 100%;
}

.w25-footer__items {
    width: 22%;
    margin-left: 3%;
}

@media only screen and (max-width: 50em) {
    .w25-footer__items {
        width: 100%;
        margin-left: 0;
    }
}

.w25-footer__items__title {
    color: white;
    font-size: 1.4em;
    line-height: 1.8em;
    font-weight: 600;
    margin-top: 1em;
}

.w25-footer__items__info {
    font-size: 1.3em;
    display: flex;
    align-items: center;
    line-height: 1.8em;
    margin-top: .5em;
    cursor: pointer;
    transition: all .2s ease-in-out;
    color: #919191;
}

.w25-footer__items__info__icon {
    margin-right: .5em;
}

.w25-footer__items__info:hover {
    color: white;
}

.w25-footer__items__social {
    border-bottom: .1em solid white;
    text-align: center;
}

.w25-footer__items__social__icon {
    font-size: 2em;
    padding: 1em;
    cursor: pointer;
}

    .w25-footer__items__social__icon:not(:last-child) {
        margin-right: 1em;
    }

.w25-footer__items__app__block {
    display: flex;
    justify-content: space-between;
}

.w25-footer__items__app__main {
    max-width: 30%;
    margin-right: 10%;
}

.w25-footer__items__app__main__imgbox {
    margin-top: 1em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w25-footer__items__app__main__imgbox__img {
    width: 100%;
}

.w25-footer__items__app__sub {
    width: 60%;
}

.w25-footer__items__app__sub__imgbox {
    cursor: pointer;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
}

.w25-footer__items__app__sub__imgbox__img {
    width: 100%;
}

/*ed*/
/*w25-productlist*/
.w25-productlist {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w25-productlist__group {
    margin: 0 auto;
    max-width: 120em;
    position: relative;
}

.w25-productlist__title {
    display: inline-block;
}

    .w25-productlist__title a {
        display: inline-block;
        font-size: 2em;
        padding: 0.5em;
    }

.w25-productlist__items__item {
    display: flex;
    margin-left: -3.333333333%;
    flex-wrap: wrap;
    cursor: pointer;
}

.w25-productlist__items__item__card {
    padding: 1em 0;
    display: inline-block;
    width: 30%;
    margin-left: 3.333333333%;
    position: relative;
    transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 50em) {
    .w25-productlist__items__item__card {
        width: 45%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w25-productlist__items__item__card {
        width: auto;
    }
}

.w25-productlist__items__item__card:hover::after {
    animation: w25-productlist__items__item__card-bg 2s ease;
}

.w25-productlist__items__item__card::after {
    content: "";
    background-color: white;
    height: 100%;
    position: absolute;
    transform: scale(0);
    width: 100%;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
}

@keyframes w25-productlist__items__item__card-bg {
    0% {
        transform: scale(0);
    }

    50% {
        transform: scale(1);
        opacity: 0.1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
        visibility: hidden;
    }
}

.w25-productlist__items__item__card__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

.w25-productlist__items__item__card__imgbox__img {
    width: 100%;
}

.w25-productlist__items__item__card__content {
    text-align: center;
    margin: 0 auto;
}

.w25-productlist__items__item__card__content__name {
    font-weight: 800;
    font-size: 1.6em;
    padding: 0.5em;
}

.w25-productlist__items__item__card__content__des {
    font-weight: 800;
    font-size: 1.3em;
    color: #acacac;
    margin-top: .5em;
}

.w25-productlist__items__item__card__content__preprice {
    font-weight: 800;
    font-size: 1.3em;
    padding: 0.5em;
}

.w25-productlist__items__item__card__content__mainprice {
    font-weight: 600;
    font-size: 1.7em;
    padding: 0.5em;
    text-decoration: line-through;
}

.w25-productlist__items__item__card__content__downprice {
    font-weight: 800;
    font-size: 1.7em;
    padding: 0.5em;
}

.w25-productlist__items__item__card__content__feature {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
}

.w25-productlist__items__item__card__content__feature__info {
    display: inline-flex;
    align-items: center;
    position: relative;
    transition: all 0.3s ease-in-out;
}

    .w25-productlist__items__item__card__content__feature__info:not(:last-child) {
        margin-right: 0.5em;
    }

.w25-productlist__items__item__card__content__feature__info__icon {
    padding: 1em;
    transition: all 0.3s ease-in-out;
}

.w25-productlist__items__item__card__content__feature__info__vl {
    font-size: 1.3em;
    font-weight: 600;
}

.w25-productlist__items__item__card__content__feature__info:hover {
    color: rgba(var(--main-color-w), 1);
}

    .w25-productlist__items__item__card__content__feature__info:hover .w25-productlist__items__item__card__content__feature__info__icon {
        margin-left: 0.5em;
    }

    .w25-productlist__items__item__card__content__feature__info:hover::after {
        max-width: 100%;
    }

.w25-productlist__items__item__card__content__feature__info::after {
    content: "";
    background-color: rgba(var(--main-color-w), 1);
    height: 1.5px;
    position: absolute;
    width: 100%;
    transition: all 0.3s ease-in-out;
    max-width: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.w25-productlist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w25-productlist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w25-productlist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w25-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
}

.w25-productlist__paging__pre__text {
    font-size: 1.2em;
}

.w25-productlist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w25-productdetail*/
.w25-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w25-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w25-productdetail__tab {
    padding: 1em;
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__tab {
        flex-wrap: wrap;
    }
}

.w25-productdetail__tab__items {
    width: 70%;
    display: flex;
    justify-content: space-around;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__tab__items {
        width: 100%;
        flex-wrap: wrap;
    }
}

.w25-productdetail__tab__items .active {
    color: rgba(var(--main-color-w), 1);
}

    .w25-productdetail__tab__items .active::after {
        max-width: 120%;
    }

.w25-productdetail__tab__items__text {
    font-size: 1.4em;
    font-weight: 600;
    color: #999999;
    line-height: 1.6em;
    position: relative;
    cursor: pointer;
    display: block;
    margin-right: 1em;
    margin-bottom: 0.5em;
    padding: 0.5em;
}

    .w25-productdetail__tab__items__text:hover::after {
        max-width: 120%;
    }

    .w25-productdetail__tab__items__text::after {
        content: "";
        background-color: rgba(var(--main-color-w), 1);
        height: 3px;
        position: absolute;
        width: 120%;
        transition: all 0.3s ease-in-out;
        max-width: 0;
        bottom: 0em;
        left: -10%;
        margin: 0 auto;
        right: 0;
    }

.w25-productdetail__tab__btn {
    display: flex;
    align-items: center;
    padding: 0.5em 2em;
    border-radius: 2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__tab__btn {
        margin: 0 auto;
    }
}

.w25-productdetail__tab__btn:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
}

.w25-productdetail__tab__btn__text {
    margin-right: 0.5em;
    font-weight: 600;
}

.w25-productdetail__content {
    display: flex;
    border-top: 2px solid #eee;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content {
        flex-wrap: wrap;
    }
}

.w25-productdetail__content__first {
    width: 65%;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content__first {
        width: 100%;
    }
}

.w25-productdetail__content__first__mota {
    margin-top: 2em;
}

.w25-productdetail__content__first__mota--1 {
    margin-top: 0.5em;
    margin-left: 0.5em;
    color: #1f1f1f;
    font-size: 1.2em;
    display: block;
    font-weight: 600;
}

.w25-productdetail__content__first__slider {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content__first__slider {
        margin-bottom: 5em;
    }
}

.w25-productdetail__content__first__slider__contain {
    overflow: hidden;
    position: relative;
}

.w25-productdetail__content__first__slider__contain__imgbox {
    background-size: contain;
    background-position: center;
}

.w25-productdetail__content__first__slider__contain__imgbox__img {
    width: 100%;
}

.w25-productdetail__content__first__slider__mau {
    position: absolute;
    bottom: -5em;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    display: block;
    font-weight: 600;
}

.w25-productdetail__content__first__slider__mau__text {
    display: block;
}

.w25-productdetail__content__first__card__xe {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content__first__card__xe {
        flex-wrap: wrap-reverse;
    }
}

.w25-productdetail__content__first__card__xe__action {
    min-width: 45%;
    margin-right: 3%;
    margin-top: 1em;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content__first__card__xe__action {
        width: 100%;
        margin-right: 0;
    }
}

.w25-productdetail__content__first__card__xe__action__text {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
}

.w25-productdetail__content__first__card__xe__action__price {
    color: rgba(var(--main-color-w), 1);
    display: block;
    font-size: 2em;
    font-weight: 600;
    margin-top: 0.5em;
}

.w25-productdetail__content__first__card__xe__action__grbtn {
    display: flex;
    margin-top: 2em;
}

.w25-productdetail__content__first__card__xe__action__grbtn__btn {
    padding: 0.5em 1em;
    border-radius: 2em;
    font-size: 1.4em;
    color: white;
    text-align: center;
    font-weight: 600;
    line-height: 1.6em;
    border: 0.1em solid currentColor;
    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.212);
    background-color: #c1c1c1;
    cursor: pointer;
}

    .w25-productdetail__content__first__card__xe__action__grbtn__btn:not(:last-child) {
        margin-right: 0.5em;
        background-color: rgba(var(--main-color-w), 1);
    }

    .w25-productdetail__content__first__card__xe__action__grbtn__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w25-productdetail__content__first__card__xe__figure {
    margin-top: 1em;
    min-width: 40%;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content__first__card__xe__figure {
        width: 100%;
    }
}

.w25-productdetail__content__first__card__phukien {
    padding: 1em;
}

.w25-productdetail__content__first__card__phukien__name {
    font-size: 1.4em;
}

.w25-productdetail__content__first__card__phukien__chon {
    margin-top: 1em;
}

.w25-productdetail__content__first__card__phukien__chon__tien {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

    .w25-productdetail__content__first__card__phukien__chon__tien input[type="radio"]:checked + label {
        font-weight: 600;
    }

.w25-productdetail__content__first__card__phukien__chon__tien__rd {
    margin-right: 1em;
    cursor: pointer;
    width: 2em;
    height: 2em;
}

.w25-productdetail__content__first__card__phukien__chon__tien__text {
    font-size: 1.4em;
    cursor: pointer;
}

.w25-productdetail__content__first__card__phukien__chon__vay__form {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

@media only screen and (max-width: 37.5em) {
    .w25-productdetail__content__first__card__phukien__chon__vay__form {
        margin-left: 0;
    }
}

.w25-productdetail__content__first__card__phukien__chon__vay__form__muc {
    width: 47%;
    margin-left: 1%;
    margin-top: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w25-productdetail__content__first__card__phukien__chon__vay__form__muc {
        width: 100%;
        margin-left: 0;
    }
}

.w25-productdetail__content__first__card__phukien__chon__vay__form__muc__text {
    font-weight: 700;
    font-size: 1.4em;
    margin-left: 1.5em;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__form__muc__text span {
        color: red;
    }

.w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh {
    padding: 1em 2em;
    position: relative;
    border-radius: 2em;
    margin-top: 1em;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    background-color: #f2f5f6;
}

.w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__checkbox {
    display: none;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__checkbox:checked ~ .w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 1em;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__items .active {
        font-weight: 800;
    }

.w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w25-productdetail__content__first__card__phukien__chon__vay__form__muc__nh__items__item:hover {
        background-color: #eee;
    }

.w25-productdetail__content__first__card__phukien__chon__vay__cal {
    margin-top: 5em;
    display: block;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__name {
    font-size: 1.4em;
    margin: 1.5em;
    display: block;
    font-weight: 700;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__cal__name span {
        color: red;
    }

.w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan {
    display: flex;
    background-color: #f2f5f6;
    padding: 2em;
    border-radius: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan {
        flex-wrap: wrap;
    }
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong {
    width: 25%;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong {
        width: 50%;
        border-right: 2px solid #c1c1c1;
    }
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong:not(:last-child) {
    border-right: 2px solid #c1c1c1;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong:last-child .w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong__text {
    color: red;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong:first-child .w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong__text {
    color: red;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong__name {
    font-size: 1.4em;
    margin: 1em;
    display: block;
    line-height: 1.6em;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong__name:last-child {
        font-weight: 700;
    }

.w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong__text {
    font-size: 1.4em;
    margin: 1em;
    display: block;
    line-height: 1.6em;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__cal__thanhtoan__tong__text:last-child {
        font-weight: 700;
    }

.w25-productdetail__content__first__card__phukien__chon__vay__cal__des {
    font-size: 1.4em;
    margin: 1em;
    display: block;
    line-height: 1.6em;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__sub {
    font-size: 1.4em;
    margin: 1em;
    display: block;
    line-height: 1.6em;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__xct {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__xct__text {
    font-size: 1.6em;
    margin: 1em;
    display: block;
    line-height: 1.6em;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__checkboxchitiet:checked ~ .w25-productdetail__content__first__card__phukien__chon__vay__cal__chitiet {
    display: block;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__checkboxchitiet {
    display: none;
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__chitiet {
    display: none;
}

@media only screen and (max-width: 37.5em) {
    .w25-productdetail__content__first__card__phukien__chon__vay__cal__chitiet {
        max-width: 60em;
        overflow: scroll;
    }
}

.w25-productdetail__content__first__card__phukien__chon__vay__cal__chitiet__tbl {
    font-family: arial, sans-serif;
    border-collapse: separate;
    width: 100%;
    border: 1px solid #eee;
    border-radius: 1em;
}

    .w25-productdetail__content__first__card__phukien__chon__vay__cal__chitiet__tbl td {
        text-align: left;
        padding: 1em;
        text-align: center;
    }

    .w25-productdetail__content__first__card__phukien__chon__vay__cal__chitiet__tbl th {
        text-align: left;
        padding: 1em;
        text-align: center;
    }

    .w25-productdetail__content__first__card__phukien__chon__vay__cal__chitiet__tbl tr:nth-child(even) {
        background-color: #cecece;
    }

.w25-productdetail__content__first__card__btn {
    display: inline-block;
    align-items: center;
    padding: 0.5em 2em;
    font-weight: 600;
    border-radius: 2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-right: 0.5em;
    margin-left: auto;
    float: right;
}

    .w25-productdetail__content__first__card__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w25-productdetail__content__first__gui {
    padding: 1em;
}

.w25-productdetail__content__first__gui__name {
    margin-top: 1em;
    display: block;
    font-size: 1.5em;
    line-height: 1.6em;
}

.w25-productdetail__content__first__gui__name__dl {
    color: red;
    font-weight: 600;
}

.w25-productdetail__content__first__gui__head__hvt {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

    .w25-productdetail__content__first__gui__head__hvt span {
        color: red;
    }

.w25-productdetail__content__first__gui__head__hvt__text {
    font-size: 1.5em;
    min-width: 10em;
    font-weight: 600;
}

.w25-productdetail__content__first__gui__head__hvt__in {
    padding: 0.5em;
    width: 100%;
    font-size: 1.5em;
    border-radius: 2em;
    border: 1px solid #cecece;
    outline: none;
}

.w25-productdetail__content__first__gui__head__hvt__intext {
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 1em;
    outline: none;
    padding: 1em;
}

.w25-productdetail__content__first__gui__uudai {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w25-productdetail__content__first__gui__uudai__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    margin: 1em 1em 0 1em;
    border-bottom: 1px solid #cecece;
    max-width: 70%;
}

.w25-productdetail__content__first__gui__uudai__vung__checkbox {
    display: none;
}

    .w25-productdetail__content__first__gui__uudai__vung__checkbox:checked ~ .w25-productdetail__content__first__gui__uudai__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w25-productdetail__content__first__gui__uudai__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w25-productdetail__content__first__gui__uudai__vung__ad__icon {
    margin-left: .5em;
}

.w25-productdetail__content__first__gui__uudai__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w25-productdetail__content__first__gui__uudai__vung__items .active {
        font-weight: 800;
    }

.w25-productdetail__content__first__gui__uudai__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w25-productdetail__content__first__gui__uudai__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w25-productdetail__content__first__gui__uudai__vung__items__item:hover {
        background-color: #eee;
    }

.w25-productdetail__content__first__gui__uudai__btn {
    padding: 0.5em 1em;
    border-radius: 2em;
    font-size: 1.4em;
    color: white;
    text-align: center;
    font-weight: 600;
    line-height: 1.6em;
    border: 0.1em solid currentColor;
    box-shadow: 0 0.5em 0.5em rgba(0, 0, 0, 0.212);
    background-color: #c1c1c1;
    cursor: pointer;
}

    .w25-productdetail__content__first__gui__uudai__btn:not(:last-child) {
        margin-right: 0.5em;
        background-color: rgba(var(--main-color-w), 1);
    }

    .w25-productdetail__content__first__gui__uudai__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w25-productdetail__content__first__gui__checkbox:checked ~ .w25-productdetail__content__first__gui__ds {
    display: block;
}

.w25-productdetail__content__first__gui__checkbox {
    display: none;
}

.w25-productdetail__content__first__gui__ds {
    display: none;
    border-top: 1px solid #cecece;
    margin-top: 1em;
    max-height: 50em;
    overflow: scroll;
}

.w25-productdetail__content__first__gui__ds__items {
    margin-top: 2em;
    padding: 1em;
    transition: all .2s ease;
    cursor: pointer;
}

    .w25-productdetail__content__first__gui__ds__items:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

        .w25-productdetail__content__first__gui__ds__items:hover .w25-productdetail__content__first__gui__ds__items__name {
            color: white;
        }

        .w25-productdetail__content__first__gui__ds__items:hover .w25-productdetail__content__first__gui__ds__items__des {
            color: white;
        }

.w25-productdetail__content__first__gui__ds__items__name {
    font-weight: 800;
    font-size: 1.5em;
    color: rgba(var(--main-color-w), 1);
}

.w25-productdetail__content__first__gui__ds__items__des {
    color: #999999;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.6em;
    margin-left: 2em;
    margin-top: .5em;
}

.w25-productdetail__content__first__gui__btn {
    display: inline-block;
    align-items: center;
    padding: 0.5em 2em;
    font-weight: 600;
    border-radius: 2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-right: 0.5em;
    font-size: 1.5em;
    margin-left: auto;
    float: right;
}

    .w25-productdetail__content__first__gui__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w25-productdetail__content__second {
    width: 35%;
    border-left: 2px solid #eee;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content__second {
        width: 100%;
    }
}

.w25-productdetail__content__second__tab {
    background-color: #eeeeee;
    padding: 0.5em 1em;
    display: flex;
    justify-content: space-around;
    border-radius: 1em;
}

    .w25-productdetail__content__second__tab .active {
        color: black;
        background-color: white;
    }

.w25-productdetail__content__second__tab__text {
    padding: 0.5em;
    border-radius: 1em;
    color: #999999;
    font-weight: 600;
    font-size: 1.3em;
    cursor: pointer;
}

    .w25-productdetail__content__second__tab__text:hover {
        color: black;
        background-color: white;
    }

.w25-productdetail__content__second__list {
    padding: 1em;
    max-height: 100vh;
    overflow: scroll;
}

@media only screen and (max-width: 50em) {
    .w25-productdetail__content__second__list {
        overflow: auto;
        max-height: unset;
    }
}

.w25-productdetail__content__second__list__items {
    display: block;
}

.w25-productdetail__content__second__list__items__imgbox {
    margin-top: 2em;
    background-size: contain;
    background-position: center;
}

.w25-productdetail__content__second__list__items__imgbox__img {
    width: 100%;
}

.w25-productdetail__content__second__list__items__cate {
    color: #999999;
    font-size: 1.4em;
}

.w25-productdetail__content__second__list__items .active {
    border-bottom: 2px solid rgba(var(--main-color-w), 1);
}

.w25-productdetail__content__second__list__items__item {
    padding: 1em 0;
    margin-top: 1em;
    position: relative;
    cursor: pointer;
}

.w25-productdetail__content__second__list__items__item__name {
    font-weight: 700;
    font-size: 1.6em;
}

.w25-productdetail__content__second__list__items__item__price {
    font-weight: 700;
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
    margin-top: 0.5em;
}

.w25-productdetail__content__second__list__items__item:hover::after {
    max-width: 100%;
}

.w25-productdetail__content__second__list__items__item::after {
    content: "";
    background-color: rgba(var(--main-color-w), 1);
    height: 1.5px;
    position: absolute;
    width: 100%;
    transition: all 0.3s ease-in-out;
    max-width: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    right: 0;
}

.w25-productdetail__content__second__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    margin: 1em 1em 0 1em;
    border-bottom: 1px solid #cecece;
}

.w25-productdetail__content__second__vung__checkbox {
    display: none;
}

    .w25-productdetail__content__second__vung__checkbox:checked ~ .w25-productdetail__content__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w25-productdetail__content__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w25-productdetail__content__second__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w25-productdetail__content__second__vung__items .active {
        font-weight: 800;
    }

.w25-productdetail__content__second__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w25-productdetail__content__second__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w25-productdetail__content__second__vung__items__item:hover {
        background-color: #eee;
    }

.w25-productdetail__content__second__ten {
    margin: 0em 1em;
    border-bottom: 1px solid #cecece;
    padding: 1em 0;
}

.w25-productdetail__content__second__ten__text {
    font-size: 1.4em;
    margin-top: 0.5em;
    line-height: 1.6em;
}

.w25-productdetail__content__second__dutoan:not(:last-child) {
    border-bottom: 1px solid #cecece;
}

.w25-productdetail__content__second__dutoan__checkbox-1:checked ~ .w25-productdetail__content__second__dutoan__items {
    max-height: 50em;
    visibility: visible;
}

.w25-productdetail__content__second__dutoan__checkbox-1 {
    display: none;
}

.w25-productdetail__content__second__dutoan__ad {
    margin-top: 0.5em;
    line-height: 1.6em;
    margin: 1em;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w25-productdetail__content__second__dutoan__ad--last {
    display: block;
}

.w25-productdetail__content__second__dutoan__ad__vl {
    font-size: 1.4em;
    font-weight: 600;
}

.w25-productdetail__content__second__dutoan__ad__price {
    font-size: 1.4em;
    margin-left: auto;
    font-weight: 600;
    padding: 0.5em;
}

.w25-productdetail__content__second__dutoan__ad__price--main {
    color: rgba(var(--main-color-w), 1);
}

.w25-productdetail__content__second__dutoan__ad__total {
    font-size: 1.6em;
    margin-left: auto;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    display: block;
    padding: 0.5em 0;
}

.w25-productdetail__content__second__dutoan__items {
    background-color: #f2f5f6;
    max-height: 0;
    transition: all 0.2s ease;
    visibility: hidden;
    overflow: hidden;
}

.w25-productdetail__content__second__dutoan__items__item {
    display: flex;
    align-items: center;
    padding: 1em;
}

.w25-productdetail__content__second__dutoan__items__item__phi {
    font-size: 1.4em;
    line-height: 1.6em;
}

.w25-productdetail__content__second__dutoan__items__item__gia {
    margin-left: auto;
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.6em;
    padding: 0em 0.5em;
}

.w25-productdetail .swiper-pagination {
    position: relative;
    margin-top: 2em;
    display: block;
}

.w25-productdetail .swiper-pagination-bullet {
    border-radius: 0;
    height: 1em;
    width: 1em;
    border-radius: 50%;
    text-align: center;
    color: #000;
    opacity: 1;
    background: rgba(0, 0, 0, 0.2);
    position: relative;
}

    .w25-productdetail .swiper-pagination-bullet:not(:last-child) {
        margin-right: 1em !important;
    }

    .w25-productdetail .swiper-pagination-bullet::after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #eee;
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 0;
        transform: scale(1.5);
    }

.w25-productdetail .swiper-pagination-bullet-active {
    color: #fff;
    background: #007aff;
}

/*ed*/
/*w25-bloglist*/
.w25-bloglist {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w25-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w25-bloglist__title {
    display: inline-block;
    text-align: center;
}

    .w25-bloglist__title a {
        display: inline-block;
        font-size: 2em;
        padding: .5em;
    }

.w25-bloglist__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w25-bloglist__items__item {
    cursor: pointer;
    width: 32%;
    margin-left: 1%;
    margin-bottom: 2em;
}

.w25-bloglist__items__item__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

.w25-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w25-bloglist__items__item__content {
    margin-top: 2em;
    display: flex;
    border-bottom: .4em solid #eeee;
    padding-bottom: 2em;
    position: relative;
}

    .w25-bloglist__items__item__content::after {
        background-color: rgba(var(--main-color-w), 1);
        position: absolute;
        bottom: -0.4em;
        height: .4em;
        width: 10em;
        display: block;
        left: 0;
        content: "";
    }

.w25-bloglist__items__item__content__time {
    color: rgba(var(--main-color-w), 1);
    min-width: 10em;
}

.w25-bloglist__items__item__content__time__date {
    font-size: 2.5em;
    font-weight: 600;
}

.w25-bloglist__items__item__content__time__year {
    font-size: 2em;
    font-weight: 600;
    margin-top: 1em;
    display: block;
}

.w25-bloglist__items__item__content__info__name {
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.6em;
}

.w25-bloglist__items__item__content__info__des {
    margin-top: 1em;
    font-size: 1.2em;
    line-height: 1.6em;
}

.w25-bloglist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w25-bloglist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w25-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w25-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
}

.w25-bloglist__paging__pre__text {
    font-size: 1.2em;
}

.w25-bloglist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

.sidef2 .big {
    z-index: 2;
    transition: all .2s ease;
}

    .sidef2 .big .w25-article__items__item__block {
        transform: scale(1);
        opacity: 1;
        transition: all .2s ease;
    }

@media only screen and (max-width: 37.5em) {
    .sidef2 .big .w25-article__items__item__block {
        transform: none;
    }
}

.sidef2 .medium {
    z-index: 1;
    opacity: .5;
    transition: all .2s ease;
}

    .sidef2 .medium .w25-article__items__item__block {
        transform: scale(0.8);
        opacity: 0.9;
        transition: all .2s ease;
    }

@media only screen and (max-width: 37.5em) {
    .sidef2 .medium .w25-article__items__item__block {
        transform: none;
    }
}

.sidef2 .medium .w25-product__items__item__card__content {
    opacity: 0;
}

.sidef2 .w25-article__items__item__block {
    transform: scale(0.8);
    opacity: 0.7;
    transition: all .2s ease;
}

@media only screen and (max-width: 37.5em) {
    .sidef2 .w25-article__items__item__block {
        transform: none;
    }
}

.sidef2 .owl-height {
    height: auto !important;
}

.sidef2 .owl-stage {
    display: flex;
    align-items: center;
    height: 60em;
}

@media only screen and (max-width: 37.5em) {
    .sidef2 .owl-stage {
        left: unset;
    }
}

/*ed*/
/*w25-banner*/
.w25-banner {
    width: 100%;
}

.w25-banner__button {
    border: .1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.473);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all .2s;
    transform: translateY(-50%);
}

    .w25-banner__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w25-banner__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w25-banner__button__icon {
    font-size: 2em;
}

.w25-banner__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w25-banner__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
}

    .w25-banner__group .owl-dots {
        margin-top: -2em !important;
        position: absolute;
        width: 100%;
    }

.w25-banner__content__items {
    position: relative;
    display: block;
}

.w25-banner__content__items__imgbox {
    position: relative;
    display: block;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w25-banner__content__items__imgbox {
        min-height: 25em;
    }
}

.w25-banner__content__items__imgbox__img {
    width: 100%;
}

.w25-banner__content__items__item {
    position: absolute;
    bottom: 10%;
    z-index: 1;
    display: flex;
    flex-direction: column;
    left: 10%;
    color: white;
}

.w25-banner__content__items__item__name {
    font-size: 2.5em;
    position: relative;
    padding: .5em 0;
    display: inline-block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner__content__items__item__name {
        font-size: 2em;
    }
}

.w25-banner__content__items__item__name::after {
    content: "";
    width: 50%;
    height: .1em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    left: 0;
}

.w25-banner__content__items__item__des {
    font-size: 3.5em;
    font-weight: 800;
    margin-top: .5em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner__content__items__item__des {
        font-size: 2.5em;
    }
}

.w25-banner__content__items__item__sub {
    font-size: 1.5em;
    font-weight: 600;
    margin-top: .5em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner__content__items__item__sub {
        font-size: 1.3em;
    }
}

.w25-banner__content__items__item__price {
    font-weight: 600;
    font-size: 1.5em;
    margin-top: .2em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner__content__items__item__price {
        font-size: 1.3em;
    }
}

/*ed*/

/*w25-menu*/
.w25-menu {
    width: 100%;
    display: block;
    z-index: 4;
    background-color: white;
    position: relative;
}

.w25-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important;
}

@media only screen and (max-width: 37.5em) {
    .w25-menu__ab {
        background-color: white;
        color: black;
    }
}

.w25-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w25-menu__scroll-menu figure {
        border-radius: .4em;
    }

.w25-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w25-menu__group {
        flex-direction: row-reverse;
        justify-content: unset;
    }
}

.w25-menu__logobox {
    text-align: center;
    height: 5em;
    max-height: 1.8em;
    margin-left: 2em;
    margin-right: 2em;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.w25-menu__logobox--mobile {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w25-menu__logobox {
        max-width: 30em;
    }

    .w25-menu__logobox--desk {
        display: none;
    }

    .w25-menu__logobox--mobile {
        display: block;
        margin-right: auto;
    }
}

.w25-menu__logobox__img {
    max-width: 100%;
}

.w25-menu__nav__icon {
    display: none;
    cursor: pointer;
    background-color: white;
}

    .w25-menu__nav__icon::after, .w25-menu__nav__icon::before {
        background-color: white;
    }

@media only screen and (max-width: 50em) {
    .w25-menu__nav__icon {
        display: inline-block;
    }
}

.w25-menu__nav__checkbox {
    display: none;
}

    .w25-menu__nav__checkbox:checked ~ .w25-menu__items {
        visibility: visible;
        opacity: 1;
        max-height: 100vh;
        height: 100vh;
    }

.w25-menu__nav__button-nav {
    background-color: rgba(var(--main-color-w), 1);
    height: 3.5em;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w25-menu__nav__button-nav {
        display: none;
    }
}

.w25-menu__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w25-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: rgba(var(--main-color-w), 1);
        right: 0;
        top: 4em;
        display: block;
        width: 100%;
        transition: all .2s;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 1em;
        max-height: 0;
        height: max-content;
    }
}

.w25-menu__items__item {
    padding: .5em;
    font-size: 1.4em;
    font-weight: 700;
    list-style: none;
    cursor: pointer;
    position: relative;
    max-height: 10em;
    line-height: 3em;
    text-align: center;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item {
        color: white;
    }
}

.w25-menu__items__item__block {
    display: flex;
    align-items: center;
    padding: 0 .7em;
}

    .w25-menu__items__item__block span {
        max-width: 15em;
        text-overflow: ellipsis;
        overflow: hidden;
        display: inline-block;
        margin-right: .5em;
    }

    .w25-menu__items__item__block i {
        float: right;
        margin-left: auto;
    }

@media only screen and (max-width: 37.5em) {
    .w25-menu__items__item__block i {
        transform: rotate(90deg);
    }
}

@media only screen and (min-width: 50em) {
    .w25-menu__items__item__block:hover {
        color: rgba(var(--main-color-w), 1);
    }
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item {
        max-height: 100%;
        text-align: left;
        padding: .5em;
    }
}

.w25-menu__items__item__drop {
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    list-style: none;
    text-align: left;
    top: 4em;
    z-index: 2;
    font-size: 1em;
    border-bottom: .1em solid white;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);
}

    .w25-menu__items__item__drop i {
        margin-left: auto;
        float: right;
        line-height: 5em;
    }

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__drop {
        opacity: 0;
        max-height: 0;
        position: relative;
        visibility: visible;
        right: 0;
        width: 100%;
        transition: all .5s;
        top: 0;
        background-color: rgba(var(--main-color-w), 1);
        border-top: .3em solid white;
    }
}

.w25-menu__items__item__drop__li {
    white-space: nowrap;
    min-width: 15em;
    height: 5em;
    line-height: 5em;
    text-overflow: ellipsis;
    position: relative;
    padding: 0.5em 1em;
}

    .w25-menu__items__item__drop__li:hover .w25-menu__items__item__drop--2 {
        visibility: visible;
        transition: all .5s;
        opacity: 1;
        display: block;
        max-height: 100em;
    }

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__drop__li {
        padding: 0;
        padding-left: 1em;
        color: white;
    }
}

.w25-menu__items__item__drop--2 {
    top: -0.3em;
    left: 15em;
    position: absolute;
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__drop--2 {
        position: relative;
        left: 0;
        max-height: 0;
    }
}

.w25-menu__items__item__drop--2:hover .w25-menu__items__item__drop--3 {
    visibility: visible;
    transition: all .5s;
    opacity: 1;
    display: block;
    max-height: 100em;
}

.w25-menu__items__item__drop--3 {
    top: -0.3em;
    left: 15em;
    position: absolute;
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__drop--3 {
        position: relative;
        left: 0;
    }
}

.w25-menu__items__item__tim {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__tim {
        position: initial;
    }
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__tim--desk {
        display: none;
    }
}

@media only screen and (min-width: 50em) {
    .w25-menu__items__item__tim--mobile {
        display: none;
    }
}

.w25-menu__items__item__tim:hover .w25-menu__items__item__search {
    visibility: visible;
    opacity: 1;
    top: 2em;
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__tim:hover .w25-menu__items__item__search {
        top: 4em;
    }
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__icon {
        max-height: 100%;
        text-align: left;
        padding: .5em;
        font-size: 1.5em;
    }
}

.w25-menu__items__item__search {
    position: absolute;
    top: 4em;
    width: 25em;
    text-align: left;
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease;
    right: 0;
}

@media only screen and (max-width: 50em) {
    .w25-menu__items__item__search {
        width: 100%;
    }
}

.w25-menu__items__item__search__text {
    white-space: nowrap;
    padding: 1em 1em 0 1em;
    font-weight: 800;
}

.w25-menu__items__item__search__box {
    padding: 0 1em 1em 1em;
    padding-top: 0;
    display: flex;
    align-items: center;
    margin-top: .5em;
}

.w25-menu__items__item__search__box__input {
    width: 100%;
    padding: .5em;
    border: .1em solid #eeee;
    outline: none;
}

.w25-menu__items__item__search__box__button {
    padding: .5em;
    border: .1em solid #eeee;
    background-color: var(--main-color-w);
    color: white;
    margin-left: 1em;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s ease;
    white-space: nowrap;
}

    .w25-menu__items__item__search__box__button:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w25-menu__items__item:hover .w25-menu__items__item__drop--1 {
    visibility: visible;
    transition: all .5s;
    opacity: 1;
    max-height: 200em;
}

/*ed*/
/*w25-form*/
.w25-form {
    width: 100%;
    background-color: white;
    padding: 1em;
}

.w25-form__group {
    max-width: 120em;
    margin: 0 auto;
}

.w25-form__gui {
    padding: 1em;
}

.w25-form__gui__name {
    font-weight: 600;
    text-align: center;
    display: block;
    font-size: 1.6em;
    margin-bottom: 2em;
}

.w25-form__gui__content__thongtin {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w25-form__gui__content__thongtin {
        flex-wrap: wrap;
    }
}

.w25-form__gui__content__thongtin__text {
    font-size: 1.5em;
    min-width: 8em;
    font-weight: 600;
}

.w25-form__gui__content__thongtin__hvt {
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w25-form__gui__content__thongtin__hvt {
        margin-top: 0.5em;
    }
}

.w25-form__gui__content__thongtin__hvt span {
    color: red;
}

.w25-form__gui__content__thongtin__hvt__in {
    padding: 0.5em;
    width: 49%;
    font-size: 1.5em;
    border-radius: 2em;
    border: 1px solid #cecece;
    outline: none;
}

    .w25-form__gui__content__thongtin__hvt__in:last-child {
        margin-left: 1%;
    }

.w25-form__gui__content__thongtin__hvt__intext {
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 1em;
    outline: none;
    padding: 1em;
}

.w25-form__gui__content__thongtin__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w25-form__gui__content__thongtin__vung__checkbox {
    display: none;
}

    .w25-form__gui__content__thongtin__vung__checkbox:checked ~ .w25-form__gui__content__thongtin__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w25-form__gui__content__thongtin__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w25-form__gui__content__thongtin__vung__ad__icon {
    margin-left: 0.5em;
}

.w25-form__gui__content__thongtin__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w25-form__gui__content__thongtin__vung__items .active {
        font-weight: 800;
    }

.w25-form__gui__content__thongtin__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w25-form__gui__content__thongtin__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w25-form__gui__content__thongtin__vung__items__item:hover {
        background-color: #eee;
    }

.w25-form__gui__btn {
    display: block;
    align-items: center;
    padding: 0.5em 2em;
    font-weight: 600;
    max-width: 10em;
    border-radius: 2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-right: 0.5em;
    font-size: 1.5em;
    margin-top: 2em;
    margin-left: auto;
    position: relative;
}

    .w25-form__gui__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/

/*w25-banner-1*/
.w25-banner-1 {
    width: 100%;
    background-color: white;
    padding: 0 1em 1em 1em;
}

.w25-banner-1__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-banner-1__slider {
    width: 100%;
    overflow: hidden;
}

    .w25-banner-1__slider .swiper-pagination {
        text-align: left;
        padding-left: 10%;
        margin-bottom: 2%;
    }

    .w25-banner-1__slider .swiper-pagination-bullet {
        background-color: white;
        width: 2em;
        border-radius: .5em;
    }

    .w25-banner-1__slider .swiper-pagination-bullet-active {
        width: 4em;
    }

.w25-banner-1__slider__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-1__slider__main {
        flex-wrap: wrap;
    }
}

.w25-banner-1__slider__main__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-1__slider__main__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w25-banner-1__slider__main__imgbox__img {
    width: 100%;
}

.w25-banner-1__slider__main__info {
    text-align: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: white;
    width: 100%;
    padding: 1em;
    position: absolute;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-1__slider__main__info {
        width: 100%;
    }
}

.w25-banner-1__slider__main__info__name {
    font-size: 4em;
    position: relative;
    display: inline-block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-1__slider__main__info__name {
        font-size: 2em;
    }
}

.w25-banner-1__slider__main__info__sub {
    font-size: 2em;
    line-height: 1.6em;
    margin-top: 1em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-1__slider__main__info__sub {
        font-size: 1.3em;
    }
}

.w25-banner-1 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w25-banner-1 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w25-banner-1 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w25-banner-1 .swiper-button-next {
    color: white;
}

.w25-banner-1 .swiper-button-prev {
    color: white;
}

/*ed*/
/*w25-banner-2*/
.w25-banner-2 {
    width: 100%;
    background-color: white;
    padding: 0 1em 1em 1em;
}

.w25-banner-2__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-banner-2__slider {
    width: 100%;
    overflow: hidden;
}

.w25-banner-2__slider__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-2__slider__main {
        flex-wrap: wrap;
    }
}

.w25-banner-2__slider__main__title {
    position: absolute;
    z-index: 2;
    font-size: 3em;
    margin: 0 auto;
    color: white;
    top: 10%;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    font-weight: 600;
}

.w25-banner-2__slider__main__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-2__slider__main__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w25-banner-2__slider__main__imgbox__img {
    width: 100%;
}

.w25-banner-2__slider__main__info {
    text-align: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: white;
    width: 100%;
    padding: 1em;
    position: absolute;
    justify-content: center;
    text-align: center;
    width: 40%;
    bottom: 5%;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-2__slider__main__info {
        width: 100%;
    }
}

.w25-banner-2__slider__main__info__name {
    font-size: 4em;
    position: relative;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-2__slider__main__info__name {
        font-size: 2em;
    }
}

.w25-banner-2__slider__main__info__sub {
    font-size: 2em;
    line-height: 1.6em;
    margin-top: 1em;
    display: block;
}

@media only screen and (max-width: 37.5em) {
    .w25-banner-2__slider__main__info__sub {
        font-size: 1.3em;
    }
}

.w25-banner-2__slider__main__info__grbtn {
    display: inline-flex;
    align-items: center;
    font-weight: 600;
    font-size: 2em;
    margin: 1em auto;
}

.w25-banner-2__slider__main__info__grbtn__text {
    margin: 0.2em;
    text-decoration: underline;
}

.w25-banner-2 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w25-banner-2 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w25-banner-2 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w25-banner-2 .swiper-button-next {
    color: black;
}

.w25-banner-2 .swiper-button-prev {
    color: black;
}

/*ed*/
/*w25-product-1*/
.w25-product-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #fff;
}

.w25-product-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w25-product-1__heading__name {
    font-size: 3em;
    font-weight: 600;
    text-align: center;
    display: block;
    margin-bottom: 0.5em;
}

.w25-product-1__heading__des {
    text-align: center;
    display: block;
    font-size: 2.5em;
}

.w25-product-1__items {
    flex-wrap: wrap;
    overflow: hidden;
    margin-left: -1%;
}

    .w25-product-1__items .swiper-pagination {
        position: relative;
        margin-top: 3em;
        display: block;
    }

    .w25-product-1__items .swiper-pagination-bullet {
        height: 1em;
        width: 1em;
        border: 0.3em solid #dfdfdf;
    }

    .w25-product-1__items .swiper-pagination-bullet-active {
        transform: scale(1.2);
    }

.w25-product-1__items__item {
    width: calc(32.33333333333% - 3em) !important;
    box-shadow: 0 0 1em rgba(139, 139, 139, 0.404);
    padding: 1em;
    margin-left: 1%;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w25-product-1__items__item {
        width: calc(49% - 2em) !important;
    }
}

.w25-product-1__items__item__gt {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    padding-bottom: 0.5em;
}

.w25-product-1__items__item__gt__text {
    font-size: 1.6em;
}

.w25-product-1__items__item__imgbox {
    margin-bottom: 1em;
    display: block;
    width: 100%;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

.w25-product-1__items__item__imgbox__img {
    width: 100%;
}

.w25-product-1__items__item__thongso {
    display: flex;
    align-items: center;
    margin-top: 1em;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w25-product-1__items__item__thongso {
        flex-wrap: wrap;
    }
}

.w25-product-1__items__item__thongso__chitiet {
    width: 31%;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-product-1__items__item__thongso__chitiet {
        width: 100%;
    }
}

.w25-product-1__items__item__thongso__chitiet__text {
    font-size: 1.3em;
}

.w25-product-1__items__item__thongso__chitiet__icon {
    margin: 0 auto;
    font-size: 2em;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.w25-product-1__items__item__content {
    margin-top: 2em;
    display: block;
}

.w25-product-1__items__item__content__head {
    padding-bottom: 0.5em;
    font-size: 1.6em;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

.w25-product-1__items__item__content__list__vl {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w25-product-1__items__item__content__list__vl__icon {
    margin-right: 1em;
    font-size: 0.5em;
}

.w25-product-1__items__item__content__list__vl__text {
    font-size: 1.3em;
    text-align: justify;
    line-height: 1.6em;
}

.w25-product-1__items__item__content__action {
    display: block;
    text-align: center;
    margin-top: 1em;
}

.w25-product-1__items__item__content__action__text {
    font-size: 1.6em;
}

.w25-product-1__items__item__content__action__mainprice {
    font-size: 1.6em;
    text-decoration: line-through;
    margin-top: 0.5em;
}

.w25-product-1__items__item__content__action__downprice {
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 0.5em;
}

.w25-product-1__items__item__content__action__btn {
    margin-top: 0.5em;
    padding: 0.5em 2em;
    font-weight: 600;
    font-size: 1.6em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: none;
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 0.1em solid white;
}

    .w25-product-1__items__item__content__action__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
        border: 0.1em solid white;
        box-shadow: 0 0 1em rgba(139, 139, 139, 0.404);
        text-shadow: 0 0 1em rgba(95, 95, 95, 0.13);
    }

/*ed*/
/*w25-feature-1*/
.w25-feature-1 {
    width: 100%;
    background-color: white;
    padding: 0 1em 1em 1em;
}

.w25-feature-1__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-feature-1__slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w25-feature-1__slider__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-1__slider__main {
        flex-wrap: wrap;
    }
}

.w25-feature-1__slider__main__title {
    position: absolute;
    z-index: 2;
    font-size: 3em;
    margin: 0 auto;
    color: white;
    top: 10%;
    left: 0;
    right: 0;
    display: inline-block;
    text-align: center;
    font-weight: 600;
}

.w25-feature-1__slider__main__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-1__slider__main__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w25-feature-1__slider__main__imgbox__img {
    width: 100%;
}

.w25-feature-1__slider__main__info {
    text-align: center;
    z-index: 1;
    display: inline-flex;
    flex-direction: column;
    color: black;
    width: 100%;
    padding: 1em;
    position: absolute;
    justify-content: center;
    text-align: center;
    width: 40%;
    left: 5%;
    background-color: white;
    opacity: .8;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-1__slider__main__info {
        width: 80%;
        margin: 0 auto;
        left: 0;
        right: 0;
        text-align: center;
    }
}

.w25-feature-1__slider__main__info__name {
    font-size: 2em;
    position: relative;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-1__slider__main__info__name {
        font-size: 2em;
    }
}

.w25-feature-1__slider__main__info__sub {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 1em;
    display: block;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-1__slider__main__info__sub {
        font-size: 1.3em;
    }
}

.w25-feature-1__slider .gallery-thumbs {
    position: relative;
}

    .w25-feature-1__slider .gallery-thumbs .swiper-slide-thumb-active .w25-feature-1__slider__pre__box__cir {
        transform: scale(1.5);
        transition: all .2s ease;
    }

.w25-feature-1__slider__pre {
    position: absolute !important;
    bottom: 1em;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 80% !important;
    z-index: 1;
    display: flex;
    justify-content: center;
    height: max-content !important;
    transition: all .2s ease;
}

.w25-feature-1__slider__pre__box {
    cursor: pointer;
    width: 20% !important;
}

    .w25-feature-1__slider__pre__box::after {
        content: "";
        width: 100%;
        position: absolute;
        height: 0.2em;
        background-color: white;
        top: 1em;
    }

    .w25-feature-1__slider__pre__box:last-child::after {
        display: none;
    }

.w25-feature-1__slider__pre__box__cir {
    height: 2em;
    width: 2em;
    background-color: white;
    border-radius: 50%;
    display: inline-block;
}

.w25-feature-1__slider__pre__box__text {
    color: white;
    font-weight: 600;
    margin-top: 1em;
    font-size: 1.2em;
}

.w25-feature-1__slider .swiper-pagination {
    display: inline-flex;
    margin: 0 auto;
    right: 0;
    width: 60% !important;
    justify-content: space-between;
}

    .w25-feature-1__slider .swiper-pagination::before {
        content: "";
        width: 100%;
        position: absolute;
        height: 0.2em;
        background-color: white;
        top: 50%;
    }

.w25-feature-1__slider .swiper-pagination-bullet {
    border-radius: 0;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    text-align: center;
    color: #000;
    opacity: 1;
    background: white;
    bottom: 0;
    margin: 0 !important;
    transition: all 0.2s ease;
}

.w25-feature-1__slider .swiper-pagination-bullet-active {
    transform: scale(1.5);
}

/*ed*/
/*w25-feature-2*/
.w25-feature-2 {
    width: 100%;
    background-color: white;
    padding: 0 1em 1em 1em;
}

.w25-feature-2__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-feature-2__slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w25-feature-2__slider__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-2__slider__main {
        flex-wrap: wrap;
    }
}

.w25-feature-2__slider__main__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-2__slider__main__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w25-feature-2__slider__main__imgbox__img {
    width: 100%;
}

.w25-feature-2__slider__main__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: black;
    top: 5%;
    width: 50%;
    padding: 1em;
    position: absolute;
    justify-content: center;
    left: 1em;
    opacity: 0.8;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-2__slider__main__info {
        width: 100%;
    }
}

.w25-feature-2__slider__main__info__name {
    font-size: 3.5em;
    position: relative;
    display: block;
    font-weight: bolder;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-2__slider__main__info__name {
        font-size: 2em;
    }
}

.w25-feature-2__slider__main__info__sub {
    font-size: 3em;
    line-height: 1.6em;
    margin-top: .5em;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-2__slider__main__info__sub {
        font-size: 1.3em;
    }
}

.w25-feature-2__slider__mau {
    margin-top: 2em;
    display: block;
    text-align: center;
}

.w25-feature-2__slider__mau__text {
    font-size: 1.5em;
    margin-bottom: 2em;
}

.w25-feature-2__slider .swiper-pagination {
    position: relative;
    margin-top: 2em;
    display: block;
}

.w25-feature-2__slider .swiper-pagination-bullet {
    border-radius: 0;
    height: 3.5em;
    width: 3.5em;
    border-radius: 50%;
    text-align: center;
    color: #000;
    opacity: 1;
    background-color: black;
    position: relative;
    border: 0.2em solid #949494;
    transition: all 0.2s ease;
}

    .w25-feature-2__slider .swiper-pagination-bullet:not(:last-child) {
        margin-right: 1em !important;
    }

.w25-feature-2__slider .swiper-pagination-bullet-active {
    transform: scale(1.2);
}

/*ed*/
/*w25-feature-3*/
.w25-feature-3 {
    width: 100%;
    background-color: white;
    padding: 0 1em 1em 1em;
}

.w25-feature-3__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-feature-3__content {
    width: 100%;
    margin-top: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__content {
        width: 100%;
        padding: 0;
    }
}

.w25-feature-3__content__block {
    position: relative;
}

.w25-feature-3__content__thumbs {
    overflow: hidden;
    width: 90%;
    margin: 0 auto;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__content__thumbs {
        padding-bottom: 0;
        margin-top: 0.5em;
    }
}

.w25-feature-3__content__thumbs__thongtin {
    width: 32.3333333% !important;
    cursor: pointer;
    margin-left: 1%;
    text-align: center;
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__content__thumbs__thongtin {
        width: 49% !important;
    }
}

.w25-feature-3__content__thumbs__thongtin__mota {
    margin: 0 auto;
    display: inline-block;
    margin-top: 1em;
    font-size: 1.5em;
    font-weight: 600;
    line-height: 1.8em;
}

.w25-feature-3__content__thumbs__thongtin__ten {
    font-size: 1.3em;
    line-height: 1.6em;
}

.w25-feature-3__slider {
    width: 100%;
    overflow: hidden;
}

.w25-feature-3__slider__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__slider__main {
        flex-wrap: wrap;
    }
}

.w25-feature-3__slider__main__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__slider__main__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w25-feature-3__slider__main__imgbox__img {
    width: 100%;
}

.w25-feature-3__slider__main__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: black;
    width: 25%;
    height: 100%;
    text-align: right;
    margin-left: auto;
    float: right;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__slider__main__info {
        width: 100%;
    }
}

.w25-feature-3__slider__main__info__name {
    font-size: 2.5em;
    position: relative;
    padding: 0.5em 0;
    display: inline-block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__slider__main__info__name {
        font-size: 2em;
    }
}

.w25-feature-3__slider__main__info__name::after {
    content: "";
    width: 50%;
    height: 0.1em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    right: 0;
}

.w25-feature-3__slider__main__info__sub {
    font-size: 1.5em;
    line-height: 1.6em;
    margin-top: 1em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w25-feature-3__slider__main__info__sub {
        font-size: 1.3em;
    }
}

.w25-feature-3 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w25-feature-3 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w25-feature-3 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w25-feature-3 .swiper-button-next {
    color: black;
}

.w25-feature-3 .swiper-button-prev {
    color: black;
}

/*ed*/

/*w26-ads*/
.w26-ads {
    position: relative;
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w26-ads__group {
    margin: 0 auto;
    max-width: 120em;
}

.w26-ads__items {
    display: flex;
    position: relative;
    color: var(--text-color-w);
    margin-left: -2%;
    flex-wrap: wrap;
}

@media only screen and (max-width: 25em) {
    .w26-ads__items {
        margin-left: 0;
    }
}

.w26-ads__items__item {
    width: 23%;
    margin-left: 2%;
    display: flex;
    align-self: start;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w26-ads__items__item {
        width: 48%;
    }
}

@media only screen and (max-width: 25em) {
    .w26-ads__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w26-ads__items__item__imgbox {
    width: 30%;
    min-width: 5em;
    background-size: contain;
    background-position: center;
    height: max-content;
}

.w26-ads__items__item__imgbox__img {
    width: 100%;
}

.w26-ads__items__item__text {
    width: 70%;
    margin-left: 0.5em;
    display: block;
}

.w26-ads__items__item__text__name {
    font-size: 1.4em;
    display: block;
    font-weight: 700;
    line-height: 1.6em;
}

.w26-ads__items__item__text__des {
    display: block;
    margin-top: .5em;
    line-height: 1.6em;
}

.w26-ads__items__item__text__sub {
    display: block;
    margin-top: .5em;
    line-height: 1.6em;
}

/*ed*/
/*w26-productdetail*/
.w26-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w26-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w26-productdetail__card {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w26-productdetail__card {
        flex-direction: column;
    }
}

.w26-productdetail__card__slider {
    width: 50%;
}

    .w26-productdetail__card__slider .gallery-thumbs .swiper-wrapper {
        height: 30em !important;
        transform: unset !important;
    }

    .w26-productdetail__card__slider .gallery-top {
        overflow: hidden;
        height: max-content;
        width: 83%;
    }

    .w26-productdetail__card__slider .gallery-thumbs {
        width: 15%;
        margin-right: 2%;
        max-height: 30em;
        overflow: scroll;
    }

        .w26-productdetail__card__slider .gallery-thumbs .swiper-slide {
            opacity: 0.4;
        }

        .w26-productdetail__card__slider .gallery-thumbs .swiper-slide-thumb-active {
            opacity: 1 !important;
        }

@media only screen and (max-width: 50em) {
    .w26-productdetail__card__slider {
        width: 100%;
    }
}

.w26-productdetail__card__slider__inside {
    display: flex;
}

.w26-productdetail__card__slider__inside__imgbox {
    width: 100%;
    cursor: pointer;
    height: max-content !important;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w26-productdetail__card__slider__inside__imgbox__status {
    background-color: #1f1f1f;
    padding: 1em;
    color: white;
    display: inline-block;
    margin-bottom: 1em;
    margin-top: 1.5em;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    font-weight: 600;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
}

.w26-productdetail__card__slider__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w26-productdetail__card__slider__imgbox__img {
    width: 100%;
}

.w26-productdetail__card__button {
    padding: 0.5em 0.5em;
    text-align: center;
    color: #cccccc;
    display: inline-block;
    padding: 1em 1.1em;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: all 0.2s;
    transform: translateY(-50%);
    border: none;
}

    .w26-productdetail__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w26-productdetail__card__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w26-productdetail__card__button__icon {
    font-size: 2em;
}

.w26-productdetail__card__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    z-index: 2;
}

.w26-productdetail__card__imgbox {
    width: 100%;
    height: 10em;
    overflow: hidden;
    border: 0.1em solid #eee;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w26-productdetail__card__imgbox {
        width: 100%;
    }
}

.w26-productdetail__card__imgbox:hover {
    transform: scale(1.3);
}

.w26-productdetail__card__info {
    width: 48%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w26-productdetail__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w26-productdetail__card__info--relate {
    position: relative;
}

.w26-productdetail__card__info--relate__button {
    border: 0.1em solid white;
    border-radius: 0.3em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.603);
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w26-productdetail__card__info--relate__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w26-productdetail__card__info--relate__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w26-productdetail__card__info--relate__button__icon {
    font-size: 2em;
}

.w26-productdetail__card__info--relate__button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 1em;
    z-index: 2;
}

.w26-productdetail__card__info__bread__text {
    color: rgba(102, 102, 102, 0.7);
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

    .w26-productdetail__card__info__bread__text:hover {
        color: black;
    }

.w26-productdetail__card__info__name {
    font-weight: 600;
    font-size: 1.7em;
    color: black;
    display: block;
    line-height: 1.6em;
}

.w26-productdetail__card__info__star {
    margin-top: 1em;
}

.w26-productdetail__card__info__star__icon {
    color: #f15a22;
    font-size: 1.5em;
    cursor: pointer;
}

.w26-productdetail__card__info__price {
    display: flex;
    font-weight: 800;
    margin-top: 1.5em;
}

.w26-productdetail__card__info__price__main {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    font-size: 1.4em;
}

.w26-productdetail__card__info__price__sub {
    text-decoration: line-through;
    display: inline-block;
    font-size: 1.4em;
    color: #cccccc;
    margin-right: 1em;
}

.w26-productdetail__card__info__relate {
    margin-top: 1.5em;
}

.w26-productdetail__card__info__relate__items {
    border: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    width: 95%;
    cursor: pointer;
    margin-right: 5%;
    transition: all 0.2s ease;
}

.w26-productdetail__card__info__relate__items__item {
    margin-top: 0.5em;
}

.w26-productdetail__card__info__relate__items__item__name {
    font-weight: 600;
}

.w26-productdetail__card__info__relate__items__item__des {
    margin-top: 0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w26-productdetail__card__info__relate__items:hover .w26-productdetail__card__info__relate__items__rd {
    appearance: none;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    border-radius: 50%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w26-productdetail__card__info__size {
    display: flex;
}

.w26-productdetail__card__info__size__box {
    margin-top: 1.5em;
    cursor: pointer;
    border: 0.1em solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    padding: 1em;
}

.w26-productdetail__card__info__color {
    display: flex;
}

.w26-productdetail__card__info__color__box {
    margin-top: 1.5em;
    cursor: pointer;
    height: 3em;
    width: 3em;
    margin-right: 1em;
    background-color: red;
    border-radius: 50%;
}

.w26-productdetail__card__info__color__box-active {
    border: 0.1em solid #414141;
    outline: black;
}

.w26-productdetail__card__info__detail {
    cursor: pointer;
}

.w26-productdetail__card__info__detail__checkbox:checked ~ .w26-productdetail__card__info__detail__content {
    max-height: 20em;
}

.w26-productdetail__card__info__detail__checkbox {
    display: none;
}

.w26-productdetail__card__info__detail__lbl {
    margin-top: 2em;
    display: flex;
    align-items: center;
}

.w26-productdetail__card__info__detail__lbl__text {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.3em;
    display: block;
}

.w26-productdetail__card__info__detail__lbl__icon {
    font-size: 1.6em;
    margin-left: auto;
}

.w26-productdetail__card__info__detail__content {
    transition: all 0.6s ease;
    max-height: 0;
    overflow: hidden;
    line-height: 1.6em;
    text-align: justify;
    font-size: 1.2em;
    margin-top: 0.5em;
}

.w26-productdetail__card__info__deliver__lbl {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

.w26-productdetail__card__info__deliver__lbl__text {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.3em;
    display: block;
}

.w26-productdetail__card__info__deliver__lbl__icon {
    font-size: 1.6em;
    margin-left: auto;
}

.w26-productdetail__card__info__deliver__checkbox:checked ~ .w26-productdetail__card__info__deliver__content {
    max-height: 40em;
    padding-bottom: 1em;
}

.w26-productdetail__card__info__deliver__checkbox {
    display: none;
}

.w26-productdetail__card__info__deliver__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.w26-productdetail__card__info__deliver__content__items {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    margin-top: 0.5em;
}

.w26-productdetail__card__info__deliver__content__items__icon {
    margin-top: 0.4em;
    margin-right: 0.5em;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
    font-size: 1.2em;
}

.w26-productdetail__card__info__deliver__content__items__text {
    line-height: 1.8em;
    font-size: 1.2em;
}

.w26-productdetail__card__info__gift {
    border: 0.1em solid #b1b1b1;
    padding: 1em;
    margin-top: 1em;
    border-radius: 0.5em;
}

.w26-productdetail__card__info__gift__lbl {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
}

.w26-productdetail__card__info__gift__lbl__sub {
    margin-top: 0.5em;
    font-weight: 300;
}

.w26-productdetail__card__info__gift__checkbox {
    display: none;
}

.w26-productdetail__card__info__gift__content {
    margin-top: 1em;
    overflow: hidden;
    transition: all 0.2s ease-in;
}

.w26-productdetail__card__info__gift__content__items {
    display: flex;
    align-items: flex-start;
    margin-top: 0.5em;
    font-size: 1.2em;
}

.w26-productdetail__card__info__gift__content__items__icon {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
}

.w26-productdetail__card__info__gift__content__items__text {
    line-height: 1.8em;
    text-align: justify;
}

.w26-productdetail__card__info__form {
    margin: 1em 0;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w26-productdetail__card__info__form__text {
    margin-right: 1em;
}

.w26-productdetail__card__info__form__input {
    width: 75%;
    padding: 1em;
    border: 0.1em solid #eee;
    display: inline-block;
}

.w26-productdetail__card__info__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    display: inline-block;
    width: 100%;
    outline: none;
    cursor: pointer;
    font-weight: 700;
}

    .w26-productdetail__card__info__button:hover {
        filter: brightness(0.8);
    }

.w26-productdetail__card__info__cate {
    padding: 0.5em;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

    .w26-productdetail__card__info__cate:not(:last-child) {
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    }

.w26-productdetail__card__info__cate__text {
    line-height: 1.8em;
    margin-right: 0.5em;
}

.w26-productdetail__card__info__cate__name {
    color: #777;
    margin-right: 1em;
    line-height: 1.8em;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    font-weight: 600;
}

.w26-productdetail__card__info__cate__icon {
    margin-right: 1em;
    font-size: 1.4em;
    cursor: pointer;
    line-height: 1.8em;
    padding: 0.5em;
    color: #414141;
    border: 1px solid #414141;
    border-radius: 50%;
    transition: all 0.3s ease;
}

    .w26-productdetail__card__info__cate__icon:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        border: 1px solid rgba(var(--main-color-w), 1);
    }

.w26-productdetail__add {
    padding: 5em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w26-productdetail__add {
        padding: 5em 0.2em;
    }
}

.w26-productdetail__add__text {
    color: var(--text-color-w);
    display: none;
}

.w26-productdetail__add__text__nd {
    margin-top: 1em;
}

.w26-productdetail__add__text__tableoct {
    width: 100%;
    background: white;
    margin-top: 1em;
}

.w26-productdetail__add__text__tableoct__group {
    max-width: 120em;
    margin: 0 auto;
    border: 0.2em solid black;
    border-radius: 0.5em;
    padding: 1em;
}

.w26-productdetail__add__text__tableoct__cbcl:checked ~ .w26-productdetail__add__text__tableoct__clone {
    display: block;
}

.w26-productdetail__add__text__tableoct__cbcl {
    display: none;
}

.w26-productdetail__add__text__tableoct__checkbox {
    display: none;
}

    .w26-productdetail__add__text__tableoct__checkbox:checked ~ .w26-productdetail__add__text__tableoct__body {
        max-height: 100vh;
        overflow: unset;
    }

.w26-productdetail__add__text__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w26-productdetail__add__text__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1em;
    border: 0.1em solid black;
    padding: 0.2em 0.3em;
    border-radius: 0.3em;
    background-color: white;
    font-size: 2.5em;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4;
}

    .w26-productdetail__add__text__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1em solid white;
    }

.w26-productdetail__add__text__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    border-radius: 0.3em;
}

.w26-productdetail__add__text__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w26-productdetail__add__text__tableoct__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.2em;
}

.w26-productdetail__add__text__tableoct__heading__title__text {
    font-size: 2em;
    font-weight: 600;
}

.w26-productdetail__add__text__tableoct__heading__icon {
    font-size: 1.4em;
}

.w26-productdetail__add__text__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w26-productdetail__add__text__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.w26-productdetail__add__text__tableoct__body__ol {
    list-style: none;
}

.w26-productdetail__add__text__tableoct__body__ol__text {
    margin-bottom: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    font-size: 1.3em;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

    .w26-productdetail__add__text__tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w26-productdetail__add__text__tableoct__body__ol__text:hover::after {
        max-width: 120em;
    }

    .w26-productdetail__add__text__tableoct__body__ol__text:hover {
        color: white;
    }

.w26-productdetail__add__text__tableoct__body__ol--1 {
    list-style: none;
}

.w26-productdetail__add__text__tableoct__body__ol--1__text {
    margin-top: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
}

    .w26-productdetail__add__text__tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w26-productdetail__add__text__tableoct__body__ol--1__text:hover::after {
        max-width: 120em;
    }

    .w26-productdetail__add__text__tableoct__body__ol--1__text:hover {
        color: white;
    }

.w26-productdetail__add__heading {
    display: flex;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w26-productdetail__add__heading {
        flex-direction: column;
    }
}

.w26-productdetail__add__heading .active {
    background-color: black;
    font-weight: 600;
}

.w26-productdetail__add__heading__text {
    white-space: nowrap;
    font-size: 1.6em;
    cursor: pointer;
    color: white;
    padding: 0.7em;
}

    .w26-productdetail__add__heading__text:not(:first-child) {
        margin-left: 1em;
    }

@media only screen and (max-width: 50em) {
    .w26-productdetail__add__heading__text:not(:first-child) {
        margin-left: 0;
        margin-bottom: 1em;
    }
}

.w26-productdetail__add__heading__text:hover {
    color: black;
    background-color: white;
}

.w26-productdetail__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
    display: none;
}

.w26-productdetail__add__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w26-productdetail__add__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w26-productdetail__add__table__td:last-child {
        font-weight: 300;
    }

.w26-productdetail__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w26-productdetail__add__review {
    display: flex;
    justify-content: space-between;
    padding: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w26-productdetail__add__review {
        flex-direction: column;
    }
}

.w26-productdetail__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w26-productdetail__add__review__first {
        width: 100%;
    }
}

.w26-productdetail__add__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w26-productdetail__add__review__first__imgbox {
    width: 7em;
    min-width: 7em;
}

.w26-productdetail__add__review__first__imgbox__img {
    width: 100%;
}

.w26-productdetail__add__review__first__comment {
    margin-left: 2em;
    width: 100%;
}

.w26-productdetail__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w26-productdetail__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w26-productdetail__add__review__first__comment__head__user__date {
    color: #777;
}

.w26-productdetail__add__review__first__comment__star__icon {
    color: #f93;
}

.w26-productdetail__add__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w26-productdetail__add__review__second {
    width: 48%;
    border: 2px solid rgba(var(--main-color-w), 1);
    padding: 2em;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w26-productdetail__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w26-productdetail__add__review__second sup {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w26-productdetail__add__review__second__title {
    font-size: 1.5em;
    font-weight: 600;
}

.w26-productdetail__add__review__second__textrate {
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.8em;
    font-weight: 600;
}

.w26-productdetail__add__review__second__star {
    margin-top: 1.5em;
}

.w26-productdetail__add__review__second__star__icon {
    color: #f93;
    font-size: 1.5em;
}

.w26-productdetail__add__review__second__textreview {
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.8em;
    font-weight: 600;
}

.w26-productdetail__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    border: 1px solid rgba(var(--main-color-w), 1);
}

.w26-productdetail__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w26-productdetail__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w26-productdetail__add__review__second__textform__name__info {
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.8em;
    font-weight: 600;
}

.w26-productdetail__add__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
    border: 1px solid rgba(var(--main-color-w), 1);
}

.w26-productdetail__add__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6em;
    font-size: 1.6em;
}

    .w26-productdetail__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w26-productdetail__add__text__tableoct*/
.w26-productdetail__add__text__tableoct {
    width: 100%;
    background: white;
    margin-top: 1em;
}

.w26-productdetail__add__text__tableoct__group {
    max-width: 120em;
    margin: 0 auto;
    border: 0.2em solid black;
    border-radius: 0.5em;
    padding: 1em;
}

.w26-productdetail__add__text__tableoct__cbcl:checked ~ .w26-productdetail__add__text__tableoct__clone {
    display: block;
}

.w26-productdetail__add__text__tableoct__cbcl {
    display: none;
}

.w26-productdetail__add__text__tableoct__checkbox {
    display: none;
}

    .w26-productdetail__add__text__tableoct__checkbox:checked ~ .w26-productdetail__add__text__tableoct__body {
        max-height: 100vh;
        overflow: unset;
    }

.w26-productdetail__add__text__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w26-productdetail__add__text__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1em;
    border: 0.1em solid black;
    padding: 0.2em 0.3em;
    border-radius: 0.3em;
    background-color: white;
    font-size: 2.5em;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4;
}

    .w26-productdetail__add__text__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1em solid white;
    }

.w26-productdetail__add__text__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    border-radius: 0.3em;
}

.w26-productdetail__add__text__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w26-productdetail__add__text__tableoct__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.2em;
}

.w26-productdetail__add__text__tableoct__heading__title__text {
    font-size: 2em;
    font-weight: 600;
}

.w26-productdetail__add__text__tableoct__heading__icon {
    font-size: 1.4em;
}

.w26-productdetail__add__text__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w26-productdetail__add__text__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.w26-productdetail__add__text__tableoct__body__ol {
    list-style: none;
}

.w26-productdetail__add__text__tableoct__body__ol__text {
    margin-bottom: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    font-size: 1.3em;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

    .w26-productdetail__add__text__tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w26-productdetail__add__text__tableoct__body__ol__text:hover::after {
        max-width: 120em;
    }

    .w26-productdetail__add__text__tableoct__body__ol__text:hover {
        color: white;
    }

.w26-productdetail__add__text__tableoct__body__ol--1 {
    list-style: none;
}

.w26-productdetail__add__text__tableoct__body__ol--1__text {
    margin-top: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
}

    .w26-productdetail__add__text__tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w26-productdetail__add__text__tableoct__body__ol--1__text:hover::after {
        max-width: 120em;
    }

    .w26-productdetail__add__text__tableoct__body__ol--1__text:hover {
        color: white;
    }

/*ed*/
/*w26-topbar*/
.w26-topbar {
    width: 100%;
    position: relative;
    background-color: white;
    background-color: #303030;
    padding: .5em;
}

.w26-topbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

.w26-topbar__first {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1em;
}

.w26-topbar__first__info {
    font-size: 1.2em;
    margin-bottom: .5em;
    font-weight: 300;
    text-align: justify;
    padding: 0 1em;
    line-height: 1.8em;
    color: white;
}

    .w26-topbar__first__info:not(:last-child) {
        border-right: 1px solid rgba(238, 238, 238, 0.2);
    }

.w26-topbar__second {
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w26-topbar__second {
        display: none;
    }
}

.w26-topbar__second__info {
    display: flex;
    align-items: center;
    padding: 0 1em;
    text-align: center;
}

.w26-topbar__second__info__icon {
    font-size: 1em;
    margin: 0 0.5em;
    color: white;
}

.w26-topbar__second__info__text {
    font-size: 1.2em;
    font-weight: 400;
    text-decoration: none;
    color: white;
}

.w26-topbar__second__btn {
    outline: none;
    padding: .5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    color: white;
    border-radius: 2em;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    font-size: 1em;
    display: inline-block;
    line-height: 2em;
}

    .w26-topbar__second__btn:hover {
        filter: brightness(90%);
        text-shadow: 0 5px 5px black;
    }

/*ed*/
/*w26-articles*/
.w26-articles {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w26-articles__group {
    max-width: 120em;
    margin: 0 auto;
}

.w26-articles__heading {
    text-align: center;
}

.w26-articles__heading__main {
    font-weight: 600;
    font-size: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w26-articles__heading__main {
        font-size: 3em;
    }
}

.w26-articles__heading__main::before {
    content: "";
    width: 3em;
    height: .05em;
    background-color: black;
    position: relative;
    display: inline-block;
    left: -.5em;
    top: -.3em;
}

@media only screen and (max-width: 37.5em) {
    .w26-articles__heading__main::before {
        width: 1em;
    }
}

.w26-articles__heading__main::after {
    content: "";
    width: 3em;
    height: .05em;
    background-color: black;
    position: relative;
    display: inline-block;
    left: .5em;
    top: -.3em;
}

@media only screen and (max-width: 37.5em) {
    .w26-articles__heading__main::after {
        width: 1em;
    }
}

.w26-articles__heading__des {
    color: #777;
    font-size: 1.2em;
    margin-top: 1em;
}

.w26-articles__item {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1.33333333%;
}

.w26-articles__item__card {
    margin-bottom: 1em;
    width: 32%;
    margin-left: 1.33333333%;
    text-align: center;
    overflow: hidden;
    border: 0.2em solid #eee;
    border-radius: 1em;
    height: max-content;
    cursor: pointer;
}

    .w26-articles__item__card:hover {
        border: 1px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w26-articles__item__card {
        width: 48%;
    }
}

.w26-articles__item__card__imgbox {
    max-width: 100%;
    background-size: contain;
    background-position: center;
}

.w26-articles__item__card__imgbox__img {
    width: 100%;
}

.w26-articles__item__card__name {
    margin: 1em;
    font-size: 1.6em;
    font-weight: 600;
}

.w26-articles__item__card__para {
    margin: 1em;
    font-size: 1.4em;
    font-weight: 300;
}

/*ed*/
/*w27-bloglist*/
.w27-bloglist {
    width: 100%;
    padding: 2em 1em;
}

.w27-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w27-bloglist__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
}

.w27-bloglist__heading__imgbox {
    margin: 1em auto;
    width: fit-content;
    display: block;
    background-size: contain;
    background-position: center;
}

.w27-bloglist__heading__imgbox__img {
    width: 100%;
}

.w27-bloglist__heading__sub {
    display: block;
    width: fit-content;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
}

.w27-bloglist__items {
    width: 100%;
    position: relative;
    margin-left: -1%;
    display: flex;
    flex-wrap: wrap;
}

.w27-bloglist__items__item {
    cursor: pointer;
    background-color: white;
    width: 32%;
    margin-left: 1%;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.262);
    padding: 0.5em;
    margin-top: 2em;
}

.w27-bloglist__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
}

.w27-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w27-bloglist__items__item__imgbox__iconbox {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 4em;
    height: 4em;
    bottom: 1em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid white;
    margin: 0 auto;
    text-align: center;
}

.w27-bloglist__items__item__imgbox__iconbox__icon {
    font-size: 1.5em;
}

.w27-bloglist__items__item__name {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 0.5em;
    color: rgba(var(--main-color-w), 1);
}

.w27-bloglist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w27-bloglist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: .1em solid #c1c1c1c1;
}

.w27-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w27-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
}

.w27-bloglist__paging__pre__text {
    font-size: 1.2em;
}

.w27-bloglist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w27-banner*/
.w27-banner {
    width: 100%;
    background-color: white;
    padding: 0 0.5em;
}

.w27-banner__group {
    max-width: 120em;
    margin: 0 auto;
}

.w27-banner__items {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w27-banner__items {
        flex-wrap: wrap;
    }
}

.w27-banner__items__main {
    min-width: 33%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .w27-banner__items__main .swiper-pagination-bullet {
        background: white;
    }

    .w27-banner__items__main .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w), 1);
    }

.w27-banner__items__main__imgbox {
    margin-top: 0.3em;
    background-size: contain;
    background-position: center;
}

.w27-banner__items__main__imgbox__img {
    width: 100%;
}

.w27-banner__items__sub {
    min-width: 67%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w27-banner__items__sub {
        margin-left: -0.5%;
    }
}

.w27-banner__items__sub__imgbox {
    width: 24.5%;
    margin-left: 0.5%;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    margin-top: 0.3em;
}

.w27-banner__items__sub__imgbox__img {
    width: 100%;
}

/*ed*/
/*w27-service*/
.w27-service {
    width: 100%;
    padding: 1em;
    background-color: white;
}

.w27-service__group {
    margin: 0 auto;
    max-width: 120em;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
}

.w27-service__heading {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: var(--text-color-w);
}

.w27-service__heading__main a {
    font-size: 2.5em;
    line-height: 1.8em;
    display: block;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
}

.w27-service__heading__sub {
    font-size: 1.6em;
    font-weight: 300;
    display: block;
    line-height: 1.8em;
}

.w27-service__items {
    display: flex;
    justify-content: center;
    padding: 1em;
    flex-wrap: wrap;
}

.w27-service__items__item {
    background-color: white;
    padding: 1em;
    display: flex;
    margin-top: 0.1em;
    align-items: center;
    width: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 31.25em) {
    .w27-service__items__item {
        width: 100%;
    }
}

.w27-service__items__item:hover {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
}

.w27-service__items__item__iconbox {
    margin-right: 0.5em;
    font-size: 1.5em;
    color: white;
    height: 2em;
    width: 2em;
    min-width: 2em;
    display: flex;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
}

.w27-service__items__item__info {
    font-size: 1.5em;
    line-height: 1.6em;
}

/*ed*/
/*w27-service-1*/
.w27-service-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: rgba(var(--main-color-w), 1);
}

.w27-service-1__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
}

.w27-service-1__heading {
    display: block;
}

.w27-service-1__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w27-service-1__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w27-service-1__heading__imgbox__img {
    width: 100%;
}

.w27-service-1__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w27-service-1__items {
    width: 100%;
    position: relative;
    margin-top: 2em;
}

    .w27-service-1__items .swiper-wrapper {
        display: flex;
        margin-left: -1%;
    }

    .w27-service-1__items .swiper-button-next {
        color: white;
    }

    .w27-service-1__items .swiper-button-prev {
        color: white;
    }

.w27-service-1__items__item {
    cursor: pointer;
    background-color: white;
    width: 32% !important;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w27-service-1__items__item {
        width: 49% !important;
    }
}

.w27-service-1__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    margin: .5em;
}

.w27-service-1__items__item__imgbox__img {
    width: 100%;
}

.w27-service-1__items__item__imgbox__iconbox {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 4em;
    height: 4em;
    bottom: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid white;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w27-service-1__items__item__imgbox__iconbox {
        width: 2em;
        height: 2em;
    }
}

.w27-service-1__items__item__imgbox__iconbox__icon {
    font-size: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w27-service-1__items__item__imgbox__iconbox__icon {
        font-size: 1em;
    }
}

.w27-service-1__items__item__name {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 0.5em;
    font-weight: 600;
}

/*ed*/
/*w27-video*/
.w27-video {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w27-video__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
}

.w27-video__heading {
    display: block;
}

.w27-video__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w27-video__heading__imgbox {
    width: fit-content;
    max-width: 100%;
    margin: 1em auto;
    background-size: contain;
    background-position: center;
}

.w27-video__heading__imgbox__img {
    width: 100%;
}

.w27-video__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
    max-width: 100%;
}

.w27-video__items {
    width: 100%;
    position: relative;
    margin-top: 2em;
}

    .w27-video__items .swiper-wrapper {
        display: flex;
        margin-left: -1%;
    }

    .w27-video__items .swiper-button-next {
        color: white;
    }

    .w27-video__items .swiper-button-prev {
        color: white;
    }

.w27-video__items__item {
    cursor: pointer;
    background-color: white;
    width: 32.34% !important;
    margin-left: 1%;
}

@media only screen and (max-width: 37.5em) {
    .w27-video__items__item {
        width: 49% !important;
    }
}

.w27-video__items__item:hover .w27-video__items__item__iconbox {
    background-color: rgba(var(--main-color-w), 1);
    opacity: 0.8;
    border: .3em solid white;
}

.w27-video__items__item__iconbox {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    text-align: center;
    height: 10em;
    width: 10em;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
    transform: translateY(-50%);
    transition: all .2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w27-video__items__item__iconbox {
        width: 5em;
        height: 5em;
    }
}

.w27-video__items__item__iconbox__icon {
    font-size: 5em;
    color: white;
    transform: translateX(10%);
}

@media only screen and (max-width: 37.5em) {
    .w27-video__items__item__iconbox__icon {
        font-size: 2em;
    }
}

.w27-video__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

    .w27-video__items__item__imgbox::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.3);
    }

.w27-video__items__item__imgbox__img {
    width: 100%;
}

.w27-video__items__item__imgbox__name {
    font-size: 1.5em;
    text-align: center;
    margin: 0.5em;
    font-weight: 600;
    position: absolute;
    z-index: 3;
    display: block;
    bottom: 0;
    color: white;
    text-align: center;
    width: 100%;
    text-shadow: 0 0 0.5em white;
}

@media only screen and (max-width: 37.5em) {
    .w27-video__items__item__imgbox__name {
        font-size: 1em;
    }
}

/*ed*/
/*w27-pricing*/
.w27-pricing {
    width: 100%;
    padding: 2em 1em;
}

.w27-pricing__group {
    max-width: 120em;
    margin: 0 auto;
}

.w27-pricing__heading {
    background-color: rgba(var(--main-color-w), 1);
    text-align: center;
    display: block;
    position: relative;
    padding: 1em;
}

.w27-pricing__heading__name {
    font-size: 1.6em;
    font-weight: 600;
    max-width: 100%;
}

.w27-pricing__heading__des {
    color: white;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: .5em;
    display: block;
}

.w27-pricing__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w27-pricing__tab__text {
    padding: .5em 1em;
    border-radius: 1em;
    font-size: 1.2em;
    color: black;
    cursor: pointer;
    margin: .5em;
}

    .w27-pricing__tab__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w27-pricing__tab .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
}

.w27-pricing__content {
    margin-top: 1em;
    display: block;
}

/*ed*/
/*w27-abimg*/
.w27-abimg {
    width: 100%;
    padding: 2em 0.5em;
    background-color: white;
}

.w27-abimg__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w27-abimg__heading {
    text-align: center;
}

.w27-abimg__heading__title {
    margin: 0 auto;
    font-size: 3em;
    display: block;
    color: rgba(var(--main-color-w), 1);
    width: fit-content;
}

.w27-abimg__heading__sub {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
    text-align: center;
    width: fit-content;
}

.w27-abimg__heading__imgbox {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w27-abimg__heading__imgbox__img {
    width: 100%;
}

.w27-abimg__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w27-abimg__items__item {
    width: 24%;
    margin-left: 1%;
    margin-top: 1em;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w27-abimg__items__item {
        width: 49%;
    }
}

.w27-abimg__items__item__imgbox {
    transition: all 0.5s ease-in-out;
    background-size: contain;
    background-position: center;
}

    .w27-abimg__items__item__imgbox:hover {
        transform: scale(1.2);
    }

.w27-abimg__items__item__imgbox__img {
    width: 100%;
}

.w27-abimg__items__item__imgbox:hover ~ .w27-abimg__items__item__text {
    text-shadow: 0 0 0.2em white;
    opacity: 1;
}

.w27-abimg__items__item__text {
    background-color: rgba(239, 186, 28, 0.5);
    position: absolute;
    bottom: 0;
    height: 3em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    vertical-align: middle;
    color: white;
    font-weight: bolder;
    font-size: 1.5em;
    opacity: 0;
}

/*ed*/
/*w27-article*/
.w27-article {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w27-article__group {
    max-width: 120em;
    margin: 0 auto;
}

.w27-article__heading {
    display: block;
}

.w27-article__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w27-article__heading__imgbox {
    width: fit-content;
    max-width: 100%;
    margin: 1em auto;
    background-size: contain;
    background-position: center;
}

.w27-article__heading__imgbox__img {
    width: 100%;
}

.w27-article__heading__sub {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
    max-width: 100%;
}

.w27-article__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w27-article__items__item {
    display: flex;
    justify-content: space-between;
    min-width: 48%;
    width: 48%;
    height: max-content;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w27-article__items__item {
        width: 100%;
    }
}

.w27-article__items__item__imgbox {
    min-width: 48%;
    width: 48%;
    height: fit-content;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w27-article__items__item__imgbox {
        width: 100%;
    }
}

.w27-article__items__item__imgbox__img {
    width: 100%;
}

.w27-article__items__item__content {
    width: 50%;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w27-article__items__item__content {
        width: 100%;
        margin-top: 1em;
        text-align: center;
    }
}

.w27-article__items__item__content__date {
    text-align: center;
    width: fit-content;
    margin-bottom: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w27-article__items__item__content__date {
        margin: 0 auto;
        margin-bottom: 1em;
    }
}

.w27-article__items__item__content__date__time {
    color: #1e9dcb;
    font-weight: bolder;
    font-size: 3em;
    border-bottom: 1px solid #1e9dcb;
    padding-bottom: .1em;
    display: block;
}

.w27-article__items__item__content__date__year {
    color: #1e9dcb;
    font-size: 2em;
    font-weight: 600;
    margin-top: .2em;
    display: block;
}

.w27-article__items__item__content__action {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w27-article__items__item__content__action__cta {
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    border-radius: 0.5em;
    border: 1px solid rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w27-article__items__item__content__action__cta:not(:first-child) {
        margin-left: 1%;
    }

    .w27-article__items__item__content__action__cta:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w27-article__items__item__content__name {
    font-weight: 600;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
}

.w27-article__items__item__content__des {
    text-align: justify;
    margin-top: 1em;
    font-size: 1.2em;
    line-height: 1.6em;
}

.w27-article__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: .7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    font-weight: bolder;
    border-radius: 2em;
    margin: 0 auto;
    margin-top: 2em;
    width: max-content;
    cursor: pointer;
    border: 1px solid white;
    transition: all .2s ease;
}

    .w27-article__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w27-introducer*/
.w27-introducer {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w27-introducer__group {
    max-width: 120em;
    margin: 0 auto;
}

.w27-introducer__heading__title {
    margin: 0 auto;
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
}

.w27-introducer__heading__imgbox {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w27-introducer__heading__imgbox__img {
    width: 100%;
}

.w27-introducer__items {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

.w27-introducer__items__info {
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w27-introducer__items__info {
        width: 100%;
    }
}

.w27-introducer__items__info__name {
    border-left: 1px solid rgba(var(--main-color-w), 1);
    display: block;
    padding-left: 1em;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.6em;
}

.w27-introducer__items__info__text {
    margin-top: 1em;
    font-size: 1.3em;
}

.w27-introducer__items__info__btn {
    box-shadow: 0 1em 1em rgba(0, 0, 0, 0.192);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    padding: 1em 2em;
    border-radius: 0.5em;
    border: none;
    cursor: pointer;
    margin-top: 2em;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 2em;
}

    .w27-introducer__items__info__btn:hover {
        margin-top: 1em;
        box-shadow: 0 0 0;
    }

.w27-introducer__items__slider {
    width: 48%;
    position: relative;
    overflow: hidden;
}

    .w27-introducer__items__slider .swiper-pagination-bullet {
        background: white;
    }

    .w27-introducer__items__slider .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w27-introducer__items__slider {
        width: 100%;
    }
}

.w27-introducer__items__slider__imgbox {
    background-size: contain;
    background-position: center;
}

.w27-introducer__items__slider__imgbox__img {
    width: 100%;
}

/*ed*/
/*w28-blogdetail*/
.w28-blogdetail {
    width: 100%;
    padding: 2em 1em;
}

.w28-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w28-blogdetail__group {
        flex-direction: column;
    }
}

.w28-blogdetail__first {
    width: 67%;
}

@media only screen and (max-width: 50em) {
    .w28-blogdetail__first {
        width: 100%;
    }
}

.w28-blogdetail__first__heading {
    display: block;
}

.w28-blogdetail__first__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: max-content;
    display: block;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w28-blogdetail__first__heading__des {
    width: max-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w28-blogdetail__first__heading__imgbox {
    margin-bottom: 2em;
    display: inline-block;
    width: max-content;
    background-size: contain;
    background-position: center;
}

.w28-blogdetail__first__heading__imgbox__img {
    width: 100%;
}

.w28-blogdetail__first__blog {
    margin-top: 2em;
}

.w28-blogdetail__first__blog__heading__text {
    font-weight: 600;
    font-size: 1.8em;
    text-transform: capitalize;
    margin-bottom: 0.5em;
    display: block;
}

.w28-blogdetail__first__blog__heading__imgbox {
    display: inline-block;
    background-size: contain;
    background-position: center;
}

.w28-blogdetail__first__blog__heading__imgbox__img {
    width: 100%;
}

.w28-blogdetail__first__blog__content {
    padding: 0.5em 1em;
    margin-top: 1.5em;
    border-radius: 0.3em;
}

.w28-blogdetail__first__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1.5em 0.5em;
    color: rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
}

    .w28-blogdetail__first__blog__content__info:not(:last-child) {
        border-bottom: 0.1em dashed rgba(175, 175, 175, 0.5);
    }

.w28-blogdetail__first__blog__content__info__text {
    font-size: 1.6em;
    display: block;
}

.w28-blogdetail__first__blog__content__info__icon {
    font-size: 1.6em;
    margin-left: auto;
    color: #e6e6e6;
}

.w28-blogdetail__first__blog__content__info__icon--1 {
    font-size: 0.5em;
    color: #e2e2e2;
    margin-right: 2em;
}

.w28-blogdetail__first__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    font-weight: 600;
}

.w28-blogdetail__first__review {
    padding: 2em;
}

.w28-blogdetail__first__review__first {
    width: 100%;
}

.w28-blogdetail__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w28-blogdetail__first__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w28-blogdetail__first__review__first__imgbox__img {
    width: 100%;
}

.w28-blogdetail__first__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w28-blogdetail__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w28-blogdetail__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w28-blogdetail__first__review__first__comment__head__user__date {
    color: #777;
}

.w28-blogdetail__first__review__first__comment__star__icon {
    color: #f93;
}

.w28-blogdetail__first__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w28-blogdetail__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w28-blogdetail__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w28-blogdetail__first__review__second__title {
    font-weight: 300;
}

.w28-blogdetail__first__review__second__textrate {
    margin-top: 2em;
}

.w28-blogdetail__first__review__second__textreview {
    margin-top: 1em;
}

.w28-blogdetail__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w28-blogdetail__first__review__second__star {
    display: flex;
    align-items: center;
}

.w28-blogdetail__first__review__second__star__items {
    margin-left: 1em;
}

.w28-blogdetail__first__review__second__star__items__icon {
    color: darkgray;
}

.w28-blogdetail__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w28-blogdetail__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w28-blogdetail__first__review__second__textform__name__info {
    font-weight: 300;
}

.w28-blogdetail__first__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w28-blogdetail__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w28-blogdetail__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w28-blogdetail__second {
    width: 30%;
    margin-top: 4em;
}

@media only screen and (max-width: 50em) {
    .w28-blogdetail__second {
        width: 100%;
    }
}

.w28-blogdetail__second__search {
    display: flex;
    align-items: center;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    overflow: hidden;
}

.w28-blogdetail__second__search__input {
    border: none;
    outline: none;
    margin-left: 1em;
    width: 100%;
    height: max-content;
}

.w28-blogdetail__second__search__icon {
    font-size: 1.6em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    margin-left: auto;
}

.w28-blogdetail__second__blog {
    margin-top: 2em;
}

.w28-blogdetail__second__blog__heading__text {
    font-weight: 600;
    font-size: 1.8em;
    text-transform: capitalize;
    margin-bottom: 0.5em;
    display: block;
}

.w28-blogdetail__second__blog__heading__imgbox {
    display: inline-block;
    background-size: contain;
    background-position: center;
}

.w28-blogdetail__second__blog__heading__imgbox__img {
    width: 100%;
}

.w28-blogdetail__second__blog__content {
    padding: 0.5em 1em;
    margin-top: 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
}

.w28-blogdetail__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1.5em 0.5em;
    color: white;
    transition: all 0.2s ease;
}

    .w28-blogdetail__second__blog__content__info:not(:last-child) {
        border-bottom: 0.1em solid rgba(255, 255, 255, 0.5);
    }

.w28-blogdetail__second__blog__content__info__text {
    font-size: 1.3em;
    display: block;
}

.w28-blogdetail__second__blog__content__info__icon {
    font-size: 1.6em;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.5);
}

.w28-blogdetail__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    font-weight: 600;
}

.w28-blogdetail__second__blog__ads__item {
    cursor: pointer;
    background-color: white;
    width: 100%;
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

    .w28-blogdetail__second__blog__ads__item:hover .w28-blogdetail__second__blog__ads__item__iconbox {
        background-color: rgba(var(--main-color-w), 1);
        opacity: 0.8;
        border: 0.3em solid white;
    }

.w28-blogdetail__second__blog__ads__item__iconbox {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    text-align: center;
    height: 10em;
    width: 10em;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w28-blogdetail__second__blog__ads__item__iconbox {
        width: 5em;
        height: 5em;
    }
}

.w28-blogdetail__second__blog__ads__item__iconbox__icon {
    font-size: 5em;
    color: white;
    transform: translateX(10%);
}

@media only screen and (max-width: 37.5em) {
    .w28-blogdetail__second__blog__ads__item__iconbox__icon {
        font-size: 2em;
    }
}

.w28-blogdetail__second__blog__ads__item__imgbox {
    position: relative;
    background-origin: content-box;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

    .w28-blogdetail__second__blog__ads__item__imgbox::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.3);
    }

.w28-blogdetail__second__blog__ads__item__imgbox__img {
    width: 100%;
}

.w28-blogdetail__second__blog__ads__item__imgbox__name {
    font-size: 1.5em;
    text-align: center;
    margin: 0.5em;
    font-weight: 600;
    position: absolute;
    z-index: 3;
    display: block;
    bottom: 0;
    color: white;
    text-align: center;
    width: 100%;
    text-shadow: 0 0 0.5em white;
}

@media only screen and (max-width: 37.5em) {
    .w28-blogdetail__second__blog__ads__item__imgbox__name {
        font-size: 1em;
    }
}

.w28-blogdetail__second__blog__ads__name {
    font-size: 1.3em;
    margin-bottom: 1em;
    font-weight: 600;
}

.w28-blogdetail__second__blog__ads__thongtin {
    cursor: pointer;
}

.w28-blogdetail__second__blog__ads__thongtin__dulieu {
    display: flex;
    align-items: center;
    padding: 1em 0;
    transition: all 0.2s ease;
}

    .w28-blogdetail__second__blog__ads__thongtin__dulieu:hover {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

    .w28-blogdetail__second__blog__ads__thongtin__dulieu:not(:last-child) {
        border-bottom: 0.1em solid #dbdbdb;
    }

.w28-blogdetail__second__blog__ads__thongtin__dulieu__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2em;
    padding: 0.8em;
    font-size: 0.6em;
}

.w28-blogdetail__second__blog__ads__thongtin__dulieu__text {
    font-size: 1.3em;
}

.w28-blogdetail__second__partner {
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 1em 4em 1em;
    margin-top: 2em;
    display: block;
    position: relative;
}

    .w28-blogdetail__second__partner .swiper-pagination-bullet {
        width: 3em;
        height: 0.5em;
        border-radius: 1em;
    }

.w28-blogdetail__second__partner__heading__text {
    font-size: 2em;
    line-height: 1.6em;
    color: white;
    margin-bottom: 0.3em;
    font-weight: 600;
}

.w28-blogdetail__second__partner__heading__imgbox {
    display: inline-block;
    margin-bottom: 2em;
}

.w28-blogdetail__second__partner__heading__imgbox__img {
    width: 100%;
}

.w28-blogdetail__second__partner__content {
    overflow: hidden;
    cursor: pointer;
}

.w28-blogdetail__second__partner__content__items__des {
    font-size: 1.3em;
    text-align: justify;
    color: white;
    line-height: 1.6em;
    margin-bottom: 1em;
}

.w28-blogdetail__second__partner__content__items__item {
    display: flex;
}

.w28-blogdetail__second__partner__content__items__item__imgbox {
    width: 7em;
    min-width: 7em;
    border: 0.1em solid white;
    margin-right: 1em;
}

.w28-blogdetail__second__partner__content__items__item__imgbox__img {
    width: 100%;
}

.w28-blogdetail__second__partner__content__items__item__info__name {
    color: #e40000;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

.w28-blogdetail__second__partner__content__items__item__info__des {
    font-size: 1.3em;
}

/*ed*/
/*w28-bloglist*/
.w28-bloglist {
    width: 100%;
    padding: 2em 1em;
}

.w28-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w28-bloglist__group {
        flex-direction: column;
    }
}

.w28-bloglist__first {
    width: 67%;
}

@media only screen and (max-width: 50em) {
    .w28-bloglist__first {
        width: 100%;
    }
}

.w28-bloglist__first__heading {
    display: flex;
    flex-direction: column;
}

.w28-bloglist__first__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: max-content;
    display: block;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w28-bloglist__first__heading__des {
    width: max-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w28-bloglist__first__heading__imgbox {
    margin-bottom: 2em;
    display: inline-block;
    width: max-content;
    background-size: contain;
    background-position: center;
}

.w28-bloglist__first__heading__imgbox__img {
    width: 100%;
}

.w28-bloglist__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
}

.w28-bloglist__first__items__image {
    position: relative;
    width: 48%;
    min-width: 48%;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w28-bloglist__first__items__image {
        width: 100%;
    }
}

.w28-bloglist__first__items__image__imgbox {
    background-size: contain;
    background-position: center;
}

.w28-bloglist__first__items__image__imgbox__img {
    width: 100%;
}

.w28-bloglist__first__items__image__user {
    position: absolute;
    bottom: 1em;
    background-color: white;
    display: flex;
    align-items: center;
    padding: 0.5em 1em;
    left: 1em;
    border-radius: 0.5em;
    box-shadow: 0.1em 0.1em 1em 0.05em rgba(238, 238, 238, 0.199);
}

.w28-bloglist__first__items__image__user__imgbox {
    width: 4em;
    height: 4em;
    min-width: 4em;
    border-radius: 50%;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w28-bloglist__first__items__image__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w28-bloglist__first__items__image__user__text {
    margin-left: 1em;
    font-size: 1em;
    font-weight: 600;
    letter-spacing: 1px;
    text-transform: capitalize;
}

.w28-bloglist__first__items__content {
    width: 50%;
    min-width: 50%;
    margin-left: 2%;
}

@media only screen and (max-width: 50em) {
    .w28-bloglist__first__items__content {
        width: 100%;
        margin-left: 0;
    }
}

.w28-bloglist__first__items__content__post {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-bottom: 0.5em;
}

@media only screen and (max-width: 50em) {
    .w28-bloglist__first__items__content__post {
        margin-top: 1em;
    }
}

.w28-bloglist__first__items__content__post__cate {
    color: rgba(var(--main-color-w), 1);
    font-weight: 700;
}

.w28-bloglist__first__items__content__post__text {
    color: #626262;
    margin-left: 1em;
}

.w28-bloglist__first__items__content__main {
    font-size: 2.5em;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    line-height: 1.6em;
    display: block;
}

    .w28-bloglist__first__items__content__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w28-bloglist__first__items__content__sub {
    margin-top: 1em;
    color: #626262;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
}

.w28-bloglist__first__items__content__grbtn {
    display: inline-flex;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em;
    border-radius: 0.2em;
    margin-top: 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    cursor: pointer;
    color: white;
}

    .w28-bloglist__first__items__content__grbtn:hover {
        color: rgba(var(--second-color-w), 1);
        background-color: white;
    }

.w28-bloglist__first__items__content__grbtn__btn {
    border: none;
    outline: none;
    margin-right: 1em;
    font-weight: 600;
    cursor: pointer;
}

.w28-bloglist__first__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w28-bloglist__first__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    border: 0.1em solid #eee;
    cursor: pointer;
}

.w28-bloglist__first__paging__active {
    background-color: black;
    color: white;
}

.w28-bloglist__first__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    border: 0.1em solid #eee;
    width: 3.4em;
    padding: 1em;
    border-radius: 50%;
}

.w28-bloglist__second {
    width: 30%;
    margin-top: 4em;
}

@media only screen and (max-width: 50em) {
    .w28-bloglist__second {
        width: 100%;
    }
}

.w28-bloglist__second__search {
    display: flex;
    align-items: center;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    overflow: hidden;
}

.w28-bloglist__second__search__input {
    border: none;
    outline: none;
    margin-left: 1em;
    width: 100%;
    height: max-content;
}

.w28-bloglist__second__search__icon {
    font-size: 1.6em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    margin-left: auto;
}

.w28-bloglist__second__blog {
    margin-top: 2em;
}

.w28-bloglist__second__blog__heading__text {
    font-weight: 600;
    font-size: 1.8em;
    text-transform: capitalize;
    margin-bottom: 0.5em;
    display: block;
}

.w28-bloglist__second__blog__heading__imgbox {
    display: inline-block;
    background-size: contain;
    background-position: center;
}

.w28-bloglist__second__blog__heading__imgbox__img {
    width: 100%;
}

.w28-bloglist__second__blog__content {
    padding: 0.5em 1em;
    margin-top: 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
}

.w28-bloglist__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1.5em 0.5em;
    color: white;
    transition: all 0.2s ease;
}

    .w28-bloglist__second__blog__content__info:not(:last-child) {
        border-bottom: 0.1em solid rgba(255, 255, 255, 0.5);
    }

.w28-bloglist__second__blog__content__info__text {
    font-size: 1.3em;
    display: block;
}

.w28-bloglist__second__blog__content__info__icon {
    font-size: 1.6em;
    margin-left: auto;
    color: rgba(255, 255, 255, 0.5);
}

.w28-bloglist__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    font-weight: 600;
}

.w28-bloglist__second__blog__ads__item {
    cursor: pointer;
    background-color: white;
    width: 100%;
    position: relative;
    margin-top: 1.5em;
    margin-bottom: 1em;
}

    .w28-bloglist__second__blog__ads__item:hover .w28-bloglist__second__blog__ads__item__iconbox {
        background-color: rgba(var(--main-color-w), 1);
        opacity: 0.8;
        border: 0.3em solid white;
    }

.w28-bloglist__second__blog__ads__item__iconbox {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 50%;
    margin: auto;
    text-align: center;
    height: 10em;
    width: 10em;
    background-color: rgba(255, 255, 255, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
    transform: translateY(-50%);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w28-bloglist__second__blog__ads__item__iconbox {
        width: 5em;
        height: 5em;
    }
}

.w28-bloglist__second__blog__ads__item__iconbox__icon {
    font-size: 5em;
    color: white;
    transform: translateX(10%);
}

@media only screen and (max-width: 37.5em) {
    .w28-bloglist__second__blog__ads__item__iconbox__icon {
        font-size: 2em;
    }
}

.w28-bloglist__second__blog__ads__item__imgbox {
    position: relative;
    background-origin: content-box;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

    .w28-bloglist__second__blog__ads__item__imgbox::before {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        z-index: 1;
        background-color: rgba(0, 0, 0, 0.3);
    }

.w28-bloglist__second__blog__ads__item__imgbox__img {
    width: 100%;
}

.w28-bloglist__second__blog__ads__item__imgbox__name {
    font-size: 1.5em;
    text-align: center;
    margin: 0.5em;
    font-weight: 600;
    position: absolute;
    z-index: 3;
    display: block;
    bottom: 0;
    color: white;
    text-align: center;
    width: 100%;
    text-shadow: 0 0 0.5em white;
}

@media only screen and (max-width: 37.5em) {
    .w28-bloglist__second__blog__ads__item__imgbox__name {
        font-size: 1em;
    }
}

.w28-bloglist__second__blog__ads__name {
    font-size: 1.3em;
    margin-bottom: 1em;
    font-weight: 600;
}

.w28-bloglist__second__blog__ads__thongtin {
    cursor: pointer;
}

.w28-bloglist__second__blog__ads__thongtin__dulieu {
    display: flex;
    align-items: center;
    padding: 1em 0;
    transition: all 0.2s ease;
}

    .w28-bloglist__second__blog__ads__thongtin__dulieu:hover {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

    .w28-bloglist__second__blog__ads__thongtin__dulieu:not(:last-child) {
        border-bottom: 0.1em solid #dbdbdb;
    }

.w28-bloglist__second__blog__ads__thongtin__dulieu__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 2em;
    padding: 0.8em;
    font-size: 0.6em;
}

.w28-bloglist__second__blog__ads__thongtin__dulieu__text {
    font-size: 1.3em;
}

.w28-bloglist__second__partner {
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 1em 4em 1em;
    margin-top: 2em;
    display: block;
    position: relative;
}

    .w28-bloglist__second__partner .swiper-pagination-bullet {
        width: 3em;
        height: 0.5em;
        border-radius: 1em;
    }

.w28-bloglist__second__partner__heading__text {
    font-size: 2em;
    line-height: 1.6em;
    color: white;
    margin-bottom: 0.3em;
    font-weight: 600;
}

.w28-bloglist__second__partner__heading__imgbox {
    display: inline-block;
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
}

.w28-bloglist__second__partner__heading__imgbox__img {
    width: 100%;
}

.w28-bloglist__second__partner__content {
    overflow: hidden;
    cursor: pointer;
}

.w28-bloglist__second__partner__content__items__des {
    font-size: 1.3em;
    text-align: justify;
    color: white;
    line-height: 1.6em;
    margin-bottom: 1em;
}

.w28-bloglist__second__partner__content__items__item {
    display: flex;
}

.w28-bloglist__second__partner__content__items__item__imgbox {
    width: 7em;
    min-width: 7em;
    border: 0.1em solid white;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w28-bloglist__second__partner__content__items__item__imgbox__img {
    width: 100%;
}

.w28-bloglist__second__partner__content__items__item__info__name {
    color: #e40000;
    font-size: 1.3em;
    margin-bottom: 0.5em;
}

.w28-bloglist__second__partner__content__items__item__info__des {
    font-size: 1.3em;
}

/*ed*/
/*w28-footer*/
.w28-footer {
    width: 100%;
    background-image: url(/img/w27/bg4.jpg);
    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.w28-footer__group {
    max-width: 120em;
    margin: 0 auto;
}

.w28-footer__items {
    display: flex;
    flex-wrap: wrap;
}

.w28-footer__items__thongtin {
    width: 33.333333333333%;
    padding: 2em;
    background-color: #15507F;
    padding-top: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w28-footer__items__thongtin {
        width: 100%;
    }
}

.w28-footer__items__thongtin__imgbox {
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
}

.w28-footer__items__thongtin__imgbox__img {
    width: 100%;
}

.w28-footer__items__thongtin__des {
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
    color: white;
    margin-bottom: 2em;
}

.w28-footer__items__thongtin__contact {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
}

.w28-footer__items__thongtin__contact__iconbox {
    height: 4em;
    width: 4em;
    background-color: #e00000;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1em;
    border-radius: .3em;
    margin-right: 2em;
}

.w28-footer__items__thongtin__contact__iconbox__icon {
    font-size: 1.6em;
    color: white;
}

.w28-footer__items__thongtin__contact__giatri__name {
    color: rgba(var(--main-color-w), 1);
    margin-bottom: .5em;
    font-size: 1.3em;
    font-weight: 600;
}

.w28-footer__items__thongtin__contact__giatri__des {
    margin-bottom: .5em;
    font-size: 1.3em;
    color: white;
}

.w28-footer__items__cate {
    width: 31.3333333333%;
    padding: 1em;
    margin-left: 2%;
    padding-top: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w28-footer__items__cate {
        margin-left: 0;
        width: 100%;
        padding-top: 2em;
    }
}

.w28-footer__items__cate__heading__text {
    font-size: 2em;
    color: white;
    font-weight: 600;
    margin-bottom: .5em;
}

.w28-footer__items__cate__heading__imgbox {
    display: inline-block;
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
}

.w28-footer__items__cate__heading__imgbox__img {
    width: 100%;
}

.w28-footer__items__cate__ul__li {
    width: 100%;
    list-style: initial;
    color: white;
    margin-bottom: 1em;
    font-size: 1.3em;
    border-bottom: 0.1em solid rgba(255, 255, 255, 0.267);
    padding-bottom: 1em;
    color: white;
    cursor: pointer;
}

    .w28-footer__items__cate__ul__li:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w28-footer__items__cate__ul__li__text {
    font-weight: 600;
}

.w28-footer__items__cate__ul__li__icon {
    margin-left: auto;
    float: right;
}

.w28-footer__items__lienhe {
    width: 31.3333333333%;
    padding: 1em;
    margin-left: 2%;
    padding-top: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w28-footer__items__lienhe {
        margin-left: 0;
        width: 100%;
        padding-top: 0;
    }
}

.w28-footer__items__lienhe__heading__text {
    font-size: 2em;
    color: white;
    font-weight: 600;
    margin-bottom: .5em;
}

.w28-footer__items__lienhe__heading__imgbox {
    display: inline-block;
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
}

.w28-footer__items__lienhe__heading__imgbox__img {
    width: 100%;
}

.w28-footer__items__lienhe__list {
    display: block;
}

.w28-footer__items__lienhe__list__in {
    display: block;
    margin-top: 0.5em;
    width: 100%;
    padding: 0.5em;
    border: 0.1em solid #b9b9b9;
    outline: none;
    border-radius: .2em;
    font-size: 1.3em;
}

.w28-footer__items__lienhe__list__area {
    width: 100%;
    display: block;
    margin-top: 0.5em;
    width: 100%;
    padding: 0.5em;
    border: 0.1em solid #b9b9b9;
    outline: none;
    border-radius: .2em;
}

.w28-footer__items__lienhe__list__btn {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    width: 100%;
    border: none;
    font-weight: bolder;
    margin-top: 0.5em;
    color: white;
    font-size: 1.3em;
    text-shadow: 0 1em 2em white;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
}

    .w28-footer__items__lienhe__list__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w28-form*/
.w28-form {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w28-form__group {
    margin: 0 auto;
    max-width: 120em;
}

.w28-form__heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.w28-form__heading__text {
    font-size: 3em;
    display: block;
    width: max-content;
    text-align: center;
    font-weight: 600;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w28-form__heading__sub {
    display: block;
    width: fit-content;
    background-repeat: no-repeat;
    margin-bottom: 2em;
}

.w28-form__content {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w28-form__content {
        flex-wrap: wrap;
    }
}

.w28-form__content__explain {
    width: 30%;
    min-width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w28-form__content__explain {
        width: 100%;
    }
}

.w28-form__content__explain__text {
    font-size: 2.5em;
    margin-bottom: 0.2em;
    font-weight: 600;
}

.w28-form__content__explain__des {
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
    font-style: italic;
}

.w28-form__content__count {
    display: flex;
    align-items: center;
    width: 68%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    padding: 1em;
    justify-content: center;
    border-radius: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w28-form__content__count {
        width: 100%;
        margin-top: 1em;
        justify-content: space-between;
    }
}

.w28-form__content__count__dot {
    font-size: 4em;
    margin: 0 0.5em 0 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w28-form__content__count__dot {
        margin: 0 0.2em 0 0.2em;
    }
}

.w28-form__content__count__item {
    width: 25%;
    text-align: center;
    color: #183059;
    padding: 1em;
    height: 10em;
    width: 10em;
    min-width: 10em;
    border-radius: 50%;
}

@media only screen and (max-width: 50em) {
    .w28-form__content__count__item {
        height: 6em;
        width: 6em;
        min-width: 6em;
    }
}

.w28-form__content__count__item-d {
    border: 0.3em solid #ef2f3c;
}

.w28-form__content__count__item-h {
    border: 0.3em solid #353535;
}

.w28-form__content__count__item-m {
    border: 0.3em solid #276fbf;
}

.w28-form__content__count__item-s {
    border: 0.3em solid #f0a202;
}

.w28-form__content__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w28-form__content__count__item__number {
    display: inline-block;
    font-size: 5em;
}

@media only screen and (max-width: 68.75em) {
    .w28-form__content__count__item__number {
        font-size: 4.5em;
    }
}

@media only screen and (max-width: 50em) {
    .w28-form__content__count__item__number {
        font-size: 2em;
    }
}

.w28-form__items {
    display: flex;
    margin-top: 3em;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w28-form__items__info {
    width: 30%;
    min-width: 30%;
}

@media only screen and (max-width: 50em) {
    .w28-form__items__info {
        min-width: 50%;
        width: 50%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w28-form__items__info {
        width: 100%;
    }
}

.w28-form__items__info__title {
    font-size: 2.5em;
    color: #f00d0d;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.w28-form__items__info__box {
    padding: 2em 1em;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
    margin-top: 1em;
}

.w28-form__items__info__box__item {
    display: flex;
    align-items: flex-start;
}

    .w28-form__items__info__box__item:not(:last-child) {
        margin-bottom: 2em;
    }

.w28-form__items__info__box__item__icon {
    font-size: 1.6em;
    margin-right: 0.5em;
}

.w28-form__items__info__box__item__text {
    font-size: 1.3em;
    text-align: justify;
    line-height: 1.6em;
    margin-top: -.2em;
}

.w28-form__items__gui {
    width: 40%;
    min-width: 40%;
}

@media only screen and (max-width: 50em) {
    .w28-form__items__gui {
        min-width: 48%;
        width: 48%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w28-form__items__gui {
        width: 100%;
        margin-top: 2em;
    }
}

.w28-form__items__gui__title {
    font-size: 2.5em;
    color: #f00d0d;
    font-weight: 600;
    margin-bottom: 0.5em;
}

.w28-form__items__gui__list {
    display: block;
}

.w28-form__items__gui__list__in {
    display: block;
    margin-top: 0.5em;
    width: 100%;
    padding: 0.5em;
    border: 0.1em solid #b9b9b9;
}

.w28-form__items__gui__list__btn {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    width: 100%;
    border: none;
    font-weight: bolder;
    margin-top: 0.5em;
    color: white;
    font-size: 1.3em;
    text-shadow: 0 1em 2em white;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
}

    .w28-form__items__gui__list__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w28-form__items__imgbox {
    width: 28%;
    background-size: cover;
    border-radius: .5em;
}

@media only screen and (max-width: 50em) {
    .w28-form__items__imgbox {
        display: none;
    }
}

.w28-form__items__imgbox__img {
    width: 100%;
}

/*ed*/

/*w28-product*/
.w28-product {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w28-product__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.1);
}

    .w28-product__button:hover {
        background-color: white;
        color: black;
    }

.w28-product__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w28-product__button__icon {
    font-size: 2em;
}

.w28-product__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w28-product__group {
    margin: 0 auto;
    max-width: 120em;
    position: relative;
}

.w28-product__title {
    display: flex !important;
    text-align: center;
    align-items: center;
    position: relative;
}

    .w28-product__title::after {
        content: "";
        height: 1px;
        background-color: rgba(var(--main-color-w), 1);
        width: 100%;
        position: absolute;
        bottom: 0;
    }

.w28-product__title__link {
    font-size: 1.6em;
    width: max-content;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
    padding: 0.3em 0.5em;
    color: white;
}

.w28-product__title__link__span {
    border-top: 0.9em solid rgba(var(--main-color-w), 1);
    border-left: 0.92em solid transparent;
    border-right: 0.9em solid transparent;
    transform: rotate(-90deg) translateY(0%);
    position: absolute;
    top: 0;
    height: 100%;
    left: 100%;
}

.w28-product__title__btn {
    margin-left: auto;
    width: max-content;
    padding: 0.5em;
    border: 0.1em dashed rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: 0.1em;
}

    .w28-product__title__btn:hover {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        border-radius: 2em;
        padding: 0.5em;
        transform: scale(0.8);
    }

.w28-product__items {
    display: flex;
    margin-left: -3%;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w28-product__items {
        margin-left: -2%;
    }
}

.w28-product__items__card {
    padding: 2em 0;
    display: inline-block;
    width: 30.3333333333%;
    margin-left: 3%;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w28-product__items__card {
        width: 48%;
        margin-left: 2%;
    }
}

.w28-product__items__card__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

.w28-product__items__card__imgbox__img {
    width: 100%;
}

.w28-product__items__card__content {
    margin: 0 auto;
}

.w28-product__items__card__content__name {
    font-size: 1.2em;
    text-align: left;
    color: #a5a5a5;
}

.w28-product__items__card__content__des {
    font-weight: 600;
    font-size: 1.7em;
    color: black;
    margin-top: 0.5em;
}

.w28-product__items__card__content__price {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w28-product__items__card__content__price__mainprice {
    font-size: 1.4em;
    text-decoration: line-through;
    margin-right: 0.5em;
    padding: .5em 0;
}

.w28-product__items__card__content__price__downprice {
    font-weight: 600;
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
    padding: .5em 0;
}

.w28-product__items__card__content__feature {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    padding: 1em 0;
    color: #a5a5a5;
}

@media only screen and (max-width: 50em) {
    .w28-product__items__card__content__feature {
        flex-wrap: wrap;
        margin-top: 0;
    }
}

.w28-product__items__card__content__feature__info {
    display: flex;
    align-items: center;
}

    .w28-product__items__card__content__feature__info:not(:last-child) {
        margin-right: 3em;
    }

@media only screen and (max-width: 50em) {
    .w28-product__items__card__content__feature__info {
        margin-top: 1em;
        width: 100%;
    }
}

.w28-product__items__card__content__feature__info__icon {
    padding: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 1em;
}

.w28-product__items__card__content__feature__info__vl {
    font-size: 1.3em;
    text-align: center;
}

/*ed*/

/*w29-article*/
.w29-article {
    width: 100%;
    padding: 1em;
    background-color: white;
}

.w29-article__group {
    max-width: 120em;
    margin: 0 auto;
}

.w29-article__items {
    display: flex;
    margin-left: -1%;
    flex-wrap: wrap;
}

.w29-article__items__item {
    width: 32.333333333%;
    margin-left: 1%;
    margin-bottom: 1em;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w29-article__items__item {
        width: 49%;
    }
}

.w29-article__items__item__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-article__items__item__heading__text {
    text-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.24);
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.6em;
}

@media only screen and (max-width: 50em) {
    .w29-article__items__item__heading__text {
        width: 100%;
    }
}

.w29-article__items__item__heading__line {
    flex: 1;
    border-bottom: 0.1em dashed #c9c9c9;
}

.w29-article__items__item__heading__btn {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-article__items__item__heading__btn {
        width: 100%;
        margin-top: .5em;
    }
}

.w29-article__items__item__heading__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 0.8em;
    font-size: 1em;
}

.w29-article__items__item__heading__btn::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-article__items__item__heading__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-article__items__item__heading__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-article__items__item__content__name {
    font-size: 1.3em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.w29-article__items__item__content__info {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w29-article__items__item__content__info {
        flex-wrap: wrap;
    }
}

.w29-article__items__item__content__info__imgbox {
    width: 40%;
    min-width: 40%;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

@media only screen and (max-width: 50em) {
    .w29-article__items__item__content__info__imgbox {
        width: 100%;
        margin-right: 0;
        margin-bottom: .5em;
    }
}

.w29-article__items__item__content__info__imgbox__img {
    width: 100%;
}

.w29-article__items__item__content__info__detail__des {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-article__items__item__content__info__detail__btn {
    position: relative;
    font-size: 1.2em;
    font-style: italic;
    text-decoration: underline;
    margin-top: 0.5em;
    display: block;
}

/*ed*/
/*w29-footer*/
.w29-footer {
    width: 100%;
    background-color: #222222;
    padding: 2em 1em;
    color: white;
}

.w29-footer__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w29-footer__group {
        flex-direction: column;
    }
}

.w29-footer__brand {
    width: 19%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 50em) {
    .w29-footer__brand {
        width: 100%;
    }
}

.w29-footer__brand__thongtin__title {
    color: white;
    font-size: 1.4em;
    line-height: 1.8em;
    font-weight: 600;
    margin-top: 1em;
    text-align: justify;
}

.w29-footer__brand__thongtin__des {
    font-size: 1.3em;
    line-height: 1.8em;
    margin-top: 1em;
    color: #919191;
    text-align: justify;
}

.w29-footer__items {
    width: 19%;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w29-footer__items {
        width: 100%;
        margin-left: 0;
    }
}

.w29-footer__items__item {
    margin-top: 1em;
}

.w29-footer__items__item__title {
    color: white;
    font-size: 1.4em;
    line-height: 1.8em;
    font-weight: 600;
    margin-top: 1em;
}

.w29-footer__items__item__info {
    font-size: 1.3em;
    display: flex;
    align-items: center;
    line-height: 1.8em;
    margin-top: 0.5em;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
    color: #919191;
}

.w29-footer__items__item__info__icon {
    margin-right: 0.5em;
}

.w29-footer__items__item__info:hover {
    color: white;
}

.w29-footer__items__item__social {
    text-align: center;
    display: flex;
    margin-left: -3%;
    flex-wrap: wrap;
}

.w29-footer__items__item__social__imgbox {
    background-color: white;
    max-width: 22%;
    width: 22%;
    margin-left: 3%;
    cursor: pointer;
    border-radius: 0.5em;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
}

.w29-footer__items__item__social__imgbox__img {
    width: 100%;
}

/*ed*/
/*w29-menu*/
.w29-menu {
    width: 100%;
    background-color: black;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu {
        height: 10em;
    }
}

.w29-menu__header {
    padding: 1em 0.5em;
    width: 100%;
    background-color: white;
}

.w29-menu__header__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w29-menu__header__logobox {
    min-width: 15em;
    width: 15em;
    height: 8em;
    cursor: pointer;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__header__logobox {
        font-size: 1em !important;
    }
}

.w29-menu__header__logobox__img {
    width: 100%;
}

.w29-menu .w29-menu__list__items-nav__button {
    display: none;
}

    .w29-menu .w29-menu__list__items-nav__button .w29-menu__list-nav__icon {
        color: white !important;
        right: 0.5em;
        position: absolute;
        top: 0.5em;
        z-index: 2;
    }

.w29-menu__bg {
    position: absolute;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    content: "";
    z-index: 1;
    top: 0;
    display: none;
}

.w29-menu__list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    z-index: 1;
}

.w29-menu__list__group {
    max-width: 120em;
    margin: 0 auto;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list {
        position: static;
        z-index: 2;
        padding: 1em;
    }
}

@media only screen and (min-width: 37.5em) {
    .w29-menu__list__ab {
        position: absolute;
        z-index: 2;
        background-color: transparent;
    }
}

.w29-menu__list-nav__checkbox {
    display: none;
}

.w29-menu__list-nav__button {
    height: 2.5em;
    width: 2.5em;
    position: relative;
}

@media only screen and (min-width: 37.5em) {
    .w29-menu__list-nav__button {
        display: none;
    }
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list-nav__button {
        top: -7em;
    }
}

.w29-menu__list-nav__icon {
    font-size: 2.5em;
    color: black;
    cursor: pointer;
}

.w29-menu__list-nav__checkbox:checked ~ .w29-menu__list__items {
    left: 0;
}

.w29-menu__list-nav__checkbox:checked ~ .w29-menu__list__items-nav__button {
    display: block;
}

.w29-menu__list__items {
    background-color: black;
    list-style: none;
    display: flex;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items {
        flex-direction: column;
        position: absolute;
        top: 0;
        left: -27em;
        width: 27em;
        box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.151);
        height: 100vh;
        overflow-y: scroll;
        transition: all 0.2s;
        overflow-x: hidden;
        padding: 1em;
        background-color: white;
        color: black;
    }
}

.w29-menu__list__items-nav__checkbox {
    display: none;
}

.w29-menu__list__items-nav__button {
    padding: 1em 2em;
}

@media only screen and (min-width: 37.5em) {
    .w29-menu__list__items-nav__button {
        display: none;
    }
}

.w29-menu__list__items-nav__icon {
    font-size: 2.5em;
}

.w29-menu__list__items__item {
    cursor: pointer;
    margin-right: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__item {
        position: relative;
    }
}

.w29-menu__list__items__item__content {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    padding: 1.5em;
    position: relative;
}

.w29-menu__list__items__item__content__text {
    font-size: 1.5em;
    font-weight: 600;
    text-transform: uppercase;
    white-space: nowrap;
}

.w29-menu__list__items__item__content__span {
    width: 0%;
    height: 0.2em;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: 0.3em;
    left: 0;
}

.w29-menu__list__items__item__content__icon {
    margin-left: 0.5em;
    margin-top: 0.1em;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__item__content__icon {
        float: right;
        margin-left: auto;
    }
}

.w29-menu__list__items__item__content:hover {
    color: white;
}

    .w29-menu__list__items__item__content:hover .w29-menu__list__items__item__content__span {
        width: 100%;
        background-color: rgba(var(--main-color-w), 1);
        height: calc(100% - 0.75em);
        z-index: -1;
    }

    .w29-menu__list__items__item__content:hover .w29-menu__list__items__item__content__icon {
        transform: rotate(180deg);
    }

.w29-menu__list__items__item:hover .w29-menu__list__items__drop-1 {
    left: 0;
    transition: all 0.2s;
    visibility: visible;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__item:hover .w29-menu__list__items__drop-1 {
        position: relative;
    }
}

.w29-menu__list__items__drop-1__item:hover .w29-menu__list__items__drop-2 {
    visibility: visible;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-1__item:hover .w29-menu__list__items__drop-2 {
        position: relative;
    }
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-1__item:hover .w29-menu__list__items__drop-2 {
        left: 0;
        top: 0;
    }
}

.w29-menu__list__items__drop-1 {
    list-style: none;
    position: absolute;
    left: 0;
    top: 4.5em;
    display: flex;
    visibility: hidden;
    background-color: white;
    box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.151);
    padding: 1em;
    z-index: 1;
    width: 120em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-1 {
        flex-direction: column;
        top: 0;
        left: 27em;
        width: 100%;
        margin-bottom: 1em;
    }
}

.w29-menu__list__items__drop-1-col {
    width: 20em;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-1-col {
        max-width: 20em;
        width: auto;
    }
}

.w29-menu__list__items__drop-1__item {
    position: relative;
    min-width: 8em;
}

.w29-menu__list__items__drop-1__item__content {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: 100%;
    padding: 1em 1em 1em 0;
}

.w29-menu__list__items__drop-1__item__content__text {
    font-size: 1.4em;
    text-transform: capitalize;
    font-weight: 500;
    color: black;
    z-index: 1;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-1__item__content {
        width: 100%;
        position: relative;
        height: auto;
        margin-top: 0;
    }
}

.w29-menu__list__items__drop-1__item__content__icon {
    margin-right: 1em;
    font-size: 0.6em;
    color: black;
    margin-left: 0.5em;
}

.w29-menu__list__items__drop-1__item__content__icon--1 {
    color: black;
    margin-left: auto;
    font-size: 1.2em;
}

.w29-menu__list__items__drop-1__item__content__span {
    width: 0%;
    height: 0.2em;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.w29-menu__list__items__drop-1__item__content:hover .w29-menu__list__items__drop-1__item__content__icon {
    color: white;
}

.w29-menu__list__items__drop-1__item__content:hover .w29-menu__list__items__drop-1__item__content__icon--1 {
    transform: rotate(90deg);
    color: white;
    transition: all 0.2s ease;
}

.w29-menu__list__items__drop-1__item__content:hover .w29-menu__list__items__drop-1__item__content__text {
    color: white;
}

.w29-menu__list__items__drop-1__item__content:hover .w29-menu__list__items__drop-1__item__content__span {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w29-menu__list__items__drop-2 {
    list-style: none;
    position: absolute;
    left: 20em;
    top: 0;
    display: flex;
    visibility: hidden;
    background-color: white;
    box-shadow: 0.1em 0.1em 0.3em rgba(0, 0, 0, 0.151);
    padding: 1em;
    z-index: 2;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-2 {
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 27em;
        width: 100%;
    }
}

.w29-menu__list__items__drop-2-col {
    width: 20em;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-2-col {
        max-width: 18em;
        width: auto;
    }
}

.w29-menu__list__items__drop-2__item {
    position: relative;
    min-width: 8em;
}

.w29-menu__list__items__drop-2__item__content {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    width: 100%;
    padding: 1em 1em 1em 0;
}

.w29-menu__list__items__drop-2__item__content__text {
    font-size: 1.4em;
    text-transform: capitalize;
    font-weight: 500;
    color: black;
    z-index: 1;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__items__drop-2__item__content {
        width: 100%;
        position: relative;
        height: auto;
        margin-top: 0;
    }
}

.w29-menu__list__items__drop-2__item__content__icon {
    margin-right: 1em;
    font-size: 0.6em;
    color: black;
    margin-left: 0.5em;
}

.w29-menu__list__items__drop-2__item__content__icon--1 {
    color: black;
    margin-left: auto;
    font-size: 1.2em;
}

.w29-menu__list__items__drop-2__item__content__span {
    width: 0%;
    height: 0.2em;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: 0;
    z-index: -1;
}

.w29-menu__list__items__drop-2__item__content:hover .w29-menu__list__items__drop-2__item__content__icon {
    color: white;
}

.w29-menu__list__items__drop-2__item__content:hover .w29-menu__list__items__drop-2__item__content__icon--1 {
    transform: rotate(90deg);
    color: white;
}

.w29-menu__list__items__drop-2__item__content:hover .w29-menu__list__items__drop-2__item__content__text {
    color: white;
}

.w29-menu__list__items__drop-2__item__content:hover .w29-menu__list__items__drop-2__item__content__span {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w29-menu__list__user {
    display: flex;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w29-menu__list__user {
        top: -7em;
        color: black;
    }
}

.w29-menu__list__user__icon {
    font-size: 2em;
    margin-left: 2em;
    cursor: pointer;
}

.w29-menu__nav-checkbox-search {
    display: none;
}

    .w29-menu__nav-checkbox-search:checked ~ .w29-menu__search {
        visibility: visible;
        top: 0;
    }

.w29-menu__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white !important;
    padding: 4em;
    color: #757575;
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w29-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w29-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
}

.w29-menu__search__content__title__icon {
    font-size: 1.5em;
    background: none;
    border: none;
    cursor: pointer;
}

.w29-menu__search__content__title__checkbox {
    cursor: pointer;
}

.w29-menu__search__content__input {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    width: 100%;
    border-bottom: 0.2em solid #f5f5f5 !important;
}

.w29-menu__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
    color: black;
    width: 100%;
    font-family: "SVN-Sofia Pro Light";
}

    .w29-menu__search__content__input__text::-webkit-input-placeholder {
        color: black;
    }

    .w29-menu__search__content__input__text:focus {
        outline: none;
    }

.w29-menu__search__content__input__icon {
    cursor: pointer;
    font-size: 3em;
}

/*ed*/
/*w29-productdetail*/
.w29-productdetail {
    position: relative;
    width: 100%;
    padding: 2em 1em;
}

    .w29-productdetail .w29-productdetail__first__review {
        padding: 0;
    }

.w29-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w29-productdetail__main {
    display: flex;
    flex-wrap: wrap;
}

.w29-productdetail__main__first {
    width: 74%;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__first {
        width: 100%;
    }
}

.w29-productdetail__main__first__info {
    display: flex;
    flex-wrap: wrap;
}

.w29-productdetail__main__first__info__sanpham {
    width: 50%;
    height: max-content;
    margin-bottom: 3em;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__first__info__sanpham {
        width: 100%;
    }
}

.w29-productdetail__main__first__info__sanpham__productimg {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
}

    .w29-productdetail__main__first__info__sanpham__productimg .swiper-button-next {
        color: rgba(var(--main-color-w), 1);
    }

    .w29-productdetail__main__first__info__sanpham__productimg .swiper-button-prev {
        color: rgba(var(--main-color-w), 1);
    }

.w29-productdetail__main__first__info__sanpham__productimg__imgbox {
    width: 50%;
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__first__info__sanpham__productimg__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__first__info__sanpham__pre {
    width: 100%;
    display: flex;
    margin-top: 2em;
    overflow: hidden;
}

.w29-productdetail__main__first__info__sanpham__pre__imgbox {
    width: 32.333333333333333% !important;
    background-color: transparent;
    border: none;
    margin-right: 1% !important;
    cursor: pointer;
    outline: 0.1em solid #f2f2f2;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__first__info__sanpham__pre__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__first__info__content {
    padding: 0 1em;
    width: 50%;
    font-size: 1.2em;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__first__info__content {
        width: 100%;
    }
}

.w29-productdetail__main__first__info__content__name {
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: bolder;
    display: block;
}

.w29-productdetail__main__first__info__content__dg {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    padding: 1em 0;
}

.w29-productdetail__main__first__info__content__dg__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w29-productdetail__main__first__info__content__dg__stars {
    display: flex;
    align-items: center;
    margin-right: 0.5em;
    gap: 0.5em;
    cursor: pointer;
}

.w29-productdetail__main__first__info__content__dg__stars__star {
    color: gold;
}

.w29-productdetail__main__first__info__content__giam {
    display: flex;
}

.w29-productdetail__main__first__info__content__giam__text {
    min-width: 20%;
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w29-productdetail__main__first__info__content__giam__imgbox {
    max-width: 5em;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__first__info__content__giam__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__first__info__content__deliver {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
    padding: 0.5em 1em;
    border: 0.15em solid rgba(255, 0, 0, 0.877);
    border-radius: 2em;
    width: max-content;
}

.w29-productdetail__main__first__info__content__deliver__icon {
    color: rgba(255, 0, 0, 0.877);
    font-size: 2em;
    margin-right: 0.5em;
}

.w29-productdetail__main__first__info__content__deliver__text {
    font-size: 1em;
    font-weight: 600;
}

.w29-productdetail__main__first__info__content__kichco {
    display: flex;
    margin-top: 2em;
}

.w29-productdetail__main__first__info__content__kichco__name {
    font-size: 1.3em;
    min-width: 5em;
}

.w29-productdetail__main__first__info__content__kichco__detail {
    cursor: pointer;
}

    .w29-productdetail__main__first__info__content__kichco__detail .active {
        background-color: black;
        font-weight: 600;
        color: white;
    }

.w29-productdetail__main__first__info__content__kichco__detail__text {
    font-size: 1.3em;
    margin-bottom: 0.5em;
    display: block;
    width: max-content;
    padding: 0.3em 0.5em;
    border-radius: 2em;
}

    .w29-productdetail__main__first__info__content__kichco__detail__text:hover {
        border: 0.1em solid black;
    }

.w29-productdetail__main__first__info__content__form {
    align-items: center;
    background-color: rgba(255, 0, 0, 0.856);
    border-radius: 0.5em;
    justify-content: space-between;
    padding: 1em;
}

.w29-productdetail__main__first__info__content__form__name {
    color: white;
    font-size: 1.2em;
    line-height: 1.6em;
}

.w29-productdetail__main__first__info__content__form__gui {
    background-color: white;
    border-radius: 2em;
    overflow: hidden;
    display: flex;
    width: 100%;
    margin-top: 0.5em;
}

.w29-productdetail__main__first__info__content__form__gui__in {
    border: none;
    outline: none;
    padding-left: 1em;
    width: 100%;
}

.w29-productdetail__main__first__info__content__form__gui__btn {
    border: none;
    outline: none;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    color: white;
    font-weight: 600;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1.2em;
}

.w29-productdetail__main__first__info__content__price {
    display: flex;
    align-items: center;
    padding: 1em 0;
}

.w29-productdetail__main__first__info__content__price__main {
    font-size: 2.5em;
    font-weight: bolder;
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
}

.w29-productdetail__main__first__info__content__price__count {
    margin-left: auto;
}

.w29-productdetail__main__first__info__content__price__count__sub {
    font-size: 1.3em;
    display: block;
    font-weight: 600;
}

.w29-productdetail__main__first__info__content__price__count__des {
    font-size: 1.3em;
    display: block;
    font-weight: 600;
    margin-top: 0.5em;
}

.w29-productdetail__main__first__info__content__des {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    display: block;
}

.w29-productdetail__main__first__info__content__tt {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 0.5em 0;
}

.w29-productdetail__main__first__info__content__soluong {
    display: flex;
    align-items: center;
}

.w29-productdetail__main__first__info__content__soluong__sl {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    margin-right: 1em;
}

.w29-productdetail__main__first__info__content__soluong__action {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w29-productdetail__main__first__info__content__soluong__action__icon {
    border: 0.1em solid #f2f2f2;
    padding: 0.75em 0.8em;
    cursor: pointer;
}

.w29-productdetail__main__first__info__content__soluong__action__number {
    border: 0.1em solid #f2f2f2;
    width: 3em;
    height: 2.4em;
    border-right: none;
    border-left: none;
    outline: none;
    text-align: center;
}

.w29-productdetail__main__first__info__content__grbtn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-productdetail__main__first__info__content__grbtn__btn {
    width: 49%;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    margin-top: 1em;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__first__info__content__grbtn__btn {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-productdetail__main__first__info__content__grbtn__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w29-productdetail__main__first__info__content__grbtn__btn__icon {
    color: white;
    font-size: 2em;
    margin-right: 0.5em;
    z-index: 2;
}

.w29-productdetail__main__first__info__content__grbtn__btn::after {
    position: absolute;
    content: "";
    right: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
    backface-visibility: hidden;
}

.w29-productdetail__main__first__info__content__grbtn__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-productdetail__main__first__info__content__grbtn__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-productdetail__main__first__info__content__locate {
    border: .1em solid black;
    padding: 1em 1em 1em 1em;
    margin-top: 3em;
    position: relative;
}

.w29-productdetail__main__first__info__content__locate__name {
    font-weight: 600;
    top: 0;
    transform: translate(-50%, -50%);
    background-color: white;
    left: 50%;
    text-align: center;
    width: max-content;
    font-size: 1.4em;
    position: absolute;
    padding: 0 1em;
}

.w29-productdetail__main__first__info__content__locate__items__item {
    display: flex;
    align-items: center;
    margin-top: .5em;
}

.w29-productdetail__main__first__info__content__locate__items__item__icon {
    margin-right: 1em;
    color: black;
}

.w29-productdetail__main__first__info__content__locate__items__item__text {
    font-size: 1em;
}

.w29-productdetail__main__first__social {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w29-productdetail__main__first__social__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    margin-right: 1em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__first__social__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__first__splq__text {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    padding: 0.5em;
}

    .w29-productdetail__main__first__splq__text::after {
        content: "";
        height: 0.1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w29-productdetail__main__first__splq__items__item {
    margin-top: 1em;
    text-align: center;
}

.w29-productdetail__main__first__splq__items__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__first__splq__items__item__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__first__splq__items__item__name {
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.w29-productdetail__main__first__splq__items__item__price {
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    font-weight: 800;
    font-size: 1.6em;
}

.w29-productdetail__main__first__content {
    margin-top: 2em;
}

.w29-productdetail__main__first__content__review {
    display: none;
    padding: 2em;
}

.w29-productdetail__main__first__content__review__first {
    width: 100%;
}

.w29-productdetail__main__first__content__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w29-productdetail__main__first__content__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__first__content__review__first__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__first__content__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w29-productdetail__main__first__content__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w29-productdetail__main__first__content__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w29-productdetail__main__first__content__review__first__comment__head__user__date {
    color: #777;
}

.w29-productdetail__main__first__content__review__first__comment__star__icon {
    color: #f93;
}

.w29-productdetail__main__first__content__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w29-productdetail__main__first__content__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w29-productdetail__main__first__content__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w29-productdetail__main__first__content__review__second__title {
    font-weight: 300;
}

.w29-productdetail__main__first__content__review__second__textrate {
    margin-top: 2em;
}

.w29-productdetail__main__first__content__review__second__textreview {
    margin-top: 1em;
}

.w29-productdetail__main__first__content__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w29-productdetail__main__first__content__review__second__star {
    display: flex;
    align-items: center;
}

.w29-productdetail__main__first__content__review__second__star__items {
    margin-left: 1em;
}

.w29-productdetail__main__first__content__review__second__star__items__icon {
    color: darkgray;
}

.w29-productdetail__main__first__content__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w29-productdetail__main__first__content__review__second__textform__name {
    width: 48%;
    display: block;
}

.w29-productdetail__main__first__content__review__second__textform__name__info {
    font-weight: 300;
}

.w29-productdetail__main__first__content__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w29-productdetail__main__first__content__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w29-productdetail__main__first__content__review__second__button:hover {
        filter: brightness(0.8);
    }

.w29-productdetail__main__first__content__tab {
    display: flex;
    align-items: center;
}

    .w29-productdetail__main__first__content__tab .active {
        background-color: rgba(var(--main-color-w), 1);
        border-bottom: none;
        color: white;
    }

.w29-productdetail__main__first__content__tab__mt {
    padding: 1em;
    border: 0.1em solid #f2f2f2;
    background-color: white;
    text-align: center;
    cursor: pointer;
    font-size: 1.2em;
}

.w29-productdetail__main__first__content__text {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w29-productdetail__main__first__content__content {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w29-productdetail__main__first__buymany {
    margin-top: 2em;
}

.w29-productdetail__main__first__buymany__table {
    border-collapse: collapse;
    width: 100%;
}

    .w29-productdetail__main__first__buymany__table td,
    .w29-productdetail__main__first__buymany__table th {
        border: 1px solid #dddddd;
        padding: 0.5em;
        font-size: 1.2em;
    }

.w29-productdetail__main__first__buymany__table__sl {
    width: 10%;
}

.w29-productdetail__main__first__buymany__table__quan {
    display: flex;
    align-items: center;
}

.w29-productdetail__main__first__buymany__table__quan__in {
    width: 4em;
    padding: 1em;
    border: none;
    outline: none;
    background-color: #f3f3f3;
    text-align: center;
}

.w29-productdetail__main__first__buymany__table__quan__ope {
    display: flex;
    flex-direction: column;
    background-color: #e4e4e4;
    margin-left: 0.2em;
}

.w29-productdetail__main__first__buymany__table__quan__ope__icon {
    padding: 0.5em;
    cursor: pointer;
}

.w29-productdetail__main__first__buymany__table__action {
    width: 10%;
    text-align: center;
    justify-content: center;
}

.w29-productdetail__main__first__buymany__table__cart {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    font-size: 1.5em;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w29-productdetail__main__first__buymany__table__cart:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w29-productdetail__main__second {
    width: 25%;
    margin-left: 1%;
    max-width: 29%;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__second {
        width: 100%;
        max-width: 100%;
    }
}

.w29-productdetail__main__second__items {
    border: .1em solid black;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__second__items {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 37.5em) {
    .w29-productdetail__main__second__items {
        display: block;
    }
}

.w29-productdetail__main__second__items__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__second__items__name {
        width: 100%;
        margin-top: .5em;
    }
}

.w29-productdetail__main__second__items__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-productdetail__main__second__items__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-productdetail__main__second__items__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-productdetail__main__second__items__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-productdetail__main__second__items__item {
    padding: 1em;
    display: flex;
    border-bottom: 0.1em dashed #cecece;
    align-items: center;
}

.w29-productdetail__main__second__items__item__imgbox {
    width: 7em;
    min-width: 7em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__second__items__item__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__second__items__item__tt__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w29-productdetail__main__second__items__item__tt__sub {
    margin-top: 0.5em;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-productdetail__main__second__dm {
    margin-top: 1em;
}

.w29-productdetail__main__second__dm__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-productdetail__main__second__dm__name {
        width: 100%;
        margin-top: .5em;
    }
}

.w29-productdetail__main__second__dm__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-productdetail__main__second__dm__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-productdetail__main__second__dm__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-productdetail__main__second__dm__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-productdetail__main__second__dm__content {
    list-style: none;
    font-size: 1.4em;
}

.w29-productdetail__main__second__dm__content__child {
    cursor: pointer;
    padding: 0.5em;
}

.w29-productdetail__main__second__dm__content__child__checkbox {
    display: none;
}

.w29-productdetail__main__second__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-productdetail__main__second__dm__content__child__cate__text {
    transition: all 0.2s ease;
}

    .w29-productdetail__main__second__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productdetail__main__second__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-productdetail__main__second__dm__content__child__checkbox:checked ~ .w29-productdetail__main__second__dm__content__drop {
    display: block;
}

.w29-productdetail__main__second__dm__content__drop {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-productdetail__main__second__dm__content__drop__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-productdetail__main__second__dm__content__drop__child__checkbox {
    display: none;
}

.w29-productdetail__main__second__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-productdetail__main__second__dm__content__drop__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productdetail__main__second__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productdetail__main__second__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-productdetail__main__second__dm__content__drop__child__checkbox:checked ~ .w29-productdetail__main__second__dm__content__drop-1 {
    display: block;
}

.w29-productdetail__main__second__dm__content__drop-1 {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-productdetail__main__second__dm__content__drop-1__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-productdetail__main__second__dm__content__drop-1__child__checkbox {
    display: none;
}

.w29-productdetail__main__second__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-productdetail__main__second__dm__content__drop-1__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productdetail__main__second__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productdetail__main__second__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-productdetail__main__second__sp {
    margin-top: 2em;
}

.w29-productdetail__main__second__sp__cl {
    margin-top: 1em;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
    padding: 1em;
}

.w29-productdetail__main__second__sp__cl__imgbox {
    width: 40%;
    height: 10em;
    min-width: 40%;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__main__second__sp__cl__imgbox__img {
    width: 100%;
}

.w29-productdetail__main__second__sp__cl__info {
    margin-left: 1em;
}

.w29-productdetail__main__second__sp__cl__info__name {
    font-weight: 600;
    font-size: 1.4em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productdetail__main__second__sp__cl__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productdetail__main__second__sp__cl__info__stars {
    margin-top: 0.5em;
    font-size: 1.3em;
}

.w29-productdetail__main__second__sp__cl__info__stars__star {
    color: orange;
}

.w29-productdetail__main__second__sp__cl__info__mainprice {
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 800;
}

.w29-productdetail__main__second__sp__cl__info__subprice {
    margin-top: 0.5em;
    font-size: 1.2em;
    text-decoration: line-through;
}

.w29-productdetail__spdx__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    padding: 0.5em;
    margin-top: 1em;
    padding-bottom: 2em;
}

    .w29-productdetail__spdx__title::after {
        content: "";
        height: 0.1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w29-productdetail__spdx__item {
    margin-top: 1em;
}

.w29-productdetail__spdx__item__imgbox {
    height: 15em;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__spdx__item__imgbox__img {
    width: 100%;
}

.w29-productdetail__popup {
    position: fixed;
    top: 10em;
    z-index: 10;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    background-color: white;
    width: 60em;
    opacity: 1 !important;
}

.w29-productdetail__popup__head {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
}

.w29-productdetail__popup__head__link {
    color: tomato;
    line-height: 1.7em;
}

.w29-productdetail__popup__head__text {
    line-height: 1.7em;
}

.w29-productdetail__popup__text {
    font-size: 1.4em;
    font-weight: 600;
    padding: 1em;
}

.w29-productdetail__popup__table__tbl {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.w29-productdetail__popup__table__tbl__sp {
    width: 50%;
    min-width: 50%;
}

.w29-productdetail__popup__table__tbl td,
.w29-productdetail__popup__table__tbl th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.w29-productdetail__popup__table__tbl th {
    font-size: 1.1em;
    background: #e4e4e4;
}

.w29-productdetail__popup__table__tbl__sl {
    width: 10%;
}

.w29-productdetail__popup__table__tbl__cart {
    display: flex;
}

.w29-productdetail__popup__table__tbl__cart__imgbox {
    width: 25%;
    border: 0.1em solid #ebebeb;
    height: max-content;
    height: 7em;
    min-width: 25%;
    background-size: contain;
    background-position: center;
}

.w29-productdetail__popup__table__tbl__cart__imgbox__img {
    width: 100%;
    height: 100%;
}

.w29-productdetail__popup__table__tbl__cart__info {
    margin-left: 2%;
    width: 73%;
}

.w29-productdetail__popup__table__tbl__cart__info__name {
    font-weight: 600;
    display: block;
    line-height: 1.6em;
    font-size: 1.1em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productdetail__popup__table__tbl__cart__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productdetail__popup__table__tbl__cart__info__bsp {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
    cursor: pointer;
}

.w29-productdetail__popup__table__tbl__cart__info__bsp__icon-1 {
    color: orangered;
}

.w29-productdetail__popup__table__tbl__cart__info__bsp__text {
    margin-left: 1em;
}

.w29-productdetail__popup__table__tbl__vl {
    font-weight: 600;
}

.w29-productdetail__popup__table__tbl__quan {
    display: flex;
}

.w29-productdetail__popup__table__tbl__quan__icon {
    padding: 1em;
    border: 0.1em solid #e4e4e4;
    cursor: pointer;
}

.w29-productdetail__popup__table__tbl__quan__in {
    width: 2.2em;
    border: 0.1em solid #e4e4e4;
    outline: none;
    border-left: none;
    border-right: none;
    text-align: center;
}

.w29-productdetail__popup__tong {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    margin: 1em 0;
    font-size: 1.2em;
}

.w29-productdetail__popup__tong__ttml {
    transition: all 0.2s ease;
    cursor: pointer;
}

.w29-productdetail__popup__tong__ttml__text:hover {
    text-decoration: underline;
}

.w29-productdetail__popup__tong__thanhtien {
    font-weight: 800;
}

.w29-productdetail__popup__tong__thanhtien__vl {
    color: rgba(var(--main-color-w), 1);
}

.w29-productdetail__popup__btn {
    text-align: center;
    width: 98%;
    display: block;
    margin: 0 auto;
    padding: 0.5em;
    font-size: 1.4em;
    background: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    margin-bottom: 1em;
    border-radius: 0.2em;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w29-productdetail__popup__btn:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
    }

.w29-productdetail__popup__exicon {
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -0.7em;
    height: 1.5em;
    width: 1.5em;
    right: -0.7em;
    font-size: 1.5em;
    padding: 0.5em;
    cursor: pointer;
    background: black;
    border: none;
    outline: none;
}

.w29-productdetail__popup__exicon__icon {
    color: white;
    backface-visibility: hidden;
}

.w29-productdetail__overlay {
    width: 100%;
    background-color: black;
    opacity: 0.5;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    filter: brightness(50%);
}

/*ed*/
/*w29-product*/
.w29-product {
    width: 100%;
    padding: 1em;
    background-color: white;
}

.w29-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w29-product__heading {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

.w29-product__heading__text {
    text-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.24);
    font-size: 2em;
    font-weight: 600;
    line-height: 1.6em;
}

.w29-product__heading__line {
    flex: 1;
    height: 0.2em;
    background-color: #c9c9c9;
}

.w29-product__heading__btn {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

.w29-product__heading__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
}

.w29-product__heading__btn::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-product__heading__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-product__heading__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-product__items {
    display: flex;
    margin-left: -1%;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.w29-product__items__item {
    width: 32.33333333333333333%;
    margin-left: 1%;
    margin-top: 2em;
    padding: .2em;
}

@media only screen and (max-width: 50em) {
    .w29-product__items__item {
        width: 49%;
    }
}

.w29-product__items__item__imgbox {
    margin-bottom: 1em;
    background-size: contain;
    background-position: center;
}

.w29-product__items__item__imgbox__img {
    width: 100%;
}

.w29-product__items__item__info__text {
    font-size: 1.6em;
    margin-bottom: 0.5em;
    font-weight: bolder;
}

.w29-product__items__item__info__des {
    margin-bottom: 1em;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-product__items__item__info__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-product__items__item__info__price__down {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 2em;
    width: 49%;
}

@media only screen and (max-width: 50em) {
    .w29-product__items__item__info__price__down {
        width: 100%;
    }
}

.w29-product__items__item__info__price__main {
    font-size: 1.8em;
    font-weight: 600;
    margin-left: auto;
    display: inline-block;
    width: 49%;
    text-align: right;
    text-decoration: line-through;
}

@media only screen and (max-width: 50em) {
    .w29-product__items__item__info__price__main {
        width: 100%;
        margin-top: .5em;
        margin-bottom: .5em;
    }
}

.w29-product__items__item__grbtn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-product__items__item__grbtn__btn {
    width: 49%;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    margin-top: 2em;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w29-product__items__item__grbtn__btn {
        width: 100%;
        margin-top: .5em;
    }
}

.w29-product__items__item__grbtn__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w29-product__items__item__grbtn__btn__icon {
    color: white;
    font-size: 2em;
    margin-right: .5em;
    z-index: 2;
}

.w29-product__items__item__grbtn__btn::after {
    position: absolute;
    content: "";
    right: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
    backface-visibility: hidden;
}

.w29-product__items__item__grbtn__btn:hover::after {
    max-width: 20em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-product__items__item__grbtn__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

/*ed*/
/*w29-productlist*/
.w29-productlist {
    position: relative;
    width: 100%;
    padding: 2em 1em;
}

    .w29-productlist .w29-productlist__first__review {
        padding: 0;
    }

.w29-productlist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w29-productlist__main {
    display: flex;
    flex-wrap: wrap;
}

.w29-productlist__main__first {
    width: 74%;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__first {
        width: 100%;
    }
}

.w29-productlist__main__first__heading {
    display: flex;
    align-items: center;
}

.w29-productlist__main__first__heading__text {
    text-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.24);
    font-size: 2em;
    font-weight: 600;
    line-height: 1.6em;
}

.w29-productlist__main__first__heading__line {
    flex: 1;
    border-bottom: 0.1em dashed black;
    margin-left: 0.5em;
}

.w29-productlist__main__first__heading__btn {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

.w29-productlist__main__first__heading__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
}

.w29-productlist__main__first__heading__btn::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-productlist__main__first__heading__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-productlist__main__first__heading__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-productlist__main__first__items {
    display: flex;
    margin-left: -1%;
    flex-wrap: wrap;
}

.w29-productlist__main__first__items__item {
    width: 32.33333333333333333%;
    margin-left: 1%;
    margin-top: 2em;
    padding: 0.2em;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__first__items__item {
        width: 49%;
    }
}

.w29-productlist__main__first__items__item__imgbox {
    margin-bottom: 1em;
    background-size: contain;
    background-position: center;
}

.w29-productlist__main__first__items__item__imgbox__img {
    width: 100%;
}

.w29-productlist__main__first__items__item__info__text {
    font-size: 1.6em;
    margin-bottom: 0.5em;
    font-weight: bolder;
}

.w29-productlist__main__first__items__item__info__des {
    margin-bottom: 1em;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-productlist__main__first__items__item__info__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-productlist__main__first__items__item__info__price__down {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 2em;
    width: 49%;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__first__items__item__info__price__down {
        width: 100%;
    }
}

.w29-productlist__main__first__items__item__info__price__main {
    font-size: 1.8em;
    font-weight: 600;
    margin-left: auto;
    display: inline-block;
    width: 49%;
    text-align: right;
    text-decoration: line-through;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__first__items__item__info__price__main {
        width: 100%;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
}

.w29-productlist__main__first__items__item__grbtn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-productlist__main__first__items__item__grbtn__btn {
    width: 49%;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    margin-top: 2em;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__first__items__item__grbtn__btn {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-productlist__main__first__items__item__grbtn__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w29-productlist__main__first__items__item__grbtn__btn__icon {
    color: white;
    font-size: 2em;
    margin-right: 0.5em;
    z-index: 2;
}

.w29-productlist__main__first__items__item__grbtn__btn::after {
    position: absolute;
    content: "";
    right: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
    backface-visibility: hidden;
}

.w29-productlist__main__first__items__item__grbtn__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-productlist__main__first__items__item__grbtn__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-productlist__main__second {
    width: 25%;
    margin-left: 1%;
    max-width: 29%;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__second {
        width: 100%;
        max-width: 100%;
    }
}

.w29-productlist__main__second__items {
    border: 0.1em solid black;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__second__items {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 37.5em) {
    .w29-productlist__main__second__items {
        display: block;
    }
}

.w29-productlist__main__second__items__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__second__items__name {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-productlist__main__second__items__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-productlist__main__second__items__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-productlist__main__second__items__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-productlist__main__second__items__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-productlist__main__second__items__item {
    padding: 1em;
    display: flex;
    border-bottom: 0.1em dashed #cecece;
    align-items: center;
}

.w29-productlist__main__second__items__item__imgbox {
    width: 7em;
    min-width: 7em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w29-productlist__main__second__items__item__imgbox__img {
    width: 100%;
}

.w29-productlist__main__second__items__item__tt__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w29-productlist__main__second__items__item__tt__sub {
    margin-top: 0.5em;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-productlist__main__second__dm {
    margin-top: 1em;
}

.w29-productlist__main__second__dm__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-productlist__main__second__dm__name {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-productlist__main__second__dm__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-productlist__main__second__dm__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-productlist__main__second__dm__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-productlist__main__second__dm__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-productlist__main__second__dm__content {
    list-style: none;
    font-size: 1.4em;
}

.w29-productlist__main__second__dm__content__child {
    cursor: pointer;
    padding: 0.5em;
}

.w29-productlist__main__second__dm__content__child__checkbox {
    display: none;
}

.w29-productlist__main__second__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-productlist__main__second__dm__content__child__cate__text {
    transition: all 0.2s ease;
}

    .w29-productlist__main__second__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productlist__main__second__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-productlist__main__second__dm__content__child__checkbox:checked ~ .w29-productlist__main__second__dm__content__drop {
    display: block;
}

.w29-productlist__main__second__dm__content__drop {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-productlist__main__second__dm__content__drop__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-productlist__main__second__dm__content__drop__child__checkbox {
    display: none;
}

.w29-productlist__main__second__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-productlist__main__second__dm__content__drop__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productlist__main__second__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productlist__main__second__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-productlist__main__second__dm__content__drop__child__checkbox:checked ~ .w29-productlist__main__second__dm__content__drop-1 {
    display: block;
}

.w29-productlist__main__second__dm__content__drop-1 {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-productlist__main__second__dm__content__drop-1__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-productlist__main__second__dm__content__drop-1__child__checkbox {
    display: none;
}

.w29-productlist__main__second__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-productlist__main__second__dm__content__drop-1__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productlist__main__second__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productlist__main__second__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-productlist__main__second__sp {
    margin-top: 2em;
}

.w29-productlist__main__second__sp__cl {
    margin-top: 1em;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
    padding: 1em;
}

.w29-productlist__main__second__sp__cl__imgbox {
    width: 40%;
    height: 10em;
    min-width: 40%;
    background-size: contain;
    background-position: center;
}

.w29-productlist__main__second__sp__cl__imgbox__img {
    width: 100%;
}

.w29-productlist__main__second__sp__cl__info {
    margin-left: 1em;
}

.w29-productlist__main__second__sp__cl__info__name {
    font-weight: 600;
    font-size: 1.4em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productlist__main__second__sp__cl__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productlist__main__second__sp__cl__info__stars {
    margin-top: 0.5em;
    font-size: 1.3em;
}

.w29-productlist__main__second__sp__cl__info__stars__star {
    color: orange;
}

.w29-productlist__main__second__sp__cl__info__mainprice {
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 800;
}

.w29-productlist__main__second__sp__cl__info__subprice {
    margin-top: 0.5em;
    font-size: 1.2em;
    text-decoration: line-through;
}

.w29-productlist__spdx__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    padding: 0.5em;
    margin-top: 1em;
    padding-bottom: 2em;
}

    .w29-productlist__spdx__title::after {
        content: "";
        height: 0.1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w29-productlist__spdx__item {
    margin-top: 1em;
}

.w29-productlist__spdx__item__imgbox {
    height: 15em;
    background-size: contain;
    background-position: center;
}

.w29-productlist__spdx__item__imgbox__img {
    width: 100%;
}

.w29-productlist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w29-productlist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    background-color: black;
    color: white;
}

    .w29-productlist__paging__items:hover {
        color: black;
        background-color: white;
        border: .1em solid black;
    }

.w29-productlist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w29-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    background-color: black;
    color: white;
    padding: .8em;
}

.w29-productlist__paging__pre__text {
    font-size: 1.2em;
}

.w29-productlist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w29-productlist__paging__pre:hover {
    color: black;
    background-color: white;
    border: .1em solid black;
}

.w29-productlist__popup {
    position: fixed;
    top: 10em;
    z-index: 10;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    background-color: white;
    width: 60em;
    opacity: 1 !important;
}

.w29-productlist__popup__head {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
}

.w29-productlist__popup__head__link {
    color: tomato;
    line-height: 1.7em;
}

.w29-productlist__popup__head__text {
    line-height: 1.7em;
}

.w29-productlist__popup__text {
    font-size: 1.4em;
    font-weight: 600;
    padding: 1em;
}

.w29-productlist__popup__table__tbl {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.w29-productlist__popup__table__tbl__sp {
    width: 50%;
    min-width: 50%;
}

.w29-productlist__popup__table__tbl td,
.w29-productlist__popup__table__tbl th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.w29-productlist__popup__table__tbl th {
    font-size: 1.1em;
    background: #e4e4e4;
}

.w29-productlist__popup__table__tbl__sl {
    width: 10%;
}

.w29-productlist__popup__table__tbl__cart {
    display: flex;
}

.w29-productlist__popup__table__tbl__cart__imgbox {
    width: 25%;
    border: 0.1em solid #ebebeb;
    height: max-content;
    height: 7em;
    min-width: 25%;
    background-size: contain;
    background-position: center;
}

.w29-productlist__popup__table__tbl__cart__imgbox__img {
    width: 100%;
    height: 100%;
}

.w29-productlist__popup__table__tbl__cart__info {
    margin-left: 2%;
    width: 73%;
}

.w29-productlist__popup__table__tbl__cart__info__name {
    font-weight: 600;
    display: block;
    line-height: 1.6em;
    font-size: 1.1em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-productlist__popup__table__tbl__cart__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-productlist__popup__table__tbl__cart__info__bsp {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
    cursor: pointer;
}

.w29-productlist__popup__table__tbl__cart__info__bsp__icon-1 {
    color: orangered;
}

.w29-productlist__popup__table__tbl__cart__info__bsp__text {
    margin-left: 1em;
}

.w29-productlist__popup__table__tbl__vl {
    font-weight: 600;
}

.w29-productlist__popup__table__tbl__quan {
    display: flex;
}

.w29-productlist__popup__table__tbl__quan__icon {
    padding: 1em;
    border: 0.1em solid #e4e4e4;
    cursor: pointer;
}

.w29-productlist__popup__table__tbl__quan__in {
    width: 2.2em;
    border: 0.1em solid #e4e4e4;
    outline: none;
    border-left: none;
    border-right: none;
    text-align: center;
}

.w29-productlist__popup__tong {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    margin: 1em 0;
    font-size: 1.2em;
}

.w29-productlist__popup__tong__ttml {
    transition: all 0.2s ease;
    cursor: pointer;
}

.w29-productlist__popup__tong__ttml__text:hover {
    text-decoration: underline;
}

.w29-productlist__popup__tong__thanhtien {
    font-weight: 800;
}

.w29-productlist__popup__tong__thanhtien__vl {
    color: rgba(var(--main-color-w), 1);
}

.w29-productlist__popup__btn {
    text-align: center;
    width: 98%;
    display: block;
    margin: 0 auto;
    padding: 0.5em;
    font-size: 1.4em;
    background: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    margin-bottom: 1em;
    border-radius: 0.2em;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w29-productlist__popup__btn:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
    }

.w29-productlist__popup__exicon {
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -0.7em;
    height: 1.5em;
    width: 1.5em;
    right: -0.7em;
    font-size: 1.5em;
    padding: 0.5em;
    cursor: pointer;
    background: black;
    border: none;
    outline: none;
}

.w29-productlist__popup__exicon__icon {
    color: white;
    backface-visibility: hidden;
}

.w29-productlist__overlay {
    width: 100%;
    background-color: black;
    opacity: 0.5;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    filter: brightness(50%);
}

/*ed*/
/*w29-bloglist*/
.w29-bloglist {
    position: relative;
    width: 100%;
    padding: 2em 1em;
}

    .w29-bloglist .w29-blogdetail__first__review {
        padding: 0;
    }

.w29-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w29-bloglist__main {
    display: flex;
    flex-wrap: wrap;
}

.w29-bloglist__main__first {
    width: 74%;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__first {
        width: 100%;
    }
}

.w29-bloglist__main__first__heading {
    display: flex;
    align-items: center;
}

.w29-bloglist__main__first__heading__text {
    text-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.24);
    font-size: 2em;
    font-weight: 600;
    line-height: 1.6em;
}

.w29-bloglist__main__first__heading__line {
    flex: 1;
    border-bottom: 0.1em dashed black;
    margin-left: 0.5em;
}

.w29-bloglist__main__first__heading__btn {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

.w29-bloglist__main__first__heading__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
}

.w29-bloglist__main__first__heading__btn::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-bloglist__main__first__heading__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-bloglist__main__first__heading__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-bloglist__main__first__item {
    margin-bottom: 2em;
    margin-top: 2em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__first__item {
        margin-left: -2%;
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__first__item__content {
        width: 48%;
        margin-left: 2%;
    }
}

.w29-bloglist__main__first__item__content__name {
    font-size: 2em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    margin-bottom: 0.5em;
}

.w29-bloglist__main__first__item__content__info {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__first__item__content__info {
        flex-wrap: wrap;
    }
}

.w29-bloglist__main__first__item__content__info__imgbox {
    width: 30%;
    min-width: 30%;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__first__item__content__info__imgbox {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0.5em;
    }
}

.w29-bloglist__main__first__item__content__info__imgbox__img {
    width: 100%;
}

.w29-bloglist__main__first__item__content__info__detail__des {
    font-size: 1.6em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-bloglist__main__first__item__content__info__detail__btn {
    position: relative;
    font-size: 1.6em;
    font-style: italic;
    text-decoration: underline;
    margin-top: 1em;
    display: block;
    cursor: pointer;
}

.w29-bloglist__main__second {
    width: 25%;
    margin-left: 1%;
    max-width: 29%;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__second {
        width: 100%;
        max-width: 100%;
    }
}

.w29-bloglist__main__second__items {
    border: 0.1em solid black;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__second__items {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__second__items {
        display: block;
    }
}

.w29-bloglist__main__second__items__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__second__items__name {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-bloglist__main__second__items__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-bloglist__main__second__items__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-bloglist__main__second__items__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-bloglist__main__second__items__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-bloglist__main__second__items__item {
    padding: 1em;
    display: flex;
    border-bottom: 0.1em dashed #cecece;
    align-items: center;
}

.w29-bloglist__main__second__items__item__imgbox {
    width: 7em;
    min-width: 7em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w29-bloglist__main__second__items__item__imgbox__img {
    width: 100%;
}

.w29-bloglist__main__second__items__item__tt__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w29-bloglist__main__second__items__item__tt__sub {
    margin-top: 0.5em;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-bloglist__main__second__dm {
    margin-top: 1em;
}

.w29-bloglist__main__second__dm__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-bloglist__main__second__dm__name {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-bloglist__main__second__dm__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-bloglist__main__second__dm__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-bloglist__main__second__dm__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-bloglist__main__second__dm__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-bloglist__main__second__dm__content {
    list-style: none;
    font-size: 1.4em;
}

.w29-bloglist__main__second__dm__content__child {
    cursor: pointer;
    padding: 0.5em;
}

.w29-bloglist__main__second__dm__content__child__checkbox {
    display: none;
}

.w29-bloglist__main__second__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-bloglist__main__second__dm__content__child__cate__text {
    transition: all 0.2s ease;
}

    .w29-bloglist__main__second__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-bloglist__main__second__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-bloglist__main__second__dm__content__child__checkbox:checked ~ .w29-bloglist__main__second__dm__content__drop {
    display: block;
}

.w29-bloglist__main__second__dm__content__drop {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-bloglist__main__second__dm__content__drop__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-bloglist__main__second__dm__content__drop__child__checkbox {
    display: none;
}

.w29-bloglist__main__second__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-bloglist__main__second__dm__content__drop__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-bloglist__main__second__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-bloglist__main__second__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-bloglist__main__second__dm__content__drop__child__checkbox:checked ~ .w29-bloglist__main__second__dm__content__drop-1 {
    display: block;
}

.w29-bloglist__main__second__dm__content__drop-1 {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-bloglist__main__second__dm__content__drop-1__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-bloglist__main__second__dm__content__drop-1__child__checkbox {
    display: none;
}

.w29-bloglist__main__second__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-bloglist__main__second__dm__content__drop-1__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-bloglist__main__second__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-bloglist__main__second__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-bloglist__main__second__sp {
    margin-top: 2em;
}

.w29-bloglist__main__second__sp__cl {
    margin-top: 1em;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
    padding: 1em;
}

.w29-bloglist__main__second__sp__cl__imgbox {
    width: 40%;
    height: 10em;
    min-width: 40%;
    background-size: contain;
    background-position: center;
}

.w29-bloglist__main__second__sp__cl__imgbox__img {
    width: 100%;
}

.w29-bloglist__main__second__sp__cl__info {
    margin-left: 1em;
}

.w29-bloglist__main__second__sp__cl__info__name {
    font-weight: 600;
    font-size: 1.4em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-bloglist__main__second__sp__cl__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-bloglist__main__second__sp__cl__info__stars {
    margin-top: 0.5em;
    font-size: 1.3em;
}

.w29-bloglist__main__second__sp__cl__info__stars__star {
    color: orange;
}

.w29-bloglist__main__second__sp__cl__info__mainprice {
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 800;
}

.w29-bloglist__main__second__sp__cl__info__subprice {
    margin-top: 0.5em;
    font-size: 1.2em;
    text-decoration: line-through;
}

.w29-bloglist__spdx__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    padding: 0.5em;
    margin-top: 1em;
    padding-bottom: 2em;
}

    .w29-bloglist__spdx__title::after {
        content: "";
        height: 0.1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w29-bloglist__spdx__item {
    margin-top: 1em;
}

.w29-bloglist__spdx__item__imgbox {
    height: 15em;
    background-size: contain;
    background-position: center;
}

.w29-bloglist__spdx__item__imgbox__img {
    width: 100%;
}

.w29-bloglist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w29-bloglist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    background-color: black;
    color: white;
}

    .w29-bloglist__paging__items:hover {
        color: black;
        background-color: white;
        border: 0.1em solid black;
    }

.w29-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w29-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    background-color: black;
    color: white;
    padding: 0.8em;
}

.w29-bloglist__paging__pre__text {
    font-size: 1.2em;
}

.w29-bloglist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w29-bloglist__paging__pre:hover {
    color: black;
    background-color: white;
    border: 0.1em solid black;
}

.w29-bloglist__popup {
    position: fixed;
    top: 10em;
    z-index: 10;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    background-color: white;
    width: 60em;
    opacity: 1 !important;
}

.w29-bloglist__popup__head {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
}

.w29-bloglist__popup__head__link {
    color: tomato;
    line-height: 1.7em;
}

.w29-bloglist__popup__head__text {
    line-height: 1.7em;
}

.w29-bloglist__popup__text {
    font-size: 1.4em;
    font-weight: 600;
    padding: 1em;
}

.w29-bloglist__popup__table__tbl {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.w29-bloglist__popup__table__tbl__sp {
    width: 50%;
    min-width: 50%;
}

.w29-bloglist__popup__table__tbl td,
.w29-bloglist__popup__table__tbl th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.w29-bloglist__popup__table__tbl th {
    font-size: 1.1em;
    background: #e4e4e4;
}

.w29-bloglist__popup__table__tbl__sl {
    width: 10%;
}

.w29-bloglist__popup__table__tbl__cart {
    display: flex;
}

.w29-bloglist__popup__table__tbl__cart__imgbox {
    width: 25%;
    border: 0.1em solid #ebebeb;
    height: max-content;
    height: 7em;
    min-width: 25%;
    background-size: contain;
    background-position: center;
}

.w29-bloglist__popup__table__tbl__cart__imgbox__img {
    width: 100%;
    height: 100%;
}

.w29-bloglist__popup__table__tbl__cart__info {
    margin-left: 2%;
    width: 73%;
}

.w29-bloglist__popup__table__tbl__cart__info__name {
    font-weight: 600;
    display: block;
    line-height: 1.6em;
    font-size: 1.1em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-bloglist__popup__table__tbl__cart__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-bloglist__popup__table__tbl__cart__info__bsp {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
    cursor: pointer;
}

.w29-bloglist__popup__table__tbl__cart__info__bsp__icon-1 {
    color: orangered;
}

.w29-bloglist__popup__table__tbl__cart__info__bsp__text {
    margin-left: 1em;
}

.w29-bloglist__popup__table__tbl__vl {
    font-weight: 600;
}

.w29-bloglist__popup__table__tbl__quan {
    display: flex;
}

.w29-bloglist__popup__table__tbl__quan__icon {
    padding: 1em;
    border: 0.1em solid #e4e4e4;
    cursor: pointer;
}

.w29-bloglist__popup__table__tbl__quan__in {
    width: 2.2em;
    border: 0.1em solid #e4e4e4;
    outline: none;
    border-left: none;
    border-right: none;
    text-align: center;
}

.w29-bloglist__popup__tong {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    margin: 1em 0;
    font-size: 1.2em;
}

.w29-bloglist__popup__tong__ttml {
    transition: all 0.2s ease;
    cursor: pointer;
}

.w29-bloglist__popup__tong__ttml__text:hover {
    text-decoration: underline;
}

.w29-bloglist__popup__tong__thanhtien {
    font-weight: 800;
}

.w29-bloglist__popup__tong__thanhtien__vl {
    color: rgba(var(--main-color-w), 1);
}

.w29-bloglist__popup__btn {
    text-align: center;
    width: 98%;
    display: block;
    margin: 0 auto;
    padding: 0.5em;
    font-size: 1.4em;
    background: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    margin-bottom: 1em;
    border-radius: 0.2em;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w29-bloglist__popup__btn:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
    }

.w29-bloglist__popup__exicon {
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -0.7em;
    height: 1.5em;
    width: 1.5em;
    right: -0.7em;
    font-size: 1.5em;
    padding: 0.5em;
    cursor: pointer;
    background: black;
    border: none;
    outline: none;
}

.w29-bloglist__popup__exicon__icon {
    color: white;
    backface-visibility: hidden;
}

.w29-bloglist__overlay {
    width: 100%;
    background-color: black;
    opacity: 0.5;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    filter: brightness(50%);
}

/*ed*/
/*w29-blogdetail*/
.w29-blogdetail {
    position: relative;
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

    .w29-blogdetail .w29-blogdetail__first__review {
        padding: 0;
    }

.w29-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w29-blogdetail__main {
    display: flex;
    flex-wrap: wrap;
}

.w29-blogdetail__main__first {
    width: 74%;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__first {
        width: 100%;
    }
}

.w29-blogdetail__main__first__heading {
    display: flex;
    align-items: center;
}

.w29-blogdetail__main__first__heading__text {
    text-shadow: 0 0.5em 1em rgba(0, 0, 0, 0.24);
    font-size: 2em;
    font-weight: 600;
    line-height: 1.6em;
}

.w29-blogdetail__main__first__heading__line {
    flex: 1;
    border-bottom: 0.1em dashed black;
    margin-left: 0.5em;
}

.w29-blogdetail__main__first__heading__btn {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

.w29-blogdetail__main__first__heading__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
}

.w29-blogdetail__main__first__heading__btn::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-blogdetail__main__first__heading__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-blogdetail__main__first__heading__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-blogdetail__main__first__items {
    display: flex;
    margin-left: -1%;
    flex-wrap: wrap;
}

.w29-blogdetail__main__first__items__item {
    width: 32.33333333333333333%;
    margin-left: 1%;
    margin-top: 2em;
    padding: 0.2em;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__first__items__item {
        width: 49%;
    }
}

.w29-blogdetail__main__first__items__item__imgbox {
    margin-bottom: 1em;
    background-size: contain;
    background-position: center;
}

.w29-blogdetail__main__first__items__item__imgbox__img {
    width: 100%;
}

.w29-blogdetail__main__first__items__item__info__text {
    font-size: 1.6em;
    margin-bottom: 0.5em;
    font-weight: bolder;
}

.w29-blogdetail__main__first__items__item__info__des {
    margin-bottom: 1em;
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-blogdetail__main__first__items__item__info__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-blogdetail__main__first__items__item__info__price__down {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 2em;
    width: 49%;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__first__items__item__info__price__down {
        width: 100%;
    }
}

.w29-blogdetail__main__first__items__item__info__price__main {
    font-size: 1.8em;
    font-weight: 600;
    margin-left: auto;
    display: inline-block;
    width: 49%;
    text-align: right;
    text-decoration: line-through;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__first__items__item__info__price__main {
        width: 100%;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
    }
}

.w29-blogdetail__main__first__items__item__grbtn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w29-blogdetail__main__first__items__item__grbtn__btn {
    width: 49%;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    margin-top: 2em;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__first__items__item__grbtn__btn {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-blogdetail__main__first__items__item__grbtn__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w29-blogdetail__main__first__items__item__grbtn__btn__icon {
    color: white;
    font-size: 2em;
    margin-right: 0.5em;
    z-index: 2;
}

.w29-blogdetail__main__first__items__item__grbtn__btn::after {
    position: absolute;
    content: "";
    right: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
    backface-visibility: hidden;
}

.w29-blogdetail__main__first__items__item__grbtn__btn:hover::after {
    max-width: 60em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-blogdetail__main__first__items__item__grbtn__btn:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-blogdetail__main__first__review {
    padding: 2em;
}

.w29-blogdetail__main__first__review__first {
    width: 100%;
}

.w29-blogdetail__main__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w29-blogdetail__main__first__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w29-blogdetail__main__first__review__first__imgbox__img {
    width: 100%;
}

.w29-blogdetail__main__first__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w29-blogdetail__main__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w29-blogdetail__main__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w29-blogdetail__main__first__review__first__comment__head__user__date {
    color: #777;
}

.w29-blogdetail__main__first__review__first__comment__star__icon {
    color: #f93;
}

.w29-blogdetail__main__first__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w29-blogdetail__main__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w29-blogdetail__main__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w29-blogdetail__main__first__review__second__title {
    font-weight: 300;
}

.w29-blogdetail__main__first__review__second__textrate {
    margin-top: 2em;
}

.w29-blogdetail__main__first__review__second__textreview {
    margin-top: 1em;
}

.w29-blogdetail__main__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w29-blogdetail__main__first__review__second__star {
    display: flex;
    align-items: center;
}

.w29-blogdetail__main__first__review__second__star__items {
    margin-left: 1em;
}

.w29-blogdetail__main__first__review__second__star__items__icon {
    color: darkgray;
}

.w29-blogdetail__main__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w29-blogdetail__main__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w29-blogdetail__main__first__review__second__textform__name__info {
    font-weight: 300;
}

.w29-blogdetail__main__first__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w29-blogdetail__main__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w29-blogdetail__main__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w29-blogdetail__main__second {
    width: 25%;
    margin-left: 1%;
    max-width: 29%;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__second {
        width: 100%;
        max-width: 100%;
    }
}

.w29-blogdetail__main__second__items {
    border: 0.1em solid black;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__second__items {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width: 37.5em) {
    .w29-blogdetail__main__second__items {
        display: block;
    }
}

.w29-blogdetail__main__second__items__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__second__items__name {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-blogdetail__main__second__items__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-blogdetail__main__second__items__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-blogdetail__main__second__items__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-blogdetail__main__second__items__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-blogdetail__main__second__items__item {
    padding: 1em;
    display: flex;
    border-bottom: 0.1em dashed #cecece;
    align-items: center;
}

.w29-blogdetail__main__second__items__item__imgbox {
    width: 7em;
    min-width: 7em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w29-blogdetail__main__second__items__item__imgbox__img {
    width: 100%;
}

.w29-blogdetail__main__second__items__item__tt__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w29-blogdetail__main__second__items__item__tt__sub {
    margin-top: 0.5em;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
}

.w29-blogdetail__main__second__dm {
    margin-top: 1em;
}

.w29-blogdetail__main__second__dm__name {
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: black;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 50em) {
    .w29-blogdetail__main__second__dm__name {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w29-blogdetail__main__second__dm__name__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: center;
}

.w29-blogdetail__main__second__dm__name::after {
    position: absolute;
    content: "";
    left: 0;
    height: 50%;
    top: 0;
    background-color: rgba(var(--main-color-w), 1);
    max-width: 0.5em;
    width: 100%;
    transform: translateY(50%);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
}

.w29-blogdetail__main__second__dm__name:hover::after {
    max-width: 50em;
    width: 100%;
    height: 100%;
    transform: none;
    border: 0.1em solid white;
}

.w29-blogdetail__main__second__dm__name:hover {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.37);
    transform: translate(-0.2em, -0.2em);
}

.w29-blogdetail__main__second__dm__content {
    list-style: none;
    font-size: 1.4em;
}

.w29-blogdetail__main__second__dm__content__child {
    cursor: pointer;
    padding: 0.5em;
}

.w29-blogdetail__main__second__dm__content__child__checkbox {
    display: none;
}

.w29-blogdetail__main__second__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-blogdetail__main__second__dm__content__child__cate__text {
    transition: all 0.2s ease;
}

    .w29-blogdetail__main__second__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-blogdetail__main__second__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-blogdetail__main__second__dm__content__child__checkbox:checked ~ .w29-blogdetail__main__second__dm__content__drop {
    display: block;
}

.w29-blogdetail__main__second__dm__content__drop {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-blogdetail__main__second__dm__content__drop__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-blogdetail__main__second__dm__content__drop__child__checkbox {
    display: none;
}

.w29-blogdetail__main__second__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-blogdetail__main__second__dm__content__drop__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-blogdetail__main__second__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-blogdetail__main__second__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-blogdetail__main__second__dm__content__drop__child__checkbox:checked ~ .w29-blogdetail__main__second__dm__content__drop-1 {
    display: block;
}

.w29-blogdetail__main__second__dm__content__drop-1 {
    list-style: none;
    display: none;
    margin-top: 0.5em;
}

.w29-blogdetail__main__second__dm__content__drop-1__child {
    font-size: 1em;
    cursor: pointer;
    padding: 0.5em;
}

.w29-blogdetail__main__second__dm__content__drop-1__child__checkbox {
    display: none;
}

.w29-blogdetail__main__second__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w29-blogdetail__main__second__dm__content__drop-1__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-blogdetail__main__second__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-blogdetail__main__second__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w29-blogdetail__main__second__sp {
    margin-top: 2em;
}

.w29-blogdetail__main__second__sp__cl {
    margin-top: 1em;
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
    padding: 1em;
}

.w29-blogdetail__main__second__sp__cl__imgbox {
    width: 40%;
    height: 10em;
    min-width: 40%;
    background-size: contain;
    background-position: center;
}

.w29-blogdetail__main__second__sp__cl__imgbox__img {
    width: 100%;
}

.w29-blogdetail__main__second__sp__cl__info {
    margin-left: 1em;
}

.w29-blogdetail__main__second__sp__cl__info__name {
    font-weight: 600;
    font-size: 1.4em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-blogdetail__main__second__sp__cl__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-blogdetail__main__second__sp__cl__info__stars {
    margin-top: 0.5em;
    font-size: 1.3em;
}

.w29-blogdetail__main__second__sp__cl__info__stars__star {
    color: orange;
}

.w29-blogdetail__main__second__sp__cl__info__mainprice {
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 800;
}

.w29-blogdetail__main__second__sp__cl__info__subprice {
    margin-top: 0.5em;
    font-size: 1.2em;
    text-decoration: line-through;
}

.w29-blogdetail__spdx__title {
    text-align: center;
    font-weight: 600;
    font-size: 2.5em;
    position: relative;
    border-bottom: 0.1em solid #f2f2f2;
    padding: 0.5em;
    margin-top: 1em;
    padding-bottom: 2em;
}

    .w29-blogdetail__spdx__title::after {
        content: "";
        height: 0.1em;
        width: 3em;
        top: 2.2em;
        position: absolute;
        bottom: 0;
        background-color: rgba(var(--main-color-w), 1);
        left: 50%;
        transform: translateX(-50%);
    }

.w29-blogdetail__spdx__item {
    margin-top: 1em;
}

.w29-blogdetail__spdx__item__imgbox {
    height: 15em;
    background-size: contain;
    background-position: center;
}

.w29-blogdetail__spdx__item__imgbox__item {
    width: 100%;
}

.w29-blogdetail__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w29-blogdetail__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    background-color: black;
    color: white;
}

    .w29-blogdetail__paging__items:hover {
        color: black;
        background-color: white;
        border: .1em solid black;
    }

.w29-blogdetail__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w29-blogdetail__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    background-color: black;
    color: white;
    padding: .8em;
}

.w29-blogdetail__paging__pre__text {
    font-size: 1.2em;
}

.w29-blogdetail__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w29-blogdetail__paging__pre:hover {
    color: black;
    background-color: white;
    border: .1em solid black;
}

.w29-blogdetail__popup {
    position: fixed;
    top: 10em;
    z-index: 10;
    left: 50%;
    display: none;
    transform: translateX(-50%);
    background-color: white;
    width: 60em;
    opacity: 1 !important;
}

.w29-blogdetail__popup__head {
    background: rgba(var(--main-color-w), 1);
    padding: 1em;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
}

.w29-blogdetail__popup__head__link {
    color: tomato;
    line-height: 1.7em;
}

.w29-blogdetail__popup__head__text {
    line-height: 1.7em;
}

.w29-blogdetail__popup__text {
    font-size: 1.4em;
    font-weight: 600;
    padding: 1em;
}

.w29-blogdetail__popup__table__tbl {
    border-collapse: collapse;
    width: 100%;
    border: none;
}

.w29-blogdetail__popup__table__tbl__sp {
    width: 50%;
    min-width: 50%;
}

.w29-blogdetail__popup__table__tbl td,
.w29-blogdetail__popup__table__tbl th {
    border: 1px solid #dddddd;
    text-align: left;
    padding: 8px;
}

.w29-blogdetail__popup__table__tbl th {
    font-size: 1.1em;
    background: #e4e4e4;
}

.w29-blogdetail__popup__table__tbl__sl {
    width: 10%;
}

.w29-blogdetail__popup__table__tbl__cart {
    display: flex;
}

.w29-blogdetail__popup__table__tbl__cart__imgbox {
    width: 25%;
    border: 0.1em solid #ebebeb;
    height: max-content;
    height: 7em;
    min-width: 25%;
    background-size: contain;
    background-position: center;
}

.w29-blogdetail__popup__table__tbl__cart__imgbox__img {
    width: 100%;
    height: 100%;
}

.w29-blogdetail__popup__table__tbl__cart__info {
    margin-left: 2%;
    width: 73%;
}

.w29-blogdetail__popup__table__tbl__cart__info__name {
    font-weight: 600;
    display: block;
    line-height: 1.6em;
    font-size: 1.1em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w29-blogdetail__popup__table__tbl__cart__info__name:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w29-blogdetail__popup__table__tbl__cart__info__bsp {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
    cursor: pointer;
}

.w29-blogdetail__popup__table__tbl__cart__info__bsp__icon-1 {
    color: orangered;
}

.w29-blogdetail__popup__table__tbl__cart__info__bsp__text {
    margin-left: 1em;
}

.w29-blogdetail__popup__table__tbl__vl {
    font-weight: 600;
}

.w29-blogdetail__popup__table__tbl__quan {
    display: flex;
}

.w29-blogdetail__popup__table__tbl__quan__icon {
    padding: 1em;
    border: 0.1em solid #e4e4e4;
    cursor: pointer;
}

.w29-blogdetail__popup__table__tbl__quan__in {
    width: 2.2em;
    border: 0.1em solid #e4e4e4;
    outline: none;
    border-left: none;
    border-right: none;
    text-align: center;
}

.w29-blogdetail__popup__tong {
    display: flex;
    justify-content: space-between;
    padding: 1em;
    margin: 1em 0;
    font-size: 1.2em;
}

.w29-blogdetail__popup__tong__ttml {
    transition: all 0.2s ease;
    cursor: pointer;
}

.w29-blogdetail__popup__tong__ttml__text:hover {
    text-decoration: underline;
}

.w29-blogdetail__popup__tong__thanhtien {
    font-weight: 800;
}

.w29-blogdetail__popup__tong__thanhtien__vl {
    color: rgba(var(--main-color-w), 1);
}

.w29-blogdetail__popup__btn {
    text-align: center;
    width: 98%;
    display: block;
    margin: 0 auto;
    padding: 0.5em;
    font-size: 1.4em;
    background: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    color: white;
    font-weight: 600;
    margin-bottom: 1em;
    border-radius: 0.2em;
    cursor: pointer;
    transition: all 0.2s ease;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w29-blogdetail__popup__btn:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
    }

.w29-blogdetail__popup__exicon {
    backface-visibility: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: -0.7em;
    height: 1.5em;
    width: 1.5em;
    right: -0.7em;
    font-size: 1.5em;
    padding: 0.5em;
    cursor: pointer;
    background: black;
    border: none;
    outline: none;
}

.w29-blogdetail__popup__exicon__icon {
    color: white;
    backface-visibility: hidden;
}

.w29-blogdetail__overlay {
    width: 100%;
    background-color: black;
    opacity: 0.5;
    position: absolute;
    z-index: 5;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
    filter: brightness(50%);
}

/*ed*/
/*w29-video-1*/
.w29-video-1 {
    width: 100%;
    padding: 1em;
    background-color: white;
}

.w29-video-1__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w29-video-1__heading {
    text-align: center;
    display: block;
}

.w29-video-1__heading__main {
    font-weight: 600;
    font-size: 3em;
    line-height: 1.6em;
    display: block;
    margin: 0 auto;
    width: fit-content;
    max-width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w29-video-1__heading__main {
        font-size: 2.1em;
    }
}

.w29-video-1__heading__line {
    margin-top: 2em;
    border-bottom: 0.2em solid rgba(var(--main-color-w), 1);
    width: 15em;
    display: inline-block;
}

.w29-video-1__heading__sub {
    display: block;
    margin: 0 auto;
    width: fit-content;
    max-width: 100%;
    margin-top: 2em;
    font-weight: 300;
    font-size: 1.5em;
    line-height: 1.8em;
}

@media only screen and (max-width: 37.5em) {
    .w29-video-1__heading__sub {
        font-size: 1.4em;
    }
}

.w29-video-1__item {
    display: flex;
    margin-top: 2em;
    flex-wrap: wrap;
    margin-left: -1%;
}

@media only screen and (max-width: 37.5em) {
    .w29-video-1__item {
        flex-direction: column;
        padding-left: 0;
    }
}

.w29-video-1__item__card {
    margin-bottom: 1em;
    width: 32.333333333333%;
    margin-left: 1%;
    text-align: center;
    border: 0.2em solid #eee;
    border-radius: 1em;
    overflow: hidden;
    padding-bottom: 1em;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w29-video-1__item__card {
        width: 90%;
        margin: 1em auto;
    }
}

.w29-video-1__item__card__ifbox {
    width: 100%;
}

    .w29-video-1__item__card__ifbox iframe {
        width: 100%;
        min-height: 25em;
    }

.w29-video-1__item__card__name {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 600;
}

.w29-video-1__item__card__date {
    font-weight: 300;
    font-size: 1.3em;
    margin-top: 1em;
}

.w29-video-1__item__card__para {
    margin-top: 2em;
    font-size: 1.4em;
    font-weight: 300;
    padding: 0.5em;
}

.w29-video-1__item__card__btn {
    margin-top: 3em;
    padding: 1em 2em;
    border-radius: 2em;
    background-color: transparent;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    font-weight: 600;
    cursor: pointer;
    font-size: 1.4em;
    transition: all 0.2s;
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
}

    .w29-video-1__item__card__btn:hover {
        color: white;
        background-color: rgba(var(--second-color-w), 1);
    }

/*ed*/
/*w29-video-2*/
.w29-video-2 {
    width: 100%;
    padding: 1em;
    background-color: white;
}

.w29-video-2__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w29-video-2__heading {
    display: block;
}

.w29-video-2__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: .5em;
    max-width: 100%;
}

.w29-video-2__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: .5em;
    max-width: 100%;
}

.w29-video-2__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w29-video-2__heading__imgbox__img {
    margin: 0 auto;
    width: 100%;
}

.w29-video-2__ifbox {
    margin: 0 auto;
    width: 65%;
}

@media only screen and (max-width: 56.25em) {
    .w29-video-2__ifbox {
        width: 90%;
    }
}

.w29-video-2__ifbox iframe {
    width: 100%;
    height: 40em;
}

.w29-video-2__info {
    margin-top: 2em;
    text-align: center;
}

.w29-video-2__info__text {
    font-weight: 600;
    font-size: 3em;
    text-decoration: underline;
}

    .w29-video-2__info__text::after {
        content: "";
        width: 2em;
        height: .05em;
        background-color: black;
        position: relative;
        display: block;
        margin: 1em auto;
    }

    .w29-video-2__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all .2s;
    }

.w29-video-2__info__link {
    display: block;
    color: var(--text-color-w);
    margin-top: 1em;
}

/*ed*/

/*w29-video-4*/
.w29-video-4 {
    width: 100%;
    padding: 1em 0.5em;
    background-color: black;
    color: white;
}

.w29-video-4__group {
    max-width: 120em;
    margin: 0 auto;
}

.w29-video-4__heading {
    text-align: center;
}

.w29-video-4__heading__main {
    font-weight: 600;
    font-size: 3em;
}

    .w29-video-4__heading__main::before {
        content: "";
        width: 3em;
        height: 0.05em;
        background-color: white;
        position: relative;
        display: inline-block;
        left: 0;
        top: -0.3em;
    }

@media only screen and (max-width: 37.5em) {
    .w29-video-4__heading__main::before {
        width: 1em;
    }
}

.w29-video-4__heading__main::after {
    content: "";
    width: 3em;
    height: 0.05em;
    background-color: white;
    position: relative;
    display: inline-block;
    left: 0;
    top: -0.3em;
}

@media only screen and (max-width: 37.5em) {
    .w29-video-4__heading__main::after {
        width: 1em;
    }
}

.w29-video-4__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-left: -1%;
}

@media only screen and (max-width: 37.5em) {
    .w29-video-4__items {
        justify-content: center;
    }
}

.w29-video-4__items__item {
    width: 24%;
    margin-left: 1%;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 37.5em) {
    .w29-video-4__items__item {
        width: 49%;
    }
}

.w29-video-4__items__item__image {
    position: relative;
}

.w29-video-4__items__item__image__ifbox {
    margin-top: 2em;
    width: 100%;
}

    .w29-video-4__items__item__image__ifbox iframe {
        width: 100%;
        height: 100%;
    }

.w29-video-4__items__item__image__cate {
    text-transform: uppercase;
    font-size: 1.4em;
    text-decoration: underline;
    font-weight: 300;
    position: absolute;
    bottom: 1em;
    left: 1em;
    font-weight: 600;
    color: white;
    font-style: italic;
}

.w29-video-4__items__item__info {
    display: flex;
    flex-direction: column;
    margin-top: 1em;
}

.w29-video-4__items__item__info__text {
    margin-top: 0.5em;
    font-weight: 600;
    font-size: 2em;
    text-transform: capitalize;
}

    .w29-video-4__items__item__info__text:hover {
        text-decoration: underline;
        color: rgba(var(--second-color-w), 1);
        transition: all 0.2s;
    }

.w29-video-4__items__item__info__time {
    margin-top: 1em;
    color: #777;
}

/*ed*/
/*w29-video-5*/
.w29-video-5 {
    width: 100%;
    padding: 1em 0;
    background-color: white;
}

.w29-video-5__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w29-video-5__heading {
    display: block;
}

.w29-video-5__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w29-video-5__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w29-video-5__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 3em;
}

.w29-video-5__heading__imgbox__img {
    margin: 0 auto;
}

.w29-video-5__tin {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-5__tin {
        flex-direction: column;
    }
}

.w29-video-5__tin__first {
    width: 48%;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-5__tin__first {
        width: 100%;
        padding: 1em;
    }
}

.w29-video-5__tin__first__card__ifbox {
    width: 100%;
}

    .w29-video-5__tin__first__card__ifbox iframe {
        width: 100%;
        height: 40em;
    }

.w29-video-5__tin__first__card__content {
    bottom: 2em;
    color: black;
}

.w29-video-5__tin__first__card__content__cate {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w29-video-5__tin__first__card__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    color: white;
    border-radius: 1em;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w29-video-5__tin__first__card__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w29-video-5__tin__first__card__content__main {
    font-size: 3.5em;
    font-weight: 700;
    margin-top: 0.5em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-5__tin__first__card__content__main {
        font-size: 1.5em;
    }
}

.w29-video-5__tin__first__card__content__sub {
    margin-top: 1em;
    font-size: 1.6em;
    font-weight: 300;
    line-height: 1.8em;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-5__tin__first__card__content__sub {
        font-size: 1.2em;
    }
}

.w29-video-5__tin__first__card__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all 0.2s ease;
}

.w29-video-5__tin__first__card__content__des__view {
    margin-left: 1em;
}

    .w29-video-5__tin__first__card__content__des__view:last-child {
        margin-left: auto;
        float: right;
    }

.w29-video-5__tin__first__card__content__des__user {
    display: flex;
    align-items: center;
}

.w29-video-5__tin__first__card__content__des__user__imgbox {
    width: 2em;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
}

.w29-video-5__tin__first__card__content__des__user__imgbox__img {
    width: 100%;
}

.w29-video-5__tin__first__card__content__des__user__text {
    margin-left: 1em;
}

.w29-video-5__tin__second {
    width: 50%;
    max-height: 55em;
    overflow: scroll;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-5__tin__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w29-video-5__tin__second__item {
    color: black;
    display: flex;
    align-items: center;
}

    .w29-video-5__tin__second__item:not(:last-child) {
        margin-bottom: 2em;
    }

.w29-video-5__tin__second__item__ifbox {
    min-width: 60%;
}

    .w29-video-5__tin__second__item__ifbox iframe {
        width: 100%;
        height: 15em;
    }

.w29-video-5__tin__second__item__info {
    margin-left: 1em;
}

.w29-video-5__tin__second__item__info__main {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 1.6em;
    transition: all 0.2s ease;
    padding: 0 0.5em;
    display: block;
}

    .w29-video-5__tin__second__item__info__main:hover {
        text-decoration: underline;
    }

.w29-video-5__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: .7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    font-weight: bolder;
    border-radius: 2em;
    margin: 0 auto;
    margin-top: 2em;
    width: max-content;
    cursor: pointer;
    border: 1px solid white;
    transition: all .2s ease;
}

    .w29-video-5__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/

/*w29-video-7*/
.w29-video-7 {
    width: 100%;
    background-color: white;
    padding: 1em 0;
}

.w29-video-7__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w29-video-7__heading {
    display: block;
}

.w29-video-7__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w29-video-7__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w29-video-7__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
}

.w29-video-7__heading__imgbox__img {
    margin: 0 auto;
}

.w29-video-7__tin {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-7__tin {
        flex-direction: column;
    }
}

.w29-video-7__tin__first {
    width: 66%;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-7__tin__first {
        width: 100%;
        padding: 1em;
    }
}

.w29-video-7__tin__first__ifbox {
    width: 100%;
    height: 100%;
}

    .w29-video-7__tin__first__ifbox iframe {
        width: 100%;
        height: 100%;
    }

.w29-video-7__tin__second {
    width: 32%;
    display: block;
    height: max-content;
}

@media only screen and (max-width: 43.75em) {
    .w29-video-7__tin__second {
        width: 100%;
        padding: 1em;
    }
}

.w29-video-7__tin__second__ifbox {
    height: 100%;
    display: block;
}

    .w29-video-7__tin__second__ifbox:not(:first-child) {
        margin-top: 1em;
    }

    .w29-video-7__tin__second__ifbox iframe {
        height: 100%;
        width: 100%;
    }

/*ed*/
/*w30-banner*/
.w30-banner {
    width: 100%;
    padding: 1em;
}

.w30-banner__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: hidden;
    padding: 1em;
    position: relative;
}

.w30-banner__imgbox {
    position: absolute;
    height: 100%;
    width: 100%;
    min-height: 50em;
    background-size: contain;
    background-position: center;
}

.w30-banner__imgbox__img {
    width: 100%;
}

.w30-banner__items__item {
    display: inline-flex;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.226);
    margin-top: 5%;
    margin-bottom: 5%;
    width: 60%;
    padding: 2em;
    position: relative;
    justify-content: space-between;
    border-radius: 2em;
}

.w30-banner__items__item__imgbox {
    border-radius: 2em;
    width: 49%;
    cursor: pointer;
    min-height: 20em;
    background-size: contain;
    background-position: center;
}

.w30-banner__items__item__imgbox__img {
    width: 100%;
}

/*ed*/
/*w30-bloglist*/
.w30-bloglist {
    width: 100%;
    padding: 1em;
}

.w30-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em 0;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w30-bloglist__first {
    width: 75%;
}

@media only screen and (max-width: 37.5em) {
    .w30-bloglist__first {
        width: 100%;
    }
}

.w30-bloglist__first__title {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 3em;
    width: max-content;
    display: block;
    padding: 0.5em 0;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

.w30-bloglist__first .ws-swiper {
    overflow: hidden;
    padding: 2em 0;
}

.w30-bloglist__first .swiper-pagination {
    position: relative;
    margin-top: 2em;
    display: block;
}

.w30-bloglist__first .swiper-pagination-bullet {
    border: 0.2em solid rgba(var(--main-color-w), 1);
    background-color: #fff;
    height: 1.5em;
    width: 1.5em;
    opacity: 1;
}

.w30-bloglist__first .swiper-pagination-bullet-active {
    background-color: rgba(var(--main-color-w), 1);
}

.w30-bloglist__first__card {
    width: 99.8% !important;
    margin: 0 auto;
    position: relative;
    margin: 0 auto;
}

.w30-bloglist__first__card__imgbox {
    background-size: cover;
    width: 100% !important;
    box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.301);
}

.w30-bloglist__first__card__imgbox__img {
    width: 100%;
}

.w30-bloglist__first__heading__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 3em;
    width: max-content;
    display: block;
}

.w30-bloglist__first__heading__des {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 3em;
    width: max-content;
    display: block;
    padding: 0.5em 0;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

.w30-bloglist__first__box__in {
    border: 0.1em solid #008529;
}

.w30-bloglist__first__box__icon {
    color: #008529;
}

.w30-bloglist__first__search {
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    align-items: center;
}

.w30-bloglist__first__search__box {
    display: flex;
    align-items: center;
    border: 0.1em solid #008529;
    border-radius: 2em;
    width: 50%;
    height: max-content;
    padding-left: 1em;
}

.w30-bloglist__first__search__box__in {
    border: none;
    outline: none;
    width: 100%;
}

.w30-bloglist__first__search__box__icon {
    color: #008529;
    font-size: 1.6em;
    margin-left: auto;
    padding: 0.5em;
    cursor: pointer;
}

.w30-bloglist__first__search__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #008529;
    width: 48%;
    border-radius: 2em;
}

.w30-bloglist__first__search__vung__checkbox {
    display: none;
}

    .w30-bloglist__first__search__vung__checkbox:checked ~ .w30-bloglist__first__search__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w30-bloglist__first__search__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w30-bloglist__first__search__vung__ad__icon {
    margin-left: 0.5em;
}

.w30-bloglist__first__search__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w30-bloglist__first__search__vung__items .active {
        font-weight: 800;
    }

.w30-bloglist__first__search__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w30-bloglist__first__search__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w30-bloglist__first__search__vung__items__item:hover {
        background-color: #eee;
    }

.w30-bloglist__first__tuvan__tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

    .w30-bloglist__first__tuvan__tab .active {
        background-color: rgba(var(--main-color-w), 1);
    }

.w30-bloglist__first__tuvan__tab__text {
    border: 0.2em solid rgba(var(--main-color-w), 1);
    width: 30%;
    padding: 0.7em;
    text-align: center;
    border-radius: 2em;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: 600;
    color: white;
    transition: all 0.2s ease;
}

    .w30-bloglist__first__tuvan__tab__text:nth-child(2) {
        border: 0.2em solid #008529;
        color: #008529;
    }

    .w30-bloglist__first__tuvan__tab__text:nth-child(3) {
        border: 0.2em solid #27449d;
        color: #27449d;
    }

    .w30-bloglist__first__tuvan__tab__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w30-bloglist__first__tuvan__items {
    display: flex;
    margin-left: -2%;
    flex-wrap: wrap;
}

.w30-bloglist__first__tuvan__items__item {
    padding: 2em;
    width: 48%;
    margin-left: 2%;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.236);
    margin-top: 2em;
    border-radius: 1em;
}

.w30-bloglist__first__tuvan__items__item__thongtin {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w30-bloglist__first__tuvan__items__item__thongtin {
        flex-wrap: wrap;
    }
}

.w30-bloglist__first__tuvan__items__item__thongtin__imgbox {
    min-width: 10em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.236);
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w30-bloglist__first__tuvan__items__item__thongtin__imgbox {
        margin: 0 auto;
    }
}

.w30-bloglist__first__tuvan__items__item__thongtin__imgbox__img {
    width: 100%;
}

.w30-bloglist__first__tuvan__items__item__thongtin__mota {
    margin-left: 2em;
}

@media only screen and (max-width: 50em) {
    .w30-bloglist__first__tuvan__items__item__thongtin__mota {
        margin: 0;
    }
}

.w30-bloglist__first__tuvan__items__item__thongtin__mota__name {
    font-weight: 600;
    font-size: 1.3em;
}

@media only screen and (max-width: 50em) {
    .w30-bloglist__first__tuvan__items__item__thongtin__mota__name {
        margin-top: 1em;
    }
}

.w30-bloglist__first__tuvan__items__item__thongtin__mota__des {
    font-weight: bolder;
    font-size: 1.3em;
    color: #bf3c27;
    margin-top: 0.5em;
    text-align: justify;
    line-height: 1.6em;
}

.w30-bloglist__first__tuvan__items__item__text {
    font-size: 1.2em;
    margin-top: 2em;
    text-align: justify;
    line-height: 1.6em;
    border-bottom: 0.1em solid black;
    padding-bottom: 1em;
}

.w30-bloglist__first__tuvan__items__item__des {
    font-size: 1.2em;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    font-weight: bolder;
    color: #bf3c27;
}

.w30-bloglist__first__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w30-bloglist__first__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w30-bloglist__first__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w30-bloglist__first__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5em;
}

.w30-bloglist__first__paging__pre__text {
    font-size: 1.2em;
}

.w30-bloglist__first__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w30-bloglist__first__gui {
    padding: 1em;
}

.w30-bloglist__first__gui__heading__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 3em;
    width: max-content;
    display: block;
}

.w30-bloglist__first__gui__heading__des {
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 3em;
    width: max-content;
    display: block;
    padding: 0.5em 0;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

.w30-bloglist__first__gui__content__thongtin {
    display: flex;
    align-items: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w30-bloglist__first__gui__content__thongtin {
        flex-wrap: wrap;
        margin-top: 1em;
    }
}

.w30-bloglist__first__gui__content__thongtin__text {
    font-size: 1.5em;
    min-width: 8em;
    font-weight: 600;
}

.w30-bloglist__first__gui__content__thongtin span {
    color: red;
}

.w30-bloglist__first__gui__content__thongtin__in {
    padding: 0.5em;
    width: 100%;
    font-size: 1.5em;
    border-radius: 2em;
    border: 1px solid #cecece;
    outline: none;
}

@media only screen and (max-width: 37.5em) {
    .w30-bloglist__first__gui__content__thongtin__in {
        margin-top: 0.5em;
    }
}

.w30-bloglist__first__gui__content__thongtin__intext {
    width: 100%;
    border: 1px solid #cecece;
    border-radius: 1em;
    outline: none;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w30-bloglist__first__gui__content__thongtin__intext {
        margin-top: 0.5em;
    }
}

.w30-bloglist__first__gui__content__thongtin__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    border-radius: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w30-bloglist__first__gui__content__thongtin__vung {
        margin-top: 0.5em;
    }
}

.w30-bloglist__first__gui__content__thongtin__vung__checkbox {
    display: none;
}

    .w30-bloglist__first__gui__content__thongtin__vung__checkbox:checked ~ .w30-bloglist__first__gui__content__thongtin__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w30-bloglist__first__gui__content__thongtin__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w30-bloglist__first__gui__content__thongtin__vung__ad__icon {
    margin-left: 0.5em;
}

.w30-bloglist__first__gui__content__thongtin__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w30-bloglist__first__gui__content__thongtin__vung__items .active {
        font-weight: 800;
    }

.w30-bloglist__first__gui__content__thongtin__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w30-bloglist__first__gui__content__thongtin__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w30-bloglist__first__gui__content__thongtin__vung__items__item:hover {
        background-color: #eee;
    }

.w30-bloglist__first__gui__btn {
    display: block;
    align-items: center;
    padding: 0.5em 2em;
    font-weight: 600;
    border-radius: 2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.5em;
    margin: 2em auto;
    width: max-content;
    position: relative;
}

    .w30-bloglist__first__gui__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w30-bloglist__second {
    width: 23%;
}

@media only screen and (max-width: 37.5em) {
    .w30-bloglist__second {
        width: 100%;
    }
}

.w30-bloglist__second__imgbox {
    margin-top: 2em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w30-bloglist__second__imgbox__img {
    width: 100%;
}

/*ed*/

/*w31-blogdetail*/
.w31-blogdetail {
    width: 100%;
    padding: 2em 0;
    background-color: #e6e7e8;
}

.w31-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    padding: 0 1em;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w31-blogdetail__group {
        flex-direction: column;
    }
}

.w31-blogdetail__first {
    width: 67%;
}

@media only screen and (max-width: 43.75em) {
    .w31-blogdetail__first {
        width: 100%;
    }
}

.w31-blogdetail__first__bread {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: white;
    border-radius: 0.5em;
    padding: 1.5em 1em;
    cursor: pointer;
}

.w31-blogdetail__first__bread__icon {
    display: inline-block;
    margin-top: 0.3em;
    margin-left: 1em;
    margin-right: 1em;
    font-size: 0.8em;
}

.w31-blogdetail__first__bread__item {
    font-size: 1.4em;
    display: inline-block;
}

    .w31-blogdetail__first__bread__item:hover {
        text-decoration: underline;
    }

.w31-blogdetail__first__bread .active {
    color: #bd9f67;
}

.w31-blogdetail__first__sort {
    padding: 0.5em;
    border-bottom: 0.1em solid #9b9b9b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1em;
}

.w31-blogdetail__first__sort__text {
    font-size: 1.3em;
}

.w31-blogdetail__first__sort__list {
    position: relative;
}

.w31-blogdetail__first__sort__list__tieude {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
}

.w31-blogdetail__first__sort__list__tieude__text {
    font-size: 1.3em;
}

.w31-blogdetail__first__sort__list__tieude__icon {
    font-size: 1.3em;
    margin-left: 0.5em;
}

.w31-blogdetail__first__sort__list:hover .w31-blogdetail__first__sort__list__ul {
    max-height: 50em;
    visibility: visible;
}

.w31-blogdetail__first__sort__list__ul {
    list-style: none;
    background-color: white;
    padding: 1em;
    position: absolute;
    border-radius: 0.5em;
    max-height: 0;
    visibility: hidden;
}

    .w31-blogdetail__first__sort__list__ul::after {
        content: "";
        background-color: transparent;
        position: absolute;
        height: 1em;
        width: 1em;
        top: -1em;
        left: 50%;
        transform: translateX(-50%);
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        border-bottom: 1em solid white;
    }

.w31-blogdetail__first__sort__list__ul__li {
    font-size: 1.3em;
    cursor: pointer;
}

    .w31-blogdetail__first__sort__list__ul__li:not(:first-child) {
        margin-top: 1.5em;
    }

    .w31-blogdetail__first__sort__list__ul__li:hover {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

.w31-blogdetail__first__items {
    margin-top: 2em;
    display: flex;
    background-color: white;
    flex-wrap: wrap;
}

.w31-blogdetail__first__items__image {
    position: relative;
    min-width: 30%;
    width: 30%;
}

@media only screen and (max-width: 50em) {
    .w31-blogdetail__first__items__image {
        width: 100%;
    }
}

.w31-blogdetail__first__items__image__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w31-blogdetail__first__items__image__imgbox__img {
    width: 100%;
}

.w31-blogdetail__first__items__image__user {
    position: absolute;
    bottom: 1em;
    background-color: white;
    display: flex;
    align-items: center;
    padding: 0.5em;
    left: 1em;
    border-radius: 0.5em;
    box-shadow: 0.1em 0.1em 1em 0.05em #2b2b2b;
}

.w31-blogdetail__first__items__image__user__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    border-radius: 50%;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w31-blogdetail__first__items__image__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w31-blogdetail__first__items__image__user__text {
    margin-left: 1em;
    font-size: 1.4em;
    font-weight: 600;
}

.w31-blogdetail__first__items__content {
    width: 69%;
    margin-left: 1%;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w31-blogdetail__first__items__content {
        width: 100%;
        margin-left: 0;
    }
}

.w31-blogdetail__first__items__content__post {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-top: 1em;
}

.w31-blogdetail__first__items__content__post__cate {
    color: rgba(var(--main-color-w), 1);
    font-weight: 700;
}

.w31-blogdetail__first__items__content__post__text {
    color: #626262;
}

.w31-blogdetail__first__items__content__main {
    font-size: 2.5em;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
}

    .w31-blogdetail__first__items__content__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w31-blogdetail__first__items__content__sub {
    margin-top: 1em;
    color: #626262;
    font-size: 1.4em;
    text-align: justify;
    line-height: 1.6em;
}

.w31-blogdetail__first__items__content__button {
    white-space: nowrap;
    border: none;
    outline: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7em 2em;
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bolder;
    margin-left: auto;
    width: max-content;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 2em;
    float: right;
    border-radius: 2em;
}

    .w31-blogdetail__first__items__content__button:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w31-blogdetail__first__review {
    padding: 2em;
}

.w31-blogdetail__first__review__first {
    width: 100%;
}

.w31-blogdetail__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w31-blogdetail__first__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w31-blogdetail__first__review__first__imgbox__img {
    width: 100%;
}

.w31-blogdetail__first__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w31-blogdetail__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w31-blogdetail__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w31-blogdetail__first__review__first__comment__head__user__date {
    color: #777;
}

.w31-blogdetail__first__review__first__comment__star__icon {
    color: #f93;
}

.w31-blogdetail__first__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w31-blogdetail__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w31-blogdetail__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w31-blogdetail__first__review__second__title {
    font-weight: 300;
}

.w31-blogdetail__first__review__second__textrate {
    margin-top: 2em;
}

.w31-blogdetail__first__review__second__textreview {
    margin-top: 1em;
}

.w31-blogdetail__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w31-blogdetail__first__review__second__star {
    display: flex;
    align-items: center;
}

.w31-blogdetail__first__review__second__star__items {
    margin-left: 1em;
}

.w31-blogdetail__first__review__second__star__items__icon {
    color: darkgray;
}

.w31-blogdetail__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w31-blogdetail__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w31-blogdetail__first__review__second__textform__name__info {
    font-weight: 300;
}

.w31-blogdetail__first__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w31-blogdetail__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w31-blogdetail__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w31-blogdetail__second {
    width: 30%;
}

@media only screen and (max-width: 43.75em) {
    .w31-blogdetail__second {
        width: 100%;
    }
}

.w31-blogdetail__second__search {
    display: flex;
    align-items: center;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    overflow: hidden;
    background-color: white;
}

.w31-blogdetail__second__search__input {
    border: none;
    outline: none;
    margin-left: 1em;
    width: 100%;
}

.w31-blogdetail__second__search__icon {
    font-size: 2em;
    padding: 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    margin-left: auto;
    outline: none;
    border: none;
}

.w31-blogdetail__second__blog {
    margin-top: 2em;
    border: 0.1em solid #eee;
    border-radius: 0.7em;
    background-color: white;
}

.w31-blogdetail__second__blog__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 0.5em 1em;
    text-transform: capitalize;
    border-bottom: 0.1em solid #e6e7e8;
}

.w31-blogdetail__second__blog__heading__icon {
    color: rgba(var(--main-color-w), 1);
}

.w31-blogdetail__second__blog__content {
    padding: 1.5em 2em;
}

.w31-blogdetail__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w31-blogdetail__second__blog__content__info__icon {
    font-size: 1.6em;
}

.w31-blogdetail__second__blog__content__info__text {
    font-size: 1.3em;
    margin-left: 1em;
    display: block;
}

.w31-blogdetail__second__blog__content__info__des {
    padding: 0.6em 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
}

.w31-blogdetail__second__blog__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w31-blogdetail__second__blog__video__ifbox {
    margin: 2em;
    border-radius: 2em;
    overflow: hidden;
}

    .w31-blogdetail__second__blog__video__ifbox iframe {
        width: 100%;
    }

/*ed*/
/*w31-bloglist*/
.w31-bloglist {
    width: 100%;
    padding: 2em 0;
    background-color: #e6e7e8;
}

.w31-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    padding: 0 1em;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w31-bloglist__group {
        flex-direction: column;
    }
}

.w31-bloglist__first {
    width: 67%;
}

@media only screen and (max-width: 43.75em) {
    .w31-bloglist__first {
        width: 100%;
    }
}

.w31-bloglist__first__bread {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: white;
    border-radius: 0.5em;
    padding: 1.5em 1em;
    cursor: pointer;
}

.w31-bloglist__first__bread__icon {
    display: inline-block;
    margin-top: 0.3em;
    margin-left: 1em;
    margin-right: 1em;
    font-size: 0.8em;
}

.w31-bloglist__first__bread__item {
    font-size: 1.4em;
    display: inline-block;
}

    .w31-bloglist__first__bread__item:hover {
        text-decoration: underline;
    }

.w31-bloglist__first__bread .active {
    color: #bd9f67;
}

.w31-bloglist__first__sort {
    padding: 0.5em;
    border-bottom: 0.1em solid #9b9b9b;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1em;
}

.w31-bloglist__first__sort__text {
    font-size: 1.3em;
}

.w31-bloglist__first__sort__list {
    position: relative;
}

.w31-bloglist__first__sort__list__tieude {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
}

.w31-bloglist__first__sort__list__tieude__text {
    font-size: 1.3em;
}

.w31-bloglist__first__sort__list__tieude__icon {
    font-size: 1.3em;
    margin-left: 0.5em;
}

.w31-bloglist__first__sort__list:hover .w31-bloglist__first__sort__list__ul {
    max-height: 50em;
    visibility: visible;
}

.w31-bloglist__first__sort__list__ul {
    list-style: none;
    background-color: white;
    padding: 1em;
    position: absolute;
    border-radius: 0.5em;
    max-height: 0;
    visibility: hidden;
}

    .w31-bloglist__first__sort__list__ul::after {
        content: "";
        background-color: transparent;
        position: absolute;
        height: 1em;
        width: 1em;
        top: -1em;
        left: 50%;
        transform: translateX(-50%);
        border-left: 1em solid transparent;
        border-right: 1em solid transparent;
        border-bottom: 1em solid white;
    }

.w31-bloglist__first__sort__list__ul__li {
    font-size: 1.3em;
    cursor: pointer;
}

    .w31-bloglist__first__sort__list__ul__li:not(:first-child) {
        margin-top: 1.5em;
    }

    .w31-bloglist__first__sort__list__ul__li:hover {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

.w31-bloglist__first__items {
    margin-top: 2em;
    display: flex;
    background-color: white;
    flex-wrap: wrap;
}

.w31-bloglist__first__items__image {
    position: relative;
    min-width: 30%;
    width: 30%;
}

@media only screen and (max-width: 50em) {
    .w31-bloglist__first__items__image {
        width: 100%;
    }
}

.w31-bloglist__first__items__image__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    height: 100%;
}

.w31-bloglist__first__items__image__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w31-bloglist__first__items__image__user {
    position: absolute;
    bottom: 1em;
    background-color: white;
    display: flex;
    align-items: center;
    padding: 0.5em;
    left: 1em;
    border-radius: 0.5em;
    box-shadow: 0.1em 0.1em 1em 0.05em #2b2b2b;
}

.w31-bloglist__first__items__image__user__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    border-radius: 50%;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w31-bloglist__first__items__image__user__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w31-bloglist__first__items__image__user__text {
    margin-left: 1em;
    font-size: 1.4em;
    font-weight: 600;
}

.w31-bloglist__first__items__content {
    width: 69%;
    margin-left: 1%;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w31-bloglist__first__items__content {
        width: 100%;
        margin-left: 0;
    }
}

.w31-bloglist__first__items__content__post {
    display: flex;
    justify-content: space-between;
    text-transform: uppercase;
    margin-top: 1em;
}

.w31-bloglist__first__items__content__post__cate {
    color: rgba(var(--main-color-w), 1);
    font-weight: 700;
}

.w31-bloglist__first__items__content__post__text {
    color: #626262;
}

.w31-bloglist__first__items__content__main {
    font-size: 2.5em;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
}

    .w31-bloglist__first__items__content__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w31-bloglist__first__items__content__sub {
    margin-top: 1em;
    color: #626262;
    font-size: 1.4em;
    text-align: justify;
    line-height: 1.6em;
}

.w31-bloglist__first__items__content__button {
    white-space: nowrap;
    border: none;
    outline: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7em 2em;
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bolder;
    margin-left: auto;
    width: max-content;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-top: 2em;
    float: right;
    border-radius: 2em;
}

    .w31-bloglist__first__items__content__button:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w31-bloglist__first__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w31-bloglist__first__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    border: 0.1em solid #eee;
    cursor: pointer;
}

.w31-bloglist__first__paging__active {
    background-color: black;
    color: white;
}

.w31-bloglist__first__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    border: 0.1em solid #eee;
    width: 3.4em;
    padding: 1em;
    border-radius: 50%;
}

.w31-bloglist__second {
    width: 30%;
}

@media only screen and (max-width: 43.75em) {
    .w31-bloglist__second {
        width: 100%;
    }
}

.w31-bloglist__second__search {
    display: flex;
    align-items: center;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
    overflow: hidden;
    background-color: white;
}

.w31-bloglist__second__search__input {
    border: none;
    outline: none;
    margin-left: 1em;
    width: 100%;
}

.w31-bloglist__second__search__icon {
    font-size: 2em;
    padding: 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    margin-left: auto;
}

.w31-bloglist__second__blog {
    margin-top: 2em;
    border: 0.1em solid #eee;
    border-radius: 0.7em;
    background-color: white;
}

.w31-bloglist__second__blog__heading {
    font-weight: 600;
    font-size: 1.8em;
    padding: 0.5em 1em;
    text-transform: capitalize;
    border-bottom: 0.1em solid #e6e7e8;
}

.w31-bloglist__second__blog__heading__icon {
    color: rgba(var(--main-color-w), 1);
}

.w31-bloglist__second__blog__content {
    padding: 1.5em 2em;
}

.w31-bloglist__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w31-bloglist__second__blog__content__info__icon {
    font-size: 1.6em;
}

.w31-bloglist__second__blog__content__info__text {
    font-size: 1.3em;
    margin-left: 1em;
    display: block;
}

.w31-bloglist__second__blog__content__info__des {
    padding: 0.6em 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
}

.w31-bloglist__second__blog__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w31-bloglist__second__blog__video__ifbox {
    margin: 2em;
    border-radius: 2em;
    overflow: hidden;
}

    .w31-bloglist__second__blog__video__ifbox iframe {
        width: 100%;
    }

/*ed*/
/*w31-footer*/
.w31-footer {
    width: 100%;
    background-color: #231f20;
    padding: 2em 0;
}

.w31-footer__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w31-footer__heading__imgbox {
    max-width: 20em;
    height: 10em;
    margin: 0 auto;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w31-footer__heading__imgbox__img {
    width: 100%;
}

.w31-footer__heading__text {
    color: #eece85;
    font-size: 1.4em;
    max-width: 100%;
    display: block;
    margin: 0 auto;
    width: max-content;
    line-height: 1.6em;
    font-weight: 600;
}

.w31-footer__contain {
    display: flex;
    margin-top: 2em;
    flex-wrap: wrap;
}

.w31-footer__contain__thongtin {
    width: 31.33333%;
    margin: 1%;
    background-color: #4f4c4d;
    border-radius: 0.5em;
    padding: 2em;
    text-align: center;
    color: white;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w31-footer__contain__thongtin {
        width: 100%;
        margin: 1em 0;
    }
}

.w31-footer__contain__thongtin__icon {
    font-size: 1.4em;
}

.w31-footer__contain__thongtin__text {
    font-size: 1.3em;
    margin-top: 1em;
}

.w31-footer__contain__thongtin:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w31-footer__items {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w31-footer__items__item {
    width: 31.33333%;
    margin: 1%;
}

@media only screen and (max-width: 37.5em) {
    .w31-footer__items__item {
        width: 100%;
        margin: 1em 0;
    }
}

.w31-footer__items__item__title {
    color: #eece85;
    font-size: 1.6em;
    font-weight: 600;
    position: relative;
    width: max-content;
    display: block;
    padding: 0.5em 0;
    margin-top: 1em;
}

    .w31-footer__items__item__title::after {
        content: "";
        border-bottom: 1px solid currentColor;
        width: 60%;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .w31-footer__items__item__title::before {
        content: "";
        border-bottom: 1px solid currentColor;
        width: 70%;
        position: absolute;
        left: 0;
        bottom: -5px;
    }

.w31-footer__items__item__des {
    color: white;
    display: block;
    margin-top: 2em;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
}

.w31-footer__items__item__info {
    color: white;
    display: flex;
    margin-top: 2em;
    border-radius: .5em;
}

.w31-footer__items__item__info__icon {
    margin-right: 1em;
    font-size: 1.3em;
}

.w31-footer__items__item__info__text {
    font-size: 1.3em;
}

.w31-footer__items__item__gui {
    margin-top: 2em;
    display: flex;
    align-items: center;
    border: .1em solid white;
}

.w31-footer__items__item__gui__in {
    width: 100%;
    border: none;
    outline: none;
    height: max-content;
    font-size: 1.3em;
    padding: 0.7em;
}

.w31-footer__items__item__gui__btn {
    white-space: nowrap;
    border: none;
    outline: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7em 2em;
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bolder;
    margin: 0 auto;
    width: max-content;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w31-footer__items__item__gui__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w31-footer__items__item__social {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w31-footer__items__item__social__iconbox {
    display: block;
    width: 8%;
    margin: 2%;
}

/*ed*/

/*w31-form*/
.w31-form {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 0;
}

.w31-form__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1em;
}

.w31-form__imgbox {
    width: 50%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w31-form__imgbox {
        width: 100%;
    }
}

.w31-form__imgbox__img {
    width: 100%;
}

.w31-form__items {
    width: 48%;
    margin-left: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w31-form__items {
        margin-left: 0;
        margin-top: 2em;
        width: 100%;
    }
}

.w31-form__items__heading__main {
    font-size: 2.5em;
    font-weight: bolder;
    line-height: 1.6em;
    color: #fcd375;
    text-align: center;
    display: block;
}

.w31-form__items__heading__sub {
    font-size: 2em;
    line-height: 1.6em;
    color: white;
    text-align: center;
    display: block;
    margin-top: 0.5em;
}

.w31-form__items__item {
    display: flex;
    align-items: center;
    margin-top: 3em;
}

.w31-form__items__item__imgbox {
    max-width: 33%;
    background-size: contain;
    background-position: center;
}

.w31-form__items__item__imgbox__img {
    width: 100%;
}

.w31-form__items__item__content {
    margin-left: 5%;
    display: block;
    width: auto;
    min-width: 74%;
}

.w31-form__items__item__content__main {
    color: white;
    font-size: 1.4em;
    line-height: 1.6em;
    display: block;
}

.w31-form__items__item__content__sub {
    color: white;
    display: block;
    padding: 0.5em 1em;
    font-size: 1.6em;
    border: 0.1em solid white;
    margin-top: 1em;
    text-align: center;
    cursor: pointer;
    transition: all 0.2s ease;
    border-radius: .3em;
    width: 100%;
}

    .w31-form__items__item__content__sub:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
        font-weight: bolder;
    }

.w31-form__items__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: .7em;
    display: block !important;
    text-align: center;
    font-size: 1.6em;
    font-weight: bolder;
    border-radius: 2em;
    margin: 0 auto;
    margin-top: 2em;
    cursor: pointer;
    border: 1px solid white;
    transition: all .2s ease;
}

    .w31-form__items__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w31-menu*/
.w31-menu {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    z-index: 4;
    display: block;
    position: relative;
}

.w31-menu__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w31-menu__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items {
        position: relative;
        justify-content: space-between;
    }
}

@media only screen and (min-width: 50em) {
    .w31-menu__items__checkbox {
        display: none;
    }
}

@media only screen and (min-width: 50em) {
    .w31-menu__items__button {
        display: none;
    }
}

.w31-menu__items__logobox {
    max-width: 15em;
    height: 7em;
    min-width: 7em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w31-menu__items__logobox__img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__checkbox:checked ~ .w31-menu__items__list {
        left: 0;
        opacity: 1;
    }
}

.w31-menu__items__list {
    display: flex;
    align-items: center;
    margin-left: 5%;
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list {
        flex-direction: column;
        position: absolute;
        color: black;
        top: 7em;
        background-color: white;
        margin-left: 0;
        left: -60em;
        transition: all .3s ease;
        opacity: 0;
    }
}

.w31-menu__items__list__contain {
    padding: 2em;
    transition: all 0.4s ease;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain {
        width: 100%;
        background-color: white;
    }

        .w31-menu__items__list__contain:not(:last-child) {
            border-bottom: 0.1em solid #dadada;
        }
}

.w31-menu__items__list__contain__text {
    font-size: 1.3em;
    color: white;
    width: 8em;
    display: inline-block;
    text-align: center;
    line-height: 1.6em;
    letter-spacing: 1px;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__text {
        color: black;
        text-align: left;
        font-weight: 600;
        width: 100%;
    }
}

.w31-menu__items__list__contain__text__rec {
    background-color: transparent;
    position: absolute;
    height: 1em;
    width: 1em;
    bottom: -1.5em;
    left: 50%;
    transform: translateX(-50%);
    border-left: 0.5em solid transparent;
    border-right: 0.5em solid transparent;
    border-bottom: 0.5em solid white;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__text__rec {
        border-bottom: 0.5em solid black;
        left: inherit;
        right: 0;
        transform: rotate(180deg) translateY(-50%);
        top: 0;
    }
}

.w31-menu__items__list__contain__text:hover .w31-menu__items__list__contain__text__rec {
    transform: rotate(0);
}

.w31-menu__items__list__contain:hover .w31-menu__items__list__contain__drop {
    max-height: 200em;
    padding: 1em;
    overflow-y: scroll;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain:hover .w31-menu__items__list__contain__drop {
        margin-bottom: 1em;
    }
}

.w31-menu__items__list__contain__drop {
    position: absolute;
    top: 7em;
    left: 0;
    display: flex;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.342);
    border-radius: 2em;
    width: 100%;
    padding: 1em;
    flex-wrap: wrap;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    transition: all 0.2s ease;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__drop {
        position: relative;
        top: 1em;
    }
}

.w31-menu__items__list__contain__drop__item {
    width: 18%;
    margin: 1%;
}

@media only screen and (max-width: 62.5em) {
    .w31-menu__items__list__contain__drop__item {
        width: 31.33333333333%;
    }
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__drop__item {
        width: 48%;
    }
}

.w31-menu__items__list__contain__drop__item__head__imgbox {
    border-radius: 0.5em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.342);
    border: 0.1px solid white;
    cursor: pointer;
    transition: all 0.5s ease;
    transform: scale(0.9);
    background-size: contain;
    background-position: center;
}

.w31-menu__items__list__contain__drop__item__head__imgbox__img {
    width: 100%;
}

.w31-menu__items__list__contain__drop__item__head__imgbox:hover {
    transform: scale(1);
}

.w31-menu__items__list__contain__drop__item__head__text {
    display: block;
    text-align: center;
    margin-top: 1em;
    font-weight: 600;
    font-size: 1.3em;
    transition: all 0.2s ease;
}

    .w31-menu__items__list__contain__drop__item__head__text:hover {
        color: #fcd375;
        cursor: pointer;
    }

.w31-menu__items__list__contain__drop__item__content {
    margin-top: 1em;
    border-top: 0.1em solid #dadada;
}

.w31-menu__items__list__contain__drop__item__content__text {
    margin-top: 1em;
    font-size: 1.4em;
    line-height: 1.6em;
    display: block;
    padding: 0.5em 1em;
    border-radius: 2em;
    cursor: pointer;
}

    .w31-menu__items__list__contain__drop__item__content__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w31-menu__items__list__contain:hover .w31-menu__items__list__contain__danhsach {
    max-height: 50em;
    overflow: visible;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain:hover .w31-menu__items__list__contain__danhsach {
        margin-bottom: 1em;
    }
}

.w31-menu__items__list__contain__danhsach__info:hover .w31-menu__items__list__contain__danhsach--1 {
    max-height: 50em;
    color: black;
    overflow: visible;
}

.w31-menu__items__list__contain__danhsach--1__info:hover .w31-menu__items__list__contain__danhsach--2 {
    max-height: 50em;
    color: black;
    overflow: visible;
}

.w31-menu__items__list__contain__danhsach {
    position: absolute;
    top: 7em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.342);
    width: 25em;
    overflow: hidden;
    background-color: white;
    max-height: 0;
    transition: all 0.4s ease;
    border-radius: 1em;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__danhsach {
        position: relative;
        top: 1em;
        width: 100%;
    }
}

.w31-menu__items__list__contain__danhsach__info {
    position: relative;
}

    .w31-menu__items__list__contain__danhsach__info:not(:last-child) {
        border-bottom: 1px solid #c4c4c4;
    }

.w31-menu__items__list__contain__danhsach__info__link {
    padding: 1.5em;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w31-menu__items__list__contain__danhsach__info__link__text {
    font-size: 1.3em;
}

.w31-menu__items__list__contain__danhsach__info__link__icon {
    font-size: 1.3em;
    margin-left: auto;
    display: inline-block;
    float: right;
    transition: all 0.3s ease;
}

.w31-menu__items__list__contain__danhsach__info__link:hover {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w31-menu__items__list__contain__danhsach__info__link:hover .w31-menu__items__list__contain__danhsach__info__link__icon {
        transform: rotate(90deg);
    }

.w31-menu__items__list__contain__danhsach--1 {
    position: absolute;
    top: 0;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.342);
    width: 25em;
    border-radius: 1em;
    overflow: hidden;
    background-color: white;
    max-height: 0;
    transition: all 0.4s ease;
    left: 24em;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__danhsach--1 {
        top: 1em;
        width: 100%;
        left: 0;
        position: relative;
    }
}

.w31-menu__items__list__contain__danhsach--1__info {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__danhsach--1__info {
        padding-left: 1em;
    }
}

.w31-menu__items__list__contain__danhsach--1__info:not(:last-child) {
    border-bottom: 1px solid #c4c4c4;
}

.w31-menu__items__list__contain__danhsach--1__info__link {
    padding: 1.5em;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w31-menu__items__list__contain__danhsach--1__info__link__text {
    font-size: 1.3em;
}

.w31-menu__items__list__contain__danhsach--1__info__link__icon {
    font-size: 1.3em;
    margin-left: auto;
    display: inline-block;
    float: right;
    transition: all 0.3s ease;
}

.w31-menu__items__list__contain__danhsach--1__info__link:hover {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w31-menu__items__list__contain__danhsach--1__info__link:hover .w31-menu__items__list__contain__danhsach--1__info__link__icon {
        transform: rotate(90deg);
    }

.w31-menu__items__list__contain__danhsach--2 {
    position: absolute;
    top: 0;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.342);
    width: 25em;
    border-radius: 1em;
    overflow: hidden;
    background-color: white;
    max-height: 0;
    transition: all 0.2s ease;
    left: 24em;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__danhsach--2 {
        top: 1em;
        width: 100%;
        left: 0;
        position: relative;
    }
}

.w31-menu__items__list__contain__danhsach--2__info {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__list__contain__danhsach--2__info {
        padding-left: 1em;
    }
}

.w31-menu__items__list__contain__danhsach--2__info:not(:last-child) {
    border-bottom: 1px solid #c4c4c4;
}

.w31-menu__items__list__contain__danhsach--2__info__link {
    padding: 1.5em;
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w31-menu__items__list__contain__danhsach--2__info__link__text {
    font-size: 1.3em;
}

.w31-menu__items__list__contain__danhsach--2__info__link__icon {
    font-size: 1.3em;
    margin-left: auto;
    display: inline-block;
    float: right;
    transition: all 0.3s ease;
}

.w31-menu__items__list__contain__danhsach--2__info__link:hover {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w31-menu__items__list__contain__danhsach--2__info__link:hover .w31-menu__items__list__contain__danhsach--2__info__link__icon {
        transform: rotate(90deg);
    }

.w31-menu__items__grbtn {
    margin-left: auto;
    display: inline-flex;
    align-items: center;
    color: #fcd375;
    font-weight: 600;
    border: 1px solid #dbb867;
    padding: 1em 2em;
    border-radius: 2em;
    transition: all 0.2s ease;
    text-align: center;
    line-height: 1.6em;
    white-space: nowrap;
    margin-left: 2%;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__grbtn {
        padding: 1em;
    }
}

.w31-menu__items__grbtn:hover {
    color: black;
    background-color: white;
    transform: translateX(-0.3em) translateY(-0.3em);
    box-shadow: 0 0 0.5em rgba(255, 255, 255, 0.555);
}

.w31-menu__items__grbtn__icon {
    font-size: 1.3em;
}

.w31-menu__items__grbtn__text {
    margin-left: .5em;
    font-size: 1.3em;
}

@media only screen and (max-width: 50em) {
    .w31-menu__items__grbtn__text {
        display: none;
    }
}

/*ed*/
/*w31-service*/
.w31-service {
    width: 100%;
    display: block;
    padding: 2em 0;
    background-color: white;
}

.w31-service__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w31-service__items {
    display: flex;
    margin-left: -2%;
    flex-wrap: wrap;
}

.w31-service__items__item {
    width: 18%;
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    margin-left: 2%;
    text-align: center;
    padding: 0.5em 1em;
    cursor: pointer;
    border-radius: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w31-service__items__item {
        width: 48%;
    }
}

.w31-service__items__item__icon {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-right: 0.5em;
}

.w31-service__items__item__text {
    font-size: 1.4em;
    line-height: 1.6em;
    transition: all 0.2s ease;
}

.w31-service__items__item:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

    .w31-service__items__item:hover .w31-service__items__item__text {
        margin-left: 1em;
    }

/*ed*/
/*w31-testimonial*/
.w31-testimonial {
    width: 100%;
    padding: 2em 0;
}

.w31-testimonial__group {
    margin: 0 auto;
    max-width: 120em;
    padding: 0 1em;
}

.w31-testimonial__heading {
    display: block;
}

.w31-testimonial__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: max-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w31-testimonial__heading__des {
    margin: 0 auto;
    text-align: center;
    width: max-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w31-testimonial__heading__imgbox {
    width: max-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 1em;
    background-size: contain;
    background-position: center;
}

.w31-testimonial__heading__imgbox__img {
    margin: 0 auto;
    width: 100%;
}

.w31-testimonial__items {
    display: flex;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

    .w31-testimonial__items .swiper-button-next {
        right: 1em;
        transform: translateY(-50%);
        color: rgba(var(--main-color-w), 1);
    }

    .w31-testimonial__items .swiper-button-prev {
        left: 1em;
        transform: translateY(-50%);
        color: rgba(var(--main-color-w), 1);
    }

.w31-testimonial__items__item {
    width: 31.33333333% !important;
    margin: 2%;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w31-testimonial__items__item {
        width: 48% !important;
    }
}

.w31-testimonial__items__item__compare {
    display: block;
}

.w31-testimonial__items__item__compare__img {
    width: 100%;
    border: none;
    background-size: contain;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
}

.w31-testimonial__items__item__text {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 1em;
    display: block;
}

.w31-testimonial__des {
    max-width: 100%;
    text-align: center;
    font-size: 1.3em;
    margin-top: 1em;
}

.w31-testimonial__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: .7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    font-weight: bolder;
    border-radius: 2em;
    margin: 0 auto;
    margin-top: 2em;
    width: max-content;
    cursor: pointer;
    border: 1px solid white;
    transition: all .2s ease;
}

    .w31-testimonial__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w32-article*/
.w32-article {
    width: 100%;
    padding: 2em 1em;
}

.w32-article__group {
    margin: 0 auto;
    max-width: 120em;
}

.w32-article__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w32-article__heading__text {
    font-size: 4.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 1.6em;
    min-width: 40%;
}

.w32-article__heading__dangky {
    min-width: 20%;
}

.w32-article__heading__dangky__tieude {
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 600;
}

.w32-article__heading__dangky__mota {
    line-height: 1.6em;
    font-size: 1.3em;
}

.w32-article__heading__gui {
    display: flex;
    align-items: center;
    min-width: 20%;
    margin-left: 1em;
}

@media only screen and (max-width: 50em) {
    .w32-article__heading__gui {
        margin-top: 2em;
        margin-left: 0;
    }
}

.w32-article__heading__gui__in {
    padding: 0.5em;
    height: fit-content;
    border-radius: 2em;
    border: 0.1em solid #888888;
}

.w32-article__heading__gui__btn {
    padding: .7em 2em;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 2em;
    margin-left: 1em;
    height: fit-content;
    cursor: pointer;
}

.w32-article__heading__gui__btn__icon {
    color: #ead4a8;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    transition: all 0.2s ease;
    background-image: url(/img/w32/arrow-right.svg);
    padding: 1em 2em;
    display: block;
    transition: all .2s ease;
}

.w32-article__heading__gui__btn:hover .w32-article__heading__gui__btn__icon {
    margin-left: 2em;
}

.w32-article__items {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w32-article__items__main {
    width: 65%;
    min-width: 65%;
    margin-left: 1%;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w32-article__items__main {
        width: 100%;
    }
}

.w32-article__items__main__imgbox {
    width: 100%;
    background-size: cover;
}

.w32-article__items__main__imgbox__img {
    width: 100%;
}

.w32-article__items__main__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    font-weight: 600;
    margin-top: .5em;
    line-height: 1.6em;
}

.w32-article__items__main__post {
    font-weight: 600;
    margin-top: 1em;
}

.w32-article__items__main__post__text {
    font-size: 1em;
    margin-right: .5em;
}

.w32-article__items__main__des {
    font-size: 1em;
    color: #505050;
    font-size: 1.3em;
    margin-top: .5em;
    line-height: 1.6em;
}

.w32-article__items__sub {
    width: 31.33333333333%;
    margin-left: 1%;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w32-article__items__sub {
        width: 49%;
    }
}

.w32-article__items__sub__imgbox {
    width: 100%;
    background-size: cover;
}

.w32-article__items__sub__imgbox__img {
    width: 100%;
}

.w32-article__items__sub__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    font-weight: 600;
    margin-top: .5em;
    line-height: 1.6em;
}

.w32-article__items__sub__post {
    font-weight: 600;
    margin-top: 1em;
}

.w32-article__items__sub__post__text {
    font-size: 1em;
    margin-right: .5em;
}

.w32-article__items__sub__des {
    font-size: 1em;
    color: #505050;
    font-size: 1.3em;
    margin-top: .5em;
    line-height: 1.6em;
}

.w32-article__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin: 0 auto;
    margin-bottom: 2em;
    margin-top: 3em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
}

.w32-article__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 1.5em;
    min-width: 6em;
}

.w32-article__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: 1em;
}

.w32-article__btn:hover .w32-article__btn__icon {
    margin-left: 2em;
}

.w32-article__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

/*ed*/
/*w32-banner-1*/
.w32-banner-1 {
    width: 100%;
    padding: 10em 0;
    background-color: #fffaf1;
    background-size: cover !important;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w32-banner-1 {
        padding: 5em 0;
    }
}

.w32-banner-1__group {
    margin: 0 auto;
}

.w32-banner-1__content {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w32-banner-1__content {
        flex-wrap: wrap-reverse;
        width: 100% !important;
    }
}

.w32-banner-1__content__contain {
    position: relative;
    z-index: 1;
    width: 60em;
    padding: 6em 1em;
    margin-left: 10%;
    transform: scale(0.85);
}

@media only screen and (min-width: 75em) {
    .w32-banner-1__content__contain {
        margin-left: 20%;
    }
}

@media only screen and (max-width: 62.5em) {
    .w32-banner-1__content__contain {
        margin-left: 10%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w32-banner-1__content__contain {
        margin-left: 0;
        overflow: hidden;
        margin-top: 2em;
        transform: scale(1);
    }
}

.w32-banner-1__content__contain__bg {
    background-image: url(/img/w32/home-06.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 125%;
    width: 125%;
    position: absolute;
    left: -12.5%;
    top: -12.5%;
    z-index: -1;
}

@media only screen and (max-width: 37.5em) {
    .w32-banner-1__content__contain__bg {
        height: 150%;
        width: 150%;
        left: -25%;
        top: -25%;
    }
}

.w32-banner-1__content__contain__heading {
    display: flex;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 1em;
}

.w32-banner-1__content__contain__heading__imgbox {
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

.w32-banner-1__content__contain__heading__imgbox__img {
    width: 100%;
}

.w32-banner-1__content__contain__heading__text {
    color: black;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.6em;
    text-align: center;
}

.w32-banner-1__content__contain__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 4em;
    line-height: 1.4em;
    font-weight: bolder;
    letter-spacing: 1px;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w32-banner-1__content__contain__name {
        font-size: 2.5em;
    }
}

.w32-banner-1__content__contain__des {
    color: #3b3b3b;
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 1em;
    display: block;
    text-align: center;
}

.w32-banner-1__content__contain__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin: 0 auto;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
}

.w32-banner-1__content__contain__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 1.5em;
    min-width: 6em;
}

@media only screen and (max-width: 37.5em) {
    .w32-banner-1__content__contain__btn__text {
        font-size: 1.2em;
    }
}

.w32-banner-1__content__contain__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: 1em;
}

.w32-banner-1__content__contain__btn:hover .w32-banner-1__content__contain__btn__icon {
    margin-left: 2em;
}

.w32-banner-1__content__contain__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-banner-1__content__imgbox {
    background-size: cover;
    border-radius: 31em 0 0 31em;
    background-position: bottom !important;
    width: 60%;
    height: 130%;
    top: -15%;
    right: 0;
    position: absolute;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.426);
}

@media only screen and (max-width: 37.5em) {
    .w32-banner-1__content__imgbox {
        position: relative;
        width: 100%;
    }
}

.w32-banner-1__content__imgbox__img {
    width: 100%;
}

/*ed*/
/*w32-banner*/
.w32-banner {
    width: 100%;
    display: block;
}

.w32-banner__group {
    margin: 0 auto;
    position: relative;
}

.w32-banner .swiper-pagination {
    position: relative;
    top: -7em;
    display: block;
    text-align: left;
}

@media only screen and (min-width: 75em) {
    .w32-banner .swiper-pagination {
        margin-left: calc((100% - 120em) / 2);
    }
}

@media only screen and (max-width: 50em) {
    .w32-banner .swiper-pagination {
        top: -33.5em;
        text-align: right;
        padding-right: 1em !important;
        margin-top: -2em;
    }
}

.w32-banner .swiper-pagination-bullet {
    border-radius: 0;
    height: 1.3em;
    width: 1.3em;
    border-radius: 50%;
    color: #000;
    opacity: 1;
    background: #ead4a85e;
    position: relative;
}

    .w32-banner .swiper-pagination-bullet:not(:last-child) {
        margin-right: 1em !important;
    }

.w32-banner .swiper-pagination-bullet-active {
    color: #fff;
    background: #ead4a8;
}

    .w32-banner .swiper-pagination-bullet-active::after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid #eee;
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 0;
        transform: scale(1.5);
    }

.w32-banner__items {
    overflow: hidden;
    position: relative;
}

.w32-banner__items__item {
    background-image: url(/img/w32/banner-013.jpg);
    background-size: cover;
    background-position: center bottom;
    width: 100%;
    height: 100%;
    padding-top: 20em;
    padding-bottom: 35em;
    overflow: hidden;
    display: block;
    cursor: pointer;
}

.w32-banner__items__item__contain {
    max-width: 70em;
    margin-left: calc((100% - 120em) / 2);
    padding: 0 1em;
}

@media only screen and (max-width: 75em) {
    .w32-banner__items__item__contain {
        margin-left: 0;
        max-width: 100%;
    }
}

.w32-banner__items__item__contain__heading {
    display: flex;
    margin-bottom: 1em;
}

.w32-banner__items__item__contain__heading__imgbox {
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

.w32-banner__items__item__contain__heading__imgbox__img {
    width: 100%;
}

.w32-banner__items__item__contain__heading__text {
    color: white;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.6em;
}

.w32-banner__items__item__contain__name {
    color: #ead4a8;
    font-size: 4em;
    line-height: 1.4em;
    font-weight: bolder;
    letter-spacing: 1px;
}

.w32-banner__items__item__contain__des {
    color: #ead4a8;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: bolder;
    margin-top: 1em;
}

.w32-banner__items__item__contain__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
}

.w32-banner__items__item__contain__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 1.5em;
    min-width: 6em;
}

.w32-banner__items__item__contain__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: 1em;
}

.w32-banner__items__item__contain__btn:hover .w32-banner__items__item__contain__btn__icon {
    margin-left: 2em;
}

.w32-banner__items__item__contain__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-banner__content {
    position: relative;
    width: fit-content;
    margin-left: auto;
    max-width: 40em;
    margin-top: -35em;
    z-index: 1;
    right: 1em;
    display: block;
    margin-right: calc((100% - 120em) / 2);
}

@media only screen and (max-width: 75em) {
    .w32-banner__content {
        margin-right: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w32-banner__content {
        max-width: 100%;
        right: 0;
        padding: 1em;
    }
}

.w32-banner__content__name {
    color: white;
    font-size: 1.6em;
    padding: 1em 0;
    border-bottom: 0.1em solid #ead4a8;
    font-weight: bolder;
    letter-spacing: 1px;
}

.w32-banner__content__list {
    padding: 2em 0;
    display: flex;
    color: #ead4a8;
    align-items: center;
    cursor: pointer;
}

    .w32-banner__content__list:not(:last-child) {
        border-bottom: 0.1em solid #ead4a8;
    }

.w32-banner__content__list__text {
    font-size: 1.6em;
    line-height: 1.6em;
    margin-right: 1em;
    font-weight: 600;
    transition: all 0.3s ease;
}

.w32-banner__content__list__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    margin-left: auto;
    opacity: 0;
    transition: all 0.3s ease;
}

.w32-banner__content__list:hover .w32-banner__content__list__icon {
    opacity: 1;
    text-decoration: underline;
}

.w32-banner__content__list:hover {
    opacity: 1;
    text-decoration: underline;
}

/*ed*/
/*w32-blogdetail*/
.w32-blogdetail {
    width: 100%;
    padding: 2em 1em;
}

.w32-blogdetail__group {
    margin: 0 auto;
    max-width: 120em;
    display: flex;
    flex-wrap: wrap;
}

.w32-blogdetail__first {
    width: 61%;
}

@media only screen and (max-width: 50em) {
    .w32-blogdetail__first {
        width: 100%;
    }
}

.w32-blogdetail__first__name {
    font-weight: 600;
    font-size: 3em;
    display: block;
    width: fit-content;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

.w32-blogdetail__first__post {
    display: flex;
    margin-top: 1em;
    margin-bottom: 2em;
}

.w32-blogdetail__first__post__info {
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.w32-blogdetail__first__post__info__icon {
    font-weight: 600;
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
}

.w32-blogdetail__first__post__info__text {
    font-weight: 600;
    margin-left: 0.5em;
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
}

.w32-blogdetail__first__more {
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    border-top: 0.1em solid rgba(var(--main-color-w), 1);
    margin-top: 2em;
    flex-wrap: wrap;
}

.w32-blogdetail__first__more__tag {
    display: flex;
    align-items: center;
}

.w32-blogdetail__first__more__tag__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 2.5em;
    margin-right: 1em;
    padding: .5em;
}

.w32-blogdetail__first__more__tag__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.2em;
    margin-right: 1em;
    font-weight: 600;
    padding: 0.5em 1em;
    line-height: 1.6em;
    border-radius: 1em;
    cursor: pointer;
}

    .w32-blogdetail__first__more__tag__text:hover {
        background-color: #e9dfd8;
    }

.w32-blogdetail__first__more__social {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w32-blogdetail__first__more__social {
        margin-top: 1em;
    }
}

.w32-blogdetail__first__more__social__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.2em;
    margin-right: 1em;
    font-weight: 600;
    padding: 0.5em 1em;
    border-radius: 1em;
    cursor: pointer;
}

    .w32-blogdetail__first__more__social__text:hover {
        background-color: #e9dfd8;
    }

.w32-blogdetail__first__more__social__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    margin-right: 1em;
    padding: 0.5em;
    cursor: pointer;
    border-radius: 0.5em;
}

    .w32-blogdetail__first__more__social__icon:hover {
        background-color: #e9dfd8;
    }

.w32-blogdetail__first__review {
    padding: 2em;
}

.w32-blogdetail__first__review__first {
    width: 100%;
}

.w32-blogdetail__first__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w32-blogdetail__first__review__first__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    background-size: contain;
    background-position: center;
    border: 0.1em solid #eee;
    border-radius: 50%;
}

.w32-blogdetail__first__review__first__imgbox__img {
    width: 100%;
}

.w32-blogdetail__first__review__first__comment {
    margin-left: 2em;
    border: 1px solid #eee;
    padding: 1em;
    border-radius: 2em;
}

.w32-blogdetail__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w32-blogdetail__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
}

.w32-blogdetail__first__review__first__comment__head__user__date {
    margin-top: 0.5em;
    font-size: 1.2em;
}

.w32-blogdetail__first__review__first__comment__stars__star {
    color: indianred;
}

.w32-blogdetail__first__review__first__comment__text {
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w32-blogdetail__first__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 2em;
}

    .w32-blogdetail__first__review__second sup {
        color: red;
        font-size: 1.3em;
    }

.w32-blogdetail__first__review__second__title {
    font-size: 2em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
}

.w32-blogdetail__first__review__second__sub {
    font-size: 1.2em;
    margin-top: 1em;
    line-height: 1.6em;
}

.w32-blogdetail__first__review__second__textrate {
    margin-top: 2em;
}

.w32-blogdetail__first__review__second__textreview {
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 600;
}

.w32-blogdetail__first__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    border-radius: 1em;
}

.w32-blogdetail__first__review__second__star {
    display: flex;
    align-items: center;
}

.w32-blogdetail__first__review__second__star__text {
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w32-blogdetail__first__review__second__star__items {
    margin-left: 1em;
}

.w32-blogdetail__first__review__second__star__items__icon {
    color: darkgray;
    font-size: 1.3em;
}

.w32-blogdetail__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w32-blogdetail__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w32-blogdetail__first__review__second__textform__name__info {
    font-weight: 600;
    font-size: 1.3em;
}

.w32-blogdetail__first__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
    border-radius: 0.5em;
    border: 0.1em solid #949494;
}

.w32-blogdetail__first__review__second__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    margin-top: 3em;
    justify-content: center;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    border: none;
    outline: none;
    background-color: transparent;
}

.w32-blogdetail__first__review__second__btn__text {
    color: white;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
}

.w32-blogdetail__first__review__second__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-blogdetail__second {
    padding: 0 1em 1em 4em;
    border-left: 0.1em solid rgba(var(--main-color-w), 1);
    margin-left: 4%;
    width: 35%;
}

@media only screen and (max-width: 50em) {
    .w32-blogdetail__second {
        width: 100%;
        margin-left: 0;
        border-left: 0;
        padding: 0;
    }
}

.w32-blogdetail__second__heading {
    color: rgba(var(--main-color-w), 1);
    font-size: 2.5em;
    padding: 0.5em 0;
    border-bottom: 1px solid rgba(var(--main-color-w), 1);
}

.w32-blogdetail__second__content {
    margin-top: 1em;
}

.w32-blogdetail__second__content__items {
    margin-top: 3em;
    display: flex;
    justify-content: space-between;
}

.w32-blogdetail__second__content__items__thongtin__name {
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
    font-size: 1.4em;
}

.w32-blogdetail__second__content__items__thongtin__post {
    font-weight: 600;
    display: flex;
    margin-top: 0.5em;
    align-items: center;
}

.w32-blogdetail__second__content__items__thongtin__post__icon {
    margin-right: 0.5em;
    min-width: 1.5em;
    text-align: center;
}

.w32-blogdetail__second__content__items__imgbox {
    margin-left: 1em;
    border-radius: 0.5em;
    width: 30%;
    min-width: 30%;
    background-size: contain;
    background-position: center;
}

.w32-blogdetail__second__content__items__imgbox__img {
    width: 100%;
}

.w32-blogdetail__second__imgbox {
    width: 100%;
    background-size: cover;
    margin-top: 3em;
    border-radius: 1em;
}

.w32-blogdetail__second__imgbox__img {
    width: 100%;
}

/*ed*/
/*w32-bloglist*/
.w32-bloglist {
    width: 100%;
    padding: 2em 1em;
}

.w32-bloglist__group {
    margin: 0 auto;
    max-width: 120em;
}

.w32-bloglist__heading {
    display: block;
    width: 60%;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w32-bloglist__heading {
        width: 100%;
    }
}

.w32-bloglist__heading__main {
    font-size: 4em;
    line-height: 1.6em;
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-weight: 600;
    text-align: center;
}

.w32-bloglist__heading__des {
    font-size: 1.3em;
    line-height: 1.6em;
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-top: 1em;
    text-align: center;
}

.w32-bloglist__heading__card {
    position: relative;
    margin-top: 2em;
}

.w32-bloglist__heading__card__imgbox {
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: 2em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.247);
}

.w32-bloglist__heading__card__imgbox__img {
    width: 100%;
}

.w32-bloglist__heading__card__content {
    position: absolute;
    background-color: white;
    bottom: -5%;
    border-radius: .5em;
    padding: 2em 3em;
    width: 80%;
    left: 0;
    right: 0;
    margin: 0 auto;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.247);
}

@media only screen and (max-width: 50em) {
    .w32-bloglist__heading__card__content {
        position: relative;
        bottom: 0;
        margin-top: -10em;
        width: 95%;
    }
}

.w32-bloglist__heading__card__content__name {
    font-size: 3em;
    line-height: 1.6em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w32-bloglist__heading__card__content__name {
        font-size: 2em;
    }
}

.w32-bloglist__heading__card__content__des {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 1em;
}

.w32-bloglist__heading__card__content__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin: 0 auto;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
}

.w32-bloglist__heading__card__content__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 1.5em;
    min-width: 6em;
}

.w32-bloglist__heading__card__content__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: 1em;
}

.w32-bloglist__heading__card__content__btn:hover .w32-bloglist__heading__card__content__btn__icon {
    margin-left: 2em;
}

.w32-bloglist__heading__card__content__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-bloglist__items {
    display: flex;
    width: 60%;
    margin: 0 auto;
    margin-top: 5em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w32-bloglist__items {
        width: 100%;
    }
}

.w32-bloglist__items__item {
    width: 47%;
    margin: 1.5%;
    height: fit-content;
    cursor: pointer;
}

.w32-bloglist__items__item__imgbox {
    background-size: contain;
    background-position: center;
    border-radius: .5em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.247);
}

.w32-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w32-bloglist__items__item__content {
    margin-top: 2em;
}

.w32-bloglist__items__item__content__name {
    font-size: 2em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 1.6em;
}

@media only screen and (max-width: 50em) {
    .w32-bloglist__items__item__content__name {
        font-size: 1.6em;
    }
}

.w32-bloglist__items__item__content__des {
    font-size: 1.3em;
    color: #505050;
    line-height: 1.6em;
    margin-top: 1em;
    text-align: justify;
}

.w32-bloglist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w32-bloglist__paging__items {
    padding: 1em;
    width: 3.4em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    font-size: 1.2em;
    border: 0.1em solid #eee;
    cursor: pointer;
    box-shadow: 0 0 3em rgba(36, 36, 36, 0.115);
}

    .w32-bloglist__paging__items:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w32-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w32-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    border: 0.1em solid #eee;
    width: 3.4em;
    padding: 1em;
    border-radius: 50%;
}

    .w32-bloglist__paging__pre:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

/*ed*/
/*w32-footer*/
.w32-footer {
    width: 100%;
    background-color: #231f20;
    background-image: url(/img/w32/bg-footer2.jpg);
    padding: 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.w32-footer__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w32-footer__contain {
    display: flex;
    margin-top: 2em;
    flex-wrap: wrap;
}

.w32-footer__contain__thongtin {
    width: 31.33333%;
    margin: 1%;
    border-radius: 0.5em;
    padding: 2em;
    color: white;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #ead4a8;
}

@media only screen and (max-width: 37.5em) {
    .w32-footer__contain__thongtin {
        width: 100%;
        margin: 1em 0;
    }
}

.w32-footer__contain__thongtin__mota {
    margin-left: 1em;
}

.w32-footer__contain__thongtin__mota__name {
    font-size: 1.3em;
    margin-top: 1em;
    font-weight: 600;
    line-height: 1.6em;
}

.w32-footer__contain__thongtin__mota__des {
    font-size: 1.3em;
    margin-top: 0.5em;
    line-height: 1.6em;
}

.w32-footer__contain__thongtin__icon {
    font-size: 2.5em;
}

.w32-footer__contain__thongtin:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w32-footer__items {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w32-footer__items__item {
    width: 31.33333%;
    margin: 1%;
    color: #ead4a8;
}

@media only screen and (max-width: 37.5em) {
    .w32-footer__items__item {
        width: 100%;
        margin: 1em 0;
    }
}

.w32-footer__items__item__title {
    font-size: 1.6em;
    font-weight: 600;
    position: relative;
    width: max-content;
    display: block;
    padding: 0.5em 0;
    margin-top: 1em;
}

.w32-footer__items__item__des {
    display: block;
    margin-top: 1em;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
}

.w32-footer__items__item__info {
    display: flex;
    margin-top: 2em;
    border-radius: 0.5em;
}

.w32-footer__items__item__info__icon {
    margin-right: 1em;
    font-size: 1.3em;
}

.w32-footer__items__item__info__text {
    font-size: 1.3em;
}

.w32-footer__items__item__gui {
    margin-top: 2em;
    display: flex;
    align-items: center;
    border: 0.1em solid white;
}

.w32-footer__items__item__gui__in {
    width: 100%;
    border: none;
    outline: none;
    height: max-content;
    font-size: 1.3em;
    padding: 0.7em;
}

.w32-footer__items__item__gui__btn {
    white-space: nowrap;
    border: none;
    outline: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7em 2em;
    display: inline-block;
    text-align: center;
    font-size: 1.3em;
    font-weight: bolder;
    margin: 0 auto;
    width: max-content;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w32-footer__items__item__gui__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w32-footer__items__item__social {
    display: flex;
    margin-top: 2em;
    flex-wrap: wrap;
    justify-content: space-around;
}

.w32-footer__items__item__social__iconbox {
    display: block;
    width: 8%;
    margin: 2%;
    background-size: 80%;
    background-color: #f4f3ad;
    padding: 2em;
    border-radius: 50%;
    background-position: center;
    background-size: cover;
}

.w32-footer__items__item__social__iconbox__img {
    width: 100%;
}

/*ed*/
/*w32-introducer-1*/
.w32-introducer-1 {
    width: 100%;
    padding: 5em 1em 5em 0;
    background-color: #fffaf1;
    background-size: cover !important;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-blend-mode: screen;
    position: relative;
}

.w32-introducer-1__group {
    margin: 0 auto;
    max-width: 120em;
}

.w32-introducer-1__content {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w32-introducer-1__content {
        flex-wrap: wrap-reverse;
    }
}

.w32-introducer-1__content__imgbox {
    background-size: cover;
    border-radius: 0 263px 263px 0;
    background-position: center right !important;
    width: 45%;
    height: 85%;
    left: 0;
    top: 0;
    position: absolute;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.426);
    max-height: 40em;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w32-introducer-1__content__imgbox {
        position: relative;
        width: 100%;
    }
}

.w32-introducer-1__content__img {
    width: 100%;
}

.w32-introducer-1__content__contain {
    width: 50%;
    padding: 0 1em;
    margin-left: auto;
    justify-self: flex-end;
    z-index: 1;
}

@media only screen and (max-width: 75em) {
    .w32-introducer-1__content__contain {
        max-width: 100%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w32-introducer-1__content__contain {
        width: 100%;
    }
}

.w32-introducer-1__content__contain__heading {
    display: flex;
    margin-bottom: 1em;
}

.w32-introducer-1__content__contain__heading__imgbox {
    margin-right: 0.5em;
}

.w32-introducer-1__content__contain__heading__text {
    color: black;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.6em;
}

.w32-introducer-1__content__contain__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 4em;
    line-height: 1.4em;
    font-weight: bolder;
    letter-spacing: 1px;
}

.w32-introducer-1__content__contain__des {
    color: #3b3b3b;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 1em;
}

.w32-introducer-1__content__contain__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
}

.w32-introducer-1__content__contain__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 1.5em;
    min-width: 6em;
}

.w32-introducer-1__content__contain__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: 1em;
}

.w32-introducer-1__content__contain__btn:hover .w32-introducer-1__content__contain__btn__icon {
    margin-left: 2em;
}

.w32-introducer-1__content__contain__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-introducer-1__imgbox {
    border-radius: 2em;
    width: fit-content;
}

/*ed*/
/*w32-introducer*/
.w32-introducer {
    width: 100%;
    padding: 5em 1em;
    background-image: url(/img/w32/home-01.png);
    background-color: #fffaf1;
    background-size: cover !important;
    background-position: top center;
    background-repeat: no-repeat;
}

.w32-introducer__group {
    margin: 0 auto;
    max-width: 120em;
}

.w32-introducer__content {
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w32-introducer__content {
        flex-wrap: wrap-reverse;
    }
}

.w32-introducer__content__image {
    position: relative;
    margin-right: 2em;
    max-width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w32-introducer__content__image {
        position: relative;
        margin-right: 2em;
        margin-top: -90%;
        max-width: 100%;
    }
}

.w32-introducer__content__image__imgbox {
    background-size: contain;
    background-position: center;
    border-radius: 2em;
    width: fit-content;
    position: relative;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.426);
}

.w32-introducer__content__image__imgbox--1 {
    position: absolute;
    bottom: 5%;
    width: max-content;
    max-width: 200%;
}

@media only screen and (max-width: 37.5em) {
    .w32-introducer__content__image__imgbox--1 {
        position: absolute;
        width: 100%;
        margin-left: 5%;
    }
}

.w32-introducer__content__image__imgbox--2 {
    position: relative;
    bottom: -30%;
    right: 0;
    left: 100%;
    transform: translateX(-100%);
    top: 0;
}

.w32-introducer__content__image__img {
    width: 100%;
}

.w32-introducer__content__contain {
    width: 60%;
    padding: 0 1em;
    margin-left: auto;
    justify-self: flex-end;
    z-index: 1;
}

@media only screen and (max-width: 75em) {
    .w32-introducer__content__contain {
        margin-left: 0;
        max-width: 100%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w32-introducer__content__contain {
        width: 100%;
    }
}

.w32-introducer__content__contain__heading {
    display: flex;
    margin-bottom: 1em;
}

.w32-introducer__content__contain__heading__imgbox {
    margin-right: 0.5em;
}

.w32-introducer__content__contain__heading__text {
    color: black;
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.6em;
}

.w32-introducer__content__contain__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 4em;
    line-height: 1.4em;
    font-weight: bolder;
    letter-spacing: 1px;
}

.w32-introducer__content__contain__des {
    color: #3b3b3b;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 1em;
}

.w32-introducer__content__contain__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
}

.w32-introducer__content__contain__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 1.5em;
    min-width: 6em;
}

.w32-introducer__content__contain__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: 1em;
}

.w32-introducer__content__contain__btn:hover .w32-introducer__content__contain__btn__icon {
    margin-left: 2em;
}

.w32-introducer__content__contain__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-introducer__imgbox {
    border-radius: 2em;
    width: fit-content;
}

/*ed*/
/*w32-menu*/
.w32-menu {
    width: 100%;
    display: block;
    z-index: 11;
    position: relative;
    background-image: url(../img/w32/bg-header.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    padding-top: 1em;
    padding-bottom: 3em;
    background-size: cover;
}

.w32-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important;
    background-image: url(/img/w32/bg-header1.png);
    background-size: cover;
    background-position: center bottom;
}

@media only screen and (max-width: 37.5em) {
    .w32-menu__ab {
        background-color: white;
        color: black;
    }
}

.w32-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w32-menu__scroll-menu figure {
        border-radius: 0.4em;
    }

.w32-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w32-menu__group {
        padding: 1em;
        justify-content: space-between;
        padding-bottom: 1.5em;
    }
}

.w32-menu__image {
    position: relative;
    cursor: pointer;
    min-width: 15%;
    width: 15%;
    display: inline-block;
    height: 6em;
}

.w32-menu__image--mobile {
    width: 80%;
}

@media only screen and (min-width: 50em) {
    .w32-menu__image--mobile {
        display: none;
    }
}

@media only screen and (max-width: 50em) {
    .w32-menu__image--desk {
        display: none;
    }
}

.w32-menu__image__logobox {
    width: 100%;
    position: absolute;
    top: -2em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w32-menu__image__logobox {
        top: -1em;
    }
}

.w32-menu__image__logobox__img {
    margin: 0 auto;
}

.w32-menu__nav__icon {
    display: none;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
}

    .w32-menu__nav__icon::after, .w32-menu__nav__icon::before {
        background-color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w32-menu__nav__icon {
        display: inline-block;
    }
}

.w32-menu__checkbox {
    display: none;
}

    .w32-menu__checkbox:checked ~ .w32-menu__items {
        visibility: visible;
        opacity: 1;
        max-height: 100vh;
    }

.w32-menu__buttonnav {
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w32-menu__buttonnav {
        display: none;
    }
}

.w32-menu__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding-top: 2em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        background-color: white;
        top: 14em;
        display: block;
        width: 100%;
        transition: all 0.2s;
        padding: 1em;
        max-height: 0;
        height: max-content;
        left: 0;
    }
}

.w32-menu__items--col {
    display: flex;
    width: 40%;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items--col {
        width: 100%;
        flex-direction: column;
    }
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__lbl {
        text-align: center;
    }
}

.w32-menu__items__lbl__icon {
    font-size: 1.6em;
    padding: 0.5em;
    cursor: pointer;
    padding: 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
    color: white;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    transition: all 0.5s ease;
}

    .w32-menu__items__lbl__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
        transform: rotate(370deg);
    }

.w32-menu__items__checkbox:checked ~ .w32-menu__items__search {
    visibility: visible;
    transform: scale(1);
    opacity: 1;
}

.w32-menu__items__checkbox {
    display: none;
}

.w32-menu__items__cart {
    background-color: #ead4a8;
    padding: 1em;
    height: max-content;
    border-radius: 50%;
    margin-left: 2%;
    cursor: pointer;
    transition: all 0.5s ease;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__cart--desk {
        display: none;
    }
}

.w32-menu__items__cart--mobile {
    margin-left: 0;
}

@media only screen and (min-width: 50em) {
    .w32-menu__items__cart--mobile {
        display: none;
    }
}

.w32-menu__items__cart__icon {
    font-size: 1.8em;
    color: rgba(var(--main-color-w), 1);
}

.w32-menu__items__cart__number {
    position: absolute;
    z-index: 1;
    top: 0.5em;
    right: 0.3em;
    padding: 0.2em 0.4em;
    background-color: #ff3b3b;
    border-radius: 50%;
    text-align: center;
    color: white;
}

.w32-menu__items__cart:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    transform: rotate(370deg);
}

.w32-menu__items__search {
    position: fixed;
    visibility: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4em;
    color: white;
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
    top: 0;
    text-shadow: 0 0 3em white;
    opacity: 0;
    transform: scale(0);
}

.w32-menu__items__search__content {
    max-width: 120em;
    margin: 0 auto;
    margin-top: 10%;
    display: flex;
    align-items: center;
}

.w32-menu__items__search__content__icon {
    font-size: 3em;
    background: none;
    border: none;
    cursor: pointer;
    margin-left: auto;
    float: right;
    margin-left: 2em;
}

.w32-menu__items__search__content__input {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    width: 100%;
    border-bottom: 0.2em solid #f5f5f5;
}

.w32-menu__items__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 5em;
    color: white;
    width: 100%;
    background-color: transparent;
    text-align: center;
    letter-spacing: 1px;
}

@media only screen and (max-width: 37.5em) {
    .w32-menu__items__search__content__input__text {
        font-size: 2em;
    }
}

.w32-menu__items__search__content__input__text::-webkit-input-placeholder {
    color: white;
}

.w32-menu__items__search__content__input__text:focus {
    outline: none;
}

.w32-menu__items__search__content__input__icon {
    cursor: pointer;
    font-size: 3em;
}

.w32-menu__items__item {
    list-style: none;
    padding: 1em;
    position: relative;
}

.w32-menu__items__item__list__block {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    text-align: center;
    max-height: 10em;
    width: 13em;
    color: #ead4a8;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__list__block {
        color: black;
        padding: 1em;
        width: 100%;
    }
}

.w32-menu__items__item__list__block__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    font-weight: 600;
    font-size: 1.4em;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__list__block__text {
        font-size: 1.6em;
    }
}

.w32-menu__items__item__list__block__icon {
    margin-left: 0.5em;
    font-size: 1.4em;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__list__block__icon {
        transform: rotate(90deg);
        margin-left: auto;
    }
}

.w32-menu__items__item__list__block:hover {
    color: rgba(var(--main-color-w), 1);
}

.w32-menu__items__item:hover .w32-menu__items__item__drop {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    display: block;
    max-height: 100em;
}

.w32-menu__items__item__drop {
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    list-style: none;
    text-align: left;
    top: 5em;
    z-index: 2;
    border-radius: 1em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.15);
    width: 27em;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop {
        opacity: 0;
        max-height: 0;
        position: relative;
        visibility: visible;
        right: 0;
        width: 100%;
        transition: all 0.5s;
        top: 0;
    }
}

.w32-menu__items__item__drop__list {
    white-space: nowrap;
    position: relative;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop__list {
        padding: 0;
        padding-left: 1em;
    }
}

.w32-menu__items__item__drop__list:not(:last-child) {
    border-bottom: 0.1em solid rgba(0, 0, 0, 0.24);
}

.w32-menu__items__item__drop__list__block {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: black;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop__list__block {
        padding: 1em;
    }
}

.w32-menu__items__item__drop__list__block__text {
    max-width: 15em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    font-size: 1.5em;
}

.w32-menu__items__item__drop__list__block__icon {
    float: right;
    margin-left: auto;
    font-size: 1.4em;
    display: block;
}

@media only screen and (max-width: 37.5em) {
    .w32-menu__items__item__drop__list__block__icon {
        transform: rotate(90deg);
    }
}

.w32-menu__items__item__drop__list__block:hover {
    text-decoration: underline;
}

.w32-menu__items__item__drop--1 {
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    list-style: none;
    text-align: left;
    top: 0;
    z-index: 2;
    border-radius: 1em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.15);
    width: 27em;
    left: 26em;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--1 {
        opacity: 0;
        max-height: 0;
        position: relative;
        visibility: visible;
        right: 0;
        width: 100%;
        transition: all 0.5s;
        top: 0;
        left: 0;
    }
}

.w32-menu__items__item__drop--1__list {
    white-space: nowrap;
    position: relative;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--1__list {
        padding: 0;
        padding-left: 1em;
    }
}

.w32-menu__items__item__drop--1__list:not(:last-child) {
    border-bottom: 0.1em solid rgba(0, 0, 0, 0.24);
}

.w32-menu__items__item__drop--1__list__block {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: black;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--1__list__block {
        padding: 1em;
    }
}

.w32-menu__items__item__drop--1__list__block__text {
    max-width: 15em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    font-size: 1.5em;
}

.w32-menu__items__item__drop--1__list__block__icon {
    float: right;
    margin-left: auto;
    font-size: 1.4em;
    display: block;
}

@media only screen and (max-width: 37.5em) {
    .w32-menu__items__item__drop--1__list__block__icon {
        transform: rotate(90deg);
    }
}

.w32-menu__items__item__drop--1__list__block:hover {
    text-decoration: underline;
}

.w32-menu__items__item__drop--2 {
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: max-content;
    list-style: none;
    text-align: left;
    top: 0;
    z-index: 2;
    border-radius: 1em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.15);
    width: 27em;
    left: 26em;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--2 {
        opacity: 0;
        max-height: 0;
        position: relative;
        visibility: visible;
        right: 0;
        width: 100%;
        transition: all 0.5s;
        top: 0;
        left: 0;
    }
}

.w32-menu__items__item__drop--2__list {
    white-space: nowrap;
    position: relative;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--2__list {
        padding: 0;
        padding-left: 1em;
    }
}

.w32-menu__items__item__drop--2__list:not(:last-child) {
    border-bottom: 0.1em solid rgba(0, 0, 0, 0.24);
}

.w32-menu__items__item__drop--2__list__block {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    color: black;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--2__list__block {
        padding: 1em;
    }
}

.w32-menu__items__item__drop--2__list__block__text {
    max-width: 15em;
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    font-size: 1.5em;
}

.w32-menu__items__item__drop--2__list__block__icon {
    float: right;
    margin-left: auto;
    font-size: 1.4em;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--2__list__block__icon {
        transform: rotate(90deg);
    }
}

.w32-menu__items__item__drop--2__list__block:hover {
    text-decoration: underline;
}

.w32-menu__items__item:hover .w32-menu__items__item__drop {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    max-height: 100em;
    overflow: visible;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item:hover .w32-menu__items__item__drop {
        margin-top: 1em;
    }
}

.w32-menu__items__item__drop__list:hover .w32-menu__items__item__drop--1 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    max-height: 100em;
    overflow: visible;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop__list:hover .w32-menu__items__item__drop--1 {
        margin-top: 1em;
    }
}

.w32-menu__items__item__drop--1__list:hover .w32-menu__items__item__drop--2 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    max-height: 100em;
    overflow: visible;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__item__drop--1__list:hover .w32-menu__items__item__drop--2 {
        margin-top: 1em;
    }
}

.w32-menu__items__lang {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1em;
    height: max-content;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__lang {
        justify-content: center;
        margin-top: 2em;
    }
}

.w32-menu__items__lang__imgbox {
    width: 2em;
    height: 2em;
    min-width: 2em;
    background-size: cover;
    border-radius: 50%;
}

.w32-menu__items__lang__imgbox__img {
    width: 100%;
}

.w32-menu__items__lang__icon {
    margin-left: 0.5em;
    font-size: 1.3em;
    color: white;
}

.w32-menu__items__lang:hover .w32-menu__items__lang__giatri {
    display: block;
}

.w32-menu__items__lang__giatri {
    display: none;
    position: absolute;
    top: 3.5em;
    width: 100%;
    border-radius: 0.3em;
    padding: 0.5em;
    cursor: pointer;
}

.w32-menu__items__lang__giatri__imgbox {
    width: 2em;
    height: 2em;
    background-size: cover;
    border-radius: 50%;
}

@media only screen and (max-width: 50em) {
    .w32-menu__items__lang__giatri__imgbox {
        margin: 0 auto;
    }
}

.w32-menu__items__lang__giatri__imgbox:not(:first-child) {
    margin-top: 1em;
}

.w32-menu__items__lang__giatri__imgbox__img {
    width: 100%;
}

.w32-menu__items__lang__giatri__imgbox:hover {
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w32-menu__checkboxshop {
    display: none;
}

    .w32-menu__checkboxshop:checked ~ .w32-menu__shop {
        right: 0;
        visibility: visible;
    }

.w32-menu__shop {
    position: fixed;
    width: 35em;
    right: 0;
    top: 0;
    z-index: 3;
    background-color: white;
    display: block;
    padding: 1em;
    transition: all 0.3s ease;
    visibility: hidden;
    right: -50em;
}

.w32-menu__shop__icon {
    font-size: 2em;
    display: block !important;
    cursor: pointer;
    color: black;
    clear: left;
    text-align: center;
    position: relative;
    margin-left: auto;
    color: rgba(var(--main-color-w), 1);
    width: fit-content;
    transition: all 0.2s ease;
}

    .w32-menu__shop__icon:hover {
        transform: scale(1.2) rotate(90deg);
    }

.w32-menu__shop__content {
    display: flex;
    margin-top: 1em;
    padding: 1em;
    position: relative;
    border-bottom: 0.1em solid #482a2c3f;
}

.w32-menu__shop__content__imgbox {
    min-width: 30%;
    height: 8em;
    width: 8em;
    min-width: 8em;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w32-menu__shop__content__imgbox__img {
    width: 100%;
}

.w32-menu__shop__content__gia {
    color: black;
    margin-left: 1em;
}

.w32-menu__shop__content__gia__name {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.6em;
}

.w32-menu__shop__content__gia__price {
    font-size: 1.3em;
    color: red;
    margin-top: 0.5em;
}

.w32-menu__shop__content__icon {
    position: absolute;
    bottom: 0.5em;
    right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    cursor: pointer;
    transition: all 0.3s ease;
}

    .w32-menu__shop__content__icon:hover {
        transform: scale(1.2) rotate(90deg);
    }

.w32-menu__shop__content:hover {
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w32-menu__shop__text {
    display: block;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.8em;
    text-align: center;
    border-bottom: 1px solid #482a2c3f;
    padding: 1em 0.5em;
}

.w32-menu__shop__graction {
    display: flex;
    justify-content: space-around;
    margin-top: 2em;
}

.w32-menu__shop__graction__btn {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    font-size: 1.5em;
    width: 10em;
    text-align: center;
    color: #ead4a8;
    border-radius: 2em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
}

    .w32-menu__shop__graction__btn:hover {
        background-color: #ead4a8;
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

/*ed*/
/*w32-product-1*/
.w32-product-1 {
    width: 100%;
    padding: 2em 1em;
}

.w32-product-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w32-product-1__boloc {
    padding: .5em;
}

.w32-product-1__boloc__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    border-radius: 0.5em;
    z-index: 3;
    width: fit-content;
    margin-left: auto;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w32-product-1__boloc__vung__checkbox {
    display: none;
}

    .w32-product-1__boloc__vung__checkbox:checked ~ .w32-product-1__boloc__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w32-product-1__boloc__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w32-product-1__boloc__vung__ad__icon {
    margin-left: 0.5em;
}

.w32-product-1__boloc__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5em;
}

    .w32-product-1__boloc__vung__items .active {
        font-weight: 800;
    }

.w32-product-1__boloc__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
}

    .w32-product-1__boloc__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w32-product-1__boloc__vung__items__item:hover {
        background-color: #eee;
    }

.w32-product-1__heading {
    margin-bottom: 1em;
}

.w32-product-1__heading__text {
    font-size: 2.5em;
    color: rgba(var(--main-color-w), 1);
    width: fit-content;
    margin: 0 auto;
    display: block;
}

.w32-product-1__heading__tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1em;
}

    .w32-product-1__heading__tab .active {
        color: white;
        background-image: url(/img/w32/bg-btn-hover-1.svg);
    }

.w32-product-1__heading__tab__text {
    background-image: url(/img/w32/bg-btn-view-all.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1.4em;
    height: 3em;
    width: 15em;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: .5%;
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

    .w32-product-1__heading__tab__text:hover {
        color: white;
        background-image: url(/img/w32/bg-btn-hover-1.svg);
    }

.w32-product-1__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w32-product-1__items__card {
    background-color: #FFFFFF;
    width: 23%;
    margin: 1%;
    border-radius: 1em;
    overflow: hidden;
    padding-bottom: 1em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.2);
    height: fit-content;
}

@media only screen and (max-width: 37.5em) {
    .w32-product-1__items__card {
        width: 48%;
        margin: 1%;
    }
}

.w32-product-1__items__card__imgbox {
    width: 100%;
    background-size: cover;
}

.w32-product-1__items__card__imgbox__img {
    width: 100%;
}

.w32-product-1__items__card:hover .w32-product-1__items__card__thongtin__btn {
    overflow: visible;
    max-height: 10em;
    margin-top: 1em;
}

.w32-product-1__items__card__thongtin {
    margin-top: 1em;
    display: block;
    text-align: center;
    cursor: pointer;
}

.w32-product-1__items__card__thongtin__name {
    font-size: 1.4em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w32-product-1__items__card__thongtin__stars {
    margin-top: .5em;
}

.w32-product-1__items__card__thongtin__stars__star {
    color: #FF6150;
}

    .w32-product-1__items__card__thongtin__stars__star:not(:last-child) {
        margin-right: .2em;
    }

.w32-product-1__items__card__thongtin__pricing {
    margin-top: 1.5em;
}

.w32-product-1__items__card__thongtin__pricing__main {
    font-size: 1.4em;
    text-decoration: line-through;
}

.w32-product-1__items__card__thongtin__pricing__down {
    font-size: 1.4em;
    margin-top: .5em;
    font-weight: 600;
}

.w32-product-1__items__card__thongtin__btn {
    background-image: url(/img/w32/border-btn-19041-1.svg);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 80%;
    height: 4em;
    min-height: max-content;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    color: rgba(var(--main-color-w), 1);
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    justify-content: center;
}

@media only screen and (max-width: 62.5em) {
    .w32-product-1__items__card__thongtin__btn {
        margin-top: 1em;
        max-height: 10em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w32-product-1__items__card__thongtin__btn {
        margin-top: 1em;
        max-height: 10em;
        height: 3em;
    }
}

.w32-product-1__items__card__thongtin__btn__text {
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 1.5em;
}

@media only screen and (max-width: 62.5em) {
    .w32-product-1__items__card__thongtin__btn__text {
        display: none;
    }
}

.w32-product-1__items__card__thongtin__btn__icon {
    background-image: url(/img/w32/arrow-right2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    transition: all 0.2s ease;
    margin-left: .5em;
    font-size: 1.4em;
}

@media only screen and (max-width: 62.5em) {
    .w32-product-1__items__card__thongtin__btn__icon {
        margin-left: 0;
    }
}

.w32-product-1__items__card__thongtin__btn:hover .w32-product-1__items__card__thongtin__btn__icon {
    margin-left: 1em;
}

.w32-product-1__items__card__thongtin__btn:hover {
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    color: #ead4a8;
}

.w32-product-1__items__card__thongtin__xem {
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
}

/*ed*/
/*w32-breadcumb*/
.w32-breadcumb {
    width: 100%;
    padding: 2em 1em;
}

.w32-breadcumb__group {
    margin: 0 auto;
    max-width: 120em;
}

.w32-breadcumb__items__icon {
    margin-right: .5em;
}

.w32-breadcumb__items__item {
    font-size: 1.4em;
    display: inline-block;
}

    .w32-breadcumb__items__item:not(:last-child) {
        margin-right: .5em;
    }

    .w32-breadcumb__items__item:hover {
        text-decoration: underline;
    }

.w32-breadcumb__items .active {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w32-product*/
.w32-product {
    width: 100%;
    padding: 2em 1em;
    background-color: #fffaf1;
}

.w32-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w32-product__content {
    display: flex;
    flex-wrap: wrap;
}

.w32-product__content__contain {
    width: 50%;
    padding: 0 1em;
    z-index: 1;
}

@media only screen and (max-width: 37.5em) {
    .w32-product__content__contain {
        width: 100%;
    }
}

.w32-product__content__contain__heading {
    display: flex;
    margin-bottom: 1em;
}

.w32-product__content__contain__heading__imgbox {
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

.w32-product__content__contain__heading__imgbox__img {
    width: 100%;
}

.w32-product__content__contain__heading__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 2.5em;
    line-height: 1.4em;
    font-weight: bolder;
    letter-spacing: 1px;
}

.w32-product__content__contain__des {
    color: #3b3b3b;
    font-size: 1.3em;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 1em;
}

.w32-product__content__contain__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    justify-content: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
}

.w32-product__content__contain__btn__text {
    color: #ead4a8;
    font-size: 1.3em;
    font-weight: bolder;
}

.w32-product__content__contain__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-product__content__contain__btn--1 {
    background-image: url(/img/w32/border-btn-19041-1.svg);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    color: rgba(var(--main-color-w), 1);
}

.w32-product__content__contain__btn--1__text {
    font-size: 1.3em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 3em;
}

.w32-product__content__contain__btn--1__icon {
    background-image: url(/img/w32/arrow-right2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 3em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: .5em;
}

.w32-product__content__contain__btn--1:hover .w32-product__content__contain__btn--1__icon {
    margin-left: 2em;
    background-image: url(/img/w32/arrow-right.svg);
}

.w32-product__content__contain__btn--1:hover {
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    color: #ead4a8;
}

.w32-product__content__shop {
    display: flex;
    width: 48%;
    margin-left: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w32-product__content__shop {
        width: 100%;
        margin-left: 0;
    }
}

.w32-product__content__shop__card {
    background-color: #FFFFFF;
    width: 46%;
    margin: 2%;
    border-radius: 1em;
    overflow: hidden;
    height: fit-content;
    padding-bottom: 1em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.2);
}

.w32-product__content__shop__card__imgbox {
    width: 100%;
    background-size: cover;
}

.w32-product__content__shop__card__imgbox__img {
    width: 100%;
}

.w32-product__content__shop__card:hover .w32-product__content__shop__card__thongtin__btn {
    overflow: visible;
    max-height: 10em;
    margin-top: 1em;
}

.w32-product__content__shop__card__thongtin {
    margin-top: 1em;
    display: block;
    text-align: center;
    cursor: pointer;
}

.w32-product__content__shop__card__thongtin__name {
    font-size: 1.4em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w32-product__content__shop__card__thongtin__stars {
    margin-top: .5em;
}

.w32-product__content__shop__card__thongtin__stars__star {
    color: #FF6150;
}

    .w32-product__content__shop__card__thongtin__stars__star:not(:last-child) {
        margin-right: .2em;
    }

.w32-product__content__shop__card__thongtin__pricing {
    margin-top: 1.5em;
}

.w32-product__content__shop__card__thongtin__pricing__main {
    font-size: 1.4em;
    text-decoration: line-through;
}

.w32-product__content__shop__card__thongtin__pricing__down {
    font-size: 1.4em;
    margin-top: .5em;
    font-weight: 600;
}

.w32-product__content__shop__card__thongtin__btn {
    background-image: url(/img/w32/border-btn-19041-1.svg);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 80%;
    height: 4em;
    min-height: max-content;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    color: rgba(var(--main-color-w), 1);
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    justify-content: center;
}

@media only screen and (max-width: 62.5em) {
    .w32-product__content__shop__card__thongtin__btn {
        margin-top: 1em;
        max-height: 10em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w32-product__content__shop__card__thongtin__btn {
        margin-top: 1em;
        max-height: 10em;
        height: 3em;
    }
}

.w32-product__content__shop__card__thongtin__btn__text {
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 1.5em;
}

@media only screen and (max-width: 62.5em) {
    .w32-product__content__shop__card__thongtin__btn__text {
        display: none;
    }
}

.w32-product__content__shop__card__thongtin__btn__icon {
    background-image: url(/img/w32/arrow-right2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    transition: all 0.2s ease;
    margin-left: .5em;
    font-size: 1.4em;
}

@media only screen and (max-width: 62.5em) {
    .w32-product__content__shop__card__thongtin__btn__icon {
        margin-left: 0;
    }
}

.w32-product__content__shop__card__thongtin__btn:hover .w32-product__content__shop__card__thongtin__btn__icon {
    margin-left: 1em;
}

.w32-product__content__shop__card__thongtin__btn:hover {
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    color: #ead4a8;
}

.w32-product__content__shop__card__thongtin__xem {
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
}

.w32-product__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w32-product__items__card {
    background-color: #FFFFFF;
    width: 23%;
    margin: 1%;
    border-radius: 1em;
    overflow: hidden;
    padding-bottom: 1em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.2);
    height: fit-content;
}

@media only screen and (max-width: 37.5em) {
    .w32-product__items__card {
        width: 48%;
        margin: 1%;
    }
}

.w32-product__items__card__imgbox {
    width: 100%;
    background-size: cover;
}

.w32-product__items__card__imgbox__img {
    width: 100%;
}

.w32-product__items__card:hover .w32-product__items__card__thongtin__btn {
    overflow: visible;
    max-height: 10em;
    margin-top: 1em;
}

.w32-product__items__card__thongtin {
    margin-top: 1em;
    display: block;
    text-align: center;
    cursor: pointer;
}

.w32-product__items__card__thongtin__name {
    font-size: 1.4em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w32-product__items__card__thongtin__stars {
    margin-top: .5em;
}

.w32-product__items__card__thongtin__stars__star {
    color: #FF6150;
}

    .w32-product__items__card__thongtin__stars__star:not(:last-child) {
        margin-right: .2em;
    }

.w32-product__items__card__thongtin__pricing {
    margin-top: 1.5em;
}

.w32-product__items__card__thongtin__pricing__main {
    font-size: 1.4em;
    text-decoration: line-through;
}

.w32-product__items__card__thongtin__pricing__down {
    font-size: 1.4em;
    margin-top: .5em;
    font-weight: 600;
}

.w32-product__items__card__thongtin__btn {
    background-image: url(/img/w32/border-btn-19041-1.svg);
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 80%;
    height: 4em;
    min-height: max-content;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    color: rgba(var(--main-color-w), 1);
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    justify-content: center;
}

@media only screen and (max-width: 62.5em) {
    .w32-product__items__card__thongtin__btn {
        margin-top: 1em;
        max-height: 10em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w32-product__items__card__thongtin__btn {
        margin-top: 1em;
        max-height: 10em;
        height: 3em;
    }
}

.w32-product__items__card__thongtin__btn__text {
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 1.5em;
}

@media only screen and (max-width: 62.5em) {
    .w32-product__items__card__thongtin__btn__text {
        display: none;
    }
}

.w32-product__items__card__thongtin__btn__icon {
    background-image: url(/img/w32/arrow-right2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    transition: all 0.2s ease;
    margin-left: .5em;
    font-size: 1.4em;
}

@media only screen and (max-width: 62.5em) {
    .w32-product__items__card__thongtin__btn__icon {
        margin-left: 0;
    }
}

.w32-product__items__card__thongtin__btn:hover .w32-product__items__card__thongtin__btn__icon {
    margin-left: 1em;
}

.w32-product__items__card__thongtin__btn:hover {
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    color: #ead4a8;
}

.w32-product__items__card__thongtin__xem {
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
}

/*ed*/
/*w32-productdetail*/
.w32-productdetail {
    position: relative;
    width: 100%;
    padding: 3em 1em;
}

    .w32-productdetail .w32-productdetail__first__review {
        padding: 0;
    }

.w32-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w32-productdetail__main {
    display: block;
}

.w32-productdetail__main__info {
    display: flex;
    flex-wrap: wrap;
}

.w32-productdetail__main__info__sanpham {
    width: 47%;
    height: max-content;
    margin-bottom: 3em;
}

@media only screen and (max-width: 50em) {
    .w32-productdetail__main__info__sanpham {
        width: 100%;
    }
}

.w32-productdetail__main__info__sanpham__productimg {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
}

    .w32-productdetail__main__info__sanpham__productimg .swiper-button-next {
        color: rgba(var(--main-color-w), 1);
    }

    .w32-productdetail__main__info__sanpham__productimg .swiper-button-prev {
        color: rgba(var(--main-color-w), 1);
    }

.w32-productdetail__main__info__sanpham__productimg__imgbox {
    width: 50%;
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w32-productdetail__main__info__sanpham__productimg__imgbox__img {
    width: 100%;
}

.w32-productdetail__main__info__sanpham__pre {
    width: 100%;
    display: flex;
    margin-top: 2em;
    overflow: hidden;
}

.w32-productdetail__main__info__sanpham__pre__imgbox {
    width: 23.333333333333333% !important;
    background-color: transparent;
    border: none;
    border-radius: 1em;
    margin-right: 2% !important;
    cursor: pointer;
    outline: 0.1em solid #f2f2f2;
    background-size: contain;
    background-position: center;
}

.w32-productdetail__main__info__sanpham__pre__imgbox__img {
    width: 100%;
}

.w32-productdetail__main__info__content {
    padding: 0 1em;
    width: 50%;
    margin-left: 3%;
    font-size: 1.2em;
}

@media only screen and (max-width: 50em) {
    .w32-productdetail__main__info__content {
        width: 100%;
    }
}

.w32-productdetail__main__info__content__name {
    font-size: 2.6em;
    line-height: 1.6em;
    font-weight: 600;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__dg {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
}

.w32-productdetail__main__info__content__dg__stars {
    display: flex;
    align-items: center;
    margin-right: 0.5em;
    gap: 0.5em;
    cursor: pointer;
}

.w32-productdetail__main__info__content__dg__stars__star {
    color: #ff6150;
}

.w32-productdetail__main__info__content__sub {
    line-height: 1.6em;
    font-size: 1.2em;
    margin-top: 1em;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__head {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    margin-top: 1em;
    font-weight: 600;
    margin-bottom: 0.7em;
}

.w32-productdetail__main__info__content__giam {
    display: flex;
    margin-top: 2em;
}

.w32-productdetail__main__info__content__giam__text {
    font-size: 1.3em;
    margin-right: 0.5em;
    font-weight: 600;
}

.w32-productdetail__main__info__content__giam__imgbox {
    max-width: 5em;
    background-size: contain;
    background-position: center;
}

.w32-productdetail__main__info__content__giam__imgbox__img {
    width: 100%;
}

.w32-productdetail__main__info__content__deliver {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
    padding: 0.5em 1em;
    border: 0.15em solid rgba(255, 0, 0, 0.877);
    border-radius: 2em;
    width: max-content;
}

.w32-productdetail__main__info__content__deliver__icon {
    color: rgba(255, 0, 0, 0.877);
    font-size: 2em;
    margin-right: 0.5em;
}

.w32-productdetail__main__info__content__deliver__text {
    font-size: 1em;
    font-weight: 600;
}

.w32-productdetail__main__info__content__kichco {
    display: flex;
    margin-top: 2em;
}

.w32-productdetail__main__info__content__kichco__name {
    font-size: 1.3em;
    min-width: 5em;
}

.w32-productdetail__main__info__content__kichco__detail {
    cursor: pointer;
}

    .w32-productdetail__main__info__content__kichco__detail .active {
        background-color: rgba(var(--main-color-w), 1);
        font-weight: 600;
        color: white;
    }

.w32-productdetail__main__info__content__kichco__detail__text {
    font-size: 1.3em;
    margin-bottom: 0.5em;
    display: block;
    width: max-content;
    padding: 0.3em 0.5em;
    border-radius: 2em;
}

    .w32-productdetail__main__info__content__kichco__detail__text:hover {
        border: 0.1em solid black;
    }

.w32-productdetail__main__info__content__fea {
    margin-top: 2em;
}

.w32-productdetail__main__info__content__fea__ct {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: .5em;
    padding: .5em 0;
    border-bottom: .1em solid #c7c7c7;
}

.w32-productdetail__main__info__content__fea__ct__rd {
    margin-right: 1em;
    height: 1.5em;
    width: 1.5em;
}

.w32-productdetail__main__info__content__fea__ct__text {
    font-size: 1.3em;
}

.w32-productdetail__main__info__content__form {
    align-items: center;
    background-color: rgba(255, 0, 0, 0.856);
    border-radius: 0.5em;
    justify-content: space-between;
    padding: 1em;
    margin-top: 1em;
}

.w32-productdetail__main__info__content__form__name {
    color: white;
    font-size: 1.2em;
    line-height: 1.6em;
}

.w32-productdetail__main__info__content__form__gui {
    background-color: white;
    border-radius: 2em;
    overflow: hidden;
    display: flex;
    width: 100%;
    margin-top: 0.5em;
}

.w32-productdetail__main__info__content__form__gui__in {
    border: none;
    outline: none;
    padding-left: 1em;
    width: 100%;
}

.w32-productdetail__main__info__content__form__gui__btn {
    border: none;
    outline: none;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    color: white;
    font-weight: 600;
    color: white;
    display: block;
    cursor: pointer;
    font-size: 1.5em;
}

.w32-productdetail__main__info__content__price {
    display: flex;
    align-items: center;
    padding: 1em 0;
}

.w32-productdetail__main__info__content__price__main {
    font-size: 2.5em;
    font-weight: bolder;
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
}

.w32-productdetail__main__info__content__price__count {
    margin-left: auto;
}

.w32-productdetail__main__info__content__price__count__sub {
    font-size: 1.3em;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__price__count__des {
    font-size: 1.3em;
    display: block;
    font-weight: 600;
    margin-top: 0.5em;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__des {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__tt {
    border-top: 0.1em solid #c7c7c7;
    padding: 1em 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w32-productdetail__main__info__content__tt__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.2em;
}

.w32-productdetail__main__info__content__soluong {
    display: flex;
    align-items: center;
    border-top: 0.1em solid #c7c7c7;
}

.w32-productdetail__main__info__content__soluong__sl {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    margin-right: 1em;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__soluong__action {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w32-productdetail__main__info__content__soluong__action__icon {
    border: 0.1em solid #f2f2f2;
    padding: 0.75em 0.8em;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__soluong__action__number {
    border: 0.1em solid #f2f2f2;
    width: 3em;
    height: 2.4em;
    border-right: none;
    border-left: none;
    outline: none;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__grbtn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.w32-productdetail__main__info__content__grbtn__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-view-all.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    color: rgba(var(--main-color-w), 1);
    justify-content: center;
}

    .w32-productdetail__main__info__content__grbtn__btn:nth-child(2) {
        background-image: url(/img/w32/bg-btn-hover-1.svg);
        color: white;
    }

.w32-productdetail__main__info__content__grbtn__btn__text {
    font-size: 1.3em;
    white-space: nowrap;
    font-weight: 600;
}

.w32-productdetail__main__info__content__grbtn__btn__icon {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    transition: all 0.2s ease;
    font-size: 1.4em;
    position: relative;
    left: 0.5em;
}

.w32-productdetail__main__info__content__grbtn__btn:hover .w32-productdetail__main__info__content__grbtn__btn__icon {
    left: 1em;
    color: white;
}

.w32-productdetail__main__info__content__grbtn__btn:hover {
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    color: white;
}

.w32-productdetail__main__info__content__locate {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    padding: 1em 1em 1em 1em;
    margin-top: 3em;
    position: relative;
}

.w32-productdetail__main__info__content__locate__name {
    font-weight: 600;
    top: 0;
    transform: translate(-50%, -50%);
    background-color: white;
    left: 50%;
    text-align: center;
    width: max-content;
    font-size: 1.4em;
    position: absolute;
    padding: 0 1em;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__locate__items__item {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w32-productdetail__main__info__content__locate__items__item__icon {
    margin-right: 1em;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__info__content__locate__items__item__text {
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__social {
    display: flex;
    align-items: center;
    margin-top: 1em;
}

.w32-productdetail__main__social__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    margin-right: 1em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w32-productdetail__main__social__imgbox__img {
    width: 100%;
}

.w32-productdetail__main__content {
    margin-top: 2em;
}

.w32-productdetail__main__content__review {
    padding: 2em;
}

.w32-productdetail__main__content__review__first {
    width: 100%;
}

.w32-productdetail__main__content__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w32-productdetail__main__content__review__first__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    background-size: contain;
    background-position: center;
    border: 0.1em solid #eee;
    border-radius: 50%;
}

.w32-productdetail__main__content__review__first__imgbox__img {
    width: 100%;
}

.w32-productdetail__main__content__review__first__comment {
    margin-left: 2em;
    border: 1px solid #eee;
    padding: 1em;
    border-radius: 2em;
}

.w32-productdetail__main__content__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w32-productdetail__main__content__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
}

.w32-productdetail__main__content__review__first__comment__head__user__date {
    margin-top: 0.5em;
    font-size: 1.2em;
}

.w32-productdetail__main__content__review__first__comment__stars__star {
    color: indianred;
}

.w32-productdetail__main__content__review__first__comment__text {
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w32-productdetail__main__content__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 2em;
}

    .w32-productdetail__main__content__review__second sup {
        color: red;
        font-size: 1.3em;
    }

.w32-productdetail__main__content__review__second__title {
    font-size: 2em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
}

.w32-productdetail__main__content__review__second__sub {
    font-size: 1.2em;
    margin-top: 1em;
    line-height: 1.6em;
}

.w32-productdetail__main__content__review__second__textrate {
    margin-top: 2em;
}

.w32-productdetail__main__content__review__second__textreview {
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 600;
}

.w32-productdetail__main__content__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    border-radius: 1em;
}

.w32-productdetail__main__content__review__second__star {
    display: flex;
    align-items: center;
}

.w32-productdetail__main__content__review__second__star__text {
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w32-productdetail__main__content__review__second__star__items {
    margin-left: 1em;
}

.w32-productdetail__main__content__review__second__star__items__icon {
    color: darkgray;
    font-size: 1.3em;
}

.w32-productdetail__main__content__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w32-productdetail__main__content__review__second__textform__name {
    width: 48%;
    display: block;
}

.w32-productdetail__main__content__review__second__textform__name__info {
    font-weight: 600;
    font-size: 1.3em;
}

.w32-productdetail__main__content__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
    border-radius: 0.5em;
    border: 0.1em solid #949494;
}

.w32-productdetail__main__content__review__second__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    margin-top: 3em;
    justify-content: center;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    border: none;
    outline: none;
    background-color: transparent;
}

.w32-productdetail__main__content__review__second__btn__text {
    color: white;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
}

.w32-productdetail__main__content__review__second__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-productdetail__main__content__tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1em;
    margin-bottom: 1em;
}

    .w32-productdetail__main__content__tab .active {
        color: white;
        background-image: url(/img/w32/bg-btn-hover-1.svg);
    }

.w32-productdetail__main__content__tab__text {
    background-image: url(/img/w32/bg-btn-view-all.svg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1.4em;
    height: 3em;
    width: 15em;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.5%;
    margin-top: 1em;
    color: rgba(var(--main-color-w), 1);
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
}

    .w32-productdetail__main__content__tab__text:hover {
        color: white;
        background-image: url(/img/w32/bg-btn-hover-1.svg);
    }

.w32-productdetail__main__content__text {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w32-productdetail__main__content__content {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

/*ed*/
/*w32-cart*/
.w32-cart {
    width: 100%;
    background-color: #fffaf1;
    padding: 2em 1em;
}

.w32-cart__group {
    margin: 0 auto;
    max-width: 120em;
}

.w32-cart__ttmh {
    padding: 0.5em;
    width: 48%;
    min-width: 48%;
    background-color: #fffaf1;
}

@media only screen and (max-width: 50em) {
    .w32-cart__ttmh {
        width: 100%;
    }
}

.w32-cart__ttmh__title {
    display: flex;
    align-items: center;
    padding: 1em;
}

.w32-cart__ttmh__title__icon {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
}

.w32-cart__ttmh__title__text {
    font-size: 2em;
    padding: .5em;
    font-weight: 600;
    line-height: 1.6em;
}

.w32-cart__ttmh__name {
    padding: 1em;
    display: flex;
    font-size: 1.2em;
    align-items: center;
}

.w32-cart__ttmh__name__text {
    width: 12em;
}

.w32-cart__ttmh__name__input {
    width: 68%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    padding: 0.5em;
    border-radius: 0.3em;
}

@media only screen and (max-width: 50em) {
    .w32-cart__ttmh__name__input {
        width: 100%;
    }
}

.w32-cart__dh {
    width: 100%;
    padding: 1em;
    margin-top: 1em;
}

@media only screen and (min-width: 37.5em) {
    .w32-cart__dh {
        background-color: white;
    }
}

.w32-cart__dh__table {
    border-collapse: collapse;
    width: 100%;
}

    .w32-cart__dh__table td,
    .w32-cart__dh__table th {
        text-align: left;
        padding: 0.5em;
        text-align: center;
    }

@media only screen and (max-width: 37.5em) {
    .w32-cart__dh__table td,
    .w32-cart__dh__table th {
        width: 100% !important;
        display: block;
    }
}

@media only screen and (max-width: 37.5em) {
    .w32-cart__dh__table td {
        background-color: white;
        margin-top: 2em;
        padding: 1.5em;
        border-radius: 1em;
    }
}

.w32-cart__dh__table tr {
    border-bottom: 0.1em solid #f2f2f2;
}

.w32-cart__dh__table__imgbox {
    min-width: 7em;
    width: 7em;
    border-radius: 0.5em;
    background-size: contain;
    background-position: center;
}

.w32-cart__dh__table__total {
    color: orangered;
    font-weight: 600;
    font-size: 1.3em;
}

.w32-cart__dh__table__imgbox {
    width: 10em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w32-cart__dh__table__imgbox {
        width: 50%;
        margin: 0 auto;
    }
}

.w32-cart__dh__table__imgbox__img {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w32-cart__dh__table__null {
        display: none;
    }
}

.w32-cart__dh__table__tamtinh {
    font-size: 1.3em;
}

.w32-cart__dh__table__namesp {
    font-weight: 600;
    font-size: 1.6em;
}

.w32-cart__dh__table__price {
    font-weight: 600;
    font-size: 1.4em;
}

.w32-cart__dh__table__price__text {
    font-size: 1.4em;
    margin-right: 1em;
}

.w32-cart__dh__table__action {
    display: flex;
    align-items: center;
    font-weight: 600;
    justify-content: center;
}

.w32-cart__dh__table__action__icon {
    line-height: 2em;
    padding: 0.7em;
    font-size: 1.25em;
    border: 0.1em solid #cacaca;
    cursor: pointer;
}

    .w32-cart__dh__table__action__icon:nth-child(1) {
        border-bottom-left-radius: 0.5em;
        border-top-left-radius: 0.5em;
    }

    .w32-cart__dh__table__action__icon:nth-child(3) {
        border-bottom-right-radius: 0.5em;
        border-top-right-radius: 0.5em;
    }

.w32-cart__dh__table__action__input {
    width: 3em;
    height: 2.45em;
    border: 0.1em solid #cacaca;
    border-right: none;
    padding: 0.5em;
    border-left: none;
    outline: none;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w32-cart__dh__table__trash {
    cursor: pointer;
    font-size: 2em;
    padding: 0.5em;
}

.w32-cart__dh__table__cts {
    display: flex;
    align-items: center;
    padding: 0.5em;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w32-cart__dh__table__cts__icon {
    margin-right: 0.5em;
    margin-top: 0.1em;
}

.w32-cart__dh__table__cts__text {
    font-size: 1.3em;
}

.w32-cart__dh__more {
    display: flex;
    align-items: center;
    margin-top: 2em;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w32-cart__dh__more__code {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.w32-cart__dh__more__code__input {
    margin-right: 1em;
    padding: 1em;
    border: 0.1em solid #f2f2f2;
    border-radius: 2em;
    font-size: 1.2em;
    outline: none;
}

.w32-cart__dh__more__code__button {
    padding: 0.7em 2em;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: #ead4a8;
    font-weight: 600;
    border-radius: 2em;
    font-size: 1.4em;
}

.w32-cart__dh__more__btn {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2em;
    width: 22em;
    height: 4em;
    transition: all 0.2s ease;
    margin-bottom: 1em;
    margin-left: auto;
    cursor: pointer;
}

.w32-cart__dh__more__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
    margin-left: 1.5em;
    min-width: 6em;
}

.w32-cart__dh__more__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: 1em;
}

.w32-cart__dh__more__btn:hover .w32-cart__dh__more__btn__icon {
    margin-left: 2em;
}

/*ed*/
/*w32-checkout*/
.w32-checkout {
    width: 100%;
    padding: 2em 1em;
    background-color: #fffaf1;
}

.w32-checkout__group {
    max-width: 120em;
    margin: 0 auto;
}

.w32-checkout__checklogin__checkbox {
    display: none;
}

    .w32-checkout__checklogin__checkbox:checked ~ .w32-checkout__checklogin__form {
        opacity: 1;
        max-height: 40em;
    }

.w32-checkout__checklogin__nav-button__heading {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w32-checkout__checklogin__nav-button__heading::before {
        content: "";
        width: 0.5em;
        background-color: rgba(var(--main-color-w), 1);
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w32-checkout__checklogin__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w32-checkout__checklogin__form__text {
    color: #777;
    font-weight: 500;
    font-size: 1.3em;
    margin-top: 1em;
}

.w32-checkout__checklogin__form__content {
    margin-top: 1em;
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.w32-checkout__checklogin__form__content__email {
    width: 49%;
}

.w32-checkout__checklogin__form__content__email__text {
    font-weight: 500;
    font-size: 1.3em;
}

.w32-checkout__checklogin__form__content__email__input {
    margin-top: 1em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
}

    .w32-checkout__checklogin__form__content__email__input:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w32-checkout__checklogin__form__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
}

    .w32-checkout__checklogin__form__button:hover {
        filter: 80%;
    }

.w32-checkout__checklogin__form__otherlogin {
    margin-top: 1em;
    display: inline-block;
    text-decoration: underline;
}

.w32-checkout__checklogin__form__otherlogin__link {
    font-size: 1.3em;
    margin-left: 1em;
    transition: all 0.2s;
}

    .w32-checkout__checklogin__form__otherlogin__link:hover {
        color: rgba(var(--second-color-w), 1);
        font-weight: 600;
    }

    .w32-checkout__checklogin__form__otherlogin__link:not(:last-child) {
        font-weight: 300;
    }

.w32-checkout__checkcoupon {
    margin-top: 2em;
}

.w32-checkout__checkcoupon__checkbox {
    display: none;
}

    .w32-checkout__checkcoupon__checkbox:checked ~ .w32-checkout__checkcoupon__sending {
        opacity: 1;
        max-height: 40em;
    }

.w32-checkout__checkcoupon__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w32-checkout__checkcoupon__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w32-checkout__checkcoupon__sending {
    text-align: center;
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w32-checkout__checkcoupon__sending__text {
    margin-top: 1em;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    font-weight: 500;
}

    .w32-checkout__checkcoupon__sending__text:focus {
        border: 0.15em solid rgba(var(--main-color-w), 1);
        outline: none;
    }

.w32-checkout__checkcoupon__sending__button {
    margin-top: 1em;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 700;
    border-radius: 0.3em;
    display: inline-block;
    font-size: 1.3em;
}

    .w32-checkout__checkcoupon__sending__button:hover {
        filter: 80%;
    }

.w32-checkout__payinfo {
    display: flex;
    margin-top: 3em;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w32-checkout__payinfo {
        flex-direction: column;
    }
}

.w32-checkout__payinfo__first {
    width: 56%;
    background-color: white;
    padding: 2em;
    border-radius: 1em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
    height: fit-content;
}

@media only screen and (max-width: 43.75em) {
    .w32-checkout__payinfo__first {
        width: 100%;
    }
}

.w32-checkout__payinfo__first__dathang {
    display: none;
}

.w32-checkout__payinfo__first__dathang__heading {
    font-weight: 700;
    font-size: 2.5em;
}

.w32-checkout__payinfo__first__dathang__name {
    margin-top: 2em;
}

.w32-checkout__payinfo__first__dathang__name__text {
    font-size: 1.3em;
    font-weight: 500;
}

    .w32-checkout__payinfo__first__dathang__name__text span {
        color: crimson;
        font-weight: bolder;
    }

.w32-checkout__payinfo__first__dathang__name__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 1em;
}

.w32-checkout__payinfo__first__dathang__phonemail {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 2em;
}

.w32-checkout__payinfo__first__dathang__phonemail__content {
    width: 49%;
}

.w32-checkout__payinfo__first__dathang__phonemail__content__text {
    font-size: 1.3em;
    font-weight: 500;
}

    .w32-checkout__payinfo__first__dathang__phonemail__content__text span {
        color: crimson;
        font-weight: bolder;
    }

.w32-checkout__payinfo__first__dathang__phonemail__content__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 1em;
}

.w32-checkout__payinfo__first__dathang__add {
    margin-top: 2em;
}

.w32-checkout__payinfo__first__dathang__add__text {
    font-size: 1.3em;
    font-weight: 500;
}

    .w32-checkout__payinfo__first__dathang__add__text span {
        color: crimson;
        font-weight: bolder;
    }

.w32-checkout__payinfo__first__dathang__add__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 1em;
}

.w32-checkout__payinfo__first__dathang__creacc {
    margin-top: 2em;
}

.w32-checkout__payinfo__first__dathang__creacc__checkbox {
    display: none;
}

    .w32-checkout__payinfo__first__dathang__creacc__checkbox:checked ~ .w32-checkout__payinfo__first__dathang__creacc__form {
        opacity: 1;
        max-height: 40em;
    }

.w32-checkout__payinfo__first__dathang__creacc__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w32-checkout__payinfo__first__dathang__creacc__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w32-checkout__payinfo__first__dathang__creacc__form {
    padding: 1em;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w32-checkout__payinfo__first__dathang__creacc__form__text {
    margin-top: 2em;
    font-size: 1.3em;
    font-weight: 500;
}

.w32-checkout__payinfo__first__dathang__creacc__form__email {
    margin-top: 2em;
}

.w32-checkout__payinfo__first__dathang__creacc__form__email__text {
    font-size: 1.3em;
    font-weight: 500;
}

.w32-checkout__payinfo__first__dathang__creacc__form__email__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 1em;
}

.w32-checkout__payinfo__first__dathang__invoice {
    margin-top: 2em;
}

.w32-checkout__payinfo__first__dathang__invoice__checkbox {
    display: none;
}

    .w32-checkout__payinfo__first__dathang__invoice__checkbox:checked ~ .w32-checkout__payinfo__first__dathang__invoice__send {
        opacity: 1;
        max-height: 40em;
        padding: 1em;
    }

.w32-checkout__payinfo__first__dathang__invoice__text {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0 1em 3em;
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.3em;
    cursor: pointer;
}

    .w32-checkout__payinfo__first__dathang__invoice__text::before {
        content: "";
        width: 0.5em;
        background-color: #2b6a8f;
        height: 100%;
        position: absolute;
        display: block;
        top: 0;
        left: 0;
    }

.w32-checkout__payinfo__first__dathang__invoice__send {
    margin-top: 1em;
    padding: 0;
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
}

.w32-checkout__payinfo__first__dathang__invoice__send__text {
    font-size: 1.3em;
    font-weight: 500;
}

    .w32-checkout__payinfo__first__dathang__invoice__send__text span {
        color: crimson;
        font-weight: bolder;
    }

.w32-checkout__payinfo__first__dathang__invoice__send__input {
    margin-top: 0.5em;
    width: 100%;
    padding: 1em;
    border: 0.1em solid #eee;
    border-radius: 1em;
}

.w32-checkout__payinfo__first__hinhthuc__loai {
    display: block;
    padding: 1em;
}

.w32-checkout__payinfo__first__hinhthuc__loai__items {
    position: relative;
    cursor: pointer;
    width: 100%;
    display: block;
    min-height: 4em;
}

    .w32-checkout__payinfo__first__hinhthuc__loai__items:not(:last-child) {
        margin-bottom: 1em;
    }

.w32-checkout__payinfo__first__hinhthuc__loai__items__radio {
    display: none;
}

    .w32-checkout__payinfo__first__hinhthuc__loai__items__radio:checked ~ .w32-checkout__payinfo__first__hinhthuc__loai__items__item .w32-checkout__payinfo__first__hinhthuc__loai__items__item__rd {
        background-color: rgba(var(--main-color-w), 1);
    }

.w32-checkout__payinfo__first__hinhthuc__loai__items__item {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.w32-checkout__payinfo__first__hinhthuc__loai__items__item__rd {
    margin-right: 1em;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    height: 2em;
    width: 2em;
    cursor: pointer;
    border: 0.3em solid #ead4a8;
    border-radius: 50%;
}

.w32-checkout__payinfo__first__hinhthuc__loai__items__item__text {
    font-size: 1.3em;
}

.w32-checkout__payinfo__first__hinhthuc__loai__items__imgbox {
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-left: auto;
    height: fit-content;
    display: inline-block;
    float: right;
    max-width: 4em;
}

.w32-checkout__payinfo__first__hinhthuc__loai__items__imgbox__img {
    width: 100%;
}

.w32-checkout__payinfo__first__hinhthuc__loai__items__radio:checked ~ .w32-checkout__payinfo__first__hinhthuc__loai__items__text {
    max-height: 30em;
    padding: 1em;
    overflow: visible;
    opacity: 1;
    line-height: 1.6em;
    margin-top: 2em;
}

.w32-checkout__payinfo__first__hinhthuc__loai__items__text {
    position: relative;
    font-size: 1.3em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.7em;
    border-radius: 0.3em;
    max-height: 0;
    padding: 0;
    transition: all 0.3s ease;
    opacity: 0;
}

    .w32-checkout__payinfo__first__hinhthuc__loai__items__text::after {
        content: "";
        display: block;
        border: 1em solid rgba(var(--main-color-w), 1);
        border-right-color: transparent;
        border-left-color: transparent;
        border-top-color: transparent;
        position: absolute;
        top: -0.75em;
        left: 0;
        margin: -1em 0 0 2em;
    }

.w32-checkout__payinfo__first__hinhthuc__more {
    display: flex;
    align-items: center;
    justify-content: end;
    margin-top: 2em;
    flex-wrap: wrap;
}

.w32-checkout__payinfo__first__hinhthuc__more__btn {
    display: inline-flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2em;
    padding: 1em 3em;
    transition: all 0.2s ease;
    margin-bottom: 1em;
    width: fit-content;
    cursor: pointer;
    justify-content: center;
}

    .w32-checkout__payinfo__first__hinhthuc__more__btn:nth-child(1) .w32-checkout__payinfo__first__hinhthuc__more__btn__icon {
        transform: rotate(180deg);
        margin-left: 0;
        margin-right: 1em;
    }

    .w32-checkout__payinfo__first__hinhthuc__more__btn:nth-child(1):hover .w32-checkout__payinfo__first__hinhthuc__more__btn__icon {
        transform: rotate(180deg) translateX(1.5em);
    }

    .w32-checkout__payinfo__first__hinhthuc__more__btn:not(:last-child) {
        margin-right: 1em;
    }

.w32-checkout__payinfo__first__hinhthuc__more__btn__text {
    color: #ead4a8;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
}

.w32-checkout__payinfo__first__hinhthuc__more__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 4em;
    height: 1em;
    transition: all 0.2s ease;
    margin-left: .5em;
}

.w32-checkout__payinfo__first__hinhthuc__more__btn:hover .w32-checkout__payinfo__first__hinhthuc__more__btn__icon {
    transform: translateX(1.5em);
}

.w32-checkout__payinfo__second {
    height: max-content;
    padding: 2em;
    width: 40%;
    background-color: white;
    border-radius: 1em;
}

@media only screen and (max-width: 43.75em) {
    .w32-checkout__payinfo__second {
        width: 100%;
    }
}

.w32-checkout__payinfo__second__card {
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid #eee;
}

.w32-checkout__payinfo__second__card__imgbox {
    width: 7em;
    min-width: 7em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w32-checkout__payinfo__second__card__imgbox__img {
    width: 100%;
}

.w32-checkout__payinfo__second__card__name {
    font-size: 1.4em;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

.w32-checkout__payinfo__second__tamtinh {
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
}

.w32-checkout__payinfo__second__tamtinh__text {
    font-size: 1.3em;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

.w32-checkout__payinfo__second__tamtinh__number {
    font-size: 1.3em;
    line-height: 1.6em;
    color: red;
}

.w32-checkout__payinfo__second__tong {
    font-weight: 600;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
}

.w32-checkout__payinfo__second__tong__text {
    font-size: 2em;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

.w32-checkout__payinfo__second__tong__number {
    font-size: 2em;
    line-height: 1.6em;
    color: red;
}

.w32-checkout__payinfo__second__des {
    border-top: 0.1em solid #eee;
    line-height: 1.6em;
    font-size: 1.3em;
}

/*ed*/
/*w32-bar*/
.w32-bar {
    width: 100%;
    padding: 2em 1em;
    background-color: #5F3538;
}

.w32-bar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w32-bar__step {
    background-color: #a48470;
    width: 8em;
    height: 8em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    font-size: 1.5em;
    position: relative;
    overflow: hidden;
}

.w32-bar__step__pie {
    background-image: linear-gradient(-90deg, #ead4a8 50%, transparent 50%, transparent), linear-gradient(270deg, #ead4a8 50%, #a48470 50%, #a48470);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    height: 100%;
    width: 100%;
}

    .w32-bar__step__pie::after {
        content: "";
        width: 80%;
        height: 80%;
        top: 0;
        left: 0;
        background-color: rgba(var(--main-color-w), 1);
        z-index: 2;
        position: absolute;
        border-radius: 50%;
        left: 10%;
        top: 10%;
    }

.w32-bar__step__text {
    z-index: 3;
    color: #ead4a8;
}

.w32-bar__progress {
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em;
}

.w32-bar__progress__item {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
}

.w32-bar__progress__item__number {
    height: 2.5em;
    width: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.3em;
    margin-right: .5em;
    border: .1em solid #ead4a8;
    font-weight: 600;
    color: #ead4a8;
}

.w32-bar__progress__item .active {
    background-color: #ead4a8;
    color: #5F3538;
}

.w32-bar__progress__item__text {
    color: #ead4a8;
    font-size: 1.3em;
    font-weight: bolder;
}

.w32-bar__progress__icon {
    margin: 0 2em;
    font-size: 1.3em;
    color: #ead4a8;
}

/*ed*/

/*w33-banner*/
.w33-banner {
    width: 100%;
    background-color: #f5f5f5;
    padding: 0 0.5em;
}

.w33-banner__group {
    max-width: 120em;
    margin: 0 auto;
}

.w33-banner__items {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w33-banner__items {
        flex-wrap: wrap;
    }
}

.w33-banner__items__main {
    min-width: 50%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w33-banner__items__main {
        width: 100%;
    }
}

.w33-banner__items__main .swiper-pagination-bullet {
    background: white;
}

.w33-banner__items__main .swiper-pagination-bullet-active {
    background: rgba(var(--main-color-w), 1);
}

.w33-banner__items__main__imgbox {
    margin-top: 0.3em;
    background-size: contain;
    background-position: center;
}

.w33-banner__items__main__imgbox__img {
    width: 100%;
}

.w33-banner__items__sub {
    min-width: 50%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w33-banner__items__sub {
        margin-left: -0.5%;
    }
}

.w33-banner__items__sub__imgbox {
    width: 49.5%;
    margin-left: 0.5%;
    cursor: pointer;
    background-size: contain;
    background-position: center;
    margin-top: 0.3em;
}

/*ed*/
/*w33-menu*/
.w33-menu {
    width: 100%;
    position: relative;
    z-index: 13;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w33-menu {
        height: max-content;
    }
}

.w33-menu__top {
    width: 100%;
    padding: 1em;
    background-color: black;
}

.w33-menu__top__group {
    max-width: 120em;
    margin: 0 auto;
}

.w33-menu__top__box {
    display: flex;
    margin-left: auto;
    width: fit-content;
    align-items: center;
}

.w33-menu__top__box__link {
    display: flex;
    align-items: center;
    margin-right: 1.5em;
    color: white;
    cursor: pointer;
}

.w33-menu__top__box__link__icon {
    font-size: 1.2em;
    margin-right: 0.5em;
}

.w33-menu__top__box__link__text {
    font-size: 1.2em;
}

.w33-menu__header {
    padding: 1em 0.5em;
    width: 100%;
    background-color: black;
}

.w33-menu__header__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w33-menu__header__logobox {
    min-width: 15em;
    width: 15em;
    height: 8em;
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

.w33-menu__header__logobox__img {
    width: 50%;
}

@media only screen and (min-width: 50em) {
    .w33-menu__header__button {
        display: none;
    }
}

.w33-menu__header__search {
    position: relative;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w33-menu__header__search {
        margin: 0 auto;
        width: 100%;
        margin-left: 0;
        margin-bottom: 2em;
    }
}

.w33-menu__header__search__box {
    display: flex;
    align-items: center;
}

.w33-menu__header__search__box__tim {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1em;
    width: 25em;
    height: fit-content;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w33-menu__header__search__box__tim {
        width: 100%;
    }
}

.w33-menu__header__search__box__tim__in {
    width: 100%;
    border: none;
    outline: none;
    padding: 0 0.5em;
}

.w33-menu__header__search__box__tim__icon {
    color: #8e8d8d;
    right: 0;
    top: 0;
    margin-right: 0.5em;
    border: none;
    outline: none;
}

.w33-menu__header__search__box__icon {
    padding: 1em;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    cursor: pointer;
}

.w33-menu__header__search__result {
    position: absolute;
    max-height: 50em;
    overflow-y: scroll;
    top: 4em;
    display: none;
    left: 0;
    background-color: white;
    padding: 1em;
    z-index: 1;
    width: 100%;
}

.w33-menu__header__search__result__text {
    display: block;
    font-size: 1.2em;
}

    .w33-menu__header__search__result__text:not(:last-child) {
        margin-bottom: 1em;
    }

.w33-menu__header__hotro {
    display: flex;
    margin-left: auto;
    color: black;
    justify-content: space-between;
}

@media only screen and (max-width: 68.75em) {
    .w33-menu__header__hotro {
        width: 100%;
        justify-content: center;
    }
}

.w33-menu__header__hotro__thongtin {
    display: flex;
    width: 25em;
    height: max-content;
}

@media only screen and (max-width: 68.75em) {
    .w33-menu__header__hotro__thongtin {
        justify-content: center;
    }
}

.w33-menu__header__hotro__thongtin:not(:last-child) {
    margin-right: 2.33333333333333%;
}

.w33-menu__header__hotro__thongtin__imgbox {
    margin-right: 1em;
    background-size: 70%;
    background-position: center;
    border-radius: 50%;
    background-color: white;
    height: 5.5em;
    width: 5.5em;
    background-size: contain;
}

.w33-menu__header__hotro__thongtin__imgbox__img {
    width: 100%;
}

.w33-menu__header__hotro__thongtin__content {
    color: white;
}

.w33-menu__header__hotro__thongtin__content__name {
    font-weight: 600;
    line-height: 1.6em;
    font-size: 1.4em;
}

.w33-menu__header__hotro__thongtin__content__sub {
    margin-top: 0.2em;
    font-size: 1.4em;
    line-height: 1.6em;
}

.w33-menu__header__hotro__giohang {
    color: white;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-menu__header__hotro__giohang--mobile {
    left: 1em;
    position: relative;
}

@media only screen and (min-width: 50em) {
    .w33-menu__header__hotro__giohang--mobile {
        display: none;
    }
}

@media only screen and (max-width: 50em) {
    .w33-menu__header__hotro__giohang--desk {
        display: none;
    }
}

.w33-menu__header__hotro__giohang__iconbox {
    position: relative;
    color: white;
}

.w33-menu__header__hotro__giohang__iconbox__icon {
    font-size: 2.6em;
    padding: 0.2em;
}

.w33-menu__header__hotro__giohang__iconbox__number {
    padding: 0.5em 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    font-size: 1em;
    border-radius: 50%;
    top: -1em;
    left: -1em;
}

.w33-menu__header__hotro__giohang__iconbox:hover {
    border: 0.1em solid white;
}

.w33-menu__header__hotro__giohang__text {
    font-size: 1.2em;
    margin-left: 0.5em;
}

@media only screen and (max-width: 50em) {
    .w33-menu__header__hotro__giohang__text {
        display: none;
    }
}

@media only screen and (max-width: 50em) {
    .w33-menu__checkbox:checked ~ .w33-menu__main {
        transform: translateX(0);
        width: 100%;
        overflow: visible;
    }
}

.w33-menu__main {
    width: 100%;
    height: 100%;
    position: relative;
    transition: all 0.3s ease;
}

.w33-menu__main__lbl {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    font-size: 1.8em;
    color: white;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w33-menu__main__lbl {
        display: none !important;
    }
}

@media only screen and (max-width: 50em) {
    .w33-menu__main {
        top: 0;
        z-index: 3;
        background-color: white;
        position: absolute;
        transform: translateX(80em);
        width: 0;
        overflow: hidden;
        height: 100vh;
    }
}

.w33-menu__main__group {
    display: flex;
    align-items: center;
    height: 4em;
    position: relative;
    max-width: 120em;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__group {
        flex-direction: column;
        height: fit-content;
    }
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__cate {
        width: 100%;
    }
}

.w33-menu__main__cate__contain {
    background-color: rgba(var(--main-color-w), 1);
    width: 25em;
    color: white;
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__cate__contain {
        width: 100%;
    }
}

.w33-menu__main__cate__contain__text {
    font-size: 1.5em;
    display: inline-block;
    font-weight: 500;
}

.w33-menu__main__cate__contain__icon {
    font-size: 1.6em;
    margin-left: auto;
    display: block;
    position: relative;
    width: fit-content;
}

.w33-menu__main__cate:hover .w33-menu__main__cate__content {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__cate:hover .w33-menu__main__cate__content {
        top: 3.5em;
        z-index: 2;
    }
}

.w33-menu__main__cate__content {
    position: absolute;
    top: 4em;
    padding: 2em 5em;
    flex-wrap: wrap;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.205);
    width: 100%;
    background-color: #f5f5f5;
    display: none;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__cate__content {
        padding: 1em;
    }
}

.w33-menu__main__cate__content__items {
    border-top: 0.1em solid orange;
    width: fit-content;
    margin: .2em;
    width: 21.6em;
    background-color: white;
}

    .w33-menu__main__cate__content__items:nth-child(even) {
        width: 32.4em;
    }

@media only screen and (max-width: 50em) {
    .w33-menu__main__cate__content__items:nth-child(even) {
        width: 100%;
    }
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__cate__content__items {
        width: 100%;
    }
}

.w33-menu__main__cate__content__items:nth-child(even) .w33-menu__main__cate__content__items__item__noidung:nth-child(3n) {
    border-right: none;
}

.w33-menu__main__cate__content__items:nth-child(odd) .w33-menu__main__cate__content__items__item__noidung:nth-child(even) {
    border-right: none;
}

.w33-menu__main__cate__content__items__heading {
    padding: 1em;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.6em;
    background-color: white;
    width: 100%;
    display: block;
}

.w33-menu__main__cate__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
}

.w33-menu__main__cate__content__items__item__noidung {
    width: 10.8em;
    border-right: 0.1em solid #ebebeb;
    border-top: 0.1em solid #ebebeb;
    background-color: white;
    padding: 1em;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__cate__content__items__item__noidung {
        width: 33.33333333333%;
    }
}

.w33-menu__main__cate__content__items__item__noidung__imgbox {
    width: 80%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: 0.5em;
}

.w33-menu__main__cate__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w33-menu__main__cate__content__items__item__noidung__text {
    display: block;
    font-size: 1.2em;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    margin-top: 1em;
}

.w33-menu__main__list {
    display: flex;
    align-items: center;
    margin-left: 2%;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__list {
        width: 100%;
        margin-left: 0;
        padding: 1em;
        flex-direction: column;
    }
}

.w33-menu__main__list__contain {
    width: 100%;
    padding: 1.2em 0;
}

.w33-menu__main__list__contain__link {
    cursor: pointer;
    display: flex;
    align-items: center;
    max-width: 17em;
    white-space: nowrap;
    margin: 0 1em;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__list__contain__link {
        width: 100%;
        max-width: 100%;
    }
}

.w33-menu__main__list__contain__link__text {
    font-size: 1.4em;
    display: inline-block;
    font-weight: 500;
}

.w33-menu__main__list__contain__link__icon {
    font-size: 1.3em;
    width: fit-content;
    display: inline-block;
    margin-left: 0.5em;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__list__contain__link__icon {
        margin-left: auto;
        margin-right: 1em;
    }
}

.w33-menu__main__list__contain:hover .w33-menu__main__list__contain__content {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    overflow: auto;
    padding: 2em;
    max-height: 150em;
}

.w33-menu__main__list__contain__content {
    position: absolute;
    background-color: white;
    display: flex;
    left: 0;
    top: 4em;
    width: 100%;
    box-shadow: 0 0 4em rgba(0, 0, 0, 0.205);
    flex-wrap: wrap;
    z-index: 2;
    transition: all .3s ease;
    backface-visibility: hidden;
    max-height: 0;
    overflow: hidden;
    padding: 0;
    border: 0;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__list__contain__content {
        position: relative;
        top: 2em;
        flex-direction: column;
    }
}

.w33-menu__main__list__contain__content__gioithieu {
    width: 22.6%;
    min-width: 20%;
    margin-right: 2%;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__list__contain__content__gioithieu {
        width: 100%;
        margin-right: 0;
    }
}

.w33-menu__main__list__contain__content__gioithieu__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    border-radius: 0.5em;
    display: block;
}

.w33-menu__main__list__contain__content__gioithieu__imgbox__img {
    width: 100%;
    display: block;
}

.w33-menu__main__list__contain__content__gioithieu__name {
    font-size: 1.4em;
    font-weight: 500;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-top: 0.5em;
}

    .w33-menu__main__list__contain__content__gioithieu__name:hover {
        font-weight: 600;
        color: rgba(var(--main-color-w), 1);
    }

.w33-menu__main__list__contain__content__gioithieu__des {
    font-size: 1.2em;
    font-weight: 500;
    color: #8e8d8d;
    line-height: 1.6em;
    margin-top: 0.5em;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

    .w33-menu__main__list__contain__content__gioithieu__des:hover {
        font-weight: 600;
    }

.w33-menu__main__list__contain__content__gioithieu__sub {
    font-size: 1.2em;
    font-weight: 500;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
    margin-top: 0.5em;
    display: block;
    width: fit-content;
    margin: 0 auto;
}

    .w33-menu__main__list__contain__content__gioithieu__sub:hover {
        font-weight: 600;
        color: rgba(var(--main-color-w), 1);
    }

.w33-menu__main__list__contain__content__items {
    width: 22.6%;
    margin: 0 1%;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__list__contain__content__items {
        width: 100%;
        margin: 0;
    }
}

.w33-menu__main__list__contain__content__items__item {
    width: 100%;
    margin-bottom: 1em;
}

.w33-menu__main__list__contain__content__items__item__head {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
    border-bottom: 0.1em solid #ebebeb;
    padding: 0.5em 0;
    margin-bottom: 1em;
    cursor: pointer;
}

.w33-menu__main__list__contain__content__items__item__text {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 0.5em;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w33-menu__main__list__contain__content__items__item__text:hover {
        font-weight: 600;
        color: rgba(var(--main-color-w), 1);
    }

.w33-menu__main__imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    height: 100%;
    margin-left: auto;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w33-menu__main__imgbox {
        width: 80%;
        margin: 0 auto;
    }
}

.w33-menu__main__imgbox__img {
    width: 100%;
}

/*ed*/

/*w33-pricing*/
.w33-pricing {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w33-pricing__group {
    max-width: 120em;
    margin: 0 auto;
}

.w33-pricing__heading {
    border-left: 0.2em solid rgba(var(--main-color-w), 1);
    font-size: 2em;
    line-height: 1.6em;
    padding: 0.5em;
    font-weight: 600;
}

.w33-pricing__des {
    line-height: 1.6em;
    font-size: 1.3em;
    margin-top: 0.5em;
    text-align: justify;
}

.w33-pricing__content {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

.w33-pricing__content__first {
    padding: 2em;
    width: 35%;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.1);
    margin-right: 2%;
    border-top: 0.5em solid rgba(var(--main-color-w), 1);
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w33-pricing__content__first {
        width: 100%;
        margin-right: 0;
    }
}

.w33-pricing__content__first__name {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 1.6em;
    display: block;
    margin: 0 auto;
    width: fit-content;
}

.w33-pricing__content__first__cacu {
    width: 100%;
}

.w33-pricing__content__first__cacu__tieude {
    display: flex;
    margin-top: 1em;
}

.w33-pricing__content__first__cacu__tieude__info {
    min-width: 8em;
    max-width: 8em;
    font-size: 1.4em;
    line-height: 1.6em;
}

.w33-pricing__content__first__cacu__tieude__text {
    font-size: 1.4em;
    font-weight: 600;
    line-height: 1.6em;
    text-align: center;
    width: 100%;
}

.w33-pricing__content__first__cacu__soluong {
    display: flex;
    margin-top: 1em;
    align-items: center;
}

.w33-pricing__content__first__cacu__soluong__kieu {
    min-width: 8em;
    max-width: 8em;
    font-size: 1.4em;
    line-height: 1.6em;
}

.w33-pricing__content__first__cacu__soluong__in {
    padding: 0.7em;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    border-radius: 0.5em;
    width: 100%;
    font-size: 1.3em;
    outline: none;
}

.w33-pricing__content__first__cacu__soluong__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    border-radius: 0.5em;
    z-index: 3;
    width: 100%;
}

.w33-pricing__content__first__cacu__soluong__vung__checkbox {
    display: none;
}

    .w33-pricing__content__first__cacu__soluong__vung__checkbox:checked ~ .w33-pricing__content__first__cacu__soluong__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-pricing__content__first__cacu__soluong__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-pricing__content__first__cacu__soluong__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-pricing__content__first__cacu__soluong__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5em;
}

    .w33-pricing__content__first__cacu__soluong__vung__items .active {
        font-weight: 800;
    }

.w33-pricing__content__first__cacu__soluong__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-pricing__content__first__cacu__soluong__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-pricing__content__first__cacu__soluong__vung__items__item:hover {
        background-color: #eee;
    }

.w33-pricing__content__first__cacu__price {
    margin-top: 2em;
    text-align: center;
}

.w33-pricing__content__first__cacu__price__text {
    border-top: 1px solid rgba(var(--main-color-w), 1);
    border-left: 1px solid rgba(var(--main-color-w), 1);
    border-right: 1px solid rgba(var(--main-color-w), 1);
    padding: 0.7em 2em;
    font-size: 1.3em;
    font-weight: bolder;
}

.w33-pricing__content__first__cacu__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 2em;
    color: white;
    cursor: pointer;
}

.w33-pricing__content__first__cacu__btn__icon {
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w33-pricing__content__first__cacu__btn__text {
    font-size: 1.3em;
    font-weight: 600;
}

.w33-pricing__content__first__cacu__btn:hover {
    background: white;
    color: black;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-top: 1px dashed rgba(var(--main-color-w), 1);
}

.w33-pricing__content__first__contact {
    width: 100%;
    text-align: center;
}

.w33-pricing__content__first__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1em;
    border: 0.15em solid #eee;
    background-color: white;
}

.w33-pricing__content__first__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.3em;
}

.w33-pricing__content__first__contact__form__input__icon {
    color: red;
}

.w33-pricing__content__first__contact__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w33-pricing__content__first__contact__button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em 2em;
    color: white;
    font-size: 1.4em;
    font-weight: 600;
    margin-top: 1em;
    cursor: pointer;
    border: 1px solid rgba(var(--main-color-w), 1);
}

    .w33-pricing__content__first__contact__button:hover {
        background: white;
        color: rgba(var(--main-color-w), 1);
    }

.w33-pricing__content__first__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 1em;
    font-size: 1.2em;
    text-align: justify;
}

.w33-pricing__content__second {
    width: 63%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w33-pricing__content__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w33-pricing__content__second__items {
    width: 48%;
    margin: 0 1% 1% 0;
    text-align: center;
    margin-bottom: 1em;
    padding: 1em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.1);
    transition: all .2s;
    cursor: pointer;
}

.w33-pricing__content__second__items__imgbox {
    background-size: contain;
    background-position: center;
}

.w33-pricing__content__second__items__imgbox__img {
    width: 100%;
}

.w33-pricing__content__second__items__text {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 2em;
    padding-bottom: 1em;
}

.w33-pricing__content__second__items:hover {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    filter: grayscale(1);
    -webkit-filter: grayscale(1);
}

/*ed*/
/*w33-product*/
.w33-product {
    width: 100%;
    background-color: #f5f5f5;
    padding: 2em 1em;
}

.w33-product__group {
    margin: 0 auto;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.105);
    background-color: white;
}

.w33-product__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w33-product__content {
        padding: 1em;
    }
}

.w33-product__content__items {
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    width: 100%;
}

.w33-product__content__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w33-product__content__items__heading {
        margin-bottom: 2em;
    }
}

.w33-product__content__items__heading__text {
    padding: 1em;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.6em;
    background-color: white;
    width: fit-content;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w33-product__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w33-product__content__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}

.w33-product__content__items__heading__more__link__text {
    font-size: 1.2em;
}

.w33-product__content__items__heading__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
}

.w33-product__content__items__heading__more__nav {
    width: 7em;
    margin-right: 1em;
    margin-top: 1em;
    position: relative;
}

    .w33-product__content__items__heading__more__nav .swiper-button-next {
        right: 0;
        height: auto;
    }

        .w33-product__content__items__heading__more__nav .swiper-button-next::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            color: rgba(var(--main-color-w), 1);
        }

    .w33-product__content__items__heading__more__nav .swiper-button-prev {
        left: 0;
        height: auto;
    }

        .w33-product__content__items__heading__more__nav .swiper-button-prev::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            color: rgba(var(--main-color-w), 1);
        }

.w33-product__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
}

.w33-product__content__items__item__noidung {
    width: 18% !important;
    margin: 0 1% 1% 1%;
    cursor: pointer;
    background-color: white;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w33-product__content__items__item__noidung {
        width: 31.33333333333% !important;
    }
}

.w33-product__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w33-product__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w33-product__content__items__item__noidung__text {
    display: block;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w33-product__content__items__item__noidung:hover .w33-product__content__items__item__noidung__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w33-product__content__items__item__noidung__pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w33-product__content__items__item__noidung__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
    font-weight: 600;
    display: block;
}

.w33-product__content__items__item__noidung__pricing__down {
    color: #5a5a5a;
    font-size: 1.2em;
    display: block;
    text-decoration: line-through;
}

.w33-product__form {
    display: none;
    max-width: 100em;
    margin: 0 auto;
    padding: 2em;
    position: fixed;
    top: 10%;
    background-color: white;
    left: 0;
    right: 0;
    z-index: 13;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.205);
}

@media only screen and (max-width: 37.5em) {
    .w33-product__form {
        flex-wrap: wrap;
    }
}

.w33-product__form__imgbox {
    width: 30%;
    background-size: contain;
    background-position: center;
    height: fit-content;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__form__imgbox {
        width: 100%;
    }
}

.w33-product__form__imgbox__img {
    width: 100%;
}

.w33-product__form__content {
    width: 68%;
    margin-left: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__form__content {
        margin-left: 0;
        width: 100%;
    }
}

.w33-product__form__content__icon {
    margin-left: auto;
    display: block !important;
    width: fit-content;
    font-size: 1.6em;
    padding: 0.6em 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__form__content__icon {
        margin-top: 1em;
        margin-bottom: 1em;
    }
}

.w33-product__form__content__title {
    font-size: 2em;
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    line-height: 1.6em;
}

.w33-product__form__content__dulieu {
    width: 100%;
    margin-top: 1em;
    border-bottom: 0.1em solid #e0e0e0;
    padding-bottom: 1em;
}

.w33-product__form__content__dulieu__head {
    display: flex;
}

.w33-product__form__content__dulieu__head__name {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__form__content__dulieu__head__price {
    margin-left: auto;
    width: fit-content;
    min-width: 10em;
    text-align: right;
}

.w33-product__form__content__dulieu__head__price__text {
    font-size: 1.4em;
}

.w33-product__form__content__dulieu__head__price__vl {
    font-size: 1.4em;
    margin-top: 1em;
    font-weight: 600;
}

.w33-product__form__content__dulieu__text {
    font-size: 1.4em;
    display: block;
    margin-top: 0.5em;
    line-height: 1.6em;
}

.w33-product__form__content__bot {
    display: flex;
    margin-top: 2em;
}

.w33-product__form__content__bot__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    padding: 0.7em 2em;
    height: fit-content;
    cursor: pointer;
}

    .w33-product__form__content__bot__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

.w33-product__form__content__bot__price {
    margin-left: auto;
    width: fit-content;
    padding: 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: right;
}

.w33-product__form__content__bot__price__text {
    font-size: 1.4em;
}

.w33-product__form__content__bot__price__vl {
    font-size: 1.4em;
    margin-top: 1em;
    font-weight: 600;
}

.w33-product__giao {
    display: flex;
    margin: 0 auto;
    padding: 2em;
    flex-wrap: wrap;
    position: fixed;
    top: 10%;
    z-index: 14;
    background-color: white;
    left: 0;
    right: 0;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.158);
}

.w33-product__giao__first {
    width: 37%;
    margin-right: 3%;
    background-color: #eee;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__first {
        margin-right: 0;
        width: 100%;
    }
}

.w33-product__giao__first__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w33-product__giao__first__imgbox__img {
    width: 100%;
}

.w33-product__giao__first__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em;
    border-bottom: 1px solid #cecece;
    margin: 1em 0;
}

.w33-product__giao__first__des {
    color: #5a5a5a;
    font-size: 1.4em;
    margin-top: 0.5em;
    line-height: 1.6em;
}

.w33-product__giao__first__com {
    display: flex;
    align-items: center;
    margin-top: 1em;
    font-weight: 600;
    border: 0.1em solid #cecece;
    padding: 1em;
    justify-content: center;
}

.w33-product__giao__first__com__text {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__ope {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__result {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__first__tong {
    text-align: center;
    margin-top: 1em;
    padding: .5em;
}

.w33-product__giao__first__tong__text {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: .5em;
}

.w33-product__giao__first__tong__des {
    font-size: 1.3em;
    margin-top: .5em;
    text-decoration: line-through;
}

.w33-product__giao__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__second {
        width: 100%;
    }
}

.w33-product__giao__second__icon {
    width: fit-content;
    margin-left: auto;
    font-size: 2em;
    display: block !important;
}

.w33-product__giao__second__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    font-weight: 600;
}

.w33-product__giao__second__chon {
    display: flex;
    align-items: center;
    margin: 1.5em 0;
    justify-content: space-between;
}

.w33-product__giao__second__chon__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__chon__grdio__radio {
    margin-right: .5em;
}

.w33-product__giao__second__chon__grdio__text {
    font-size: 1.4em;
}

.w33-product__giao__second__vung {
    padding: 1em;
    position: relative;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w33-product__giao__second__vung__checkbox {
    display: none;
}

    .w33-product__giao__second__vung__checkbox:checked ~ .w33-product__giao__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-product__giao__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-product__giao__second__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-product__giao__second__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w33-product__giao__second__vung__items .active {
        font-weight: 800;
    }

.w33-product__giao__second__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-product__giao__second__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-product__giao__second__vung__items__item:hover {
        background-color: #eee;
    }

.w33-product__giao__second__in {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 1em 0;
    border-bottom: .1em solid #cecece;
}

.w33-product__giao__second__des {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w33-product__giao__second__tomtat {
    margin-top: 1em;
    background-color: #EFEFEF;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__tomtat__thongtin__grdio__radio {
    margin-right: .5em;
}

.w33-product__giao__second__tomtat__thongtin__grdio__text {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__second__tomtat__thongtin__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-product__giao__second__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    display: block;
    padding: 0.7em 2em;
    height: fit-content;
    margin-top: 1em;
    cursor: pointer;
}

    .w33-product__giao__second__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w33-product__giao*/
.w33-product__giao {
    display: flex;
    margin: 0 auto;
    padding: 2em;
    flex-wrap: wrap;
    position: fixed;
    top: 10%;
    z-index: 14;
    background-color: white;
    left: 0;
    right: 0;
    max-width: 120em;
    max-height: 90vh;
    overflow: scroll;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.158);
}

.w33-product__giao__first {
    width: 37%;
    margin-right: 3%;
    background-color: #eee;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__first {
        margin-right: 0;
        width: 100%;
    }
}

.w33-product__giao__first__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w33-product__giao__first__imgbox__img {
    width: 100%;
}

.w33-product__giao__first__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    margin: 1em 0;
}

.w33-product__giao__first__des {
    color: #5a5a5a;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-product__giao__first__com {
    display: flex;
    align-items: center;
    margin-top: 1em;
    font-weight: 600;
    border: 0.1em solid #cecece;
    padding: 1em;
    justify-content: center;
}

.w33-product__giao__first__com__text {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__ope {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__result {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__first__tong {
    text-align: center;
    margin-top: 1em;
}

.w33-product__giao__first__tong__text {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: .5em;
}

.w33-product__giao__first__tong__des {
    font-size: 1.3em;
    margin-top: .5em;
    text-decoration: line-through;
}

.w33-product__giao__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__second {
        width: 100%;
    }
}

.w33-product__giao__second__icon {
    width: fit-content;
    margin-left: auto;
    font-size: 2em;
    display: block !important;
}

.w33-product__giao__second__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    font-weight: 600;
}

.w33-product__giao__second__chon {
    display: flex;
    align-items: center;
    margin: 1.5em 0;
    justify-content: space-between;
}

.w33-product__giao__second__chon__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__chon__grdio__radio {
    margin-right: .5em;
}

.w33-product__giao__second__chon__grdio__text {
    font-size: 1.4em;
}

.w33-product__giao__second__vung {
    padding: 1em;
    position: relative;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w33-product__giao__second__vung__checkbox {
    display: none;
}

    .w33-product__giao__second__vung__checkbox:checked ~ .w33-product__giao__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-product__giao__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-product__giao__second__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-product__giao__second__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w33-product__giao__second__vung__items .active {
        font-weight: 800;
    }

.w33-product__giao__second__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-product__giao__second__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-product__giao__second__vung__items__item:hover {
        background-color: #eee;
    }

.w33-product__giao__second__in {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 1em 0;
    border-bottom: .1em solid #cecece;
}

.w33-product__giao__second__des {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w33-product__giao__second__tomtat {
    margin-top: 1em;
    background-color: #EFEFEF;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__tomtat__thongtin__grdio__radio {
    margin-right: .5em;
}

.w33-product__giao__second__tomtat__thongtin__grdio__text {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__second__tomtat__thongtin__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-product__giao__second__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    display: block;
    padding: 0.7em 2em;
    height: fit-content;
    margin-top: 1em;
    cursor: pointer;
}

    .w33-product__giao__second__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w33-product-1*/
.w33-product-1 {
    width: 100%;
    background-color: #f5f5f5;
    padding: 2em 1em;
}

.w33-product-1__group {
    margin: 0 auto;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.105);
    background-color: white;
}

.w33-product-1__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w33-product-1__content {
        padding: 1em;
    }
}

.w33-product-1__content__items {
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    width: 100%;
}

.w33-product-1__content__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 0.5em 0;
}

@media only screen and (max-width: 50em) {
    .w33-product-1__content__items__heading {
        margin-bottom: 2em;
    }
}

.w33-product-1__content__items__heading__nd__text {
    padding: 1em;
    font-weight: 500;
    font-size: 2em;
    line-height: 1.6em;
    width: fit-content;
    font-weight: bolder;
    color: red;
}

.w33-product-1__content__items__heading__nd__time {
    display: flex;
    align-items: center;
}

.w33-product-1__content__items__heading__nd__time__text {
    background-color: black;
    color: white;
    padding: 0.3em;
    border-radius: 0.3em;
    margin-right: 0.5em;
}

.w33-product-1__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w33-product-1__content__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}

.w33-product-1__content__items__heading__more__link__text {
    font-size: 1.2em;
}

.w33-product-1__content__items__heading__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
}

.w33-product-1__content__items__heading__more__nav {
    width: 7em;
    margin-right: 1em;
    margin-top: 1em;
    position: relative;
}

    .w33-product-1__content__items__heading__more__nav .swiper-button-next {
        right: 0;
        height: auto;
    }

        .w33-product-1__content__items__heading__more__nav .swiper-button-next::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            color: rgba(var(--main-color-w), 1);
        }

    .w33-product-1__content__items__heading__more__nav .swiper-button-prev {
        left: 0;
        height: auto;
    }

        .w33-product-1__content__items__heading__more__nav .swiper-button-prev::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            color: rgba(var(--main-color-w), 1);
        }

.w33-product-1__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
    padding: 1em 0;
}

.w33-product-1__content__items__item__noidung {
    width: 17% !important;
    margin: 0 1.5% 1% 1.5%;
    cursor: pointer;
    background-color: white;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w33-product-1__content__items__item__noidung {
        width: 31.33333333333% !important;
    }
}

.w33-product-1__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w33-product-1__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w33-product-1__content__items__item__noidung__km {
    position: absolute;
    right: -1em;
    top: -.5em;
    text-align: center;
    background-color: orange;
    width: 4em;
    height: 4em;
    padding: .5em;
}

.w33-product-1__content__items__item__noidung__km__pr {
    font-size: 1.5em;
    display: block;
    color: red;
    font-weight: 600;
}

.w33-product-1__content__items__item__noidung__km__text {
    font-size: 1.5em;
    display: block;
    color: white;
}

.w33-product-1__content__items__item__noidung__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 0;
    bottom: -.5em;
    z-index: 2;
    border-bottom: .5em solid transparent;
    border-left: 0 solid transparent;
    border-right: 2.5em solid orange;
}

.w33-product-1__content__items__item__noidung__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    bottom: -.5em;
    z-index: 2;
    border-bottom: .5em solid transparent;
    border-right: 0 solid transparent;
    border-left: 2.5em solid orange;
}

.w33-product-1__content__items__item__noidung__text {
    display: block;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w33-product-1__content__items__item__noidung:hover .w33-product-1__content__items__item__noidung__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w33-product-1__content__items__item__noidung__pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w33-product-1__content__items__item__noidung__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
    font-weight: 600;
    display: block;
}

.w33-product-1__content__items__item__noidung__pricing__down {
    color: #5a5a5a;
    font-size: 1.2em;
    display: block;
    text-decoration: line-through;
}

.w33-product-1__content__items__item__noidung__bar {
    background-color: rgba(255, 0, 0, 0.533);
    width: 100%;
    position: relative;
    display: block;
    border-radius: 1em;
    margin-top: .5em;
}

.w33-product-1__content__items__item__noidung__bar__pro {
    position: absolute;
    background-color: red;
    width: 50%;
    height: 100%;
    border-radius: 1em;
    top: 0;
    z-index: 1;
}

.w33-product-1__content__items__item__noidung__bar__imgbox {
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    background-size: contain;
    background-position: center;
    left: .5em;
    top: initial;
    bottom: 0;
    z-index: 10;
}

.w33-product-1__content__items__item__noidung__bar__text {
    padding-top: .1em;
    padding-bottom: .1em;
    text-align: center;
    display: block;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 1.2em;
    z-index: 2;
    position: relative;
}

.w33-product-1__form {
    display: none;
    max-width: 100em;
    margin: 0 auto;
    padding: 2em;
    position: fixed;
    top: 10%;
    background-color: white;
    left: 0;
    right: 0;
    z-index: 13;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.205);
}

@media only screen and (max-width: 37.5em) {
    .w33-product-1__form {
        flex-wrap: wrap;
    }
}

.w33-product-1__form__imgbox {
    width: 30%;
    background-size: contain;
    background-position: center;
    height: fit-content;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-1__form__imgbox {
        width: 100%;
    }
}

.w33-product-1__form__imgbox__img {
    width: 100%;
}

.w33-product-1__form__content {
    width: 68%;
    margin-left: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-1__form__content {
        margin-left: 0;
        width: 100%;
    }
}

.w33-product-1__form__content__icon {
    margin-left: auto;
    display: block !important;
    width: fit-content;
    font-size: 1.6em;
    padding: 0.6em 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-1__form__content__icon {
        margin-top: 1em;
        margin-bottom: 1em;
    }
}

.w33-product-1__form__content__title {
    font-size: 2em;
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    line-height: 1.6em;
}

.w33-product-1__form__content__dulieu {
    width: 100%;
    margin-top: 1em;
    border-bottom: 0.1em solid #e0e0e0;
    padding-bottom: 1em;
}

.w33-product-1__form__content__dulieu__head {
    display: flex;
}

.w33-product-1__form__content__dulieu__head__name {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product-1__form__content__dulieu__head__price {
    margin-left: auto;
    width: fit-content;
    min-width: 10em;
    text-align: right;
}

.w33-product-1__form__content__dulieu__head__price__text {
    font-size: 1.4em;
}

.w33-product-1__form__content__dulieu__head__price__vl {
    font-size: 1.4em;
    margin-top: 1em;
    font-weight: 600;
}

.w33-product-1__form__content__dulieu__text {
    font-size: 1.4em;
    display: block;
    margin-top: 0.5em;
    line-height: 1.6em;
}

.w33-product-1__form__content__bot {
    display: flex;
    margin-top: 2em;
}

.w33-product-1__form__content__bot__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    padding: 0.7em 2em;
    height: fit-content;
    cursor: pointer;
}

    .w33-product-1__form__content__bot__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

.w33-product-1__form__content__bot__price {
    margin-left: auto;
    width: fit-content;
    padding: 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: right;
}

.w33-product-1__form__content__bot__price__text {
    font-size: 1.4em;
}

.w33-product-1__form__content__bot__price__vl {
    font-size: 1.4em;
    margin-top: 1em;
    font-weight: 600;
}

.w33-product-1__giao {
    display: flex;
    margin: 0 auto;
    padding: 2em;
    flex-wrap: wrap;
    position: fixed;
    top: 10%;
    z-index: 14;
    background-color: white;
    left: 0;
    right: 0;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.158);
}

.w33-product-1__giao__first {
    width: 37%;
    margin-right: 3%;
    background-color: #eee;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-1__giao__first {
        margin-right: 0;
        width: 100%;
    }
}

.w33-product-1__giao__first__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w33-product-1__giao__first__imgbox__img {
    width: 100%;
}

.w33-product-1__giao__first__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    margin: 1em 0;
}

.w33-product-1__giao__first__des {
    color: #5a5a5a;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-product-1__giao__first__com {
    display: flex;
    align-items: center;
    margin-top: 1em;
    font-weight: 600;
    border: 0.1em solid #cecece;
    padding: 1em;
    justify-content: center;
}

.w33-product-1__giao__first__com__text {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product-1__giao__first__com__ope {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product-1__giao__first__com__result {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product-1__giao__first__tong {
    text-align: center;
    margin-top: 1em;
}

.w33-product-1__giao__first__tong__text {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: 0.5em;
}

.w33-product-1__giao__first__tong__des {
    font-size: 1.3em;
    margin-top: 0.5em;
    text-decoration: line-through;
}

.w33-product-1__giao__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-1__giao__second {
        width: 100%;
    }
}

.w33-product-1__giao__second__icon {
    width: fit-content;
    margin-left: auto;
    font-size: 2em;
    display: block !important;
}

.w33-product-1__giao__second__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    font-weight: 600;
}

.w33-product-1__giao__second__chon {
    display: flex;
    align-items: center;
    margin: 1.5em 0;
    justify-content: space-between;
}

.w33-product-1__giao__second__chon__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product-1__giao__second__chon__grdio__radio {
    margin-right: 0.5em;
}

.w33-product-1__giao__second__chon__grdio__text {
    font-size: 1.4em;
}

.w33-product-1__giao__second__vung {
    padding: 1em;
    position: relative;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w33-product-1__giao__second__vung__checkbox {
    display: none;
}

    .w33-product-1__giao__second__vung__checkbox:checked ~ .w33-product-1__giao__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-product-1__giao__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-product-1__giao__second__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-product-1__giao__second__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w33-product-1__giao__second__vung__items .active {
        font-weight: 800;
    }

.w33-product-1__giao__second__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-product-1__giao__second__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-product-1__giao__second__vung__items__item:hover {
        background-color: #eee;
    }

.w33-product-1__giao__second__in {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 1em 0;
    border-bottom: 0.1em solid #cecece;
}

.w33-product-1__giao__second__des {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w33-product-1__giao__second__tomtat {
    margin-top: 1em;
    background-color: #efefef;
    padding: 1em;
}

.w33-product-1__giao__second__tomtat__thongtin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.w33-product-1__giao__second__tomtat__thongtin__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product-1__giao__second__tomtat__thongtin__grdio__radio {
    margin-right: 0.5em;
}

.w33-product-1__giao__second__tomtat__thongtin__grdio__text {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product-1__giao__second__tomtat__thongtin__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-product-1__giao__second__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    display: block;
    padding: 0.7em 2em;
    height: fit-content;
    margin-top: 1em;
    cursor: pointer;
}

    .w33-product-1__giao__second__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w33-product__giao*/
.w33-product__giao {
    display: flex;
    margin: 0 auto;
    padding: 2em;
    flex-wrap: wrap;
    position: fixed;
    top: 10%;
    z-index: 14;
    background-color: white;
    left: 0;
    right: 0;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.158);
}

.w33-product__giao__first {
    width: 37%;
    margin-right: 3%;
    background-color: #eee;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__first {
        margin-right: 0;
        width: 100%;
    }
}

.w33-product__giao__first__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w33-product__giao__first__imgbox__img {
    width: 100%;
}

.w33-product__giao__first__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    margin: 1em 0;
}

.w33-product__giao__first__des {
    color: #5a5a5a;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-product__giao__first__com {
    display: flex;
    align-items: center;
    margin-top: 1em;
    font-weight: 600;
    border: 0.1em solid #cecece;
    padding: 1em;
    justify-content: center;
}

.w33-product__giao__first__com__text {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__ope {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__result {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__first__tong {
    text-align: center;
    margin-top: 1em;
}

.w33-product__giao__first__tong__text {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: 0.5em;
}

.w33-product__giao__first__tong__des {
    font-size: 1.3em;
    margin-top: 0.5em;
    text-decoration: line-through;
}

.w33-product__giao__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__second {
        width: 100%;
    }
}

.w33-product__giao__second__icon {
    width: fit-content;
    margin-left: auto;
    font-size: 2em;
    display: block !important;
}

.w33-product__giao__second__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    font-weight: 600;
}

.w33-product__giao__second__chon {
    display: flex;
    align-items: center;
    margin: 1.5em 0;
    justify-content: space-between;
}

.w33-product__giao__second__chon__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__chon__grdio__radio {
    margin-right: 0.5em;
}

.w33-product__giao__second__chon__grdio__text {
    font-size: 1.4em;
}

.w33-product__giao__second__vung {
    padding: 1em;
    position: relative;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w33-product__giao__second__vung__checkbox {
    display: none;
}

    .w33-product__giao__second__vung__checkbox:checked ~ .w33-product__giao__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-product__giao__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-product__giao__second__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-product__giao__second__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w33-product__giao__second__vung__items .active {
        font-weight: 800;
    }

.w33-product__giao__second__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-product__giao__second__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-product__giao__second__vung__items__item:hover {
        background-color: #eee;
    }

.w33-product__giao__second__in {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 1em 0;
    border-bottom: 0.1em solid #cecece;
}

.w33-product__giao__second__des {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w33-product__giao__second__tomtat {
    margin-top: 1em;
    background-color: #efefef;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__tomtat__thongtin__grdio__radio {
    margin-right: 0.5em;
}

.w33-product__giao__second__tomtat__thongtin__grdio__text {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__second__tomtat__thongtin__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-product__giao__second__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    display: block;
    padding: 0.7em 2em;
    height: fit-content;
    margin-top: 1em;
    cursor: pointer;
}

    .w33-product__giao__second__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w33-product-2*/
.w33-product-2 {
    width: 100%;
    background-color: #f5f5f5;
    padding: 2em 1em;
}

.w33-product-2__group {
    margin: 0 auto;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.105);
    background-color: white;
}

.w33-product-2__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w33-product-2__content {
        padding: 1em;
    }
}

.w33-product-2__content__items {
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    width: 100%;
}

.w33-product-2__content__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w33-product-2__content__items__heading {
        margin-bottom: 2em;
    }
}

.w33-product-2__content__items__heading__text {
    padding: 1em;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.6em;
    background-color: white;
    width: fit-content;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w33-product-2__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w33-product-2__content__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}

.w33-product-2__content__items__heading__more__link__text {
    font-size: 1.2em;
}

.w33-product-2__content__items__heading__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
}

.w33-product-2__content__items__heading__more__nav {
    width: 7em;
    margin-right: 1em;
    margin-top: 1em;
    position: relative;
}

    .w33-product-2__content__items__heading__more__nav .swiper-button-next {
        right: 0;
        height: auto;
    }

        .w33-product-2__content__items__heading__more__nav .swiper-button-next::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            color: rgba(var(--main-color-w), 1);
        }

    .w33-product-2__content__items__heading__more__nav .swiper-button-prev {
        left: 0;
        height: auto;
    }

        .w33-product-2__content__items__heading__more__nav .swiper-button-prev::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            color: rgba(var(--main-color-w), 1);
        }

.w33-product-2__content__items__item {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.w33-product-2__content__items__item__imgbox {
    background-size: cover;
    background-position: center;
    width: 30%;
}

@media only screen and (max-width: 50em) {
    .w33-product-2__content__items__item__imgbox {
        width: 100%;
        margin: 0 auto;
    }
}

.w33-product-2__content__items__item__imgbox__img {
    width: 100%;
}

.w33-product-2__content__items__item .gallery-thumbs {
    width: 70%;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w33-product-2__content__items__item .gallery-thumbs {
        width: 100%;
    }
}

.w33-product-2__content__items__item__container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
    width: 70%;
}

.w33-product-2__content__items__item__container__noidung {
    width: 24% !important;
    margin-left: 1%;
    cursor: pointer;
    background-color: white;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w33-product-2__content__items__item__container__noidung {
        width: 33.33333333333% !important;
        margin-left: 0;
        margin-top: .5em;
    }
}

.w33-product-2__content__items__item__container__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w33-product-2__content__items__item__container__noidung__imgbox__img {
    width: 100%;
}

.w33-product-2__content__items__item__container__noidung__text {
    display: block;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w33-product-2__content__items__item__container__noidung:hover .w33-product-2__content__items__item__container__noidung__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w33-product-2__content__items__item__container__noidung__pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w33-product-2__content__items__item__container__noidung__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
    font-weight: 600;
    display: block;
    margin-bottom: .5em;
}

@media only screen and (max-width: 50em) {
    .w33-product-2__content__items__item__container__noidung__pricing__main {
        width: 100%;
    }
}

.w33-product-2__content__items__item__container__noidung__pricing__down {
    color: #5a5a5a;
    font-size: 1.2em;
    display: block;
    text-decoration: line-through;
}

@media only screen and (max-width: 50em) {
    .w33-product-2__content__items__item__container__noidung__pricing__down {
        width: 100%;
    }
}

.w33-product-2__form {
    display: none;
    max-width: 100em;
    margin: 0 auto;
    padding: 2em;
    position: fixed;
    top: 10%;
    background-color: white;
    left: 0;
    right: 0;
    z-index: 13;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.205);
}

@media only screen and (max-width: 37.5em) {
    .w33-product-2__form {
        flex-wrap: wrap;
    }
}

.w33-product-2__form__imgbox {
    width: 30%;
    background-size: contain;
    background-position: center;
    height: fit-content;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-2__form__imgbox {
        width: 100%;
    }
}

.w33-product-2__form__imgbox__img {
    width: 100%;
}

.w33-product-2__form__content {
    width: 68%;
    margin-left: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-2__form__content {
        margin-left: 0;
        width: 100%;
    }
}

.w33-product-2__form__content__icon {
    margin-left: auto;
    display: block !important;
    width: fit-content;
    font-size: 1.6em;
    padding: 0.6em 0.7em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-2__form__content__icon {
        margin-top: 1em;
        margin-bottom: 1em;
    }
}

.w33-product-2__form__content__title {
    font-size: 2em;
    color: rgba(var(--main-color-w), 1);
    font-weight: bolder;
    line-height: 1.6em;
}

.w33-product-2__form__content__dulieu {
    width: 100%;
    margin-top: 1em;
    border-bottom: 0.1em solid #e0e0e0;
    padding-bottom: 1em;
}

.w33-product-2__form__content__dulieu__head {
    display: flex;
}

.w33-product-2__form__content__dulieu__head__name {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product-2__form__content__dulieu__head__price {
    margin-left: auto;
    width: fit-content;
    min-width: 10em;
    text-align: right;
}

.w33-product-2__form__content__dulieu__head__price__text {
    font-size: 1.4em;
}

.w33-product-2__form__content__dulieu__head__price__vl {
    font-size: 1.4em;
    margin-top: 1em;
    font-weight: 600;
}

.w33-product-2__form__content__dulieu__text {
    font-size: 1.4em;
    display: block;
    margin-top: 0.5em;
    line-height: 1.6em;
}

.w33-product-2__form__content__bot {
    display: flex;
    margin-top: 2em;
}

.w33-product-2__form__content__bot__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    padding: 0.7em 2em;
    height: fit-content;
    cursor: pointer;
}

    .w33-product-2__form__content__bot__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

.w33-product-2__form__content__bot__price {
    margin-left: auto;
    width: fit-content;
    padding: 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: right;
}

.w33-product-2__form__content__bot__price__text {
    font-size: 1.4em;
}

.w33-product-2__form__content__bot__price__vl {
    font-size: 1.4em;
    margin-top: 1em;
    font-weight: 600;
}

.w33-product-2__giao {
    display: flex;
    margin: 0 auto;
    padding: 2em;
    flex-wrap: wrap;
    position: fixed;
    top: 10%;
    z-index: 14;
    background-color: white;
    left: 0;
    right: 0;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.158);
}

.w33-product-2__giao__first {
    width: 37%;
    margin-right: 3%;
    background-color: #eee;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-2__giao__first {
        margin-right: 0;
        width: 100%;
    }
}

.w33-product-2__giao__first__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w33-product-2__giao__first__imgbox__img {
    width: 100%;
}

.w33-product-2__giao__first__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    margin: 1em 0;
}

.w33-product-2__giao__first__des {
    color: #5a5a5a;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-product-2__giao__first__com {
    display: flex;
    align-items: center;
    margin-top: 1em;
    font-weight: 600;
    border: 0.1em solid #cecece;
    padding: 1em;
    justify-content: center;
}

.w33-product-2__giao__first__com__text {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product-2__giao__first__com__ope {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product-2__giao__first__com__result {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product-2__giao__first__tong {
    text-align: center;
    margin-top: 1em;
}

.w33-product-2__giao__first__tong__text {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: 0.5em;
}

.w33-product-2__giao__first__tong__des {
    font-size: 1.3em;
    margin-top: 0.5em;
    text-decoration: line-through;
}

.w33-product-2__giao__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product-2__giao__second {
        width: 100%;
    }
}

.w33-product-2__giao__second__icon {
    width: fit-content;
    margin-left: auto;
    font-size: 2em;
    display: block !important;
}

.w33-product-2__giao__second__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    font-weight: 600;
}

.w33-product-2__giao__second__chon {
    display: flex;
    align-items: center;
    margin: 1.5em 0;
    justify-content: space-between;
}

.w33-product-2__giao__second__chon__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product-2__giao__second__chon__grdio__radio {
    margin-right: 0.5em;
}

.w33-product-2__giao__second__chon__grdio__text {
    font-size: 1.4em;
}

.w33-product-2__giao__second__vung {
    padding: 1em;
    position: relative;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w33-product-2__giao__second__vung__checkbox {
    display: none;
}

    .w33-product-2__giao__second__vung__checkbox:checked ~ .w33-product-2__giao__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-product-2__giao__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-product-2__giao__second__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-product-2__giao__second__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w33-product-2__giao__second__vung__items .active {
        font-weight: 800;
    }

.w33-product-2__giao__second__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-product-2__giao__second__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-product-2__giao__second__vung__items__item:hover {
        background-color: #eee;
    }

.w33-product-2__giao__second__in {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 1em 0;
    border-bottom: 0.1em solid #cecece;
}

.w33-product-2__giao__second__des {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w33-product-2__giao__second__tomtat {
    margin-top: 1em;
    background-color: #efefef;
    padding: 1em;
}

.w33-product-2__giao__second__tomtat__thongtin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.w33-product-2__giao__second__tomtat__thongtin__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product-2__giao__second__tomtat__thongtin__grdio__radio {
    margin-right: 0.5em;
}

.w33-product-2__giao__second__tomtat__thongtin__grdio__text {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product-2__giao__second__tomtat__thongtin__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-product-2__giao__second__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    display: block;
    padding: 0.7em 2em;
    height: fit-content;
    margin-top: 1em;
    cursor: pointer;
}

    .w33-product-2__giao__second__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w33-product__giao*/
.w33-product__giao {
    display: flex;
    margin: 0 auto;
    padding: 2em;
    flex-wrap: wrap;
    position: fixed;
    top: 10%;
    z-index: 14;
    background-color: white;
    left: 0;
    right: 0;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.158);
}

.w33-product__giao__first {
    width: 37%;
    margin-right: 3%;
    background-color: #eee;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__first {
        margin-right: 0;
        width: 100%;
    }
}

.w33-product__giao__first__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w33-product__giao__first__imgbox__img {
    width: 100%;
}

.w33-product__giao__first__text {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    margin: 1em 0;
}

.w33-product__giao__first__des {
    color: #5a5a5a;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-product__giao__first__com {
    display: flex;
    align-items: center;
    margin-top: 1em;
    font-weight: 600;
    border: 0.1em solid #cecece;
    padding: 1em;
    justify-content: center;
}

.w33-product__giao__first__com__text {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__ope {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-product__giao__first__com__result {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__first__tong {
    text-align: center;
    margin-top: 1em;
}

.w33-product__giao__first__tong__text {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: 0.5em;
}

.w33-product__giao__first__tong__des {
    font-size: 1.3em;
    margin-top: 0.5em;
    text-decoration: line-through;
}

.w33-product__giao__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w33-product__giao__second {
        width: 100%;
    }
}

.w33-product__giao__second__icon {
    width: fit-content;
    margin-left: auto;
    font-size: 2em;
    display: block !important;
}

.w33-product__giao__second__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    line-height: 1.6em;
    padding: 0.5em 0;
    border-bottom: 1px solid #cecece;
    font-weight: 600;
}

.w33-product__giao__second__chon {
    display: flex;
    align-items: center;
    margin: 1.5em 0;
    justify-content: space-between;
}

.w33-product__giao__second__chon__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__chon__grdio__radio {
    margin-right: 0.5em;
}

.w33-product__giao__second__chon__grdio__text {
    font-size: 1.4em;
}

.w33-product__giao__second__vung {
    padding: 1em;
    position: relative;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w33-product__giao__second__vung__checkbox {
    display: none;
}

    .w33-product__giao__second__vung__checkbox:checked ~ .w33-product__giao__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-product__giao__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-product__giao__second__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-product__giao__second__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w33-product__giao__second__vung__items .active {
        font-weight: 800;
    }

.w33-product__giao__second__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-product__giao__second__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-product__giao__second__vung__items__item:hover {
        background-color: #eee;
    }

.w33-product__giao__second__in {
    display: block;
    width: 100%;
    border: none;
    outline: none;
    padding: 1em 0;
    border-bottom: 0.1em solid #cecece;
}

.w33-product__giao__second__des {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w33-product__giao__second__tomtat {
    margin-top: 1em;
    background-color: #efefef;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1em;
}

.w33-product__giao__second__tomtat__thongtin__grdio {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-product__giao__second__tomtat__thongtin__grdio__radio {
    margin-right: 0.5em;
}

.w33-product__giao__second__tomtat__thongtin__grdio__text {
    font-size: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

.w33-product__giao__second__tomtat__thongtin__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-product__giao__second__btn {
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    display: block;
    padding: 0.7em 2em;
    height: fit-content;
    margin-top: 1em;
    cursor: pointer;
}

    .w33-product__giao__second__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w33-productdetail*/
.w33-productdetail {
    position: relative;
    width: 100%;
    padding: 2em 1em;
}

    .w33-productdetail .w33-productdetail__first__review {
        padding: 0;
    }

.w33-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w33-productdetail__main {
    display: flex;
    flex-wrap: wrap;
}

.w33-productdetail__main__first {
    width: 74%;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w33-productdetail__main__first {
        width: 100%;
    }
}

.w33-productdetail__main__first__info {
    display: flex;
    flex-wrap: wrap;
}

.w33-productdetail__main__first__info__sanpham {
    width: 40%;
    height: max-content;
    margin-bottom: 3em;
}

@media only screen and (max-width: 50em) {
    .w33-productdetail__main__first__info__sanpham {
        width: 100%;
    }
}

.w33-productdetail__main__first__info__sanpham__productimg {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
}

    .w33-productdetail__main__first__info__sanpham__productimg .swiper-button-next {
        color: rgba(var(--main-color-w), 1);
    }

    .w33-productdetail__main__first__info__sanpham__productimg .swiper-button-prev {
        color: rgba(var(--main-color-w), 1);
    }

.w33-productdetail__main__first__info__sanpham__productimg__imgbox {
    width: 50%;
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w33-productdetail__main__first__info__sanpham__productimg__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__sanpham__pre {
    width: 100%;
    display: flex;
    margin-top: 2em;
    overflow: hidden;
}

.w33-productdetail__main__first__info__sanpham__pre__imgbox {
    width: 32.333333333333333% !important;
    background-color: transparent;
    border: none;
    margin-right: 1% !important;
    cursor: pointer;
    outline: 0.1em solid #f2f2f2;
    background-size: contain;
    background-position: center;
}

.w33-productdetail__main__first__info__sanpham__pre__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__sanpham__dg {
    display: flex;
    align-items: center;
    padding: 2em 0;
    margin-top: 2em;
    border-top: 0.1em solid #ebebeb;
}

.w33-productdetail__main__first__info__sanpham__dg__text {
    font-size: 1.2em;
}

    .w33-productdetail__main__first__info__sanpham__dg__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w33-productdetail__main__first__info__sanpham__dg__stars {
    display: flex;
    align-items: center;
    margin-right: 0.5em;
    cursor: pointer;
}

.w33-productdetail__main__first__info__sanpham__dg__stars__star {
    color: gold;
    margin-right: 0.5em;
    font-size: 1.3em;
}

.w33-productdetail__main__first__info__sanpham__social {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__info__sanpham__social__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    margin-right: 1em;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w33-productdetail__main__first__info__sanpham__social__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__content {
    padding: 0 2em;
    width: 60%;
    font-size: 1.2em;
}

@media only screen and (max-width: 50em) {
    .w33-productdetail__main__first__info__content {
        width: 100%;
    }
}

.w33-productdetail__main__first__info__content__comment {
    margin-top: 1em;
    border-top: 0.1em solid #f2f2f2;
    padding: 1em 0;
}

.w33-productdetail__main__first__info__content__comment__nx {
    display: flex;
}

.w33-productdetail__main__first__info__content__comment__nx__col {
    width: 30%;
    margin-right: 1em;
    text-align: center;
}

.w33-productdetail__main__first__info__content__comment__nx__col__title {
    font-size: 1.6em;
    font-weight: 800;
}

.w33-productdetail__main__first__info__content__comment__nx__col__point {
    font-size: 4em;
    font-weight: 600;
    color: red;
}

.w33-productdetail__main__first__info__content__comment__nx__col__stars__star {
    color: gold;
    font-size: 1.8em;
}

.w33-productdetail__main__first__info__content__comment__nx__col__text {
    margin-top: 1em;
    color: #999;
}

.w33-productdetail__main__first__info__content__comment__nx__diem {
    width: 70%;
}

.w33-productdetail__main__first__info__content__comment__nx__diem__range {
    display: flex;
    margin-top: 1em;
}

.w33-productdetail__main__first__info__content__comment__nx__diem__range__number {
    margin-right: 0.5em;
    color: #999;
    width: 1em;
    min-width: 1em;
}

.w33-productdetail__main__first__info__content__comment__nx__diem__range__star {
    margin-right: 1em;
    color: #999;
}

.w33-productdetail__main__first__info__content__comment__nx__diem__range__bar {
    width: 90%;
    height: 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin-right: 1em;
    border-radius: 0.5em;
}

.w33-productdetail__main__first__info__content__comment__nx__diem__range__vl {
    color: #999;
}

.w33-productdetail__main__first__info__content__comment__gn {
    margin-top: 3em;
}

.w33-productdetail__main__first__info__content__comment__gn__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.4em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__dg {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__dg__name {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__dg__stars__star {
    color: gold;
    font-size: 1.4em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__ntd {
    padding: 1em 0;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__ntd__text {
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__ntd__input {
    width: 100%;
    margin-top: 0.5em;
    padding: 0.5em;
    border: 0.1em solid #dfdfdf;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__action {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__action__text {
    margin-right: 1em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__action__input {
    display: none;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__action__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    border: none;
    border-radius: 0.5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__action__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    padding: 0.5em;
    border-radius: 0.5em;
    margin-right: 0.5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__xem {
    display: flex;
    margin-top: 1em;
    align-items: center;
}

    .w33-productdetail__main__first__info__content__comment__gn__bl__xem .active {
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.w33-productdetail__main__first__info__content__comment__gn__bl__xem__text {
    margin-right: 1em;
    font-size: 1.2em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__xem__button {
    border: 0.1em solid #dfdfdf;
    padding: 1em;
    margin-right: 1em;
    cursor: pointer;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__xem__sao {
    padding: 0.5em;
    cursor: pointer;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items {
    margin-top: 1em;
    display: flex;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__first__imgbox {
    width: 8em;
    min-width: 8em;
    height: 8em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second {
    width: 80%;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__text {
    margin-top: 1em;
    line-height: 1.6em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__abimg {
    margin-top: 1em;
    display: flex;
    gap: 1em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__abimg__imgbox {
    width: 20em;
    background-size: contain;
    background-position: center;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1em;
    position: relative;
    margin-top: 2.5em;
}

    .w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2em #f2f2f2;
        border-left: solid 2em transparent;
        border-right: solid 2em transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2em;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep__name__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep__name__human {
    margin-right: 0.5em;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep__name__date {
    color: #777;
}

.w33-productdetail__main__first__info__content__comment__gn__bl__cm__items__second__rep__ct {
    margin-top: 2em;
    line-height: 1.6em;
}

.w33-productdetail__main__first__info__content__name {
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: bolder;
    display: block;
    color: #ff0033;
}

.w33-productdetail__main__first__info__content__head {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 600;
    border-top: 1px solid #e4e4e4;
    padding: 0.7em 0 0 0;
    margin-top: 1em;
}

.w33-productdetail__main__first__info__content__tt {
    line-height: 1.6em;
    font-size: 1.2em;
    margin-top: 0.5em;
    padding: 0.5em 1em;
    display: block;
}

.w33-productdetail__main__first__info__content__giam {
    display: flex;
}

.w33-productdetail__main__first__info__content__giam__text {
    min-width: 20%;
    font-size: 1.3em;
    margin-right: 0.5em;
    color: #676767;
}

.w33-productdetail__main__first__info__content__giam__imgbox {
    max-width: 5em;
    background-size: contain;
    background-position: center;
}

.w33-productdetail__main__first__info__content__giam__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__content__kichco {
    margin-top: 1em;
}

.w33-productdetail__main__first__info__content__kichco__name {
    font-size: 1.1em;
    min-width: 5em;
    color: #676767;
}

.w33-productdetail__main__first__info__content__kichco__detail {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1em;
}

    .w33-productdetail__main__first__info__content__kichco__detail .active {
        background-color: rgba(var(--main-color-w), 1);
        font-weight: 600;
        color: white;
    }

.w33-productdetail__main__first__info__content__kichco__detail__text {
    font-size: 1.3em;
    margin-bottom: 0.5em;
    display: block;
    width: max-content;
    border-radius: 0.5em;
    padding: 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    margin: 1%;
}

    .w33-productdetail__main__first__info__content__kichco__detail__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w33-productdetail__main__first__info__content__kichco__detail__ope {
    font-weight: 600;
    padding: 0.5em;
}

.w33-productdetail__main__first__info__content__kichco__detail__in {
    display: block;
    width: 10em;
    font-size: 1.2em;
    padding: 0.7em;
    border: 1px solid rgba(var(--main-color-w), 1);
    border-radius: 0.2em;
    cursor: pointer;
    margin: 1%;
}

.w33-productdetail__main__first__info__content__kichco__detail__imgbox {
    width: 8em;
    border-radius: 1em;
    height: 3.5em;
    background-position: center;
    background-size: cover;
}

.w33-productdetail__main__first__info__content__kichco__detail__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__info__content__price {
    display: flex;
    align-items: center;
    padding: 2em 0;
}

.w33-productdetail__main__first__info__content__price__main {
    font-size: 2.5em;
    font-weight: bolder;
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
}

.w33-productdetail__main__first__info__content__price__count {
    margin-left: auto;
}

.w33-productdetail__main__first__info__content__price__count__sub {
    font-size: 1.3em;
    display: block;
}

.w33-productdetail__main__first__info__content__price__count__des {
    font-size: 1.3em;
    display: block;
    font-weight: 600;
    margin-top: 0.5em;
}

.w33-productdetail__main__first__info__content__des {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    display: block;
    color: #676767;
    font-style: italic;
}

.w33-productdetail__main__first__info__content__soluong {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__info__content__soluong__sl {
    line-height: 1.6em;
    font-size: 1.2em;
    padding: 1em 0;
    margin-right: 1em;
}

.w33-productdetail__main__first__info__content__soluong__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    border-radius: 0.5em;
    z-index: 3;
}

.w33-productdetail__main__first__info__content__soluong__vung__checkbox {
    display: none;
}

    .w33-productdetail__main__first__info__content__soluong__vung__checkbox:checked ~ .w33-productdetail__main__first__info__content__soluong__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w33-productdetail__main__first__info__content__soluong__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w33-productdetail__main__first__info__content__soluong__vung__ad__icon {
    margin-left: 0.5em;
}

.w33-productdetail__main__first__info__content__soluong__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5em;
}

    .w33-productdetail__main__first__info__content__soluong__vung__items .active {
        font-weight: 800;
    }

.w33-productdetail__main__first__info__content__soluong__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w33-productdetail__main__first__info__content__soluong__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w33-productdetail__main__first__info__content__soluong__vung__items__item:hover {
        background-color: #eee;
    }

.w33-productdetail__main__first__info__content__grbtn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w33-productdetail__main__first__info__content__grbtn__btn {
    width: 48%;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    margin-top: 1em;
    backface-visibility: hidden;
    border-radius: 2em;
    margin: 1%;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w33-productdetail__main__first__info__content__grbtn__btn {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w33-productdetail__main__first__info__content__grbtn__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w33-productdetail__main__first__info__content__grbtn__btn__icon {
    color: white;
    font-size: 2em;
    margin-right: 0.5em;
    z-index: 2;
}

.w33-productdetail__main__first__info__content__grbtn__btn::after {
    position: absolute;
    content: "";
    right: 0;
    height: 100%;
    top: 0;
    background-color: crimson;
    max-width: 2em;
    width: 100%;
    transform: translateY(0);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
    backface-visibility: hidden;
}

.w33-productdetail__main__first__info__content__grbtn__btn:hover::after {
    max-width: 20em;
    width: 50%;
    height: 100%;
    transform: none;
}

.w33-productdetail__main__first__info__content__grbtn__btn:hover {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
    transform: translate(-0.2em, -0.2em);
}

.w33-productdetail__main__first__content {
    margin-top: 2em;
}

    .w33-productdetail__main__first__content .w1-blogdetail__first__review {
        display: none;
    }

.w33-productdetail__main__first__content__tab {
    display: flex;
    align-items: center;
    border-top: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w33-productdetail__main__first__content__tab .active {
        background-color: rgba(var(--main-color-w), 1);
        border-bottom: none;
        color: white;
    }

.w33-productdetail__main__first__content__tab__mt {
    padding: 1em;
    border-bottom: none;
    text-align: center;
    color: black;
    cursor: pointer;
    font-size: 1.4em;
    width: 25%;
}

    .w33-productdetail__main__first__content__tab__mt:not(:last-child) {
        border-right: 0.1em solid #f5f5f5;
    }

    .w33-productdetail__main__first__content__tab__mt:not(:first-child) {
        border-left: 0.1em solid #f5f5f5;
    }

.w33-productdetail__main__first__content__text {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w33-productdetail__main__first__content__content {
    border: 0.1em solid #f2f2f2;
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w33-productdetail__main__first__comment {
    margin-top: 1em;
    border-top: 0.1em solid #f2f2f2;
    padding: 1em 0;
}

.w33-productdetail__main__first__comment__nx {
    display: flex;
}

.w33-productdetail__main__first__comment__nx__col {
    width: 30%;
    margin-right: 1em;
    text-align: center;
}

.w33-productdetail__main__first__comment__nx__col__title {
    font-size: 1.6em;
    font-weight: 800;
}

.w33-productdetail__main__first__comment__nx__col__point {
    font-size: 4em;
    font-weight: 600;
    color: red;
}

.w33-productdetail__main__first__comment__nx__col__stars__star {
    color: gold;
    font-size: 1.8em;
}

.w33-productdetail__main__first__comment__nx__col__text {
    margin-top: 1em;
    color: #999;
}

.w33-productdetail__main__first__comment__nx__diem {
    width: 70%;
}

.w33-productdetail__main__first__comment__nx__diem__range {
    display: flex;
    margin-top: 1em;
}

.w33-productdetail__main__first__comment__nx__diem__range__number {
    margin-right: 0.5em;
    color: #999;
    width: 1em;
    min-width: 1em;
}

.w33-productdetail__main__first__comment__nx__diem__range__star {
    margin-right: 1em;
    color: #999;
}

.w33-productdetail__main__first__comment__nx__diem__range__bar {
    width: 90%;
    height: 1em;
    background-color: rgba(var(--main-color-w), 1);
    margin-right: 1em;
    border-radius: 0.5em;
}

.w33-productdetail__main__first__comment__nx__diem__range__vl {
    color: #999;
}

.w33-productdetail__main__first__comment__gn {
    margin-top: 3em;
}

.w33-productdetail__main__first__comment__gn__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.4em;
}

.w33-productdetail__main__first__comment__gn__bl__dg {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w33-productdetail__main__first__comment__gn__bl__dg__name {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.w33-productdetail__main__first__comment__gn__bl__dg__stars__star {
    color: gold;
    font-size: 1.4em;
}

.w33-productdetail__main__first__comment__gn__bl__ntd {
    padding: 1em 0;
}

.w33-productdetail__main__first__comment__gn__bl__ntd__text {
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

.w33-productdetail__main__first__comment__gn__bl__ntd__input {
    width: 100%;
    margin-top: 0.5em;
    padding: 0.5em;
    border: 0.1em solid #dfdfdf;
}

.w33-productdetail__main__first__comment__gn__bl__action {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__comment__gn__bl__action__text {
    margin-right: 1em;
}

.w33-productdetail__main__first__comment__gn__bl__action__input {
    display: none;
}

.w33-productdetail__main__first__comment__gn__bl__action__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    border: none;
    border-radius: 0.5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w33-productdetail__main__first__comment__gn__bl__action__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    padding: 0.5em;
    border-radius: 0.5em;
    margin-right: 0.5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w33-productdetail__main__first__comment__gn__bl__xem {
    display: flex;
    margin-top: 1em;
    align-items: center;
}

    .w33-productdetail__main__first__comment__gn__bl__xem .active {
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.w33-productdetail__main__first__comment__gn__bl__xem__text {
    margin-right: 1em;
    font-size: 1.2em;
}

.w33-productdetail__main__first__comment__gn__bl__xem__button {
    border: 0.1em solid #dfdfdf;
    padding: 1em;
    margin-right: 1em;
    cursor: pointer;
}

.w33-productdetail__main__first__comment__gn__bl__xem__sao {
    padding: 0.5em;
    cursor: pointer;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items {
    margin-top: 1em;
    display: flex;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__first__imgbox {
    width: 8em;
    min-width: 8em;
    height: 8em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5em;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second {
    width: 80%;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5em;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__text {
    margin-top: 1em;
    line-height: 1.6em;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__abimg {
    margin-top: 1em;
    display: flex;
    gap: 1em;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__abimg__imgbox {
    width: 20em;
    background-size: contain;
    background-position: center;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1em;
    position: relative;
    margin-top: 2.5em;
}

    .w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2em #f2f2f2;
        border-left: solid 2em transparent;
        border-right: solid 2em transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2em;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep__name__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5em;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep__name__human {
    margin-right: 0.5em;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep__name__date {
    color: #777;
}

.w33-productdetail__main__first__comment__gn__bl__cm__items__second__rep__ct {
    margin-top: 2em;
    line-height: 1.6em;
}

.w33-productdetail__main__second {
    width: 25%;
    margin-left: 1%;
    max-width: 29%;
}

@media only screen and (max-width: 50em) {
    .w33-productdetail__main__second {
        width: 100%;
        max-width: 100%;
    }
}

.w33-productdetail__main__second__items {
    background-color: #f5f5f5;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w33-productdetail__main__second__items {
        display: block;
    }
}

.w33-productdetail__main__second__items__name {
    font-size: 1.6em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
    padding: 1em 1em 0 1em;
}

.w33-productdetail__main__second__items__item {
    padding: 1em;
    display: flex;
    border-bottom: 0.1em solid #cecece;
    align-items: center;
}

.w33-productdetail__main__second__items__item__imgbox {
    width: 7em;
    min-width: 7em;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
    border-radius: 0.5em;
}

.w33-productdetail__main__second__items__item__imgbox__img {
    width: 100%;
}

.w33-productdetail__main__second__items__item__tt__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w33-productdetail__main__second__items__item__tt__sub {
    margin-top: 0.5em;
    font-size: 1.1em;
    line-height: 1.6em;
    text-align: justify;
}

.w33-productdetail__main__second__items__time {
    padding: 1em;
}

.w33-productdetail__main__second__items__time__name {
    font-weight: 600;
    font-size: 1.2em;
    line-height: 1.6em;
    display: block;
}

.w33-productdetail__main__second__items__time__text {
    color: #676767;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w33-productdetail__main__second__items__time__btn {
    color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: white;
    display: block;
    padding: 1em;
    text-align: center;
    margin-top: 1em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all 0.2s ease;
}

.w33-productdetail__main__second__items__time__btn__icon {
    font-size: 1.2em;
    margin-right: 0.5em;
}

.w33-productdetail__main__second__items__time__btn__text {
    font-size: 1.2em;
    font-weight: 600;
}

.w33-productdetail__main__second__items__time__btn:hover {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
}

.w33-productdetail__main__second__dm {
    margin-top: 1em;
    background-color: #f5f5f5;
    padding: 1em;
}

.w33-productdetail__main__second__dm__name {
    font-size: 1.6em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
}

.w33-productdetail__main__second__dm__content {
    list-style: none;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w33-productdetail__main__second__dm__content__child {
    cursor: pointer;
    padding: 0.5em 1em;
}

.w33-productdetail__main__second__dm__content__child__checkbox {
    display: none;
}

.w33-productdetail__main__second__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-productdetail__main__second__dm__content__child__cate__text {
    transition: all 0.2s ease;
}

    .w33-productdetail__main__second__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w33-productdetail__main__second__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w33-productdetail__main__second__dm__content__child__checkbox:checked ~ .w33-productdetail__main__second__dm__content__drop {
    display: block;
}

.w33-productdetail__main__second__dm__content__drop {
    list-style: none;
    display: none;
    padding: 0.5em 0 0 0.5em;
}

.w33-productdetail__main__second__dm__content__drop__child {
    font-size: 1em;
    cursor: pointer;
}

.w33-productdetail__main__second__dm__content__drop__child__checkbox {
    display: none;
}

.w33-productdetail__main__second__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-productdetail__main__second__dm__content__drop__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w33-productdetail__main__second__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w33-productdetail__main__second__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w33-productdetail__main__second__dm__content__drop__child__checkbox:checked ~ .w33-productdetail__main__second__dm__content__drop-1 {
    display: block;
}

.w33-productdetail__main__second__dm__content__drop-1 {
    list-style: none;
    display: none;
    padding: 0.5em 0 0 0.5em;
}

.w33-productdetail__main__second__dm__content__drop-1__child {
    font-size: 1em;
    cursor: pointer;
}

.w33-productdetail__main__second__dm__content__drop-1__child__checkbox {
    display: none;
}

.w33-productdetail__main__second__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w33-productdetail__main__second__dm__content__drop-1__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w33-productdetail__main__second__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w33-productdetail__main__second__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

/*ed*/

/*w33-cart*/
.w33-cart {
    width: 100%;
    padding: 2em 1em;
}

.w33-cart__group {
    max-width: 120em;
    margin: 0 auto;
}

.w33-cart__top {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.w33-cart__top__xuat {
    display: flex;
    align-items: center;
    color: #999999;
    margin: 0.5em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__top__xuat {
        width: 100%;
        justify-content: center;
    }
}

.w33-cart__top__xuat__icon {
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w33-cart__top__xuat__text {
    font-size: 1.3em;
    line-height: 1.6em;
}

.w33-cart__heading {
    display: flex;
    border-bottom: 0.1em solid #eee;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w33-cart__heading__title {
    width: 50%;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__heading__title {
        width: 100%;
        justify-content: center;
        text-align: center;
        padding: 0.5em;
    }
}

.w33-cart__heading__title__name {
    font-size: 3em;
    font-weight: 600;
}

.w33-cart__heading__title__maso {
    display: flex;
    margin-top: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__heading__title__maso {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

.w33-cart__heading__title__maso__sp {
    padding: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    margin-right: 0.5em;
    border-radius: 0.2em;
}

    .w33-cart__heading__title__maso__sp:first-child {
        font-weight: bolder;
    }

.w33-cart__heading__xuly {
    width: 50%;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__heading__xuly {
        width: 100%;
        padding: 0.5em;
    }
}

.w33-cart__heading__xuly__nhanvien {
    display: flex;
}

.w33-cart__heading__xuly__nhanvien__thongtin {
    width: 50%;
    padding: 0.5em;
    display: flex;
}

.w33-cart__heading__xuly__nhanvien__thongtin__imgbox {
    width: 5em;
    border-radius: 50%;
    height: 5em;
    min-width: 5em;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w33-cart__heading__xuly__nhanvien__thongtin__imgbox__img {
    width: 100%;
}

.w33-cart__heading__xuly__nhanvien__thongtin__noidung__vaitro {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    display: block;
    font-size: 1.2em;
    line-height: 1.6em;
}

.w33-cart__heading__xuly__nhanvien__thongtin__noidung__text {
    display: block;
    font-size: 1.2em;
    line-height: 1.6em;
}

.w33-cart__heading__xuly__time {
    display: flex;
    border-top: 0.1em solid #eee;
    padding: 0.5em;
}

.w33-cart__heading__xuly__time__datgiao {
    width: 50%;
    padding: 0.5em;
}

.w33-cart__heading__xuly__time__datgiao__ten {
    color: rgba(var(--main-color-w), 1);
}

.w33-cart__heading__xuly__time__datgiao__ten__icon {
    font-size: 1.2em;
    margin-right: 0.5em;
}

.w33-cart__heading__xuly__time__datgiao__ten__text {
    font-size: 1.2em;
}

.w33-cart__heading__xuly__time__datgiao__text {
    margin-top: 0.5em;
    font-size: 1.2em;
}

.w33-cart__nguoi {
    display: flex;
    flex-wrap: wrap;
}

.w33-cart__nguoi__dulieu {
    padding: 1em;
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__nguoi__dulieu {
        width: 100%;
        padding: 0.5em;
        margin-top: 2em;
    }
}

.w33-cart__nguoi__dulieu__name {
    display: flex;
    align-items: center;
}

.w33-cart__nguoi__dulieu__name__text {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.6em;
}

.w33-cart__nguoi__dulieu__name__btn {
    display: flex;
    align-items: center;
    background-color: #eee;
    width: fit-content;
    padding: 1em;
    border-radius: 0.2em;
    margin-left: 0.5em;
    cursor: pointer;
    transition: all 0.2s ease;
}

.w33-cart__nguoi__dulieu__name__btn__icon {
    font-size: 1em;
    margin-right: 0.5em;
}

.w33-cart__nguoi__dulieu__name__btn__text {
    font-size: 1em;
}

.w33-cart__nguoi__dulieu__name__btn:hover {
    background: rgba(var(--main-color-w), 1);
    color: white;
}

.w33-cart__nguoi__dulieu__thongtin {
    display: flex;
}

.w33-cart__nguoi__dulieu__thongtin__text {
    min-width: 8em;
    margin-top: 1em;
    font-size: 1.2em;
}

.w33-cart__ghichu {
    margin-top: 2em;
}

.w33-cart__ghichu__name {
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
    display: flex;
    cursor: pointer;
    padding: 1em;
    align-items: center;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: white;
}

.w33-cart__ghichu__name__icon {
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w33-cart__ghichu__name__text {
    font-size: 1.3em;
}

.w33-cart__ghichu__name:hover {
    background-color: #fff;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w33-cart__ghichu__text {
    line-height: 1.6em;
    font-size: 1.3em;
    margin-top: 0.5em;
}

.w33-cart__ghichu__checkbox {
    display: none;
}

    .w33-cart__ghichu__checkbox:checked ~ .w33-cart__ghichu__form {
        display: block;
    }

.w33-cart__ghichu__form {
    position: fixed;
    width: 90%;
    max-width: 120em;
    background-color: white;
    padding: 2em;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: none;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.116);
    top: 10%;
}

.w33-cart__ghichu__form__name {
    font-size: 2.5em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    padding-bottom: 0.2em;
    width: fit-content;
    display: block;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

.w33-cart__ghichu__form__area {
    width: 100%;
    height: 25em;
    padding: 1em;
    border: 0.1em solid #eee;
    outline: none;
    margin-top: 1em;
    border-radius: 0.5em;
}

.w33-cart__ghichu__form__action {
    margin-top: 1em;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.w33-cart__ghichu__form__action__btn {
    padding: 1em;
    height: fit-content;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    border-radius: 0.2em;
    outline: none;
    border: 1px solid rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w33-cart__ghichu__form__action__btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 3em rgba(0, 0, 0, 0.11);
    }

.w33-cart__ghichu__form__action__lbl {
    padding: 1em;
    height: fit-content;
    font-size: 1.18em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    border-radius: 0.2em;
    outline: none;
    cursor: pointer;
    border: 1px solid rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
}

    .w33-cart__ghichu__form__action__lbl:hover {
        transform: scale(1.1);
        box-shadow: 0 0 3em rgba(0, 0, 0, 0.11);
    }

.w33-cart__donhang {
    margin-top: 2em;
}

.w33-cart__donhang__name {
    font-size: 2em;
    font-weight: 600;
}

.w33-cart__donhang__bang {
    margin-top: 1em;
    overflow: scroll;
}

.w33-cart__donhang__bang__tb {
    width: 100%;
    border-collapse: collapse;
}

    .w33-cart__donhang__bang__tb th {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        font-weight: 600;
        text-align: center;
        font-size: 1.3em;
    }

    .w33-cart__donhang__bang__tb td,
    .w33-cart__donhang__bang__tb th {
        border: 1px solid #dddddd;
        text-align: left;
        padding: 1em;
    }

.w33-cart__donhang__bang__tb__info__text {
    font-size: 1.3em;
    margin-top: 1em;
}

.w33-cart__donhang__bang__tb__info__gia {
    margin-left: auto;
    font-size: 1.3em;
    display: block;
    text-align: right;
}

.w33-cart__donhang__bang__tb__info__name {
    font-size: 1.4em;
    text-align: right;
}

.w33-cart__donhang__bang__tb__info__tieu {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-cart__donhang__bang__tb__info__tong {
    margin-left: auto;
    font-size: 1.3em;
    display: block;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    text-align: right;
}

.w33-cart__donhang__bang__tb__nd__name {
    font-size: 1.2em;
}

.w33-cart__donhang__bang__tb__nd__choose {
    margin-top: 1em;
    display: flex;
    justify-content: center;
}

.w33-cart__donhang__bang__tb__nd__choose__box {
    text-align: center;
    padding: 0.5em 1em;
    border-radius: 0.5em;
    border: 0.1em solid #999999;
    width: fit-content;
    background-color: #eee;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w33-cart__donhang__bang__tb__nd__choose__box:not(:last-child) {
        margin-right: 1em;
    }

.w33-cart__donhang__bang__tb__nd__choose__box__icon {
    font-size: 3.5em;
    display: block;
    color: #999999;
}

.w33-cart__donhang__bang__tb__nd__choose__box__text {
    font-size: 1.3em;
    display: block;
    margin-top: 0.5em;
}

.w33-cart__donhang__bang__tb__nd__choose__box:hover {
    border: 0.2em solid rgba(var(--main-color-w), 1);
}

.w33-cart__donhang__bang__tb__nd__choose__checkbox:checked ~ .w33-cart__donhang__bang__tb__nd__choose__tai {
    display: flex;
}

.w33-cart__donhang__bang__tb__nd__choose__checkbox {
    display: none;
}

.w33-cart__donhang__bang__tb__nd__choose__tai {
    display: none;
    position: fixed;
    max-width: 120em;
    width: 90%;
    left: 0;
    right: 0;
    top: 10%;
    margin: 0 auto;
    z-index: 1;
    background-color: white;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.116);
    flex-wrap: wrap;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first {
    padding: 2em;
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__donhang__bang__tb__nd__choose__tai__first {
        width: 100%;
    }
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__name {
    display: block;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    width: fit-content;
    font-size: 1.6em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__file {
    display: none;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__lbl {
    border: 0.2em dashed #999999;
    display: block;
    margin-top: 1em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__lbl__text {
    font-size: 1.4em;
    padding: 1em;
    font-style: italic;
    color: #999999;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__al {
    font-size: 1.4em;
    padding: 1em;
    font-style: italic;
    color: white;
    margin-top: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__area {
    width: 100%;
    height: 20em;
    display: block;
    outline: none;
    border: 0.1em solid #dddddd;
    margin-top: 1em;
    font-size: 1.2em;
    padding: 1em;
    font-size: 1.3em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__text {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 1em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__action {
    margin-top: 1em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__first__action__btn {
    padding: 1em;
    height: fit-content;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    border-radius: 0.2em;
    outline: none;
    border: 1px solid rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w33-cart__donhang__bang__tb__nd__choose__tai__first__action__btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 3em rgba(0, 0, 0, 0.11);
    }

.w33-cart__donhang__bang__tb__nd__choose__tai__first__action__text {
    text-decoration: underline;
    font-size: 1.2em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second {
    width: 50%;
    padding: 2em 1em;
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__donhang__bang__tb__nd__choose__tai__second {
        width: 100%;
    }
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__head {
    display: flex;
    color: rgba(var(--main-color-w), 1);
    align-items: center;
    justify-content: center;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__head__icon {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__head__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__loai {
    align-items: center;
    margin-top: 2em;
    display: flex;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__loai__imgbox {
    background-size: contain;
    background-position: center;
    margin-right: 0.5em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__loai__imgbox__img {
    width: 100%;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__loai__chu {
    text-align: left;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__loai__chu__text {
    line-height: 1.6em;
    font-size: 1.2em;
}

    .w33-cart__donhang__bang__tb__nd__choose__tai__second__loai__chu__text:nth-child(2) {
        margin-top: 0.5em;
        color: rgba(var(--main-color-w), 1);
    }

.w33-cart__donhang__bang__tb__nd__choose__tai__second__more {
    margin-top: 2em;
    display: flex;
    justify-content: center;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__more__icon {
    font-size: 2em;
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.1em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__more__text {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w33-cart__donhang__bang__tb__nd__choose__tai__second__btn {
    padding: 1em;
    width: fit-content;
    font-size: 1.2em;
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    border-radius: 0.2em;
    outline: none;
    border: 1px solid rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
    cursor: pointer;
    transition: all 0.2s ease;
    margin-left: auto;
    display: block;
}

    .w33-cart__donhang__bang__tb__nd__choose__tai__second__btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 3em rgba(0, 0, 0, 0.11);
    }

.w33-cart__donhang__bang__tb__nd__yc {
    display: block;
    width: fit-content;
    margin: 0 auto;
    font-size: 1.3em;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em 2em;
    color: white;
    margin-top: 1em;
    border-radius: 0.3em;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w33-cart__donhang__bang__tb__nd__yc:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w33-cart__donhang__bang__tb__giam {
    display: flex;
    justify-content: center;
}

.w33-cart__donhang__bang__tb__giam__in {
    width: 20em;
    outline: none;
    border: 1px solid #eee;
    padding: 0.7em;
    font-size: 1.2em;
}

.w33-cart__donhang__bang__tb__giam__btn {
    padding: 0.7em 2em;
    font-size: 1.3em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1px solid rgba(var(--main-color-w), 1);
}

    .w33-cart__donhang__bang__tb__giam__btn:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w33-cart__donhang__bang__tb__icon {
    font-size: 2em;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    cursor: pointer;
}

    .w33-cart__donhang__bang__tb__icon:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w33-cart__donhang__thanhtoan__tieude {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 2em;
    display: flex;
    align-items: center;
    width: fit-content;
    margin-left: auto;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w33-cart__donhang__thanhtoan__tieude:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w33-cart__donhang__thanhtoan__tieude__icon {
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w33-cart__donhang__thanhtoan__tieude__text {
    font-size: 1.3em;
}

.w33-cart__donhang__thanhtoan__checkbox {
    display: none;
}

    .w33-cart__donhang__thanhtoan__checkbox:checked ~ .w33-cart__donhang__thanhtoan__popon {
        display: block;
    }

.w33-cart__donhang__thanhtoan__popon {
    display: none;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 120em;
    background-color: white;
    padding: 2em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.1);
}

.w33-cart__donhang__thanhtoan__popon__head {
    display: flex;
    width: 100%;
    border-bottom: 0.1px solid rgba(var(--main-color-w), 1);
    padding-bottom: 1em;
}

.w33-cart__donhang__thanhtoan__popon__head__name {
    font-size: 2.5em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w33-cart__donhang__thanhtoan__popon__head__lbl {
    margin-left: auto;
    font-size: 2.5em;
    cursor: pointer;
}

    .w33-cart__donhang__thanhtoan__popon__head__lbl:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w33-cart__donhang__thanhtoan__popon__des {
    line-height: 1.6em;
    font-size: 1.3em;
    margin-top: 1em;
}

.w33-cart__donhang__thanhtoan__popon__sub {
    line-height: 1.6em;
    font-size: 1.2em;
    margin-top: 0.5em;
    color: crimson;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach {
    margin-top: 1em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon {
    display: flex;
    align-items: center;
    padding: 1em;
    background-color: #eee;
    cursor: pointer;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__radio {
    margin-right: 0.5em;
    height: 1.5em;
    width: 1.5em;
    cursor: pointer;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__text {
    font-size: 1.3em;
    line-height: 1.6em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__tien {
    margin-top: 1em;
    background-color: #eee;
    padding: 2em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__tien__giatri {
    font-weight: 600;
    font-size: 1.8em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__tien__ck {
    display: flex;
    margin-top: 1em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__tien__ck__text {
    font-size: 1.3em;
    line-height: 1.6em;
    padding: 0.5em 0.5em 0.5em 0;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__tien__ck__vl {
    font-size: 1.3em;
    line-height: 1.6em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em;
    font-weight: 600;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__chon__tien__des {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 1em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__nganhang {
    display: flex;
    justify-content: center;
    padding: 1em;
    background-color: #eee;
    margin-top: 1em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__nganhang__taikhoan {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

    .w33-cart__donhang__thanhtoan__popon__the__danhsach__nganhang__taikhoan:not(:last-child) {
        margin-right: 2em;
    }

.w33-cart__donhang__thanhtoan__popon__the__danhsach__nganhang__taikhoan__imgbox {
    background-size: contain;
    background-position: center;
    width: 5em;
    height: 5em;
    margin: 1em;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__nganhang__taikhoan__imgbox__img {
    width: 100%;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__nganhang__taikhoan__nguoi__text {
    font-size: 1.3em;
}

    .w33-cart__donhang__thanhtoan__popon__the__danhsach__nganhang__taikhoan__nguoi__text:not(:last-child) {
        margin-bottom: 0.5em;
    }

.w33-cart__donhang__thanhtoan__popon__the__danhsach__sopt {
    display: flex;
    justify-content: center;
    padding: 1em;
    flex-wrap: wrap;
}

.w33-cart__donhang__thanhtoan__popon__the__danhsach__sopt__text {
    margin: 0.5em;
    font-size: 1.3em;
    border: 1px solid #dddddd;
    padding: 1em 2em;
    border-radius: 0.5em;
    font-weight: 600;
}

.w33-cart__donhang__thanhtoan__des {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 1em;
    text-align: right;
}

.w33-cart__wait {
    border-top: 0.1em solid #eee;
    margin-top: 2em;
}

.w33-cart__wait__name {
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: 1em;
    font-weight: 600;
}

.w33-cart__wait__step {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2em;
    justify-content: center;
}

.w33-cart__wait__step__time {
    width: 14%;
    text-align: center;
    border: 1px solid #eee;
    padding: 1em;
    min-width: 14%;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w33-cart__wait__step__time {
        width: 25%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w33-cart__wait__step__time {
        width: 50%;
    }
}

.w33-cart__wait__step__time__icon {
    display: block;
    color: white;
    font-size: 3em;
    padding: 0.5em;
    border-radius: 0.1em;
    background-color: rgba(var(--main-color-w), 1);
}

.w33-cart__wait__step__time__text {
    display: block;
    font-size: 1em;
    margin-top: 0.5em;
    line-height: 1.6em;
}

.w33-cart__wait__step__time__count {
    display: block;
    font-size: 1em;
    margin-top: 0.5em;
}

.w33-cart__luu {
    margin-top: 2em;
    text-align: center;
}

.w33-cart__luu__name {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.6em;
}

.w33-cart__luu__des {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

/*ed*/
/*w34-abimg*/
.w34-abimg {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w34-abimg__group {
    max-width: 120em;
    margin: 0 auto;
}

.w34-abimg__head {
    font-size: 2em;
    padding: 0.2em 0.4em;
    width: fit-content;
    display: block;
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    border-radius: 0.5em;
    line-height: 1.6em;
    font-weight: bolder;
}

.w34-abimg__container {
    margin-top: 1em;
}

    .w34-abimg__container .gallery-thumbs .swiper-slide-thumb-active {
        position: relative;
        border: 0.1em solid white;
        z-index: 3;
    }

        .w34-abimg__container .gallery-thumbs .swiper-slide-thumb-active::after {
            content: "";
            position: absolute;
            width: 0;
            right: 0;
            transform: translateY(110%);
            left: 0;
            margin: 0 auto;
            z-index: 2;
            border-left: 1.5em solid transparent;
            border-right: 1.5em solid transparent;
            border-top: 1.5em solid rgba(var(--main-color-w), 1);
            bottom: -.2em;
        }

.w34-abimg__container__thumb {
    display: flex;
    height: fit-content;
    overflow: hidden;
    padding-bottom: 2em;
    transform: translateY(2em);
    z-index: 3;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w34-abimg__container__thumb {
        padding-bottom: 3em;
    }
}

.w34-abimg__container__thumb__text {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 1.6em;
    width: 23% !important;
    margin: 1%;
    font-size: 1.4em;
    text-align: center;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w34-abimg__container__thumb__text {
        font-size: 1.2em;
        width: 31.333333333% !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w34-abimg__container__thumb__text {
        font-size: 1.2em;
        width: 48% !important;
    }
}

.w34-abimg__container .swiper-button-next {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    right: -2.5em;
    border: 2px solid rgba(var(--main-color-w), 1);
}

    .w34-abimg__container .swiper-button-next::after {
        display: none;
    }

.w34-abimg__container .swiper-button-next__icon {
    font-size: 3em;
}

.w34-abimg__container .swiper-button-prev {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    left: -2.5em;
    border: 2px solid rgba(var(--main-color-w), 1);
}

    .w34-abimg__container .swiper-button-prev::after {
        display: none;
    }

.w34-abimg__container .swiper-button-prev__icon {
    font-size: 3em;
}

.w34-abimg__container__items {
    background-color: #f1f1f1;
    position: relative;
    overflow: hidden;
    border-radius: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w34-abimg__container__items {
        margin-top: 1em;
    }
}

.w34-abimg__container__items__item {
    display: flex;
    width: calc(100% - 6em) !important;
    padding: 3em;
    flex-wrap: wrap;
}

.w34-abimg__container__items__item__main {
    width: 78%;
    min-width: 78%;
    margin-right: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w34-abimg__container__items__item__main {
        width: 100%;
        margin: 0;
    }
}

.w34-abimg__container__items__item__main__imgbox {
    background-size: cover;
    border-radius: 1em;
    cursor: pointer;
}

.w34-abimg__container__items__item__main__imgbox__img {
    width: 100%;
}

.w34-abimg__container__items__item__main__text {
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: 600;
    text-align: center;
    margin-top: 1em;
}

.w34-abimg__container__items__item__sub {
    width: 20%;
    max-height: 45em;
    overflow: scroll;
}

@media only screen and (max-width: 37.5em) {
    .w34-abimg__container__items__item__sub {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        margin-top: 2em;
    }
}

.w34-abimg__container__items__item__sub__imgbox {
    background-size: contain;
    background-position: center;
    border-radius: 1em;
    cursor: pointer;
}

@media only screen and (min-width: 37.5em) {
    .w34-abimg__container__items__item__sub__imgbox:not(:last-child) {
        margin-bottom: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w34-abimg__container__items__item__sub__imgbox {
        width: 48%;
        margin: 1%;
    }
}

.w34-abimg__container__items__item__sub__imgbox__img {
    width: 100%;
}

/*ed*/
/*w34-grbtn*/
.w34-grbtn {
    display: block;
    position: fixed;
    left: initial;
    right: 0.5em;
    top: 40%;
    z-index: 15;
}

.w34-grbtn__box {
    color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    width: fit-content;
    text-align: center;
    margin: 0.5em 0;
    background-color: white;
    border-radius: .5em;
    cursor: pointer;
}

.w34-grbtn__box__icon {
    padding: 2px;
    height: 1.5em;
    display: flex !important;
    width: 1.5em;
    justify-content: center;
    align-items: center;
    font-size: 3em;
}

.w34-grbtn__box__text {
    display: block;
    font-size: 1em;
    text-align: center;
    max-width: 100%;
    margin: 0 auto;
    width: 4.5em;
    padding: 0.5em;
    display: table-caption;
}

.w34-grbtn__box:hover {
    color: #1e9dcb;
    border: 1px solid #1e9dcb;
}

/*ed*/
/*w34-blogdetail*/
.w34-blogdetail {
    width: 100%;
    background-color: #f1f1f1;
    padding: 1em;
}

.w34-blogdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w34-blogdetail__heading {
    margin-top: 2em;
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w34-blogdetail__heading {
        flex-wrap: wrap;
    }
}

.w34-blogdetail__heading__time {
    text-align: center;
    color: #1e9dcb;
    margin-right: 2em;
}

@media only screen and (max-width: 50em) {
    .w34-blogdetail__heading__time {
        margin-bottom: 1em;
    }
}

.w34-blogdetail__heading__time__date {
    font-size: 2.5em;
    font-weight: 600;
    font-weight: bolder;
    white-space: nowrap;
}

.w34-blogdetail__heading__time__year {
    border-top: 1px solid #1e9dcb;
    font-size: 1.6em;
    margin-top: 0.3em;
    display: block;
    font-weight: 600;
    white-space: nowrap;
    padding-top: 0.3em;
}

.w34-blogdetail__heading__name {
    font-size: 1.6em;
    font-weight: 800;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

.w34-blogdetail__review {
    padding: 2em;
}

.w34-blogdetail__review__first {
    width: 100%;
}

.w34-blogdetail__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w34-blogdetail__review__first__imgbox {
    width: 10em;
    height: 10em;
    min-width: 10em;
    background-size: contain;
    background-position: center;
}

.w34-blogdetail__review__first__imgbox__img {
    width: 100%;
}

.w34-blogdetail__review__first__comment {
    margin-left: 2em;
    border: 0.1em solid #eee;
    padding: 1em;
    border-radius: 0.5em;
}

.w34-blogdetail__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w34-blogdetail__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w34-blogdetail__review__first__comment__head__user__date {
    color: #777;
}

.w34-blogdetail__review__first__comment__star__icon {
    color: #f93;
}

.w34-blogdetail__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w34-blogdetail__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 0.7em;
}

    .w34-blogdetail__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3em;
    }

.w34-blogdetail__review__second__title {
    font-weight: 300;
}

.w34-blogdetail__review__second__textrate {
    margin-top: 2em;
}

.w34-blogdetail__review__second__textreview {
    margin-top: 1em;
}

.w34-blogdetail__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w34-blogdetail__review__second__star {
    display: flex;
    align-items: center;
}

.w34-blogdetail__review__second__star__items {
    margin-left: 1em;
}

.w34-blogdetail__review__second__star__items__icon {
    color: darkgray;
}

.w34-blogdetail__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w34-blogdetail__review__second__textform__name {
    width: 48%;
    display: block;
}

.w34-blogdetail__review__second__textform__name__info {
    font-weight: 300;
}

.w34-blogdetail__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w34-blogdetail__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em 2em;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.2em;
    margin-top: 1em;
}

    .w34-blogdetail__review__second__button:hover {
        filter: brightness(0.8);
    }
/*ed*/
/*w34-form*/
.w34-form {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w34-form__group {
    max-width: 120em;
    margin: 0 auto;
}

.w34-form__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w34-form__items__contact {
    width: 38%;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.205);
    padding: 2em;
    text-align: center;
    border-radius: 2em;
    margin-top: 2%;
    margin-bottom: 2%;
    background-color: #f1f1f1;
}

@media only screen and (max-width: 50em) {
    .w34-form__items__contact {
        width: 100%;
    }
}

.w34-form__items__contact__heading {
    font-weight: bolder;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
    text-align: left;
}

.w34-form__items__contact__form {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    border-radius: 1em;
    margin-top: 1em;
}

.w34-form__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w34-form__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.2em;
}

    .w34-form__items__contact__form__input__text::placeholder {
        color: rgba(var(--main-color-w), 1);
    }

.w34-form__items__contact__form__input__icon {
    color: red;
}

.w34-form__items__contact__form__des {
    color: white;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w34-form__items__contact__form__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1em;
    border-radius: 0.5em;
}

.w34-form__items__contact__form__vung__checkbox {
    display: none;
}

    .w34-form__items__contact__form__vung__checkbox:checked ~ .w34-form__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w34-form__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
}

.w34-form__items__contact__form__vung__ad__name {
    color: white;
}

.w34-form__items__contact__form__vung__ad__icon {
    margin-left: 0.5em;
    color: white;
}

.w34-form__items__contact__form__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w34-form__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w34-form__items__contact__form__vung__items__item {
    font-size: 1.2em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w34-form__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w34-form__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w34-form__items__contact__button {
    padding: .7em 2em;
    display: inline-block;
    font-weight: bolder;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    margin-top: 1em;
    border: none;
    background-color: white;
    border: .1em solid white;
    transition: all .3s ease;
}

    .w34-form__items__contact__button:hover {
        color: white;
        background-color: rgba(var(--main-color-w), 1);
    }

.w34-form__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
    color: white;
}

.w34-form__items__imgbox {
    min-height: 25em;
    width: 60%;
    height: auto;
    display: block;
    background-size: cover;
    border-radius: 1em;
}

@media only screen and (max-width: 50em) {
    .w34-form__items__imgbox {
        width: 100%;
        margin-top: 1em;
    }
}

.w34-form__items__imgbox__img {
    width: 100%;
    height: 100%;
}

/*ed*/
/*w34-ctaregister*/
.w34-ctaregister {
    width: auto;
    position: fixed;
    left: 1em;
    bottom: 1em;
    z-index: 10;
}

.w34-ctaregister__group {
    max-width: 40em;
    width: 100%;
    position: relative;
}

.w34-ctaregister__imgbox {
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 0;
    transform: translateY(-100%);
}

.w34-ctaregister__imgbox__img {
    width: 100%;
}

.w34-ctaregister__contact {
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.201);
    padding: 1em;
    text-align: center;
    border-radius: 2em;
    margin-top: 2%;
    margin-bottom: 2%;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.5em solid white;
}

@media only screen and (max-width: 50em) {
    .w34-ctaregister__contact {
        width: 100%;
    }
}

.w34-ctaregister__contact__heading {
    color: white;
    text-align: left;
    position: relative;
    display: block;
    width: 100%;
    cursor: pointer;
}

.w34-ctaregister__contact__heading__name {
    font-size: 1.8em;
    line-height: 1.6em;
    text-align: center;
    font-weight: bolder;
}

.w34-ctaregister__contact__heading__icon {
    font-size: 1.8em;
    padding: .5em;
    position: absolute !important;
    top: 0;
    right: 0;
    left: initial;
    display: block;
}

.w34-ctaregister__contact__checkbox:checked ~ .w34-ctaregister__contact__form {
    padding: 1em;
    overflow: visible;
    max-height: 100em;
}

.w34-ctaregister__contact__checkbox:checked ~ .w34-ctaregister__contact__heading .w34-ctaregister__contact__heading__icon {
    transform: rotate(180deg);
}

.w34-ctaregister__contact__checkbox {
    display: none;
}

.w34-ctaregister__contact__form {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    border-radius: 1em;
    transition: all .3s ease;
    max-height: 0;
    overflow: hidden;
    padding: 0;
}

.w34-ctaregister__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
}

.w34-ctaregister__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.2em;
}

    .w34-ctaregister__contact__form__input__text::placeholder {
        color: rgba(var(--main-color-w), 1);
    }

.w34-ctaregister__contact__form__input__icon {
    color: red;
}

.w34-ctaregister__contact__form__lich__name {
    color: white;
    font-size: 1.2em;
    display: block;
    margin-top: 1em;
    text-align: left;
}

.w34-ctaregister__contact__form__lich__thoigian {
    margin-top: 0.5em;
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
}

.w34-ctaregister__contact__form__lich__thoigian__in {
    display: block;
    padding: 1em;
    border: 0.15em solid #eee;
    border-radius: 0.8em;
    background-color: white;
    font-size: 1.2em;
    width: 50%;
    cursor: pointer;
}

    .w34-ctaregister__contact__form__lich__thoigian__in:nth-child(2) {
        margin-left: 1%;
    }

.w34-ctaregister__contact__form__des {
    color: white;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w34-ctaregister__contact__form__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1em;
    border-radius: 0.5em;
    background-color: white;
}

.w34-ctaregister__contact__form__vung__checkbox {
    display: none;
}

    .w34-ctaregister__contact__form__vung__checkbox:checked ~ .w34-ctaregister__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w34-ctaregister__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
}

.w34-ctaregister__contact__form__vung__ad__name {
    color: rgba(var(--main-color-w), 1);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.w34-ctaregister__contact__form__vung__ad__icon {
    margin-left: 0.5em;
    color: rgba(var(--main-color-w), 1);
}

.w34-ctaregister__contact__form__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w34-ctaregister__contact__form__vung__items .active {
        font-weight: 800;
    }

.w34-ctaregister__contact__form__vung__items__item {
    font-size: 1.2em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w34-ctaregister__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w34-ctaregister__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w34-ctaregister__contact__button {
    padding: 0.7em 2em;
    display: inline-block;
    font-weight: bolder;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: 2em;
    margin-top: 1em;
    border: none;
    background-color: white;
    border: 0.1em solid white;
    transition: all 0.3s ease;
}

    .w34-ctaregister__contact__button:hover {
        color: white;
        background-color: rgba(var(--main-color-w), 1);
    }

.w34-ctaregister__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
    color: white;
}

/*ed*/
/*w34-service*/
.w34-service {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em 1em;
}

.w34-service__group {
    max-width: 120em;
    margin: 0 auto;
}

.w34-service__head {
    font-size: 2em;
    padding: 0.2em 0.4em;
    width: fit-content;
    display: block;
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    border-radius: 0.5em;
    line-height: 1.6em;
    font-weight: bolder;
}

.w34-service__container {
    margin-top: 1em;
}

    .w34-service__container .gallery-thumbs .swiper-slide-thumb-active {
        position: relative;
        border-top: .1em solid white;
        z-index: 3;
    }

        .w34-service__container .gallery-thumbs .swiper-slide-thumb-active::after {
            content: "";
            position: absolute;
            width: 0;
            right: 0;
            left: 0;
            margin: 0 auto;
            z-index: 2;
            border-left: 1em solid transparent;
            border-right: 1em solid transparent;
            border-top: 1em solid rgba(var(--main-color-w), 1);
            bottom: 0;
        }

.w34-service__container__thumb {
    display: flex;
    overflow: hidden;
}

.w34-service__container__thumb__text {
    color: white;
    font-weight: 600;
    line-height: 1.6em;
    width: 23% !important;
    margin: 1%;
    font-size: 1.4em;
    text-align: center;
    position: relative;
    cursor: pointer;
    padding-bottom: 2em;
}

@media only screen and (max-width: 50em) {
    .w34-service__container__thumb__text {
        font-size: 1.2em;
        width: 31.333333333% !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w34-service__container__thumb__text {
        font-size: 1.2em;
        width: 48% !important;
    }
}

.w34-service__container .swiper-button-next {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    right: -2.5em;
    border: 2px solid rgba(var(--main-color-w), 1);
}

    .w34-service__container .swiper-button-next::after {
        display: none;
    }

.w34-service__container .swiper-button-next__icon {
    font-size: 3em;
}

.w34-service__container .swiper-button-prev {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    left: -2.5em;
    border: 2px solid rgba(var(--main-color-w), 1);
}

    .w34-service__container .swiper-button-prev::after {
        display: none;
    }

.w34-service__container .swiper-button-prev__icon {
    font-size: 3em;
}

.w34-service__container__items {
    background-color: white;
    position: relative;
    overflow: hidden;
    border-radius: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w34-service__container__items {
        margin-top: 1em;
    }
}

.w34-service__container__items__item {
    display: flex;
    align-items: center;
    width: calc(100% - 6em) !important;
    padding: 3em;
    flex-wrap: wrap;
}

.w34-service__container__items__item__info {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w34-service__container__items__item__info {
        width: 100% !important;
        margin-top: 2em;
    }
}

.w34-service__container__items__item__info__text {
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: 1em;
}

.w34-service__container__items__item__info__action {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w34-service__container__items__item__info__action__cta {
    padding: 0.5em 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    border-radius: 0.5em;
    border: 1px solid rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w34-service__container__items__item__info__action__cta:not(:first-child) {
        margin-left: 1%;
    }

    .w34-service__container__items__item__info__action__cta:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w34-service__container__items__item__imgbox {
    width: 50%;
    min-width: 50%;
    background-size: contain;
    background-position: center;
    border-radius: 1em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w34-service__container__items__item__imgbox {
        width: 100% !important;
    }
}

.w34-service__container__items__item__imgbox__img {
    width: 100%;
}

.w34-service__more {
    display: flex;
    align-items: center;
    margin-top: 2em;
    flex-wrap: wrap;
}

.w34-service__more__text {
    font-size: 2em;
    font-weight: 600;
    color: white;
    line-height: 1.6em;
    width: 28%;
    margin-right: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w34-service__more__text {
        width: 100%;
        text-align: center;
        margin-top: 1em;
    }
}

.w34-service__more__count {
    display: flex;
    align-items: center;
    width: 70%;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w34-service__more__count {
        width: 100%;
        justify-content: center;
    }
}

.w34-service__more__count__data {
    width: 31.333333333%;
    margin: 1%;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w34-service__more__count__data {
        width: 100%;
        margin-top: 2em;
    }
}

.w34-service__more__count__data__number {
    font-size: 2.5em;
    background-color: #EDA932;
    line-height: 1.6em;
    font-weight: bolder;
    padding: .3em .5em;
    border-radius: .5em;
    color: white;
}

.w34-service__more__count__data__text {
    margin-top: 1em;
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.6em;
}

/*ed*/
/*w34-testimonial*/
.w34-testimonial {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w34-testimonial__group {
    margin: 0 auto;
    max-width: 120em;
}

.w34-testimonial__heading {
    display: block;
}

.w34-testimonial__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w34-testimonial__heading__imgbox {
    margin: 0 auto;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    display: none;
}

.w34-testimonial__heading__imgbox__img {
    width: 100%;
}

.w34-testimonial__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: none;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w34-testimonial__items {
    width: 100%;
    margin-top: 1em;
}

    .w34-testimonial__items .swiper-wrapper {
        display: flex;
    }

    .w34-testimonial__items .swiper-button-next {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
        border-radius: 50%;
        width: 5em;
        height: 5em;
        right: -1em;
        border: 2px solid rgba(var(--main-color-w), 1);
    }

        .w34-testimonial__items .swiper-button-next::after {
            display: none;
        }

    .w34-testimonial__items .swiper-button-next__icon {
        font-size: 3em;
    }

    .w34-testimonial__items .swiper-button-prev {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
        border-radius: 50%;
        width: 5em;
        height: 5em;
        left: -1em;
        border: 2px solid rgba(var(--main-color-w), 1);
    }

        .w34-testimonial__items .swiper-button-prev::after {
            display: none;
        }

    .w34-testimonial__items .swiper-button-prev__icon {
        font-size: 3em;
    }

    .w34-testimonial__items .gallery-thumbs {
        overflow: hidden;
    }

        .w34-testimonial__items .gallery-thumbs .swiper-slide-thumb-active {
            position: relative;
            border: 0.1em solid white;
            z-index: 3;
        }

            .w34-testimonial__items .gallery-thumbs .swiper-slide-thumb-active::after {
                content: "";
                position: absolute;
                width: 0;
                right: 0;
                transform: translateY(110%);
                left: 0;
                margin: 0 auto;
                z-index: 2;
                border-left: 1em solid transparent;
                border-right: 1em solid transparent;
                border-top: 1em solid rgba(var(--main-color-w), 1);
                bottom: 0;
            }

.w34-testimonial__items__item {
    cursor: pointer;
    width: 19% !important;
    margin: .5%;
}

@media only screen and (max-width: 50em) {
    .w34-testimonial__items__item {
        width: 49% !important;
    }
}

.w34-testimonial__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    margin: 0.5em;
}

.w34-testimonial__items__item__imgbox__img {
    width: 100%;
}

.w34-testimonial__items__item__name {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 0.5em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w34-testimonial__items__item__des {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 0.5em;
}

.w34-testimonial__items__phanhoi {
    width: 100%;
    margin-top: 1em;
    overflow: hidden;
}

.w34-testimonial__items__phanhoi__text {
    color: rgba(var(--main-color-w), 1);
    display: block;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.6em;
    width: 100% !important;
    text-align: center;
}

/*ed*/
/*w34-testimonial-1*/
.w34-testimonial-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f1f1;
}

.w34-testimonial-1__group {
    margin: 0 auto;
    max-width: 120em;
}

.w34-testimonial-1__heading {
    display: block;
}

.w34-testimonial-1__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w34-testimonial-1__heading__imgbox {
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    display: none;
}

.w34-testimonial-1__heading__imgbox__img {
    width: 100%;
}

.w34-testimonial-1__heading__des {
    text-align: center;
    width: fit-content;
    display: none;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w34-testimonial-1__container .swiper-button-next {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    right: -1em;
    border: 2px solid rgba(var(--main-color-w), 1);
}

    .w34-testimonial-1__container .swiper-button-next::after {
        display: none;
    }

.w34-testimonial-1__container .swiper-button-next__icon {
    font-size: 3em;
}

.w34-testimonial-1__container .swiper-button-prev {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: 50%;
    width: 5em;
    height: 5em;
    left: -1em;
    border: 2px solid rgba(var(--main-color-w), 1);
}

    .w34-testimonial-1__container .swiper-button-prev::after {
        display: none;
    }

.w34-testimonial-1__container .swiper-button-prev__icon {
    font-size: 3em;
}

.w34-testimonial-1__container .gallery-thumbs {
    overflow: hidden;
}

.w34-testimonial-1__container__items {
    width: 100% !important;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    background-color: white;
    border-radius: 2em;
}

    .w34-testimonial-1__container__items .gallery-thumbs .swiper-slide-thumb-active {
        position: relative;
        border: 0.1em solid white;
        z-index: 3;
    }

        .w34-testimonial-1__container__items .gallery-thumbs .swiper-slide-thumb-active::after {
            content: "";
            position: absolute;
            width: 0;
            right: 0;
            transform: translateY(110%);
            left: 0;
            margin: 0 auto;
            z-index: 2;
            border-left: 1em solid transparent;
            border-right: 1em solid transparent;
            border-top: 1em solid rgba(var(--main-color-w), 1);
            bottom: 0;
        }

.w34-testimonial-1__container__items__item {
    cursor: pointer;
    width: 24.25%;
    position: relative;
}

    .w34-testimonial-1__container__items__item:not(:first-child) {
        margin-left: 1%;
    }

    .w34-testimonial-1__container__items__item:nth-child(5n) {
        margin-left: 0;
    }

@media only screen and (max-width: 50em) {
    .w34-testimonial-1__container__items__item {
        width: 49.5%;
    }

        .w34-testimonial-1__container__items__item:nth-child(odd) {
            margin-left: 0;
        }
}

.w34-testimonial-1__container__items__item:hover .w34-testimonial-1__container__items__item__name {
    display: flex;
}

.w34-testimonial-1__container__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    margin: 0.5em;
}

.w34-testimonial-1__container__items__item__imgbox__img {
    width: 100%;
}

@media only screen and (min-width: 50em) {
    .w34-testimonial-1__container__items__item:nth-child(4n - 1) .w34-testimonial-1__container__items__item__name {
        left: initial;
        right: 100%;
    }

        .w34-testimonial-1__container__items__item:nth-child(4n - 1) .w34-testimonial-1__container__items__item__name::after {
            left: initial;
            right: 0;
            transform: translateX(100%) translateY(-50%) rotate(180deg);
        }
}

@media only screen and (min-width: 50em) {
    .w34-testimonial-1__container__items__item:nth-child(4n) .w34-testimonial-1__container__items__item__name {
        left: initial;
        right: 100%;
    }

        .w34-testimonial-1__container__items__item:nth-child(4n) .w34-testimonial-1__container__items__item__name::after {
            left: initial;
            right: 0;
            transform: translateX(100%) translateY(-50%) rotate(180deg);
        }
}

@media only screen and (max-width: 50em) {
    .w34-testimonial-1__container__items__item:nth-child(odd) .w34-testimonial-1__container__items__item__name {
        right: 0;
        left: 0;
        top: 100%;
        width: calc(200% - 3em);
    }

        .w34-testimonial-1__container__items__item:nth-child(odd) .w34-testimonial-1__container__items__item__name::after {
            left: 20%;
            transform: translateY(-75%) rotate(90deg);
            top: 0;
            margin: initial;
        }
}

@media only screen and (max-width: 50em) {
    .w34-testimonial-1__container__items__item:nth-child(even) .w34-testimonial-1__container__items__item__name {
        right: 0;
        left: -100%;
        top: 100%;
        width: calc(200% - 3em);
    }

        .w34-testimonial-1__container__items__item:nth-child(even) .w34-testimonial-1__container__items__item__name::after {
            right: 20%;
            left: initial;
            transform: translateY(-75%) rotate(90deg);
            top: 0;
            margin: initial;
        }
}

@media only screen and (max-width: 50em) {
    .w34-testimonial-1__container__items__item:nth-last-child(-n + 2) .w34-testimonial-1__container__items__item__name {
        right: -100%;
        left: initial;
        top: -100%;
        width: calc(200% - 3em);
    }

        .w34-testimonial-1__container__items__item:nth-last-child(-n + 2) .w34-testimonial-1__container__items__item__name::after {
            right: initial;
            left: 20%;
            transform: translateY(75%) rotate(-90deg);
            top: initial;
            bottom: 0;
            margin: initial;
        }
}

@media only screen and (max-width: 50em) {
    .w34-testimonial-1__container__items__item:nth-last-child(-n + 1) .w34-testimonial-1__container__items__item__name {
        right: 0;
        left: -100%;
        top: -100%;
        width: calc(200% - 3em);
    }

        .w34-testimonial-1__container__items__item:nth-last-child(-n + 1) .w34-testimonial-1__container__items__item__name::after {
            right: 20%;
            left: initial;
            transform: translateY(75%) rotate(-90deg);
            top: initial;
            bottom: 0;
            margin: initial;
        }
}

.w34-testimonial-1__container__items__item__name {
    position: absolute;
    border: 0.1em solid white;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    width: 200%;
    left: 100%;
    height: 92%;
    padding: 1em;
    border-radius: 2em;
    background-color: rgba(220, 20, 60, 0.8);
    z-index: 1;
}

.w34-testimonial-1__container__items__item__name__text {
    font-size: 1.5em;
    text-align: center;
    font-weight: 600;
    color: white;
    z-index: 1;
    position: relative;
    line-height: 1.6em;
}

.w34-testimonial-1__container__items__item__name::after {
    content: "";
    position: absolute;
    width: 0;
    transform: translateX(-100%) translateY(-50%);
    left: 0;
    top: 50%;
    margin: 0 auto;
    z-index: 2;
    border-top: 2em solid transparent;
    border-bottom: 2em solid transparent;
    border-right: 2em solid rgba(220, 20, 60, 0.8);
}

/*ed*/
/*w35-menu*/
.w35-menu {
    width: 100%;
}

.w35-menu__checkbox {
    display: none;
}

.w35-menu__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w35-menu__imgbox {
    height: 7em;
    max-width: 15em;
    background-size: contain;
    background-position: center;
    position: absolute;
    left: 0;
    z-index: 1;
    top: 3em;
    cursor: pointer;
}

.w35-menu__imgbox__img {
    width: 100%;
}

.w35-menu__btn {
    background-color: white;
    height: 7em;
    width: 7em;
    position: fixed;
    top: 3em;
    right: 3em;
    border-radius: 50%;
    z-index: 17;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.1);
    text-align: center;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w35-menu__bg {
    height: 6em;
    width: 6em;
    border-radius: 50%;
    position: fixed;
    top: 3.5em;
    right: 3.5em;
    background-image: linear-gradient(#FC69FF, #6e06ff);
    z-index: 10;
    transition: transform .5s ease;
    opacity: 0.9;
}

.w35-menu__container {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 15;
    opacity: 0;
    width: 0;
    transition: all .8s ease;
}

.w35-menu__container__list {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    list-style: none;
    max-width: 120em;
    width: fit-content;
}

@media only screen and (max-width: 50em) {
    .w35-menu__container__list {
        top: 40%;
    }
}

.w35-menu__container__list__item {
    margin: 1em;
}

.w35-menu__container__list__item__link {
    font-size: 3em;
    padding: 1em 2em;
    color: white;
    text-decoration: none;
    text-transform: uppercase;
    background-image: linear-gradient(120deg, transparent 0%, transparent 50%, var(--main-color-w) 50%);
    background-size: 250%;
    transition: all .4s ease;
    display: inline-block;
}

@media only screen and (max-width: 50em) {
    .w35-menu__container__list__item__link {
        font-size: 1.6em;
    }
}

.w35-menu__container__list__item__link:hover, .w35-menu__container__list__item__link:active {
    transform: translateX(2em);
    background-position: 100%;
    color: white;
    font-weight: bolder;
}

.w35-menu__container__list__item__link__number {
    margin-right: 1.5em;
    display: inline-block;
    font-weight: 600;
}

.w35-menu__checkbox:checked ~ .w35-menu__bg {
    transform: scale(90);
}

.w35-menu__checkbox:checked ~ .w35-menu__container {
    opacity: 1;
    width: 100%;
}

.w35-menu__icon {
    background-color: black;
}

    .w35-menu__icon::before, .w35-menu__icon::after {
        background-color: black;
    }

/*ed*/
/*w35-ads*/
.w35-ads {
    padding: 2em;
    width: 100%;
}

.w35-ads__group {
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    max-width: 120em;
}

.w35-ads__items {
    width: 31.33333333333%;
    margin: 1%;
}

@media only screen and (max-width: 50em) {
    .w35-ads__items {
        width: 46%;
        margin: 2%;
    }
}

.w35-ads__items__name {
    margin: 0 auto;
    font-size: 2em;
    line-height: 1.5em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    display: block;
    width: fit-content;
    text-align: center;
}

.w35-ads__items__line {
    margin: 0 auto;
    margin-top: 1em;
    height: .2em;
    width: 20%;
    display: block;
    background-color: black;
}

.w35-ads__items__des {
    margin: 0 auto;
    font-size: 1.3em;
    line-height: 1.5em;
    margin-top: .5em;
    display: block;
    width: fit-content;
    text-align: center;
}

/*ed*/
/*w35-banner*/
.w35-banner {
    width: 100%;
    padding: 10em 0;
    background-image: url(/img/w35/banner-home.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.w35-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: center;
}

.w35-banner__imgbox {
    width: 30%;
    margin: 1%;
    background-size: contain;
    background-position: center;
    transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
    z-index: 1;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w35-banner__imgbox {
        width: 70%;
        margin: 0 auto;
    }
}

.w35-banner__imgbox__img {
    width: 100%;
}

.w35-banner__imgbox:hover {
    transform: scale(1.2);
}

.w35-banner__line {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w35-banner__line--1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
    display: block;
    position: relative;
    margin-right: 3em;
}

    .w35-banner__line--1::after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        right: 0;
        bottom: 0;
        transform: translateX(98%);
        border-right: 3em solid transparent;
        border-left: 0 solid transparent;
        border-bottom: 3em solid rgba(var(--main-color-w), 1);
    }

.w35-banner__line--2 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
    display: block;
    position: relative;
    margin-left: 3em;
    z-index: 0;
}

    .w35-banner__line--2::after {
        content: "";
        position: absolute;
        height: 0;
        width: 0;
        left: 0;
        transform: translateX(-98%);
        bottom: 0;
        border-left: 3em solid transparent;
        border-right: 0 solid transparent;
        border-bottom: 3em solid rgba(var(--main-color-w), 1);
    }

/*ed*/

/*w35-service*/
.w35-service {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w35-service__heading {
    display: block;
}

.w35-service__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
}

.w35-service__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w35-service__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
}

.w35-service__heading__imgbox__img {
    width: 100%;
}

.w35-service__group {
    margin: 0 auto;
    max-width: 120em;
}

.w35-service__container {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
}

.w35-service__container__first {
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 62.5em) {
    .w35-service__container__first {
        width: 100%;
    }
}

.w35-service__container__first__imgbox {
    height: 100%;
    transition: all 0.2s ease-in;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.w35-service__container__first__imgbox__img {
    width: 100%;
}

.w35-service__container__first__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: 400% 400%;
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 0;
    background: linear-gradient(-120deg, #1c0cff, #ff6bff, #1c0cff, #ff6bff);
}

.w35-service__container__first:hover .w35-service__container__first__bg {
    opacity: 0.8;
}

.w35-service__container__first__content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
}

.w35-service__container__first__content__main {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 2em;
    display: block;
    z-index: 1;
    color: #FFC627;
    position: relative;
    top: -100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-service__container__first__content__main {
        font-size: 1.2em;
    }
}

.w35-service__container__first__content__line {
    height: .2em;
    width: 5em;
    background-color: white;
    margin-top: 2em;
    position: relative;
    left: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

.w35-service__container__first__content__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.8em;
    z-index: 1;
    color: white;
    position: relative;
    top: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-service__container__first__content__sub {
        font-size: 1em;
    }
}

.w35-service__container__first__content:hover .w35-service__container__first__content__sub {
    top: 0;
}

.w35-service__container__first__content:hover .w35-service__container__first__content__line {
    left: 0;
}

.w35-service__container__first__content:hover .w35-service__container__first__content__main {
    top: 0;
}

.w35-service__container__second {
    width: 50%;
}

@media only screen and (max-width: 62.5em) {
    .w35-service__container__second {
        width: 100%;
    }
}

.w35-service__container__second__top {
    display: flex;
    width: 100%;
}

.w35-service__container__second__top__items {
    position: relative;
    overflow: hidden;
}

.w35-service__container__second__top__items__imgbox {
    height: 100%;
    transition: all 0.2s ease-in;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.w35-service__container__second__top__items__imgbox__img {
    width: 100%;
}

.w35-service__container__second__top__items__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: 400% 400%;
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 0;
    background: linear-gradient(-120deg, #1c0cff, #ff6bff, #1c0cff, #ff6bff);
}

.w35-service__container__second__top__items:hover .w35-service__container__second__top__items__bg {
    opacity: 0.8;
}

.w35-service__container__second__top__items__content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 1em;
    text-align: center;
}

.w35-service__container__second__top__items__content__main {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 2em;
    display: block;
    z-index: 1;
    color: #FFC627;
    position: relative;
    top: -100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-service__container__second__top__items__content__main {
        font-size: 1.2em;
    }
}

.w35-service__container__second__top__items__content__line {
    height: .2em;
    width: 5em;
    background-color: white;
    margin-top: 2em;
    position: relative;
    left: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

.w35-service__container__second__top__items__content__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.8em;
    z-index: 1;
    color: white;
    position: relative;
    top: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-service__container__second__top__items__content__sub {
        font-size: 1em;
    }
}

.w35-service__container__second__top__items__content:hover .w35-service__container__second__top__items__content__sub {
    top: 0;
}

.w35-service__container__second__top__items__content:hover .w35-service__container__second__top__items__content__line {
    left: 0;
}

.w35-service__container__second__top__items__content:hover .w35-service__container__second__top__items__content__main {
    top: 0;
}

.w35-service__container__second__bot__items {
    position: relative;
    overflow: hidden;
}

.w35-service__container__second__bot__items__imgbox {
    height: 100%;
    transition: all 0.2s ease-in;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.w35-service__container__second__bot__items__imgbox__img {
    width: 100%;
}

.w35-service__container__second__bot__items__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: 400% 400%;
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 0;
    background: linear-gradient(-120deg, #1c0cff, #ff6bff, #1c0cff, #ff6bff);
}

.w35-service__container__second__bot__items:hover .w35-service__container__second__bot__items__bg {
    opacity: 0.8;
}

.w35-service__container__second__bot__items__content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 2;
    padding: 1em;
    text-align: center;
}

.w35-service__container__second__bot__items__content__main {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 2em;
    display: block;
    z-index: 1;
    color: #FFC627;
    position: relative;
    top: -100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-service__container__second__bot__items__content__main {
        font-size: 1.2em;
    }
}

.w35-service__container__second__bot__items__content__line {
    height: .2em;
    width: 5em;
    background-color: white;
    margin-top: 2em;
    position: relative;
    left: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

.w35-service__container__second__bot__items__content__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.8em;
    z-index: 1;
    color: white;
    position: relative;
    top: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-service__container__second__bot__items__content__sub {
        font-size: 1em;
    }
}

.w35-service__container__second__bot__items__content:hover .w35-service__container__second__bot__items__content__sub {
    top: 0;
}

.w35-service__container__second__bot__items__content:hover .w35-service__container__second__bot__items__content__line {
    left: 0;
}

.w35-service__container__second__bot__items__content:hover .w35-service__container__second__bot__items__content__main {
    top: 0;
}

/*w35-abimg*/
.w35-abimg {
    width: 100%;
    padding: 2em 0.5em;
    background-color: white;
}

.w35-abimg__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w35-abimg__heading {
    display: block;
}

.w35-abimg__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
}

.w35-abimg__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w35-abimg__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w35-abimg__heading__imgbox__img {
    width: 100%;
}

.w35-abimg__items {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1%;
}

.w35-abimg__items__item {
    width: 32%;
    margin-right: 1%;
    margin-top: 1em;
    position: relative;
    cursor: pointer;
}

.w35-abimg__items__item__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
}

@media only screen and (max-width: 50em) {
    .w35-abimg__items__item__imgbox {
        width: 49%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w35-abimg__items__item__imgbox {
        width: 99%;
    }
}

.w35-abimg__items__item__imgbox__img {
    width: 100%;
}

.w35-abimg__items__item__imgbox__des {
    display: none;
    position: absolute;
    width: 90%;
    bottom: 2em;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.w35-abimg__items__item__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4em;
}

.w35-abimg__items__item__imgbox__des__sub {
    margin-top: 0.5em;
    font-weight: 300;
    font-size: 1.4em;
}

.w35-abimg__items__item__imgbox:hover {
    filter: brightness(1.1);
}

.w35-abimg__items__item__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    background-size: 400% 400%;
    transition: all 0.2s cubic-bezier(0.445, 0.05, 0.55, 0.95);
    opacity: 0;
    background: linear-gradient(-120deg, #1c0cff, #ff6bff, #1c0cff, #ff6bff);
}

.w35-abimg__items__item:hover .w35-abimg__items__item__bg {
    opacity: 0.8;
}

.w35-abimg__items__item__content {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    top: 0;
    left: 0;
    z-index: 2;
    overflow: hidden;
}

.w35-abimg__items__item__content__main {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 2em;
    display: block;
    z-index: 1;
    color: #FFC627;
    position: relative;
    top: -100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-abimg__items__item__content__main {
        font-size: 1.2em;
    }
}

.w35-abimg__items__item__content__line {
    height: .2em;
    width: 5em;
    background-color: white;
    margin-top: 2em;
    position: relative;
    left: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

.w35-abimg__items__item__content__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.8em;
    z-index: 1;
    color: white;
    text-align: center;
    position: relative;
    top: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5em) {
    .w35-abimg__items__item__content__sub {
        font-size: 1em;
    }
}

.w35-abimg__items__item__content:hover .w35-abimg__items__item__content__sub {
    top: 0;
}

.w35-abimg__items__item__content:hover .w35-abimg__items__item__content__line {
    left: 0;
}

.w35-abimg__items__item__content:hover .w35-abimg__items__item__content__main {
    top: 0;
}

.w35-abimg__info {
    margin-top: 2em;
    text-align: center;
}

.w35-abimg__info__text {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: center;
}

    .w35-abimg__info__text::after {
        content: "";
        width: 2em;
        height: 0.05em;
        background-color: currentColor;
        position: relative;
        display: block;
        margin: 1em auto;
    }

    .w35-abimg__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all 0.2s;
    }

.w35-abimg__info__link {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 1em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w35-abimg__info__link:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-pricing*/
.w36-pricing {
    width: 100%;
    padding: 2em 0;
    background: linear-gradient(90deg, #F3E208 0%, #3DAA54 32.4%, #29A77E 67.3%, #2BA9E0 100%);
    position: relative;
}

.w36-pricing__group {
    max-width: 120em;
    margin: 0 auto;
}

.w36-pricing__heading {
    text-align: center;
    display: block;
    padding: 1em;
    z-index: 30;
}

.w36-pricing__heading__name {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
    color: white;
}

.w36-pricing__heading__des {
    color: white;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-top: .5em;
    display: block;
}

.w36-pricing__bg {
    position: absolute;
    height: 40em;
    width: 40em;
    max-width: 90%;
    left: 0;
    bottom: 0;
    background-position: bottom;
    background-size: contain;
    background-position: center;
    z-index: 0;
    display: block;
}

.w36-pricing__container {
    display: flex;
    position: relative;
    padding: 0 1em;
    flex-wrap: wrap;
}

.w36-pricing__container__tab {
    margin-top: 1em;
    width: 20%;
}

@media only screen and (max-width: 62.5em) {
    .w36-pricing__container__tab {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}

.w36-pricing__container__tab__text {
    padding: 1em 2em;
    font-size: 1.8em;
    color: black;
    background: #fff;
    cursor: pointer;
}

@media only screen and (max-width: 62.5em) {
    .w36-pricing__container__tab__text {
        width: 50%;
        height: fit-content;
    }
}

.w36-pricing__container__tab__text:not(:last-child) {
    margin-bottom: .5em;
}

.w36-pricing__container__tab__text:hover {
    background: linear-gradient(270deg, #F3E208 1.63%, #3DAA54 80.35%, #29A77E 165.12%, #2BA9E0 244.57%);
    color: white;
}

.w36-pricing__container__tab .active {
    color: white;
    font-weight: 600;
    background: linear-gradient(270deg, #F3E208 1.63%, #3DAA54 80.35%, #29A77E 165.12%, #2BA9E0 244.57%);
}

.w36-pricing__container__content {
    width: 80%;
    display: block;
}

@media only screen and (max-width: 62.5em) {
    .w36-pricing__container__content {
        width: 100%;
    }
}

/*ed*/
/*w36-article*/
.w36-article {
    width: 100%;
    background: linear-gradient(90deg, #F3E208 0%, #3DAA54 32.4%, #29A77E 67.3%, #2BA9E0 100%);
    padding: 2em 0;
    position: relative;
}

.w36-article__group {
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.105);
    background-color: white;
    background-color: #083454;
    margin-left: calc((100% - 120em)/2);
}

@media only screen and (max-width: 75em) {
    .w36-article__group {
        margin-left: 0;
    }
}

.w36-article__bg {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: left;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 75em) {
    .w36-article__bg {
        width: 100%;
        height: 100%;
    }
}

.w36-article__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w36-article__content {
        padding: 1em;
    }
}

.w36-article__content .swiper-pagination {
    position: relative;
    margin-top: 1em;
    display: block;
}

.w36-article__content .swiper-pagination-bullet {
    margin: 1em !important;
}

.w36-article__content .swiper-pagination-bullet-active {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w36-article__content__items {
    width: 100%;
    padding: 2em;
}

.w36-article__content__items__heading {
    display: flex;
    padding: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w36-article__content__items__heading__tieude {
        width: 100%;
    }
}

.w36-article__content__items__heading__tieude__title {
    font-size: 2em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin-bottom: 0.5em;
    color: white;
    line-height: 1.6em;
}

.w36-article__content__items__heading__tieude__des {
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 2.5em;
    line-height: 1.6em;
    font-weight: bolder;
    color: #a5c53b;
}

.w36-article__content__items__heading__tieude__imgbox {
    width: fit-content;
    max-width: 100%;
    display: block;
    margin-top: .5em;
    margin-bottom: .5em;
    background-size: contain;
    background-position: center;
    display: none;
}

.w36-article__content__items__heading__tieude__imgbox__img {
    width: 100%;
}

.w36-article__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w36-article__content__items__heading__more {
        margin-top: 1em;
    }
}

.w36-article__content__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}

.w36-article__content__items__heading__more__link__text {
    font-size: 1.2em;
    color: white;
}

.w36-article__content__items__heading__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
    color: white;
}

.w36-article__content__items__heading__more__nav {
    width: 7em;
    margin-right: 1em;
    margin-top: 1em;
    position: relative;
}

    .w36-article__content__items__heading__more__nav .swiper-button-next {
        right: 0;
        height: auto;
    }

        .w36-article__content__items__heading__more__nav .swiper-button-next::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            background-color: #a5c53b;
            color: white;
            border-radius: .2em;
        }

    .w36-article__content__items__heading__more__nav .swiper-button-prev {
        left: 0;
        height: auto;
    }

        .w36-article__content__items__heading__more__nav .swiper-button-prev::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            background-color: #a5c53b;
            color: white;
            border-radius: .2em;
        }

.w36-article__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
}

.w36-article__content__items__item__noidung {
    width: 31.3333333333333333333333333% !important;
    margin: 1%;
    cursor: pointer;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w36-article__content__items__item__noidung {
        width: 48% !important;
    }
}

.w36-article__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    position: relative;
}

.w36-article__content__items__item__noidung__imgbox__bg {
    position: absolute;
    width: 5em;
    height: 5em;
    right: -1em;
    top: -1em;
    border-top: 1em solid #F8CC52;
    border-right: 1em solid #F8CC52;
}

.w36-article__content__items__item__noidung__imgbox__bg1 {
    position: absolute;
    width: 5em;
    height: 5em;
    left: -1em;
    top: -1em;
    border-top: 1em solid #F8CC52;
    border-left: 1em solid #F8CC52;
}

.w36-article__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w36-article__content__items__item__noidung__text {
    display: block;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    width: 100%;
    text-align: center;
    color: #a5c53b;
    font-weight: 600;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w36-article__content__items__item__noidung__des {
    color: white;
    font-size: 1.2em;
    line-height: 1.6em;
    display: block;
    margin-top: .5em;
}

.w36-article__content__items__item__noidung__line {
    background: linear-gradient(90deg, #F3E208 0%, #3DAA54 32.4%, #29A77E 67.3%, #2BA9E0 100%);
    padding-bottom: .1em;
    margin-top: 2em;
    display: block;
    width: 100%;
}

.w36-article__content__items__item__noidung:hover .w36-article__content__items__item__noidung__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

/*ed*/
/*w36-banner*/
.w36-banner {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    display: block;
    padding: 10em 1em 3em 1em;
    color: var(--text-color-w);
    background-color: #fff;
    z-index: 2;
    position: relative;
}

.w36-banner__group {
    max-width: 120em;
    margin: 0 auto;
    display: block;
    bottom: -15em;
    position: relative;
}

.w36-banner__heading {
    display: block;
}

.w36-banner__heading__title {
    text-align: center;
    font-size: 4em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__heading__title {
        font-size: 2EM;
    }
}

.w36-banner__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    font-weight: 600;
    color: white;
}

.w36-banner__search {
    margin: 2em auto 0 auto;
    text-align: center;
    position: relative;
    top: initial;
}

.w36-banner__search__checkbox {
    display: none;
}

    .w36-banner__search__checkbox:checked ~ .w36-banner__search__ad {
        top: 3em;
        visibility: visible;
        opacity: 1;
        max-height: 100em;
    }

.w36-banner__search__stand {
    border-radius: 0.5em;
    background-color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
    text-align: left;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__stand {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w36-banner__search__stand__items {
    width: 30%;
    margin-bottom: 1em;
    margin-top: 1em;
    list-style: none;
    border-radius: 0.3em;
    display: flex;
    align-items: center;
    margin-right: 1em;
    position: relative;
}

    .w36-banner__search__stand__items:first-child {
        margin-left: 2em;
    }

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__stand__items:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w36-banner__search__stand__items {
        width: 90%;
        margin-top: 1em;
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__stand__items {
        width: 90%;
        margin-right: 0;
    }
}

.w36-banner__search__stand__items__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 0em;
    margin-left: 1em;
}

.w36-banner__search__stand__items__input {
    border: none;
    outline: none;
    width: 100%;
    margin: 0.7em;
    font-size: 1.4em;
}

.w36-banner__search__stand__items__item {
    width: 100%;
}

.w36-banner__search__stand__items__item__checkbox-sl {
    display: none;
}

.w36-banner__search__stand__items__item__dong {
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
}

.w36-banner__search__stand__items__item__dong__hang {
    display: flex;
    align-items: center;
}

.w36-banner__search__stand__items__item__dong__hang__text {
    font-size: 1.3em;
    margin-right: 0.5em;
    width: 100%;
    white-space: nowrap;
    display: block;
    color: #464646;
}

.w36-banner__search__stand__items__item__dong__hang__icon {
    font-size: 2.5em;
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (min-width: 37.5em) {
    .w36-banner__search__stand__items__item__dong__hang__icon {
        display: none !important;
    }
}

.w36-banner__search__stand__items__item__dong__des {
    font-weight: 600;
    font-size: 1.4em;
    margin-top: 0.5em;
    display: block;
}

.w36-banner__search__stand__items__item__dong__icon {
    margin-left: auto;
    float: right;
    font-size: 1.3em;
    margin-right: 0.5em;
    color: #464646;
}

.w36-banner__search__stand__items__item__checkbox-sl:checked ~ .w36-banner__search__stand__items-1 {
    display: block;
    z-index: 2;
}

.w36-banner__search__stand__items-1 {
    list-style: none;
    position: absolute;
    display: none;
    width: 100%;
    left: -.5em;
    top: 5em;
    background-color: transparent;
    overflow: hidden;
    background-color: white;
    border: 0.1em solid #eee;
    border-radius: 0.2em;
    padding: 1em;
}

.w36-banner__search__stand__items-1--range {
    padding: 2em;
}

@media only screen and (min-width: 37.5em) {
    .w36-banner__search__stand__items-1--range {
        width: 35em;
    }
}

.w36-banner__search__stand__items-1__in {
    padding: 0.7em;
    font-size: 1.2em;
    border: 1px solid #a3a3a3;
    outline: none;
    width: 100%;
}

.w36-banner__search__stand__items-1__contain {
    overflow-y: scroll;
    max-height: 50em;
    margin-top: 1em;
}

.w36-banner__search__stand__items-1__contain__item {
    cursor: pointer;
    padding: 1em;
    width: 100%;
}

    .w36-banner__search__stand__items-1__contain__item:hover {
        background-color: #eee;
    }

.w36-banner__search__stand__items-1__contain__item__text {
    font-size: 1.2em;
    margin-right: 0.5em;
    white-space: nowrap;
}

.w36-banner__search__stand__items-1__contain__item__text-active {
    font-weight: 700;
}

.w36-banner__search__stand__items-1__price .ui-widget-header {
    background: #9f9f9f;
}

.w36-banner__search__stand__items-1__price .ui-slider-handle {
    border-radius: 50%;
    border: 4px solid #9f9f9f;
    cursor: pointer;
    width: 2.5em;
    height: 2.5em;
    top: -1em;
    background-color: #9f9f9f;
    cursor: pointer;
    outline: none;
}

    .w36-banner__search__stand__items-1__price .ui-slider-handle::after {
        content: "";
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        background-image: url(/img/w36/ion_icon.svg);
        background-size: contain;
    }

    .w36-banner__search__stand__items-1__price .ui-slider-handle:hover {
        background-color: #c4842a;
        border-color: #c4842a;
    }

.w36-banner__search__stand__items-1__price .ui-state-active {
    background-color: #c4842a;
    border-color: #c4842a;
}

.w36-banner__search__stand__items-1__price .ui-widget.ui-widget-content {
    border: none !important;
    background-color: #9f9f9f;
    width: 90%;
    margin: 0 auto;
    left: -2%;
    top: 1em;
}

.w36-banner__search__stand__items-1__price__filter {
    height: 0.3em !important;
}

.w36-banner__search__stand__items-1__price__text {
    font-size: 1.4em;
    line-height: 1.6em;
    font-weight: 600;
    margin-bottom: 1em;
    display: block;
    margin-left: 0.2em;
}

.w36-banner__search__stand__items-1__price__val {
    margin: 0 auto;
    margin-top: 3em;
    align-items: center;
    position: relative;
    display: flex;
    justify-content: center;
    width: 90%;
}

.w36-banner__search__stand__items-1__price__val__text {
    font-size: 1.6em;
    font-weight: 300;
    margin-left: 0.3em;
}

.w36-banner__search__stand__items-1__price__val__filter__field {
    background-color: white;
    font-size: 1.6em;
    outline: none;
    border: none;
    left: 0;
    top: 0;
    position: absolute;
    width: fit-content;
    margin-left: -4%;
}

    .w36-banner__search__stand__items-1__price__val__filter__field:nth-child(4) {
        left: 100%;
        margin-left: -7%;
    }

.w36-banner__search__stand__items-1__price__val__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em 2em;
    font-size: 1.2em;
    font-weight: 600;
    border: none;
    border-radius: 0.3em;
    margin-right: 0.5em;
    margin-top: 2em;
    outline: none;
    cursor: pointer;
    color: white;
    width: 50%;
}

    .w36-banner__search__stand__items-1__price__val__button:nth-child(1) {
        background-color: white;
        color: #9f9f9f;
    }

    .w36-banner__search__stand__items-1__price__val__button:hover {
        filter: brightness(80%);
    }

.w36-banner__search__stand__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    margin-left: 1em;
    transition: all 0.2s;
    display: flex;
    align-items: center;
    border-radius: .5em;
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__stand__button {
        width: 100%;
        text-align: center;
        margin-left: 0;
    }
}

.w36-banner__search__stand__button__icon {
    font-size: 1.5em;
    color: white;
    margin-right: .5em;
}

.w36-banner__search__stand__button__text {
    font-size: 1.5em;
    color: white;
    white-space: nowrap;
    font-weight: 600;
}

.w36-banner__search__stand__button:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w36-banner__search__more {
    cursor: pointer;
    position: relative;
    margin-top: 1em;
    margin-left: auto;
    display: inline-block;
    float: right;
    margin-right: 2em;
    font-size: 1.6em;
    transition: all 0.2s;
    background-color: white;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    padding: .5em;
    border-radius: 0.5em;
    margin-top: .2em;
    margin-right: 0;
}

    .w36-banner__search__more:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w36-banner__search__ad {
    background-color: white;
    position: relative;
    top: 4em;
    transition: all 0.2s;
    padding: 2em;
    width: 100%;
    clear: right;
    text-align: left;
    opacity: 0;
    top: -20em;
    visibility: hidden;
    border-radius: 0.7em;
    z-index: 1;
    box-shadow: 0.05em 0.05em 0.1em 0.05em #a3a3a3;
    height: max-content;
    overflow: hidden;
    max-height: 0;
}

.w36-banner__search__ad__option {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w36-banner__search__ad__option__item {
    width: 24%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__ad__option__item {
        width: 48%;
    }
}

.w36-banner__search__ad__option__item__form {
    width: 100%;
    margin-bottom: 1em;
    margin-top: 1em;
    border: 0.1em solid #eee;
    border-radius: 0.3em;
    display: flex;
    align-items: center;
    margin-right: 1em;
    position: relative;
}

    .w36-banner__search__ad__option__item__form:first-child {
        margin-left: 2em;
    }

@media only screen and (max-width: 50em) {
    .w36-banner__search__ad__option__item__form {
        width: 100%;
        margin-top: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__ad__option__item__form {
        width: 100%;
        margin-right: 0;
    }
}

.w36-banner__search__ad__option__item__form:hover {
    border: 0.1em solid rgba(var(--second-color-w), 1);
}

.w36-banner__search__ad__option__item__form__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 0em;
    margin-left: 1em;
}

.w36-banner__search__ad__option__item__form__icon-right {
    margin-left: auto;
    float: right;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w36-banner__search__ad__option__item__form__input {
    border: none;
    outline: none;
    width: 100%;
    margin: 0.7em;
}

.w36-banner__search__ad__option__item__form__items {
    margin: 1.5em;
    list-style: none;
    width: 100%;
    background-color: white;
}

.w36-banner__search__ad__option__item__form__items__item {
    width: 100%;
}

.w36-banner__search__ad__option__item__form__items__item__checkbox-sl {
    display: none;
}

.w36-banner__search__ad__option__item__form__items__item__text {
    font-size: 1.2em;
    margin-right: 0.5em;
    width: 100%;
    white-space: nowrap;
    display: block;
    cursor: pointer;
}

.w36-banner__search__ad__option__item__form__items__item__checkbox-sl:checked ~ .w36-banner__search__ad__option__item__form__items-1 {
    display: block;
    z-index: 3;
}

.w36-banner__search__ad__option__item__form__items-1 {
    list-style: none;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 4em;
    background-color: transparent;
    overflow: hidden;
    background-color: white;
    border: 0.1em solid #eee;
    border-radius: 0.5em;
}

.w36-banner__search__ad__option__item__form__items-1__item {
    cursor: pointer;
    padding: 1em;
    width: 100%;
}

    .w36-banner__search__ad__option__item__form__items-1__item:hover {
        background-color: #eee;
    }

.w36-banner__search__ad__option__item__form__items-1__item__text {
    font-size: 1.2em;
    margin-right: 0.5em;
    white-space: nowrap;
}

.w36-banner__search__ad__option__item__form__items-1__item__text-active {
    font-weight: 700;
}

.w36-banner__search__ad__option__item__text {
    font-weight: 600;
    font-size: 1.4em;
}

.w36-banner__search__ad__option__item__val {
    display: flex;
    flex-direction: column;
}

.w36-banner__search__ad__option__item__price-range {
    margin-top: 1em;
}

    .w36-banner__search__ad__option__item__price-range .ui-widget-header {
        background: rgba(var(--main-color-w), 1);
    }

    .w36-banner__search__ad__option__item__price-range .ui-slider-handle {
        cursor: w-resize !important;
        margin-top: -0.1em;
        background-color: rgba(var(--main-color-w), 1);
    }

    .w36-banner__search__ad__option__item__price-range .ui-state-active {
        background-color: white !important;
    }

    .w36-banner__search__ad__option__item__price-range .ui-state-default {
        background-color: rgba(var(--main-color-w), 1) !important;
        border-radius: 50%;
        outline: none;
    }

    .w36-banner__search__ad__option__item__price-range .ui-widget.ui-widget-content {
        border: none !important;
        background-color: #eee;
    }

.w36-banner__search__ad__option__item__price-range__filter {
    height: 0.3em !important;
    margin-top: 1.5em;
}

.w36-banner__search__ad__option__item__price-range__val {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__ad__option__item__price-range__val {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.w36-banner__search__ad__option__item__price-range__val__filter__field {
    background-color: white;
    font-size: 1.4em;
    font-weight: 600;
    width: 45%;
    padding: 1em;
    border-radius: 0.1em;
    outline: none;
    border: 0.1em solid #eee;
}

.w36-banner__search__ad__option__item__square-range {
    margin-top: 1em;
}

    .w36-banner__search__ad__option__item__square-range .ui-widget-header {
        background: rgba(var(--main-color-w), 1);
    }

    .w36-banner__search__ad__option__item__square-range .ui-slider-handle {
        cursor: w-resize !important;
        margin-top: -0.1em;
        background-color: rgba(var(--main-color-w), 1);
    }

    .w36-banner__search__ad__option__item__square-range .ui-state-active {
        background-color: white !important;
    }

    .w36-banner__search__ad__option__item__square-range .ui-state-default {
        background-color: rgba(var(--main-color-w), 1) !important;
        border-radius: 50%;
        outline: none;
    }

    .w36-banner__search__ad__option__item__square-range .ui-widget.ui-widget-content {
        border: none !important;
        background-color: #eee;
    }

.w36-banner__search__ad__option__item__square-range__filter {
    height: 0.3em !important;
    margin-top: 1.5em;
}

.w36-banner__search__ad__option__item__square-range__val {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__ad__option__item__square-range__val {
        flex-wrap: wrap;
        justify-content: space-between;
    }
}

.w36-banner__search__ad__option__item__square-range__val__filter__field {
    background-color: white;
    font-size: 1.4em;
    font-weight: 600;
    width: 45%;
    padding: 1em;
    border-radius: 0.1em;
    outline: none;
    border: 0.1em solid #eee;
}

.w36-banner__search__ad__amen {
    display: block;
}

.w36-banner__search__ad__amen__title {
    display: block;
    font-weight: 600;
    font-size: 1.4em;
}

.w36-banner__search__ad__amen__items {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

.w36-banner__search__ad__amen__items__item {
    padding: 1em;
    width: 20%;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: #777;
}

@media only screen and (max-width: 37.5em) {
    .w36-banner__search__ad__amen__items__item {
        width: 50%;
    }
}

.w36-banner__search__ad__amen__items__item__rd {
    height: 1.5em;
    width: 1.5em;
    cursor: pointer;
}

.w36-banner__search__ad__amen__items__item__text {
    margin-left: 1em;
    cursor: pointer;
}

/*ed*/
/*w36-feature*/
.w36-feature {
    width: 100%;
    background-color: #0B0B2E;
    padding: 3em 0;
}

.w36-feature__group {
    position: relative;
    margin: 0 auto;
}

.w36-feature__heading {
    position: absolute;
    width: calc(100% - 58%);
    margin-left: 41%;
}

@media only screen and (max-width: 62.5em) {
    .w36-feature__heading {
        margin-left: initial;
        position: relative;
        width: 100%;
        padding: 1em;
    }
}

.w36-feature__heading__name {
    color: white;
    font-size: 1.6em;
    font-weight: 600;
    line-height: 1.6em;
}

.w36-feature__heading__des {
    color: white;
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
    margin-top: .2em;
    color: #a5c53b;
}

.w36-feature__heading__tab {
    display: flex;
    border-bottom: 1px solid #5c5c5c;
    overflow: hidden;
}

.w36-feature__heading__tab__text {
    color: white;
    margin-right: 2em;
    font-size: 1.2em;
    position: relative;
    padding: 2em 0;
    transition: all .2s ease;
    cursor: pointer;
    width: fit-content !important;
    text-align: center;
}

    .w36-feature__heading__tab__text::after {
        content: "";
        padding-bottom: 2px;
        background-color: #a5c53b;
        width: 100%;
        position: absolute;
        bottom: 50%;
        transition: all .2s ease;
        left: 0;
        opacity: 0;
    }

    .w36-feature__heading__tab__text:hover::after {
        bottom: 0;
        opacity: 1;
    }

.w36-feature__heading__tab .active {
    color: #a5c53b;
    font-weight: 600;
}

    .w36-feature__heading__tab .active::after {
        bottom: 0;
        opacity: 1;
    }

.w36-feature__heading__text {
    color: white;
    line-height: 1.6em;
    font-size: 1.3em;
    margin-top: 1em;
    text-align: justify;
}

.w36-feature__container {
    display: flex;
}

@media only screen and (max-width: 62.5em) {
    .w36-feature__container {
        flex-direction: column;
    }
}

.w36-feature__container__content {
    width: 60%;
    margin-top: 1em;
    align-self: flex-end;
}

@media only screen and (max-width: 62.5em) {
    .w36-feature__container__content {
        width: 100%;
        padding: 0;
    }
}

.w36-feature__container__content__block {
    position: relative;
}

.w36-feature__container__content__thumbs {
    overflow: hidden;
    width: 98%;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width: 37.5em) {
    .w36-feature__container__content__thumbs {
        padding-bottom: 0;
        margin-top: 0.5em;
    }
}

.w36-feature__container__content__thumbs .swiper-wrapper {
    margin-left: -1%;
}

.w36-feature__container__content__thumbs__thongtin {
    width: 24% !important;
    margin-left: 1% !important;
    cursor: pointer;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w36-feature__container__content__thumbs__thongtin {
        max-width: 100%;
    }
}

.w36-feature__container__content__thumbs__thongtin__imgbox {
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w36-feature__container__content__thumbs__thongtin__imgbox__img {
    width: 100%;
}

.w36-feature__container__slider {
    width: 40%;
    overflow: hidden;
}

@media only screen and (max-width: 62.5em) {
    .w36-feature__container__slider {
        width: 100%;
        margin-top: 2em;
    }
}

.w36-feature__container__slider__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w36-feature__container__slider__main {
        flex-wrap: wrap;
    }
}

.w36-feature__container__slider__main__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: cover;
    min-height: 40em;
}

@media only screen and (max-width: 37.5em) {
    .w36-feature__container__slider__main__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w36-feature__container__slider__main__imgbox__img {
    width: 100%;
}

.w36-feature .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w36-feature .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w36-feature .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w36-feature .swiper-button-next {
    left: -7em;
    height: auto;
    bottom: 1em;
    top: initial;
}

@media only screen and (max-width: 62.5em) {
    .w36-feature .swiper-button-next {
        left: initial;
        right: 3em;
        bottom: .5em;
    }
}

.w36-feature .swiper-button-next::after {
    font-size: 3em;
    top: 0;
    border: 1px solid #e0e0e0;
    padding: 0.3em 0.5em;
    background-color: #0B0B2E;
    color: white;
    border-radius: .2em;
}

.w36-feature .swiper-button-prev {
    left: -14em;
    height: auto;
    bottom: 1em;
    top: initial;
}

@media only screen and (max-width: 62.5em) {
    .w36-feature .swiper-button-prev {
        left: initial;
        right: 10em;
        bottom: .5em;
    }
}

.w36-feature .swiper-button-prev::after {
    font-size: 3em;
    top: 0;
    border: 1px solid #e0e0e0;
    padding: 0.3em 0.5em;
    background-color: #0B0B2E;
    color: white;
    border-radius: .2em;
}

/*ed*/
/*w36-introducer-1*/
.w36-introducer-1 {
    width: 100%;
    background-color: #0b0b2e;
    position: relative;
    padding-bottom: 5em;
}

.w36-introducer-1__group {
    margin: 0 auto;
    position: relative;
}

.w36-introducer-1__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.w36-introducer-1__item-re {
    flex-direction: row-reverse;
}

.w36-introducer-1__item::after {
    content: "";
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    height: 50%;
    width: 99%;
    bottom: 0;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-1__item::after {
        height: 65%;
    }
}

@media only screen and (max-width: 50em) {
    .w36-introducer-1__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w36-introducer-1__item__image {
    min-width: 50%;
    position: relative;
    z-index: 1;
}

.w36-introducer-1__item__image__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-1__item__image__imgbox {
        width: 95%;
        margin: 0 auto;
    }
}

.w36-introducer-1__item__image__imgbox__img {
    width: 100%;
}

.w36-introducer-1__item__image__bg1 {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: right;
    height: 120%;
    width: 120%;
    top: 2em;
    left: 0;
    z-index: -1;
}

@media only screen and (max-width: 75em) {
    .w36-introducer-1__item__image__bg1 {
        width: 100%;
        height: 100%;
    }
}

.w36-introducer-1__item__image__bg2 {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: bottom;
    height: 100%;
    width: 100%;
    left: 2em;
    bottom: -2em;
    z-index: -1;
}

@media only screen and (max-width: 75em) {
    .w36-introducer-1__item__image__bg2 {
        left: 0;
        width: 98%;
        left: 1%;
        top: 2em;
    }
}

.w36-introducer-1__item__image:hover {
    transform: translateY(-1em);
}

.w36-introducer-1__item__info {
    padding: 2em;
    width: 60em;
}

@media only screen and (min-width: 75em) {
    .w36-introducer-1__item__info {
        margin-right: calc((100% - 120em)/2);
    }
}

@media only screen and (max-width: 50em) {
    .w36-introducer-1__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w36-introducer-1__item__info__heading {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-1__item__info__heading__icon {
    background-image: url(/img/w32/before-heading-1.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w36-introducer-1__item__info__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
    color: #a5c53b;
}

.w36-introducer-1__item__info__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #a5c53b;
    z-index: 1;
    position: relative;
    line-height: 1.4em;
}

.w36-introducer-1__item__info__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.w36-introducer-1__item__info__imgbox__img {
    width: 100%;
}

.w36-introducer-1__item__info__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    color: white;
    line-height: 1.8em;
    position: relative;
    z-index: 1;
}

.w36-introducer-1__item__info__iconlink {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-1__item__info__iconlink__icon {
    margin-top: 1em;
    color: white;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
}

.w36-introducer-1__item__info__btn {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 2em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer-1__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-introducer-2*/
.w36-introducer-2 {
    width: 100%;
    padding: 2em 0;
    background-color: #0b0b2e;
    color: var(--text-color-w);
    position: relative;
}

.w36-introducer-2__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w36-introducer-2__bg {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: top;
    height: 30%;
    width: 30%;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: 0;
}

@media only screen and (max-width: 75em) {
    .w36-introducer-2__bg {
        height: 80%;
        width: 80%;
    }
}

.w36-introducer-2__heading {
    display: block;
    position: relative;
    z-index: 1;
}

.w36-introducer-2__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    color: #a5c53b;
}

.w36-introducer-2__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 100%;
    color: white;
}

.w36-introducer-2__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w36-introducer-2__heading__imgbox__img {
    margin: 0 auto;
    width: 100%;
}

.w36-introducer-2__container {
    margin: 0 auto;
    width: 100%;
    position: relative;
    cursor: pointer;
}

.w36-introducer-2__container__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

    .w36-introducer-2__container__imgbox iframe {
        width: 100%;
        height: 40em;
    }

.w36-introducer-2__container__child {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-size: contain;
    background-position: center;
    transition: all 0.3s ease;
}

.w36-introducer-2__container__child__img {
    width: 100%;
}

.w36-introducer-2__container:hover .w36-introducer-2__container__child {
    animation: rotate360 10s ease;
}

@keyframes rotate360 {
    0% {
        transform: translate(-50%, -50%) rotate(0) scale(1);
        transition: all 0.2s ease;
    }

    100% {
        transform: translate(-50%, -50%) rotate(21600deg) scale(1.5);
        transition: all 0.2s ease;
    }
}

.w36-introducer-2__info {
    margin-top: 2em;
    text-align: center;
}

.w36-introducer-2__info__text {
    font-weight: 600;
    font-size: 3em;
    text-decoration: underline;
    color: white;
}

    .w36-introducer-2__info__text::after {
        content: "";
        width: 2em;
        height: 0.05em;
        background-color: currentColor;
        position: relative;
        display: block;
        margin: 1em auto;
    }

    .w36-introducer-2__info__text:hover {
        color: rgba(var(--second-color-w), 1);
        transition: all 0.2s;
    }

.w36-introducer-2__info__link {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 2em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer-2__info__link:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-introducer-3*/
.w36-introducer-3 {
    width: 100%;
    background-color: #D9F1FC;
    position: relative;
    z-index: 3;
}

.w36-introducer-3__wrapper {
    box-shadow: 0 1em 3.5em rgba(0, 0, 0, 0.1);
    transform: translateY(-6em);
    background-color: white;
    margin-left: calc((100% - 120em)/2);
}

@media only screen and (max-width: 75em) {
    .w36-introducer-3__wrapper {
        margin-left: 0;
    }
}

.w36-introducer-3__group {
    position: relative;
    max-width: 120em;
}

.w36-introducer-3__item {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.w36-introducer-3__item__bg {
    position: absolute;
    width: 5em;
    height: 5em;
    left: -0.9em;
    top: -0.9em;
    border-top: 1em solid #F8CC52;
    border-left: 1em solid #F8CC52;
}

.w36-introducer-3__item-re {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-3__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w36-introducer-3__item__text {
    padding: 2em .5em;
}

.w36-introducer-3__item__info {
    min-width: 50%;
    padding: 2em 5em;
}

@media only screen and (max-width: 43.75em) {
    .w36-introducer-3__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w36-introducer-3__item__info__heading {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-3__item__info__heading__icon {
    background-image: url(/img/w32/before-heading-1.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w36-introducer-3__item__info__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
    color: #0b0b2e;
}

.w36-introducer-3__item__info__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #0b0b2e;
    z-index: 1;
    position: relative;
    line-height: 1.4em;
}

.w36-introducer-3__item__info__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.w36-introducer-3__item__info__imgbox__img {
    width: 100%;
}

.w36-introducer-3__item__info__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8em;
    position: relative;
    z-index: 1;
}

.w36-introducer-3__item__info__iconlink {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-3__item__info__iconlink__icon {
    margin-top: 1em;
    color: white;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
}

.w36-introducer-3__item__info__btn {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 1em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer-3__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-introducer-4*/
.w36-introducer-4 {
    width: 100%;
    background-color: #D9F1FC;
    position: relative;
    padding: 2em 1em;
}

.w36-introducer-4__group {
    margin: 0 auto;
    position: relative;
}

.w36-introducer-4__item {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.w36-introducer-4__item-re {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-4__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w36-introducer-4__item__image {
    min-width: 50%;
    position: relative;
    z-index: 1;
}

.w36-introducer-4__item__image__bg {
    position: absolute;
    width: 5em;
    height: 5em;
    left: -0.9em;
    top: -0.9em;
    border-top: 1em solid #F8CC52;
    border-left: 1em solid #F8CC52;
}

.w36-introducer-4__item__image__bg1 {
    position: absolute;
    width: 5em;
    height: 5em;
    right: -0.9em;
    bottom: -0.9em;
    border-right: 1em solid #F8CC52;
    border-bottom: 1em solid #F8CC52;
}

.w36-introducer-4__item__image__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-4__item__image__imgbox {
        margin: 0 auto;
    }
}

.w36-introducer-4__item__image__imgbox__img {
    width: 100%;
}

.w36-introducer-4__item__image:hover {
    transform: translateY(-1em);
}

.w36-introducer-4__item__info {
    padding: 2em;
}

@media only screen and (min-width: 75em) {
    .w36-introducer-4__item__info {
        margin-left: calc((100% - 120em)/2);
    }
}

@media only screen and (max-width: 50em) {
    .w36-introducer-4__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w36-introducer-4__item__info__heading {
    display: inline-flex;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-4__item__info__heading {
        margin: 0 auto;
    }
}

.w36-introducer-4__item__info__heading__icon {
    background-image: url(/img/w32/before-heading-1.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w36-introducer-4__item__info__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
    color: #0b0b2e;
}

.w36-introducer-4__item__info__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #0b0b2e;
    z-index: 1;
    position: relative;
    line-height: 1.4em;
}

.w36-introducer-4__item__info__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.w36-introducer-4__item__info__imgbox__img {
    width: 100%;
}

.w36-introducer-4__item__info__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8em;
    position: relative;
    z-index: 1;
}

.w36-introducer-4__item__info__iconlink {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-4__item__info__iconlink__icon {
    margin-top: 1em;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
}

.w36-introducer-4__item__info__btn {
    border: 0.1px solid #0b0b2e;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 2em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer-4__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-introducer-5*/
.w36-introducer-5 {
    width: 100%;
    background-color: #D9F1FC;
    position: relative;
    padding: 2em 1em;
}

.w36-introducer-5__group {
    margin: 0 auto;
    position: relative;
}

.w36-introducer-5__item {
    display: flex;
    justify-content: space-between;
    position: relative;
}

.w36-introducer-5__item-re {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-5__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w36-introducer-5__item__image {
    min-width: 55%;
    width: 55%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-5__item__image {
        width: 100%;
    }
}

.w36-introducer-5__item__image__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    border: 1em solid #F8CC52;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-5__item__image__imgbox {
        margin: 0 auto;
    }
}

.w36-introducer-5__item__image__imgbox__img {
    width: 100%;
}

.w36-introducer-5__item__image:hover {
    transform: translateY(-1em);
}

.w36-introducer-5__item__info {
    padding: 2em;
    background-color: #393e4d;
    position: relative;
}

@media only screen and (min-width: 75em) {
    .w36-introducer-5__item__info {
        margin-right: calc((100% - 120em)/2);
    }
}

@media only screen and (max-width: 50em) {
    .w36-introducer-5__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w36-introducer-5__item__info__bg {
    position: absolute;
    width: 5em;
    height: 5em;
    right: 0;
    top: 0;
    border-top: 1em solid #F8CC52;
    border-right: 1em solid #F8CC52;
}

.w36-introducer-5__item__info__bg1 {
    position: absolute;
    width: 5em;
    height: 5em;
    right: 0;
    bottom: 0;
    border-right: 1em solid #F8CC52;
    border-bottom: 1em solid #F8CC52;
}

.w36-introducer-5__item__info__heading {
    display: inline-flex;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-5__item__info__heading {
        margin: 0 auto;
    }
}

.w36-introducer-5__item__info__heading__icon {
    background-image: url(/img/w32/before-heading.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w36-introducer-5__item__info__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
    color: #F8CC52;
}

.w36-introducer-5__item__info__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #F8CC52;
    z-index: 1;
    position: relative;
    line-height: 1.4em;
}

.w36-introducer-5__item__info__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.w36-introducer-5__item__info__imgbox__img {
    width: 100%;
}

.w36-introducer-5__item__info__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8em;
    position: relative;
    color: white;
    z-index: 1;
}

.w36-introducer-5__item__info__iconlink {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-5__item__info__iconlink__icon {
    margin-top: 1em;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
    color: white;
}

.w36-introducer-5__item__info__btn {
    border: 0.1px solid #0b0b2e;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 2em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer-5__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-introducer-6*/
.w36-introducer-6 {
    width: 100%;
    padding: 2em 1em;
    background-color: #393E4D;
    position: relative;
}

.w36-introducer-6__group {
    max-width: 120em;
    margin: 0 auto;
}

.w36-introducer-6__heading {
    display: block;
    position: relative;
    z-index: 1;
}

.w36-introducer-6__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    color: white;
}

.w36-introducer-6__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
    max-width: 100%;
    color: white;
}

.w36-introducer-6__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3em;
    background-size: contain;
    background-position: center;
}

.w36-introducer-6__heading__imgbox__img {
    margin: 0 auto;
    width: 100%;
}

.w36-introducer-6__container {
    margin: 0 auto;
    width: 100%;
    position: relative;
    cursor: pointer;
    margin-bottom: -10em;
    box-shadow: 0 1em 3em rgba(0, 0, 0, 0.1);
}

.w36-introducer-6__container__bg {
    position: absolute;
    width: 5em;
    height: 5em;
    right: 0;
    top: 0;
    border-top: 1em solid #F8CC52;
    border-right: 1em solid #F8CC52;
}

.w36-introducer-6__container__bg1 {
    position: absolute;
    width: 5em;
    height: 5em;
    right: 0;
    bottom: 0;
    border-right: 1em solid #F8CC52;
    border-bottom: 1em solid #F8CC52;
}

.w36-introducer-6__container__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

    .w36-introducer-6__container__imgbox iframe {
        width: 100%;
        height: 40em;
    }

/*ed*/
/*w36-introducer-7*/
.w36-introducer-7 {
    width: 100%;
    background-color: #F5F1E7;
    position: relative;
}

.w36-introducer-7__group {
    position: relative;
    max-width: 120em;
    margin: 0 auto;
}

.w36-introducer-7__item {
    display: flex;
    justify-content: space-between;
    position: relative;
    transform: translateY(-6em);
    background-color: white;
    box-shadow: 0 1em 3.5em rgba(0, 0, 0, 0.1);
    width: 100%;
}

.w36-introducer-7__item__bg {
    position: absolute;
    width: 100%;
    height: 5em;
    left: 0;
    bottom: 0;
    border-right: .5em solid #F8CC52;
    border-left: .5em solid #F8CC52;
    border-bottom: .5em solid #F8CC52;
}

.w36-introducer-7__item-re {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-7__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w36-introducer-7__item__text {
    padding: 2em .5em;
}

.w36-introducer-7__item__info {
    min-width: 50%;
    padding: 2em 5em;
}

@media only screen and (max-width: 43.75em) {
    .w36-introducer-7__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w36-introducer-7__item__info__heading {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-7__item__info__heading__icon {
    background-image: url(/img/w32/before-heading-1.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w36-introducer-7__item__info__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
    color: #0b0b2e;
}

.w36-introducer-7__item__info__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #0b0b2e;
    z-index: 1;
    position: relative;
    line-height: 1.4em;
}

.w36-introducer-7__item__info__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.w36-introducer-7__item__info__imgbox__img {
    width: 100%;
}

.w36-introducer-7__item__info__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8em;
    position: relative;
    z-index: 1;
}

.w36-introducer-7__item__info__iconlink {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-7__item__info__iconlink__icon {
    margin-top: 1em;
    color: white;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
}

.w36-introducer-7__item__info__btn {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 1em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer-7__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-introducer-8*/
.w36-introducer-8 {
    width: 100%;
    background-color: #0b0b2e;
    position: relative;
    padding-bottom: 5em;
}

.w36-introducer-8__group {
    margin: 0 auto;
    position: relative;
}

.w36-introducer-8__item {
    display: flex;
    justify-content: space-between;
    position: relative;
    margin-left: calc((100% - 120em) / 2);
}

.w36-introducer-8__item-re {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 75em) {
    .w36-introducer-8__item {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w36-introducer-8__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w36-introducer-8__item__image {
    min-width: 60%;
    position: relative;
    z-index: 1;
    margin-left: 3%;
    padding-top: 5em;
}

.w36-introducer-8__item__image__heading {
    color: white;
    font-size: 2.5em;
    line-height: 1.6em;
    font-weight: bolder;
}

.w36-introducer-8__item__image__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    margin-top: 2em;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-8__item__image__imgbox {
        margin: 0 auto;
    }
}

.w36-introducer-8__item__image__imgbox__img {
    width: 100%;
}

.w36-introducer-8__item__image:hover {
    transform: translateY(-1em);
}

.w36-introducer-8__item__info {
    min-width: 37%;
    width: 37%;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer-8__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w36-introducer-8__item__info__noidung {
    background-color: white;
    height: fit-content;
    padding: 3em;
    margin-top: -6em;
    position: relative;
}

.w36-introducer-8__item__info__noidung__bg {
    position: absolute;
    width: 100%;
    height: 6em;
    left: 0;
    top: 0;
    border-right: 0.5em solid #f8cc52;
    border-left: 0.5em solid #f8cc52;
    border-top: 0.5em solid #f8cc52;
}

.w36-introducer-8__item__info__noidung__heading {
    display: flex;
}

.w36-introducer-8__item__info__noidung__heading__icon {
    background-image: url(/img/w32/before-heading-1.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w36-introducer-8__item__info__noidung__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
    color: #0b0b2e;
}

.w36-introducer-8__item__info__noidung__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #0b0b2e;
    z-index: 1;
    position: relative;
    line-height: 1.4em;
}

.w36-introducer-8__item__info__noidung__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.w36-introducer-8__item__info__noidung__imgbox__img {
    width: 100%;
}

.w36-introducer-8__item__info__noidung__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    line-height: 1.8em;
    position: relative;
    z-index: 1;
}

.w36-introducer-8__item__info__noidung__iconlink {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer-8__item__info__noidung__iconlink__icon {
    margin-top: 1em;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
}

.w36-introducer-8__item__info__noidung__btn {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 1em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer-8__item__info__noidung__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w36-introducer-8__item__info__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    line-height: 1.6em;
    margin-top: 1em;
    font-weight: bolder;
}

.w36-introducer-8__item__info__des {
    color: white;
    line-height: 1.6em;
    font-size: 1.2em;
    margin-top: .5em;
    text-align: justify;
}

/*ed*/
/*w36-introducer*/
.w36-introducer {
    width: 100%;
    background-color: #0b0b2e;
    position: relative;
    padding-bottom: 5em;
}

.w36-introducer__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w36-introducer__bg {
    width: auto;
    height: 5em;
    background-position: top left;
    background-size: 140em;
    position: absolute;
    background-color: #0b0b2e;
    left: calc((100% - 120em) / 2);
    top: -5em;
    z-index: 1;
    right: 0;
}

@media only screen and (max-width: 75em) {
    .w36-introducer__bg {
        margin-left: 0;
        width: 100%;
    }
}

.w36-introducer__bg1 {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: left;
    height: 100%;
    width: 100%;
    top: 2em;
    left: 0;
}

@media only screen and (max-width: 75em) {
    .w36-introducer__bg1 {
        width: 100%;
        height: 100%;
    }
}

.w36-introducer__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

.w36-introducer__item-re {
    flex-direction: row-reverse;
}

.w36-introducer__item::after {
    content: "";
    background-color: #083454ec;
    position: absolute;
    height: 50%;
    width: 99%;
    bottom: 0;
}

@media only screen and (max-width: 50em) {
    .w36-introducer__item::after {
        height: 65%;
    }
}

@media only screen and (max-width: 50em) {
    .w36-introducer__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w36-introducer__item__image {
    min-width: 50%;
    position: relative;
    z-index: 1;
}

.w36-introducer__item__image__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w36-introducer__item__image__imgbox {
        width: 95%;
        margin: 0 auto;
    }
}

.w36-introducer__item__image__imgbox__img {
    width: 100%;
}

.w36-introducer__item__image__bg1 {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: right;
    height: 120%;
    width: 120%;
    top: 2em;
    left: 0;
    z-index: -1;
}

@media only screen and (max-width: 75em) {
    .w36-introducer__item__image__bg1 {
        width: 100%;
        height: 100%;
    }
}

.w36-introducer__item__image__bg2 {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: bottom;
    height: 100%;
    width: 100%;
    left: 2em;
    bottom: -2em;
    z-index: -1;
}

@media only screen and (max-width: 75em) {
    .w36-introducer__item__image__bg2 {
        left: 0;
        width: 98%;
        left: 1%;
        top: 2em;
    }
}

.w36-introducer__item__image:hover {
    transform: translateY(-1em);
}

.w36-introducer__item__info {
    min-width: 50%;
    padding: 2em;
}

@media only screen and (max-width: 43.75em) {
    .w36-introducer__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
    }
}

.w36-introducer__item__info__heading {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer__item__info__heading__icon {
    background-image: url(/img/w32/before-heading-1.svg);
    padding: 2em 3em 2em 0;
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
    background-size: contain;
    background-position: center;
    margin-right: 1em;
}

.w36-introducer__item__info__heading__text {
    display: inline-block;
    font-size: 2.5em;
    line-height: 1.6em;
    width: fit-content;
    color: #a5c53b;
}

.w36-introducer__item__info__name {
    font-size: 3em;
    display: block;
    font-weight: 600;
    color: #a5c53b;
    z-index: 1;
    position: relative;
    line-height: 1.4em;
}

.w36-introducer__item__info__imgbox {
    display: inline-block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    position: relative;
}

.w36-introducer__item__info__imgbox__img {
    width: 100%;
}

.w36-introducer__item__info__des {
    margin-top: 2em;
    font-size: 1.6em;
    font-weight: 400;
    text-align: justify;
    color: white;
    line-height: 1.8em;
    position: relative;
    z-index: 1;
}

.w36-introducer__item__info__iconlink {
    display: flex;
    position: relative;
    z-index: 1;
}

.w36-introducer__item__info__iconlink__icon {
    margin-top: 1em;
    color: white;
    font-size: 1.6em;
    cursor: pointer;
    margin-right: 1em;
}

.w36-introducer__item__info__btn {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 2em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-introducer__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w36-service-1*/
.w36-service-1 {
    width: 100%;
    display: block;
    padding: 2em 0;
    background-color: white;
}

.w36-service-1__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w36-service-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
}

.w36-service-1__items__item {
    display: block;
    flex-wrap: wrap;
    width: 14.64%;
    margin-left: 2%;
    height: fit-content;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w36-service-1__items__item {
        width: 31.333333333333%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w36-service-1__items__item {
        width: 48%;
    }
}

.w36-service-1__items__item__content__checkbox {
    display: none;
}

    .w36-service-1__items__item__content__checkbox:checked ~ .w36-service-1__items__item__content__child {
        max-height: 100em;
        padding-left: 1em;
        opacity: 1;
    }

    .w36-service-1__items__item__content__checkbox:checked ~ .w36-service-1__items__item__content__list .w36-service-1__items__item__content__list__icon {
        transform: rotate(180deg);
    }

.w36-service-1__items__item__content__child {
    position: relative;
    max-height: 0;
    padding: 0;
    opacity: 0;
    overflow: hidden;
    transition: all .2s ease;
}

.w36-service-1__items__item__content__child__text {
    font-size: 1.4em;
    line-height: 1.6em;
    transition: all 0.2s ease;
    margin-right: 0.5em;
    color: #0b0b2e;
}

.w36-service-1__items__item__content__list {
    display: flex;
    margin-bottom: 1em;
    margin-top: 1em;
    cursor: pointer;
    border-radius: 0.5em;
}

.w36-service-1__items__item__content__list__icon {
    font-size: 2em;
    line-height: 1.6em;
    color: orange;
    transition: all .2s ease;
}

.w36-service-1__items__item__content__list__text {
    font-size: 1.4em;
    line-height: 1.6em;
    transition: all 0.2s ease;
    margin-right: 0.5em;
    color: #0b0b2e;
}

.w36-service-1__items__item__name {
    font-weight: bolder;
    font-size: 1.6em;
    color: #0b0b2e;
}

/*ed*/
/*w36-service-2*/
.w36-service-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f5f1e6;
}

.w36-service-2__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
}

.w36-service-2__heading {
    display: block;
}

.w36-service-2__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w36-service-2__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w36-service-2__heading__imgbox__img {
    width: 100%;
}

.w36-service-2__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w36-service-2__items {
    width: 100%;
    position: relative;
    margin-top: 2em;
    background-color: white;
}

    .w36-service-2__items .swiper-pagination {
        position: relative;
        margin-top: 1em;
        display: block;
    }

    .w36-service-2__items .swiper-pagination-bullet {
        margin: 1em !important;
    }

    .w36-service-2__items .swiper-pagination-bullet-active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

    .w36-service-2__items .swiper-wrapper {
        display: flex;
    }

    .w36-service-2__items .swiper-button-next {
        color: rgba(var(--main-color-w), 1);
    }

    .w36-service-2__items .swiper-button-prev {
        color: rgba(var(--main-color-w), 1);
    }

.w36-service-2__items__item {
    cursor: pointer;
    width: 31.3333333333333333333333333% !important;
    margin: 1%;
}

@media only screen and (max-width: 50em) {
    .w36-service-2__items__item {
        width: 48% !important;
    }
}

.w36-service-2__items__item__card {
    height: fit-content;
}

    .w36-service-2__items__item__card:nth-child(1) {
        margin-bottom: 2em;
    }

.w36-service-2__items__item__card__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
}

.w36-service-2__items__item__card__imgbox__img {
    width: 100%;
}

.w36-service-2__items__item__card__imgbox__iconbox {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 4em;
    height: 4em;
    bottom: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid white;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w36-service-2__items__item__card__imgbox__iconbox {
        width: 2em;
        height: 2em;
    }
}

.w36-service-2__items__item__card__imgbox__iconbox__icon {
    font-size: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w36-service-2__items__item__card__imgbox__iconbox__icon {
        font-size: 1em;
    }
}

.w36-service-2__items__item__card__name {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 1em 0.5em 0.5em .5em;
    font-weight: 600;
}

/*ed*/
/*w36-service-3*/
.w36-service-3 {
    width: 100%;
    padding: 2em 0;
    position: relative;
    background-color: white;
    overflow: hidden;
}

.w36-service-3__group {
    background-color: white;
    max-width: 120em;
    margin: 0 auto;
}

.w36-service-3__heading {
    display: flex;
    padding: 1em;
    flex-wrap: wrap;
    width: fit-content;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w36-service-3__heading__tieude {
        width: 100%;
    }
}

.w36-service-3__heading__tieude__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin-bottom: 0.5em;
    color: #083454;
    line-height: 1.6em;
    margin: 0 auto;
}

.w36-service-3__heading__tieude__des {
    text-align: center;
    width: fit-content;
    display: none;
    font-size: 2.5em;
    line-height: 1.6em;
    font-weight: bolder;
    color: #a5c53b;
}

.w36-service-3__heading__tieude__imgbox {
    width: fit-content;
    max-width: 100%;
    display: none;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    background-size: contain;
    background-position: center;
}

.w36-service-3__heading__tieude__imgbox__img {
    width: 100%;
}

.w36-service-3 .gallery-thumbs .swiper-slide {
    opacity: 0.4;
}

.w36-service-3 .gallery-thumbs .swiper-slide-active {
    opacity: 1 !important;
}

.w36-service-3__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w36-service-3__content {
        padding: 1em;
    }
}

.w36-service-3__content__items {
    width: 100%;
}

.w36-service-3__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
}

.w36-service-3__content__items__item__noidung {
    width: 99% !important;
    margin: 1%;
    cursor: pointer;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w36-service-3__content__items__item__noidung {
        width: 48% !important;
    }
}

.w36-service-3__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w36-service-3__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w36-service-3__content__items__item__noidung__info {
    position: absolute;
    bottom: 0;
    right: 0;
    background-color: white;
    width: 50%;
    height: fit-content;
    z-index: 1;
    padding: 2em;
    transform: translateX(50%);
}

.w36-service-3__content__items__item__noidung__info__text {
    display: block;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    width: 100%;
    text-align: center;
    font-weight: 600;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w36-service-3__content__items__item__noidung__info__des {
    font-size: 1.2em;
    line-height: 1.6em;
    display: block;
    margin-top: 0.5em;
}

.w36-service-3__content__items__item__noidung__info__line {
    background: linear-gradient(90deg, #f3e208 0%, #3daa54 32.4%, #29a77e 67.3%, #2ba9e0 100%);
    padding-bottom: 0.1em;
    margin-top: 2em;
    display: block;
    width: 100%;
}

.w36-service-3__content__items__item__noidung__info:hover .w36-service-3__content__items__item__noidung__info__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

/*ed*/

/*w36-service*/
.w36-service {
    width: 100%;
    background: linear-gradient(90deg, #F3E208 0%, #3DAA54 32.4%, #29A77E 67.3%, #2BA9E0 100%);
    padding: 2em 0;
    position: relative;
}

.w36-service__group {
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.105);
    background-color: white;
    background-color: #083454;
    margin-left: calc((100% - 120em)/2);
}

@media only screen and (max-width: 75em) {
    .w36-service__group {
        margin-left: 0;
    }
}

.w36-service__bg {
    position: absolute;
    background-size: contain;
    background-position: center;
    background-position: left;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
}

@media only screen and (max-width: 75em) {
    .w36-service__bg {
        width: 100%;
        height: 100%;
    }
}

.w36-service__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w36-service__content {
        padding: 1em;
    }
}

.w36-service__content__items {
    width: 100%;
    padding: 2em;
}

.w36-service__content__items__heading {
    display: flex;
    padding: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w36-service__content__items__heading__tieude {
        width: 100%;
    }
}

.w36-service__content__items__heading__tieude__title {
    font-size: 2em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin-bottom: 0.5em;
    color: white;
    line-height: 1.6em;
}

.w36-service__content__items__heading__tieude__des {
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 2.5em;
    line-height: 1.6em;
    font-weight: bolder;
    color: #a5c53b;
}

.w36-service__content__items__heading__tieude__imgbox {
    width: fit-content;
    max-width: 100%;
    display: block;
    margin-top: .5em;
    margin-bottom: .5em;
    background-size: contain;
    background-position: center;
    display: none;
}

.w36-service__content__items__heading__tieude__imgbox__img {
    width: 100%;
}

.w36-service__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w36-service__content__items__heading__more {
        margin-top: 1em;
    }
}

.w36-service__content__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}

.w36-service__content__items__heading__more__link__text {
    font-size: 1.2em;
    color: white;
}

.w36-service__content__items__heading__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
    color: white;
}

.w36-service__content__items__heading__more__nav {
    width: 7em;
    margin-right: 1em;
    margin-top: 1em;
    position: relative;
}

    .w36-service__content__items__heading__more__nav .swiper-button-next {
        right: 0;
        height: auto;
    }

        .w36-service__content__items__heading__more__nav .swiper-button-next::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            background-color: #a5c53b;
            color: white;
            border-radius: .2em;
        }

    .w36-service__content__items__heading__more__nav .swiper-button-prev {
        left: 0;
        height: auto;
    }

        .w36-service__content__items__heading__more__nav .swiper-button-prev::after {
            font-size: 2em;
            top: 0;
            border: 1px solid #e0e0e0;
            padding: 0.3em 0.5em;
            background-color: #a5c53b;
            color: white;
            border-radius: .2em;
        }

.w36-service__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
}

.w36-service__content__items__item__noidung {
    width: 25.5% !important;
    margin: 1%;
    cursor: pointer;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w36-service__content__items__item__noidung {
        width: 48% !important;
    }
}

.w36-service__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w36-service__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w36-service__content__items__item__noidung__text {
    display: block;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    width: 100%;
    text-align: center;
    color: #a5c53b;
    font-weight: 600;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w36-service__content__items__item__noidung__des {
    color: white;
    font-size: 1.2em;
    line-height: 1.6em;
    display: block;
    margin-top: .5em;
}

.w36-service__content__items__item__noidung__line {
    background: linear-gradient(90deg, #F3E208 0%, #3DAA54 32.4%, #29A77E 67.3%, #2BA9E0 100%);
    padding-bottom: .1em;
    margin-top: 2em;
    display: block;
    width: 100%;
}

.w36-service__content__items__item__noidung:hover .w36-service__content__items__item__noidung__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

/*ed*/
/*w36-abimg*/
.w36-abimg {
    width: 100%;
    padding: 2em 1em;
    background-color: #0b0b2e;
}

.w36-abimg__group {
    margin: 0 auto;
    max-width: 100%;
}

.w36-abimg__heading {
    display: block;
}

.w36-abimg__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    color: #a5c53b;
}

.w36-abimg__heading__imgbox {
    margin: 0 auto;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    display: none;
}

.w36-abimg__heading__imgbox__img {
    width: 100%;
}

.w36-abimg__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: none;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w36-abimg__items {
    width: 100%;
    margin-top: 1em;
}

    .w36-abimg__items .swiper-wrapper {
        display: flex;
    }

    .w36-abimg__items .swiper-button-next {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
        border-radius: 50%;
        width: 5em;
        height: 5em;
        right: -1em;
        border: 2px solid rgba(var(--main-color-w), 1);
    }

        .w36-abimg__items .swiper-button-next::after {
            display: none;
        }

    .w36-abimg__items .swiper-button-next__icon {
        font-size: 3em;
    }

    .w36-abimg__items .swiper-button-prev {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
        border-radius: 50%;
        width: 5em;
        height: 5em;
        left: -1em;
        border: 2px solid rgba(var(--main-color-w), 1);
    }

        .w36-abimg__items .swiper-button-prev::after {
            display: none;
        }

    .w36-abimg__items .swiper-button-prev__icon {
        font-size: 3em;
    }

    .w36-abimg__items .gallery-thumbs {
        overflow: hidden;
    }

        .w36-abimg__items .gallery-thumbs .swiper-slide-thumb-active {
            position: relative;
            border: .1em solid white;
            z-index: 3;
        }

            .w36-abimg__items .gallery-thumbs .swiper-slide-thumb-active::after {
                content: "";
                position: absolute;
                width: 0;
                right: 0;
                transform: translateY(110%);
                left: 0;
                margin: 0 auto;
                z-index: 2;
                border-left: 1em solid transparent;
                border-right: 1em solid transparent;
                border-top: 1em solid rgba(var(--main-color-w), 1);
                bottom: 0;
            }

.w36-abimg__items__item {
    cursor: pointer;
    width: 17.5% !important;
    margin: .5%;
}

@media only screen and (max-width: 50em) {
    .w36-abimg__items__item {
        width: 49% !important;
    }
}

.w36-abimg__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    margin: 0.5em;
}

.w36-abimg__items__item__imgbox__img {
    width: 100%;
}

.w36-abimg__link {
    border: 0.1px solid #a5c53b;
    background-color: #0b0b2e;
    padding: 0.7em 2em;
    display: block;
    text-align: center;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 2em;
    width: fit-content;
    cursor: pointer;
    transition: all 0.2s ease;
    color: white;
    position: relative;
    z-index: 1;
}

    .w36-abimg__link:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

/*ed*/
/*w37-popup*/
.w37-popup {
    width: 100%;
    position: fixed;
    z-index: 15;
    top: 12%;
}

.w37-popup__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
}

.w37-popup__checkbox {
    display: none;
}

    .w37-popup__checkbox:checked ~ .w37-popup__group .w37-popup__imgbox {
        display: none;
    }

.w37-popup__imgbox {
    background-size: contain;
    background-position: center;
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.438);
}

.w37-popup__imgbox__img {
    width: 100%;
}

.w37-popup__imgbox__btn {
    position: absolute;
    top: -6em;
    right: 0;
    cursor: pointer;
}

.w37-popup__imgbox__btn__icon {
    color: red;
    font-size: 4em;
    padding: .2em;
    border-radius: .2em;
}

    .w37-popup__imgbox__btn__icon:hover {
        color: white;
        background-color: red;
    }

/*ed*/
/*w37-ads*/
.w37-ads {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w37-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-ads__heading {
    display: block;
}

.w37-ads__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w37-ads__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 2em;
}

.w37-ads__heading__imgbox__img {
    width: 100%;
}

.w37-ads__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w37-ads__container {
    text-align: center;
    position: relative;
    display: block;
}

.w37-ads__container__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.w37-ads__container__info {
    position: absolute;
    bottom: 0;
    display: block;
    margin: 0 auto;
    width: fit-content;
    left: 0;
    right: 0;
}

.w37-ads__container__info__heading {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    display: block;
}

@media only screen and (max-width: 56.25em) {
    .w37-ads__container__info__heading {
        font-size: 2em !important;
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w37-ads__container__info__heading {
        font-size: 2em !important;
    }
}

.w37-ads__container__info__des {
    margin-top: 0.5em;
    font-weight: 600;
    font-size: 2em;
    color: white;
    width: 100%;
}

@media only screen and (max-width: 56.25em) {
    .w37-ads__container__info__des {
        font-size: 1.5em !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w37-ads__container__info__des {
        margin-top: 0.5em !important;
    }
}

.w37-ads__container__info__sub {
    margin-top: 1em;
    font-weight: 300;
    font-size: 1.6em;
    color: white;
}

@media only screen and (max-width: 37.5em) {
    .w37-ads__container__info__sub {
        font-size: 0.8em !important;
    }
}

.w37-ads__container__info__btn {
    margin-top: 1em;
    border: none;
    border-radius: 0.3em;
    padding: 1em 2em;
    color: white;
    font-size: 1rem;
    cursor: pointer;
    outline: none;
    margin-bottom: 1em;
    color: rgba(var(--main-color-w), 1);
    margin-bottom: 3em;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w37-ads__container__info__btn {
        margin-top: 0;
        padding: 0.5rem 1em;
        font-size: 1.3em !important;
        margin-bottom: 0;
    }
}

.w37-ads__container__info__btn__icon {
    margin-left: .5em;
}

/*ed*/
/*w37-article*/
.w37-article {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w37-article__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-article__heading {
    display: block;
}

.w37-article__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w37-article__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 2em;
}

.w37-article__heading__imgbox__img {
    width: 100%;
}

.w37-article__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w37-article__heading__tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.w37-article__heading__tab__text {
    background-color: #eeeeee;
    padding: 1em 2em;
    font-size: 1.4em;
    text-align: center;
    border-radius: 2em;
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    cursor: pointer;
}

    .w37-article__heading__tab__text:hover {
        background-color: black;
        font-weight: 600;
        color: white;
    }

.w37-article__heading__tab .active {
    background-color: black;
    font-weight: 600;
    color: white;
}

.w37-article__tin {
    display: flex;
    margin-left: -2%;
    flex-wrap: wrap;
    color: white;
}

.w37-article__tin__items {
    width: 48%;
    margin-left: 2%;
    position: relative;
}

    .w37-article__tin__items:nth-child(n + 3) {
        width: 31.33333333%;
        min-width: none;
        margin-top: 2em;
    }

@media only screen and (max-width: 56.25em) {
    .w37-article__tin__items:nth-child(n + 3) {
        width: 48%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w37-article__tin__items:nth-child(n + 3) {
        width: 100%;
    }
}
.w37-article__tin__items:nth-child(n + 3) .w37-article__tin__items__content__main {
    font-size: 1.6em;
}

.w37-article__tin__items:nth-child(n + 3) .w37-article__tin__items__content__sub {
    font-size: 1.2em;
}

@media only screen and (max-width: 56.25em) {
    .w37-article__tin__items {
        width: 48%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w37-article__tin__items {
        width: 100%;
    }
}

.w37-article__tin__items__imgbox {
    border-radius: 0.5em;
    width: 100%;
    background-size: cover;
    background-position: top center;
    height: 100%;
}

.w37-article__tin__items__imgbox__img {
    width: 100%;
}

.w37-article__tin__items__content {
    position: absolute;
    bottom: 1em;
    padding: 1em 2em;
}

.w37-article__tin__items__content__cate {
    display: flex;
    align-items: center;
}

.w37-article__tin__items__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w37-article__tin__items__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w37-article__tin__items__content__main {
    font-size: 3.5em;
    font-weight: 600;
    margin-top: 0.5em;
    display: block;
}

@media only screen and (min-width: 43.75em) and (max-width: 62.5em) {
    .w37-article__tin__items__content__main {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 43.75em) {
    .w37-article__tin__items__content__main {
        font-size: 1.5em;
    }
}

.w37-article__tin__items__content__sub {
    margin-top: 1em;
    font-size: 1.6em;
    font-weight: 300;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w37-article__tin__items__content__sub {
        font-size: 1.2em;
    }
}

.w37-article__tin__items__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all 0.2s ease;
    margin-bottom: -3em;
    opacity: 0;
}

.w37-article__tin__items__content__des__view {
    margin-left: 1em;
}

.w37-article__tin__items__content__des__user {
    display: flex;
    align-items: center;
}

.w37-article__tin__items__content__des__user__imgbox {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-size: cover;
}

.w37-article__tin__items__content__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w37-article__tin__items__content__des__user__text {
    margin-left: 1em;
}

.w37-article__btn {
    border: none;
    border-radius: 0.3em;
    padding: 1em 2em;
    color: white;
    cursor: pointer;
    outline: none;
    margin-bottom: 1em;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: fit-content;
    margin-top: 2em;
}

.w37-article__btn__text {
    font-size: 1.4em;
}

.w37-article__btn__icon {
    margin-left: 0.5em;
    font-size: 1.4em;
}

/*ed*/
/*w37-banner*/
.w37-banner {
    width: 100%;
    background-color: #fff;
}

.w37-banner__group {
    margin: 0 auto;
    position: relative;
}

.w37-banner__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-size: 1.4em;
}

.w37-banner__imgbox__img {
    width: 100%;
}

.w37-banner__container {
    width: 100%;
    background-color: rgba(0, 0, 0, 0.8);
    position: absolute;
    bottom: 0;
}

.w37-banner__container__link {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 120em;
    margin: 0 auto;
    flex-wrap: wrap;
}

.w37-banner__container__link__text {
    width: 25%;
    border-left: 1px solid white;
    border-right: 1px solid white;
    padding: 1em;
    font-size: 1.6em;
    color: white;
    text-align: center;
    font-weight: bolder;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w37-banner__container__link__text {
        font-size: 1.2em;
    }
}

.w37-banner__container__link__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w37-banner__container__link .active {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w37-blankpage*/
.w37-blankpage {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w37-blankpage__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-blankpage__heading {
    display: block;
}

.w37-blankpage__heading__name {
    display: flex;
    width: fit-content;
    align-items: center;
    border-bottom: 1px solid rgba(var(--main-color-w), 1);
    padding-bottom: .5em;
}

.w37-blankpage__heading__name__icon {
    font-size: 3em;
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
}

.w37-blankpage__heading__name__title {
    font-size: 2em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w37-blankpage__heading__imgbox {
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 2em;
}

.w37-blankpage__heading__imgbox__img {
    width: 100%;
}

.w37-blankpage__heading__des {
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
}

/*ed*/
/*w37-downbar*/
.w37-downbar {
    width: 100%;
    background-color: #F8F9FA;
    border-top: .1em solid #e7e6e6;
    padding: 1em;
}

.w37-downbar__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

.w37-downbar__slider {
    width: 100%;
}

    .w37-downbar__slider .swiper-pagination {
        text-align: left;
        margin-bottom: 2%;
    }

    .w37-downbar__slider .swiper-pagination-bullet {
        background-color: white;
        width: 2em;
        border-radius: 0.5em;
    }

    .w37-downbar__slider .swiper-pagination-bullet-active {
        width: 4em;
    }

.w37-downbar__slider__main {
    display: flex;
    align-items: center;
    width: 10% !important;
    margin-right: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w37-downbar__slider__main {
        flex-wrap: wrap;
    }
}

.w37-downbar__slider__main__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w37-downbar__slider__main__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w37-downbar__slider__main__imgbox__img {
    width: 100%;
}

.w37-downbar__slider__main__info {
    text-align: center;
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: white;
    width: 100%;
    padding: 1em;
    position: absolute;
}

@media only screen and (max-width: 37.5em) {
    .w37-downbar__slider__main__info {
        width: 100%;
    }
}

.w37-downbar__slider__main__info__name {
    font-size: 4em;
    position: relative;
    display: inline-block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w37-downbar__slider__main__info__name {
        font-size: 2em;
    }
}

.w37-downbar__slider__main__info__sub {
    font-size: 2em;
    line-height: 1.6em;
    margin-top: 1em;
    display: inline-block;
}

@media only screen and (max-width: 37.5em) {
    .w37-downbar__slider__main__info__sub {
        font-size: 1.3em;
    }
}

.w37-downbar .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w37-downbar .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w37-downbar .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w37-downbar .swiper-button-next {
    color: #cecece;
}

.w37-downbar .swiper-button-prev {
    color: #cecece;
}

/*ed*/
/*w37-feature*/
.w37-feature {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w37-feature__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-feature__heading {
    display: block;
}

.w37-feature__heading__name {
    display: flex;
    width: fit-content;
    align-items: center;
    border-bottom: 1px solid rgba(var(--main-color-w), 1);
    padding-bottom: .5em;
}

.w37-feature__heading__name__icon {
    font-size: 3em;
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
}

.w37-feature__heading__name__title {
    font-size: 2em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w37-feature__heading__imgbox {
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 2em;
}

.w37-feature__heading__imgbox__img {
    width: 100%;
}

.w37-feature__heading__des {
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w37-feature__items {
    display: flex;
    justify-content: center;
    padding: 1em;
    flex-wrap: wrap;
}

.w37-feature__items__item {
    background-color: white;
    padding: 1em;
    display: flex;
    margin-top: 0.1em;
    align-items: center;
    width: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

@media only screen and (max-width: 31.25em) {
    .w37-feature__items__item {
        width: 100%;
    }
}

.w37-feature__items__item:hover {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
}

.w37-feature__items__item__iconbox {
    margin-right: 0.5em;
    font-size: 1.5em;
    color: white;
    height: 2em;
    width: 2em;
    min-width: 2em;
    display: flex;
    position: relative;
    text-align: center;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
}

.w37-feature__items__item__info {
    font-size: 1.5em;
    line-height: 1.6em;
}

/*ed*/
/*w37-footer*/
.w37-footer {
    width: 100%;
    background-color: #F8F9FA;
    padding: 1em;
}

.w37-footer__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-footer__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: .1em solid #e7e6e6;
    padding: 1em;
}

.w37-footer__heading__imgbox {
    max-width: 20em;
    max-height: 15em;
    background-size: contain;
    background-position: center;
}

.w37-footer__heading__imgbox__img {
    width: 100%;
}

.w37-footer__heading__social {
    display: flex;
    flex-wrap: wrap;
    max-width: 60%;
}

.w37-footer__heading__social__imgbox {
    background-size: contain;
    background-position: center;
    max-width: 5em;
    margin: 1em;
    cursor: pointer;
}

.w37-footer__heading__social__imgbox__img {
    width: 100%;
}

.w37-footer__container {
    display: flex;
}

@media only screen and (max-width: 50em) {
    .w37-footer__container {
        flex-direction: column;
    }
}

.w37-footer__container__brand {
    width: 22%;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w37-footer__container__brand {
        width: 100%;
    }
}

.w37-footer__container__brand__title {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    line-height: 1.6em;
    font-weight: 600;
    padding: 0 .5em;
}

.w37-footer__container__brand__des {
    font-size: 1.4em;
    line-height: 1.6em;
    padding: .5em;
    text-align: justify;
}

.w37-footer__container__items {
    width: 22%;
    margin-left: 3%;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w37-footer__container__items {
        width: 100%;
        margin-left: 0;
    }
}

.w37-footer__container__items__title {
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
    line-height: 1.6em;
    font-weight: 600;
    padding: 0 .5em;
}

.w37-footer__container__items__info {
    font-size: 1.4em;
    display: flex;
    align-items: center;
    line-height: 1.6em;
    margin-top: .5em;
    padding: .7em;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.w37-footer__container__items__info__icon {
    margin-right: .5em;
}

.w37-footer__container__items__info:hover {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w37-pricing*/
.w37-pricing {
    width: 100%;
    padding: 2em .5em;
    background-color: white;
}

.w37-pricing__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-pricing__block {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

@media only screen and (max-width: 31.25em) {
    .w37-pricing__block {
        margin-left: 0;
    }
}

.w37-pricing__items {
    width: 24%;
    height: max-content;
    margin-left: 1%;
    border-radius: 2em;
    overflow: hidden;
    margin-bottom: 3em;
    padding: .1em;
    box-shadow: 0 0 0.5em 0.5em rgba(179, 179, 179, 0.158);
}

@media only screen and (max-width: 62.5em) {
    .w37-pricing__items {
        min-width: 48%;
        width: 48%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w37-pricing__items {
        width: 100%;
        margin-left: 0;
    }
}

.w37-pricing__items:nth-child(2) .w37-pricing__items__container__head {
    background-image: linear-gradient(#f3824c, #e04b39);
}

.w37-pricing__items:nth-child(2) .w37-pricing__items__container__head__line {
    background-image: linear-gradient(to right, #d1351e, #ff865b, #d1351e);
}

.w37-pricing__items:nth-child(2) .w37-pricing__items__btn {
    background-color: #e04b39;
}

    .w37-pricing__items:nth-child(2) .w37-pricing__items__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w37-pricing__items:nth-child(2) .w37-pricing__items__body__content__icon {
    color: #E2291C;
}

.w37-pricing__items:nth-child(3) .w37-pricing__items__container__head {
    background-image: linear-gradient(#008fff, #0a59a9);
}

.w37-pricing__items:nth-child(3) .w37-pricing__items__container__head__line {
    background-image: linear-gradient(to right, #08478f, #008dfc, #08478f);
}

.w37-pricing__items:nth-child(3) .w37-pricing__items__btn {
    background-color: #17A2B8;
}

    .w37-pricing__items:nth-child(3) .w37-pricing__items__btn:hover {
        background-color: var(--main-color-w);
    }

.w37-pricing__items:nth-child(3) .w37-pricing__items__body__content__icon {
    color: #17A2B8;
}

.w37-pricing__items:nth-child(4) .w37-pricing__items__container__head {
    background-image: linear-gradient(#d161ff, #7056f0);
}

.w37-pricing__items:nth-child(4) .w37-pricing__items__container__head__line {
    background-image: linear-gradient(to right, #6b4dfb, #bd79ff, #6b4dfb);
}

.w37-pricing__items:nth-child(4) .w37-pricing__items__btn {
    background-color: #7056f0;
}

    .w37-pricing__items:nth-child(4) .w37-pricing__items__btn:hover {
        background-color: var(--main-color-w);
    }

.w37-pricing__items:nth-child(4) .w37-pricing__items__body__content__icon {
    color: #17A2B8;
}

.w37-pricing__items__imgbox {
    background-position: center;
    background-size: contain;
    margin: 2em auto;
}

.w37-pricing__items__container {
    border-radius: 2em;
    border: 0.1em white solid;
    overflow: hidden;
}

.w37-pricing__items__container__head {
    text-align: center;
    background-image: linear-gradient(#8cb753, #178e4a);
    color: white;
    padding: 0.5em;
    position: relative;
}

.w37-pricing__items__container__head__name {
    font-weight: bolder;
    font-size: 3em;
    line-height: 1.4em;
}

.w37-pricing__items__container__head__mon {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.4em;
}

.w37-pricing__items__container__head__des {
    font-weight: bolder;
    font-size: 1.4em;
    line-height: 1.4em;
    border-top: 1px solid rgba(255, 255, 255, 0.658);
    padding: 1.5em 0 1em 0;
    margin-top: 1em;
}

.w37-pricing__items__container__head__line {
    background-image: linear-gradient(to right, #0d833e, #90bb59, #0d833e);
    height: 0.5em;
    width: calc((95% - 0.5em));
    display: block;
    bottom: -0.2em;
    margin: 0 auto;
    border-radius: 0.5em;
    left: 0;
    right: 0;
    position: absolute;
}

@keyframes zoomIn {
    0% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1.05);
    }

    0% {
        transform: scale(0.9);
    }
}

.w37-pricing__items__container__body {
    padding: 1em;
    background-color: #e3e3e3;
}

.w37-pricing__items__container__body__content {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1em;
    transition: all 0.3s ease-in-out;
}

    .w37-pricing__items__container__body__content:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.781);
    }

.w37-pricing__items__container__body__content__icon {
    margin-right: 1em;
    font-size: 3em;
    color: #28a745;
    width: 1em;
    max-width: 1em;
    display: flex !important;
    justify-content: center;
}

.w37-pricing__items__container__body__content__text {
    font-weight: 600;
    font-size: 1.3em;
    line-height: 1.5em;
}

.w37-pricing__items__container__body__content:hover {
    background-color: rgba(var(--main-color-w), 1) !important;
    border-radius: .5em;
}

    .w37-pricing__items__container__body__content:hover .w37-pricing__items__container__body__content__text {
        color: white;
    }

    .w37-pricing__items__container__body__content:hover .w37-pricing__items__container__body__content__icon {
        color: white;
    }

.w37-pricing__items__text {
    font-size: 1em;
    line-height: 1.6em;
    text-align: center;
    margin-top: 1em;
}

.w37-pricing__items__btn {
    background-color: #28a745;
    padding: 1em 2em;
    display: block;
    margin: 0 auto;
    color: white;
    text-align: center;
    font-size: 1.3em;
    border-radius: 2em;
    margin: 1em;
    font-weight: 800;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    animation: zoomIn 0.7s alternate-reverse infinite;
}

    .w37-pricing__items__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w37-pricing-1*/
.w37-pricing-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f3f3f3;
}

.w37-pricing-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-pricing-1__heading {
    display: flex;
    align-items: center;
}

.w37-pricing-1__heading__imgbox {
    margin-right: 1em;
    background-position: center;
    background-size: contain;
}

.w37-pricing-1__heading__imgbox__img {
    width: 100%;
}

.w37-pricing-1__heading__text {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.5em;
}

.w37-pricing-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
}

.w37-pricing-1__items__item {
    background-color: white;
    border-radius: 2em;
    padding: 2em;
    position: relative;
    margin-top: 2em;
    margin-left: 2%;
    box-shadow: 0 1em 2em rgba(0, 0, 0, 0.112);
    width: 31.3333333%;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 50em) {
    .w37-pricing-1__items__item {
        width: 48%;
    }
}

.w37-pricing-1__items__item:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w37-pricing-1__items__item__per {
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    height: 4em;
    width: 4em;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    right: 1em;
    top: -1em;
    color: white;
}

.w37-pricing-1__items__item__per__text {
    font-size: 1.1em;
    font-weight: 600;
    margin-top: -0.5em;
}

.w37-pricing-1__items__item__info__name {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.5em;
    color: black;
}

.w37-pricing-1__items__item__info__des {
    line-height: 1.5em;
    font-size: 1.4em;
    margin-top: 0.5em;
    color: black;
}

.w37-pricing-1__items__item__info__downprice {
    line-height: 1.5em;
    font-size: 1.4em;
    margin-top: 2em;
    color: black;
}

.w37-pricing-1__items__item__info__mainprice {
    line-height: 1.5em;
    font-size: 1.4em;
    margin-top: 0.5em;
    text-decoration: line-through;
    color: #919191;
}

.w37-pricing-1__items__item:hover .w37-pricing-1__items__item__info__name,
.w37-pricing-1__items__item:hover .w37-pricing-1__items__item__info__des,
.w37-pricing-1__items__item:hover .w37-pricing-1__items__item__info__mainprice,
.w37-pricing-1__items__item:hover .w37-pricing-1__items__item__info__downprice {
    color: white;
}

/*ed*/
/*w37-service*/
.w37-service {
    width: 100%;
    position: relative;
    padding: 1em;
    background-color: white;
}

.w37-service__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w37-service .gallery-thumbs {
    overflow: hidden;
}

.w37-service .active {
    color: rgba(var(--main-color-w), 1);
}

.w37-service .swiper-button-next {
    color: #cecece;
}

.w37-service .swiper-button-prev {
    color: #cecece;
}

.w37-service .swiper-slide {
    width: 24%;
}

    .w37-service .swiper-slide:not(:first-child) {
        margin-left: 1.33333333333333333333%;
    }

.w37-service__item {
    margin-top: 2em;
    text-align: center;
    color: #a7a7a7;
}

@media only screen and (max-width: 37.5em) {
    .w37-service__item {
        margin-top: 2em;
        width: 49.3% !important;
    }
}

.w37-service__item__icon {
    font-size: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w37-service__item__icon {
        margin: 0 .3em 0 .3em;
        width: 1.5em;
        min-width: 1.5em;
        font-size: 3em;
    }
}

.w37-service__item__info {
    margin-top: .5em;
}

@media only screen and (max-width: 37.5em) {
    .w37-service__item__info {
        margin: 1em 1em 0 1em;
    }
}

.w37-service__item__info__des {
    font-weight: 300;
    line-height: 1.8em;
}

.w37-service__item__info__name {
    line-height: 1.8em;
    font-size: 1.4em;
    font-weight: 600;
}

/*ed*/
/*w37-service-1*/
.w37-service-1 {
    width: 100%;
    background-color: #f7f7f7;
    padding: 1em 0;
}

.w37-service-1__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w37-service-1__heading {
    display: block;
}

.w37-service-1__heading__name {
    display: flex;
    width: fit-content;
    align-items: center;
    border-bottom: 1px solid rgba(var(--main-color-w), 1);
    padding-bottom: .5em;
}

.w37-service-1__heading__name__icon {
    font-size: 3em;
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
}

.w37-service-1__heading__name__title {
    font-size: 2em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w37-service-1__heading__imgbox {
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 2em;
}

.w37-service-1__heading__imgbox__img {
    width: 100%;
}

.w37-service-1__heading__des {
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w37-service-1__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-left: -7.3333333%;
}

@media only screen and (max-width: 37.5em) {
    .w37-service-1__items {
        flex-direction: column;
    }
}

.w37-service-1__items__item {
    width: 26%;
    margin-left: 7.3333333%;
    margin-top: 2em;
    position: relative;
    padding: 1em 1em 0 1em;
    height: fit-content;
    background-color: #f7f7f7;
    display: block;
    overflow: hidden;
}

@media only screen and (max-width: 37.5em) {
    .w37-service-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w37-service-1__items__item__des {
    font-size: 1.6em;
    display: block;
    line-height: 1.6em;
    font-weight: 600;
    margin-top: .5em;
    text-align: center;
}

.w37-service-1__items__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w37-service-1__items__item__imgbox__img {
    width: 100%;
}

/*ed*/
/*w37-pricing-2*/
.w37-pricing-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f3f3f3;
}

.w37-pricing-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w37-pricing-2__heading {
    display: flex;
    align-items: center;
}

.w37-pricing-2__heading__imgbox {
    margin-right: 1em;
    background-position: center;
    background-size: contain;
}

.w37-pricing-2__heading__imgbox__img {
    width: 100%;
}

.w37-pricing-2__heading__text {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.5em;
}

.w37-pricing-2__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -2%;
}

@media only screen and (max-width: 37.5em) {
    .w37-pricing-2__items {
        margin-left: 0;
    }
}

.w37-pricing-2__items__item {
    display: flex;
    align-items: center;
    width: 48%;
    margin-top: 2em;
    border-bottom: 1px solid #e0e0e0;
    padding: 1em;
    margin-left: 2%;
}

@media only screen and (max-width: 37.5em) {
    .w37-pricing-2__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w37-pricing-2__items__item__imgbox {
    height: 4em;
    width: 4em;
    min-width: 4em;
    background-position: center;
    background-size: contain;
    margin-right: 2em;
}

.w37-pricing-2__items__item__imgbox__img {
    width: 100%;
}

.w37-pricing-2__items__item__info__name {
    font-weight: 600;
    font-size: 1.5em;
    line-height: 1.5em;
    color: black;
}

.w37-pricing-2__items__item__info__des {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #696969;
    margin-top: .5em;
}

.w37-pricing-2__items__item__price {
    margin-left: auto;
    display: block;
    width: fit-content;
    text-align: center;
}

.w37-pricing-2__items__item__price__main {
    font-size: 1.5em;
    line-height: 1.5em;
    color: #696969;
    margin-top: .5em;
    display: block;
}

.w37-pricing-2__items__item__price__down {
    color: #2e7cf6;
    background-color: rgba(46, 124, 246, 0.1);
    font-weight: 600;
    font-size: 1.4em;
    padding: 0.5em 1.2em;
    border-radius: 2em;
    display: block;
}

.w37-pricing-2__items__item__price:hover {
    text-decoration: underline;
}

/*ed*/
/*w37-menu*/
.w37-menu {
    width: 100%;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w37-menu {
        position: static;
        z-index: 2;
    }
}

@media only screen and (min-width: 50em) {
    .w37-menu__ab {
        position: absolute;
        z-index: 2;
        background-color: transparent;
    }
}

.w37-menu__group {
    max-width: 120em;
    margin: 0 auto;
    position: relative;
}

.w37-menu__container {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
    margin-bottom: 1em;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w37-menu__container {
        margin-bottom: 0;
        width: calc(100% - 4em);
        justify-content: space-evenly;
        margin-left: 4em;
    }
}

.w37-menu__container__logo {
    min-width: 15em;
    height: 7em;
    background-size: contain;
    background-position: center;
}

@media only screen and (min-width: 50em) {
    .w37-menu__container__logo {
        flex-grow: 2;
    }
}

.w37-menu__container__logo__img {
    width: 100%;
}

.w37-menu__container__user {
    display: flex;
    position: absolute;
    right: 1em;
}

@media only screen and (max-width: 50em) {
    .w37-menu__container__user {
        position: relative;
        right: 0;
    }
}

.w37-menu__container__user__icon {
    font-size: 2em;
    margin-left: 2em;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w37-menu__container__user__iconbox {
    position: relative;
    width: fit-content;
    margin-left: 2em;
    overflow: hidden;
}

.w37-menu__container__user__iconbox__icon {
    font-size: 2.2em;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w37-menu__container__user__iconbox__text {
    position: absolute;
    color: white;
    top: 0.3em;
    left: 1.35em;
    font-size: 0.9em;
    z-index: 1;
    font-weight: 600;
}

.w37-menu__container__user__iconbox:hover .w37-menu__container__user__iconbox__text {
    animation: 0.5s w37-mcuitext;
}

@keyframes w37-mcuitext {
    0% {
        transform: translateY(0);
    }

    30% {
        transform: translateY(2em);
        visibility: hidden;
    }

    50% {
        transform: translateY(-2em);
        visibility: hidden;
    }

    60% {
        transform: translateY(0.3em);
    }

    88% {
        transform: translateY(-0.1em);
    }
}

.w37-menu-nav__checkbox {
    display: none;
}

.w37-menu-nav__button {
    height: 2.5em;
    width: 2.5em;
    margin-right: 1em;
}

@media only screen and (min-width: 50em) {
    .w37-menu-nav__button {
        display: none;
    }
}

.w37-menu-nav__icon {
    font-size: 2.5em;
}

.w37-menu-nav__checkbox:checked ~ .w37-menu__items {
    visibility: visible;
    max-height: 100em;
    overflow: visible;
}

.w37-menu-nav {
    cursor: pointer;
    z-index: 1;
    position: absolute;
    margin: auto 0;
    top: 0;
    bottom: 0;
    left: 1em;
    height: 3em;
}

@media only screen and (min-width: 50em) {
    .w37-menu-nav {
        display: none;
    }
}

.w37-menu-nav__icon {
    background-color: black;
}

    .w37-menu-nav__icon::before, .w37-menu-nav__icon::after {
        background-color: black;
    }

.w37-menu__items {
    list-style: none;
    display: flex;
    position: relative;
    justify-content: center;
    z-index: 2;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items {
        background-color: white;
    }
}

@media only screen and (max-width: 50em) {
    .w37-menu__items {
        flex-direction: column;
        position: absolute;
        width: 100%;
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.205);
        transition: all 0.2s;
        padding-top: 1em;
        visibility: hidden;
        max-height: 0;
        overflow: hidden;
    }
}

.w37-menu__items__ar {
    position: absolute;
    width: 2em;
    z-index: 1;
    top: -0.9em;
    left: 2em;
    -webkit-filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
    filter: drop-shadow(0 -2px 2px rgba(0, 0, 0, 0.12));
}

@media only screen and (min-width: 50em) {
    .w37-menu__items__ar {
        display: none;
    }
}

.w37-menu__items-nav__checkbox {
    display: none;
}

.w37-menu__items-nav__button {
    padding: 1em 2em;
}

@media only screen and (min-width: 50em) {
    .w37-menu__items-nav__button {
        display: none;
    }
}

.w37-menu__items-nav__icon {
    font-size: 2.5em;
}

.w37-menu__items__item {
    position: relative;
    margin-left: 2em;
    padding-bottom: 1em;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__item {
        padding: 1em;
        margin-left: 0;
    }
}

.w37-menu__items__item__link {
    cursor: pointer;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w37-menu__items__item__link__icon {
    margin-left: auto;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.5em;
    transition: all 0.2s ease;
}

.w37-menu__items__item__link__text {
    font-size: 1.5em;
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.5em;
}

.w37-menu__items__item__span {
    position: absolute;
    height: 0.15em;
    margin-top: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    transition: all 0.2s;
    width: 0;
}

.w37-menu__items__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w37-menu__items__item:hover .w37-menu__items__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w37-menu__items__item:hover .w37-menu__items__item__span {
        max-width: calc(100% - 2em);
    }
}

@media only screen and (min-width: 50em) {
    .w37-menu__items__item:hover .w37-menu__items__item__link .w37-menu__items__item__link__icon {
        transform: rotate(180deg);
    }
}

.w37-menu__items__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__item__checkbox:checked ~ .w37-menu__items__drop-1 {
        visibility: visible;
        margin-top: 0.5em;
        max-height: 100em;
        transition: all 0.2s ease;
        overflow: visible;
    }
}

.w37-menu__items__item__checkbox:checked ~ .w37-menu__items__item__link .w37-menu__items__item__link__icon {
    transform: rotate(180deg);
}

.w37-menu__items__item:hover {
    overflow: visible;
}

    .w37-menu__items__item:hover .w37-menu__items__drop-1 {
        left: 0;
        transition: all 0.2s;
        visibility: visible;
    }

.w37-menu__items__drop-1__item__checkbox {
    display: none;
}

.w37-menu__items__drop-2__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-1__item__checkbox:checked ~ .w37-menu__items__drop-2 {
        visibility: visible;
        margin-top: 1em;
        max-height: 100em;
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-2__item__checkbox:checked ~ .w37-menu__items__drop-3 {
        visibility: visible;
        margin-top: 1em;
        max-height: 100em;
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-1__item__checkbox:checked ~ .w37-menu__items__drop-1__item__link .w37-menu__items__drop-1__item__link__icon {
        transform: rotate(180deg);
    }
}

.w37-menu__items__drop-2__item:hover .w37-menu__items__drop-3 {
    visibility: visible;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-2__item:hover .w37-menu__items__drop-3 {
        max-height: fit-content;
    }
}

.w37-menu__items__drop-1 {
    list-style: none;
    position: absolute;
    left: 0;
    top: initial;
    visibility: hidden;
    background-color: white;
    box-shadow: 0.1em 0.1em 0.3em #eee;
    z-index: 1;
    width: 25em;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-1 {
        flex-direction: column;
        position: relative;
        top: initial;
        width: 100%;
        max-height: 0;
        padding: 0 0.5em;
        margin: 0;
        overflow: hidden;
    }
}

.w37-menu__items__drop-1__item {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    color: black;
    width: 100%;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-1__item {
        position: relative;
        margin-top: 0;
        width: 100%;
    }
}

.w37-menu__items__drop-1__item__link {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
}

.w37-menu__items__drop-1__item__link__icon {
    margin-left: auto;
    color: rgba(var(--main-color-w), 1);
    display: block;
    width: fit-content;
    font-size: 1.5em;
    transition: all 0.2s ease;
}

.w37-menu__items__drop-1__item__link__text {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.5em;
    font-size: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

.w37-menu__items__drop-1__item__span {
    position: absolute;
    height: 0.15em;
    margin-top: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    transition: all 0.2s;
    width: 0;
    max-width: calc(100% - 2em);
}

.w37-menu__items__drop-1__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w37-menu__items__drop-1__item:hover .w37-menu__items__drop-1__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (min-width: 50em) {
    .w37-menu__items__drop-1__item:hover .w37-menu__items__drop-1__item__link .w37-menu__items__drop-1__item__link__icon {
        transform: rotate(-90deg);
    }
}

.w37-menu__items__drop-2 {
    list-style: none;
    position: absolute;
    left: 25em;
    background-color: white;
    z-index: 1;
    visibility: hidden;
    width: 25em;
    top: -1em;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-2 {
        flex-direction: column;
        position: relative;
        top: initial;
        width: 100%;
        left: 0;
        padding: 0 0.5em;
        max-height: 0;
        margin-top: 0;
    }
}

.w37-menu__items__drop-2__item {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    color: black;
    padding: 1em;
}

.w37-menu__items__drop-2__item__link {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
}

.w37-menu__items__drop-2__item__link__icon {
    margin-left: auto;
    color: rgba(var(--main-color-w), 1);
    display: block;
    width: fit-content;
    font-size: 1.5em;
    transition: all 0.2s ease;
}

.w37-menu__items__drop-2__item__link__text {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.5em;
    font-size: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

.w37-menu__items__drop-2__item__span {
    position: absolute;
    height: 0.15em;
    margin-top: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    transition: all 0.2s;
    width: 0;
    max-width: calc(100% - 2em);
}

.w37-menu__items__drop-2__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w37-menu__items__drop-2__item:hover .w37-menu__items__drop-2__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
    }

    .w37-menu__items__drop-2__item:hover .w37-menu__items__drop-2__item__link .w37-menu__items__drop-2__item__link__icon {
        transform: rotate(-90deg);
    }

.w37-menu__items__drop-3 {
    list-style: none;
    position: absolute;
    left: 25em;
    background-color: white;
    z-index: 1;
    visibility: hidden;
    width: 25em;
    top: -1em;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w37-menu__items__drop-3 {
        flex-direction: column;
        position: relative;
        top: initial;
        width: 100%;
        left: 0;
        padding: 0 0.5em;
        max-height: 0;
        margin-top: 0;
    }
}

.w37-menu__items__drop-3__item {
    text-transform: capitalize;
    cursor: pointer;
    position: relative;
    color: black;
    padding: 1em;
}

.w37-menu__items__drop-3__item__link {
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
}

.w37-menu__items__drop-3__item__link__icon {
    margin-left: auto;
    color: rgba(var(--main-color-w), 1);
    display: block;
    width: fit-content;
    font-size: 1.5em;
    transition: all 0.2s ease;
}

.w37-menu__items__drop-3__item__link__text {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.5em;
    font-size: 1.5em;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: normal;
}

.w37-menu__items__drop-3__item__span {
    position: absolute;
    height: 0.15em;
    margin-top: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    transition: all 0.2s;
    width: 0;
    max-width: calc(100% - 2em);
}

.w37-menu__items__drop-3__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w37-menu__items__drop-3__item:hover .w37-menu__items__drop-3__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
    }

    .w37-menu__items__drop-3__item:hover .w37-menu__items__drop-3__item__link .w37-menu__items__drop-3__item__link__icon {
        transform: rotate(-90deg);
    }

.w37-menu__nav__checkbox-search:checked ~ .w37-menu__search {
    top: 0;
    visibility: visible;
}

.w37-menu__nav__checkbox-search {
    display: none;
    cursor: pointer;
}

.w37-menu__search {
    position: absolute;
    top: -15em;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white !important;
    padding: 4em;
    color: #757575;
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w37-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w37-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
}

.w37-menu__search__content__title__icon {
    font-size: 1.5em;
    background: none;
    border: none;
    cursor: pointer;
}

.w37-menu__search__content__title__checkbox {
    cursor: pointer;
}

.w37-menu__search__content__input {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    width: 100%;
    border-bottom: 0.2em solid #f5f5f5 !important;
}

.w37-menu__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
    color: black;
    width: 100%;
    font-family: "SVN-Sofia Pro Light";
}

    .w37-menu__search__content__input__text::-webkit-input-placeholder {
        color: black;
    }

    .w37-menu__search__content__input__text:focus {
        outline: none;
    }

.w37-menu__search__content__input__icon {
    cursor: pointer;
    font-size: 3em;
}

/*ed*/
/*w37-childmn*/
.w37-childmn {
    width: 100%;
    padding: 1em;
}

.w37-childmn__group {
    margin: 0 auto;
}

.w37-childmn__heading {
    display: block;
}

.w37-childmn__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w37-childmn__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 2em;
}

.w37-childmn__heading__imgbox__img {
    width: 100%;
}

.w37-childmn__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w37-childmn__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

    .w37-childmn__items .active {
        color: rgba(var(--main-color-w), 1);
    }

.w37-childmn__items__item {
    display: flex;
    align-items: center;
    color: #666666;
    cursor: pointer;
    border-top: 1px solid rgba(var(--main-color-w), 1);
    padding: 1em;
    box-shadow: 0 0.5em 0.5em rgba(253, 0, 0, 0.1);
}

    .w37-childmn__items__item:not(:last-child) {
        border-right: 1px solid rgba(var(--main-color-w), 1);
    }

.w37-childmn__items__item__icon {
    font-size: 1.4em;
    margin-right: 0.5em;
}

.w37-childmn__items__item__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w37-childmn__items__item:hover {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w38-ads-1*/
.w38-ads-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: #eef0ef;
}

.w38-ads-1__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
}

.w38-ads-1__heading {
    display: block;
}

.w38-ads-1__heading__title {
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1em;
    max-width: 100%;
    color: black;
    position: relative;
}

.w38-ads-1__heading__title__line {
    height: 0.1em;
    width: 10em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -0.5em;
}

.w38-ads-1__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w38-ads-1__heading__imgbox__img {
    width: 100%;
}

.w38-ads-1__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w38-ads-1__items {
    width: 100%;
    position: relative;
    margin-top: 2em;
    margin-left: -1%;
}

    .w38-ads-1__items .swiper-wrapper {
        display: flex;
    }

    .w38-ads-1__items .swiper-button-next {
        color: white;
    }

    .w38-ads-1__items .swiper-button-prev {
        color: white;
        margin-left: 1%;
    }

    .w38-ads-1__items .swiper-pagination {
        margin-top: 2em;
        position: relative;
    }

    .w38-ads-1__items .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        position: relative;
    }

    .w38-ads-1__items .swiper-pagination-bullet-active {
        position: relative;
    }

        .w38-ads-1__items .swiper-pagination-bullet-active::after {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(var(--main-color-w), 1);
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transform: scale(2);
        }

.w38-ads-1__items__item {
    cursor: pointer;
    margin-left: 1%;
    border-radius: 50%;
    overflow: hidden;
    height: 20em !important;
    width: 20em !important;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w38-ads-1__items__item {
        width: 49% !important;
    }
}

.w38-ads-1__items__item__imgbox {
    background-origin: content-box;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.w38-ads-1__items__item__imgbox__img {
    width: 100%;
}

.w38-ads-1__items__item__name {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 0.5em;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    width: 90%;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    transition: all 0.2s ease;
    height: fit-content;
    z-index: 2;
    margin-bottom: .5em;
    padding-top: .5em;
}

.w38-ads-1__items__item::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
}

.w38-ads-1__items__item:hover::after {
    visibility: visible;
}

.w38-ads-1__items__item:hover .w38-ads-1__items__item__name {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(50%);
    bottom: 50%;
    background-color: transparent;
}

/*ed*/
/*w38-ads-2*/
.w38-ads-2 {
    width: 100%;
    padding: 2em 1em;
    transform: translateY(-50%);
    z-index: 1;
    position: relative;
}

.w38-ads-2__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
}

.w38-ads-2__items {
    width: 100%;
    position: relative;
    margin-top: 2em;
}

    .w38-ads-2__items .swiper-wrapper {
        display: flex;
    }

    .w38-ads-2__items .swiper-button-next {
        color: white;
    }

    .w38-ads-2__items .swiper-button-prev {
        color: white;
        margin-left: 1%;
    }

    .w38-ads-2__items .swiper-pagination {
        margin-top: 2em;
        position: relative;
    }

    .w38-ads-2__items .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        position: relative;
    }

    .w38-ads-2__items .swiper-pagination-bullet-active {
        position: relative;
    }

        .w38-ads-2__items .swiper-pagination-bullet-active::after {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(var(--main-color-w), 1);
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transform: scale(2);
        }

.w38-ads-2__items__item {
    cursor: pointer;
    border-radius: 50%;
    overflow: hidden;
    width: 28em !important;
    border: 1em solid white;
    height: 28em !important;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w38-ads-2__items__item {
        width: 49% !important;
    }
}

.w38-ads-2__items__item__imgbox {
    background-origin: content-box;
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
}

.w38-ads-2__items__item__imgbox__img {
    width: 100%;
}

.w38-ads-2__items__item__name {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 0.5em;
    font-weight: 600;
    position: absolute;
    bottom: 0;
    width: 90%;
    display: block;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    color: white;
    transition: all 0.2s ease;
    height: fit-content;
    z-index: 2;
    margin-bottom: .5em;
    padding-top: .5em;
}

.w38-ads-2__items__item::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 1;
    top: 0;
    left: 0;
    visibility: hidden;
}

.w38-ads-2__items__item:hover::after {
    visibility: visible;
}

.w38-ads-2__items__item:hover .w38-ads-2__items__item__name {
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(50%);
    bottom: 50%;
    background-color: transparent;
}

/*ed*/
/*w38-ads*/
.w38-ads {
    position: relative;
    max-width: 100%;
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: #f7f7f7;
    color: var(--text-color-w);
    padding: 2em 1em;
    background-image: url(../img/w38/bgads1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.w38-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-ads__heading {
    display: block;
}

.w38-ads__heading__title {
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1em;
    max-width: 100%;
    color: white;
    position: relative;
}

.w38-ads__heading__title__line {
    height: 0.1em;
    width: 10em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -0.5em;
}

.w38-ads__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    color: white;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w38-ads__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w38-ads__heading__imgbox__img {
    margin: 0 auto;
}

.w38-ads__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%;
}

.w38-ads__card__item {
    border-radius: 0.5em;
    transition: all 0.2s linear;
    width: 32.33333%;
    margin-left: 1%;
    background-color: white;
    margin-top: 2em;
    margin-bottom: 2em;
    height: max-content;
}

    .w38-ads__card__item:nth-child(1), .w38-ads__card__item:nth-child(3) {
        margin-top: 6em;
    }

    .w38-ads__card__item:nth-child(3n + 1) {
        margin-top: 6em;
    }

@media only screen and (max-width: 50em) {
    .w38-ads__card__item {
        width: 33%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w38-ads__card__item {
        width: 49%;
    }
}

.w38-ads__card__item:hover {
    box-shadow: 1em 1em 3em black;
}

    .w38-ads__card__item:hover .w38-ads__card__item__icon {
        transform: rotate(360deg);
    }

.w38-ads__card__item__text {
    font-size: 1.4em;
    line-height: 1.4em;
    text-align: justify;
    margin: 1em;
}

.w38-ads__card__item__icon {
    font-size: 4em;
    margin: 0 auto;
    width: fit-content;
    display: block !important;
    margin-top: 0.5em;
    transition: all 1s ease;
}

.w38-ads__card__item__name {
    font-size: 1.6em;
    padding: 0.5em;
    font-weight: 600;
    display: block;
    width: 100%;
    margin: 0 auto;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    text-align: center;
}

/*ed*/
/*w38-footer*/
.w38-footer {
    width: 100%;
    background-color: #01304C;
    padding: 2em 1em;
    color: white;
}

.w38-footer__group {
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width: 50em) {
    .w38-footer__group {
        flex-direction: column;
    }
}

.w38-footer__brand {
    width: 22%;
    margin-bottom: 2em;
    text-align: center;
    border-right: 1px solid rgba(255, 255, 255, 0.207);
}

@media only screen and (max-width: 50em) {
    .w38-footer__brand {
        width: 100%;
    }
}

.w38-footer__brand__des {
    font-size: 3em;
    line-height: 1.4em;
    background: -webkit-gradient(linear, left top, right top, from(#be9945), color-stop(#e0b936), color-stop(#f6ed78), color-stop(#be9945), color-stop(#f8e473), color-stop(#f9e876), to(#be9945));
    background: -webkit-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945);
    background: -moz-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945);
    background: -o-linear-gradient(left, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945);
    background: linear-gradient(to right, #be9945, #e0b936, #f6ed78, #be9945, #f8e473, #f9e876, #be9945);
    display: inline-block;
    margin: 0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: 600;
}

.w38-footer__brand__imgbox {
    max-width: 30em;
    max-height: 15em;
    margin-top: 3em;
    background-size: contain;
    background-position: center;
}

.w38-footer__brand__imgbox__img {
    width: 100%;
}

.w38-footer__items {
    width: 22%;
    margin-left: 3%;
    border-right: 1px solid rgba(255, 255, 255, 0.207);
}

@media only screen and (max-width: 50em) {
    .w38-footer__items {
        width: 100%;
        margin-left: 0;
    }
}

.w38-footer__items__title {
    color: white;
    font-size: 2em;
    line-height: 1.4em;
    font-weight: 600;
    padding: .5em 1em;
}

.w38-footer__items__info {
    font-size: 1.4em;
    display: flex;
    align-items: center;
    line-height: 1.8em;
    padding: 1em;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

.w38-footer__items__info__icon {
    margin-right: .5em;
}

.w38-footer__items__info:hover {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w38-footer-1*/
.w38-footer-1 {
    padding: 1em;
    width: 100%;
    background-color: #2d2d2d;
}

.w38-footer-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-footer-1__des {
    font-size: 1.4em;
    text-align: center;
    line-height: 1.7em;
}

.w38-footer-1__content {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 43.75em) {
    .w38-footer-1__content {
        color: rgba(var(--main-color-w), 1);
    }
}

.w38-footer-1__content__imgbox {
    width: 29.5%;
    background-position: center;
    background-size: contain;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__imgbox {
        margin: 0 auto;
        margin-top: 2em;
        width: fit-content;
    }
}

.w38-footer-1__content__imgbox__img {
    width: 100%;
}

.w38-footer-1__content__items {
    display: flex;
    width: 49.5%;
    flex-wrap: wrap;
    margin-left: 0.5%;
    margin-top: 2em;
}

@media only screen and (max-width: 43.75em) {
    .w38-footer-1__content__items {
        width: 100%;
        margin-top: 1em;
    }
}

.w38-footer-1__content__items__item {
    width: 32.333333%;
    margin-bottom: 1em;
    margin-left: 1%;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__items__item {
        width: 49%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w38-footer-1__content__items__item {
        width: 100%;
        text-align: center;
    }
}

.w38-footer-1__content__items__item__heading__text {
    font-size: 1.2em;
    padding-bottom: 0.5em;
    line-height: 1.8em;
    font-weight: 800;
    color: black;
    color: white;
}

.w38-footer-1__content__items__item__heading__line {
    width: 80%;
    background-color: rgba(var(--main-color-w), 1);
    height: 0.2em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w38-footer-1__content__items__item__heading__line {
        width: 100%;
    }
}

.w38-footer-1__content__items__item__iconbox {
    display: flex;
    margin-top: 0.5em;
}

.w38-footer-1__content__items__item__iconbox__icon {
    font-size: 2em;
    border: 1px solid white;
    border-radius: 50%;
    padding: 0.3em;
    color: white;
    margin-right: 0.2em;
}

.w38-footer-1__content__items__item__des {
    font-size: 1.1em;
    margin-top: 0.7em;
    line-height: 1.6em;
    color: white;
}

@media only screen and (max-width: 31.25em) {
    .w38-footer-1__content__items__item__box__link {
        justify-content: center;
    }
}

.w38-footer-1__content__items__item__box__link__chu {
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 0.5em;
    display: block;
    color: white;
}

.w38-footer-1__content__items__item__box__link__info {
    padding: 1em 0 1em 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: white;
}

.w38-footer-1__content__items__item__box__link__info__icon {
    margin-right: 0.5em;
    font-size: 1em;
}

.w38-footer-1__content__items__item__box__link__info__text {
    display: block;
    font-size: 1em;
}

.w38-footer-1__content__items__block {
    width: 66.666666%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__items__block {
        width: 100%;
    }
}

.w38-footer-1__content__items__block__item {
    width: 49%;
    margin-bottom: 1em;
    margin-left: 1%;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__items__block__item {
        width: 49%;
    }
}

@media only screen and (max-width: 31.25em) {
    .w38-footer-1__content__items__block__item {
        width: 100%;
        text-align: center;
    }
}

.w38-footer-1__content__items__block__item__heading__text {
    font-size: 1.2em;
    padding-bottom: 0.5em;
    line-height: 1.8em;
    font-weight: 800;
    color: black;
    color: white;
}

.w38-footer-1__content__items__block__item__heading__line {
    width: 80%;
    background-color: rgba(var(--main-color-w), 1);
    height: 0.2em;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__items__block__item__heading__line {
        width: 100%;
    }
}

.w38-footer-1__content__items__block__item__iconbox {
    display: flex;
    margin-top: 0.5em;
}

.w38-footer-1__content__items__block__item__iconbox__icon {
    font-size: 2em;
    border: 1px solid white;
    border-radius: 50%;
    padding: 0.3em;
    color: white;
    margin-right: 0.2em;
}

.w38-footer-1__content__items__block__item__des {
    font-size: 1.1em;
    margin-top: 0.7em;
    line-height: 1.6em;
    color: white;
}

@media only screen and (max-width: 31.25em) {
    .w38-footer-1__content__items__block__item__box__link {
        justify-content: center;
    }
}

.w38-footer-1__content__items__block__item__box__link__chu {
    font-size: 1.2em;
    font-weight: 600;
    margin-top: 0.5em;
    display: block;
    color: white;
}

.w38-footer-1__content__items__block__item__box__link__info {
    padding: 1em 0 1em 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: white;
}

.w38-footer-1__content__items__block__item__box__link__info__icon {
    margin-right: 0.5em;
    font-size: 1em;
}

.w38-footer-1__content__items__block__item__box__link__info__text {
    display: block;
    font-size: 1em;
}

.w38-footer-1__content__items__block__if {
    width: 100%;
    height: fit-content;
}

.w38-footer-1__content__company {
    width: 19.5%;
    margin-left: 0.5%;
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__company {
        width: 100%;
    }
}

.w38-footer-1__content__company__heading__text {
    font-size: 1.2em;
    padding-bottom: 0.5em;
    line-height: 1.8em;
    font-weight: 800;
    color: black;
    color: white;
}

.w38-footer-1__content__company__heading__line {
    width: 80%;
    background-color: rgba(var(--main-color-w), 1);
    height: 0.2em;
    display: block;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__company__heading__line {
        width: 100%;
    }
}

.w38-footer-1__content__company__imgbox {
    margin-top: 2em;
}

@media only screen and (max-width: 50em) {
    .w38-footer-1__content__company__imgbox {
        margin: 0 auto;
        margin-top: 2em;
        width: fit-content;
    }
}

.w38-footer-1__content__company__text {
    color: white;
    font-size: 1.1em;
    line-height: 1.6em;
    margin-top: 2em;
}

/*ed*/
/*w38-partner*/
.w38-partner {
    width: 100%;
    padding: 2em 1em;
    background-color: #EEF0EF;
}

.w38-partner__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
}

.w38-partner__heading {
    display: block;
}

.w38-partner__heading__title {
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1em;
    max-width: 100%;
    color: black;
    position: relative;
}

.w38-partner__heading__title__line {
    height: 0.1em;
    width: 10em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -0.5em;
}

.w38-partner__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w38-partner__heading__imgbox__img {
    width: 100%;
}

.w38-partner__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w38-partner__items {
    width: 100%;
    position: relative;
    margin-top: 2em;
    margin-left: -1%;
}

    .w38-partner__items .swiper-wrapper {
        display: flex;
    }

    .w38-partner__items .swiper-button-next {
        color: white;
    }

    .w38-partner__items .swiper-button-prev {
        color: white;
        margin-left: 1%;
    }

    .w38-partner__items .swiper-pagination {
        margin-top: 2em;
        position: relative;
    }

    .w38-partner__items .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        position: relative;
    }

    .w38-partner__items .swiper-pagination-bullet-active {
        position: relative;
    }

        .w38-partner__items .swiper-pagination-bullet-active::after {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(var(--main-color-w), 1);
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transform: scale(2);
        }

.w38-partner__items__item {
    cursor: pointer;
    width: 19% !important;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w38-partner__items__item {
        width: 49% !important;
    }
}

.w38-partner__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    margin: .5em;
}

.w38-partner__items__item__imgbox__img {
    width: 100%;
}

.w38-partner__items__item__imgbox__iconbox {
    position: absolute;
    left: 0;
    right: 0;
    display: inline-block;
    width: 4em;
    height: 4em;
    bottom: 2em;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid white;
    margin: 0 auto;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w38-partner__items__item__imgbox__iconbox {
        width: 2em;
        height: 2em;
    }
}

.w38-partner__items__item__imgbox__iconbox__icon {
    font-size: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w38-partner__items__item__imgbox__iconbox__icon {
        font-size: 1em;
    }
}

.w38-partner__items__item__name {
    font-size: 1.5em;
    text-align: center;
    font-size: 1.5em;
    margin: 0.5em;
    font-weight: 600;
}

/*ed*/
/*w38-testimonial*/
.w38-testimonial {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: white;
    padding: 3em 1em;
    color: var(--text-color-w);
}

.w38-testimonial__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-testimonial__heading {
    display: block;
}

.w38-testimonial__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w38-testimonial__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w38-testimonial__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w38-testimonial__heading__imgbox__img {
    margin: 0 auto;
}

.w38-testimonial .ws-swiper {
    overflow: hidden;
    max-width: 80em;
    margin: 0 auto;
}

.w38-testimonial .swiper-pagination-bullet {
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

.w38-testimonial .swiper-pagination-bullet-active {
    position: relative;
}

    .w38-testimonial .swiper-pagination-bullet-active::after {
        content: "";
        width: 100%;
        height: 100%;
        border: 1px solid rgba(var(--main-color-w), 1);
        position: absolute;
        border-radius: 50%;
        left: 0;
        top: 0;
        transform: scale(2);
    }

.w38-testimonial__item {
    display: block;
    margin: 2em auto;
    align-items: center;
    position: relative;
    align-content: center;
}

.w38-testimonial__item__des {
    font-size: 1.4em;
    font-weight: 400;
    line-height: 1.8em;
    text-align: justify;
}

.w38-testimonial__item__human {
    display: inline-block;
    justify-content: center;
    position: relative;
    shape-outside: circle();
    margin-right: 3em;
    margin-bottom: 1em;
    float: left;
}

.w38-testimonial__item__human__imgbox {
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    min-width: 20em;
    min-height: 20em;
    margin: 0 auto;
}

.w38-testimonial__item__human__imgbox__img {
    width: 100%;
    height: 100%;
}

.w38-testimonial__item__human__iconbox {
    max-width: 6em;
    max-height: 6em;
    position: absolute;
    bottom: 0;
    right: 2em;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
    border-radius: 50%;
    z-index: 1;
}

.w38-testimonial__item__human__iconbox__icon {
    color: white;
}

/*ed*/
/*w38-menu*/
.w38-menu {
    width: 100%;
    display: block;
    overflow: visible;
    z-index: 4;
    background-color: white;
    position: relative;
}

.w38-menu__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w38-menu__group {
        padding: 1em;
        flex-direction: column;
    }
}

.w38-menu__logobox {
    text-align: center;
    height: 5em;
    max-width: 15em;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.w38-menu__logobox__img {
    max-width: 100%;
}

.w38-menu-nav__checkbox {
    display: none;
}

    .w38-menu-nav__checkbox:checked ~ .w38-menu__items {
        visibility: visible;
        opacity: 1;
    }

.w38-menu-nav__button {
    border: 1px solid rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1em;
    border-radius: .5em;
    margin-top: 1em;
}

@media only screen and (min-width: 50em) {
    .w38-menu-nav__button {
        display: none;
    }
}

.w38-menu-nav__button__text {
    margin-left: .5em;
    font-size: 1.4em;
    margin-top: -1px;
    font-weight: 600;
}

.w38-menu-nav__button__icon {
    font-size: 1.4em;
}

.w38-menu__items {
    display: flex;
    align-items: center;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items {
        visibility: hidden;
        opacity: 0;
        position: absolute;
        display: block;
        width: 100%;
        transition: all 0.2s;
        margin-top: 10em;
    }
}

.w38-menu__items__item {
    color: black;
    padding: 2.5em 0;
    margin-right: 2em;
    list-style: none;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__item {
        max-height: 100%;
        text-align: left;
        padding: 1em 1.5em;
        margin-right: 0;
    }
}

.w38-menu__items__item__link {
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.w38-menu__items__item__link__text {
    font-size: 1.5em;
    margin-right: .5em;
}

.w38-menu__items__item__link__icon {
    font-size: 1.5em;
    margin-left: auto;
}

.w38-menu__items__item__link:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w38-menu__items__item__drop {
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: fit-content;
    list-style: none;
    text-align: left;
    z-index: 2;
    margin-top: 2em;
    width: 25em;
    height: 0;
    margin-top: 4.5em;
    transition: all .2s ease;
    opacity: 0;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__item__drop {
        opacity: 0;
        position: relative;
        visibility: visible;
        right: 0;
        display: none;
        width: 100%;
        transition: all 0.2s;
        top: 0;
    }
}

.w38-menu__items__item__drop__box {
    width: 100%;
    padding: 1em;
    border-top: 0.1em solid black;
    border-left: 0.1em solid black;
    border-right: 0.1em solid black;
    cursor: pointer;
    position: relative;
}

    .w38-menu__items__item__drop__box:last-child {
        border-bottom: 0.1em solid black;
    }

.w38-menu__items__item__drop__box__link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.w38-menu__items__item__drop__box__link__text {
    font-size: 1.4em;
}

.w38-menu__items__item__drop__box__link__icon {
    font-size: 1.4em;
    margin-left: auto;
    width: fit-content;
    display: block;
}

.w38-menu__items__item__drop__box__link:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w38-menu__items__item__drop-1 {
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: fit-content;
    list-style: none;
    z-index: 2;
    width: 25em;
    left: 24.8em;
    top: -1px;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__item__drop-1 {
        opacity: 0;
        position: relative;
        visibility: visible;
        left: 0;
        display: none;
        width: 100%;
        transition: all 0.2s;
        top: 0;
        margin-top: 1em;
    }
}

.w38-menu__items__item__drop-1__box {
    width: 100%;
    padding: 1em;
    border-top: 0.1em solid black;
    border-left: 0.1em solid black;
    border-right: 0.1em solid black;
    cursor: pointer;
}

    .w38-menu__items__item__drop-1__box:last-child {
        border-bottom: 0.1em solid black;
    }

.w38-menu__items__item__drop-1__box__link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.w38-menu__items__item__drop-1__box__link__text {
    font-size: 1.4em;
}

.w38-menu__items__item__drop-1__box__link__icon {
    font-size: 1.4em;
    margin-left: auto;
    width: fit-content;
    display: block;
}

.w38-menu__items__item__drop-1__box__link:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w38-menu__items__item__drop-2 {
    background-color: white;
    color: black;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    height: fit-content;
    list-style: none;
    z-index: 2;
    width: 25em;
    left: 24.9em;
    top: 0;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__item__drop-2 {
        opacity: 0;
        position: relative;
        visibility: visible;
        left: 0;
        display: none;
        width: 100%;
        transition: all 0.2s;
        top: 0;
        margin-top: 1em;
    }
}

.w38-menu__items__item__drop-2__box {
    width: 100%;
    padding: 1em;
    border-top: 0.1em solid black;
    border-left: 0.1em solid black;
    border-right: 0.1em solid black;
}

    .w38-menu__items__item__drop-2__box:last-child {
        border-bottom: 0.1em solid black;
    }

.w38-menu__items__item__drop-2__box__link {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.w38-menu__items__item__drop-2__box__link__text {
    font-size: 1.4em;
}

.w38-menu__items__item__drop-2__box__link__icon {
    font-size: 1.4em;
    margin-left: auto;
    width: fit-content;
    display: block;
}

.w38-menu__items__item__drop-2__box__link:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w38-menu__items__item__drop__box:hover .w38-menu__items__item__drop-1 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    display: block;
}

.w38-menu__items__item__drop-1__box:hover .w38-menu__items__item__drop-2 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    display: block;
}

.w38-menu__items__item:hover .w38-menu__items__item__drop {
    visibility: visible;
    opacity: 1;
    display: block;
    height: fit-content;
    margin-top: 2.5em;
    opacity: 1;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__item:hover .w38-menu__items__item__drop {
        margin-top: 1em;
    }
}

.w38-menu__items__button {
    padding: 0.7em;
    border-radius: 0.5em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3em;
    border: 0.1em solid black;
    background-color: transparent;
    color: black;
    transition: all 0.2s;
    cursor: pointer;
}

    .w38-menu__items__button:hover {
        background-color: transparent;
        border: 0.1em solid rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w38-menu__items__button {
        width: calc(100% - 2em);
        margin: 1em auto;
        display: block;
        text-align: center;
    }
}

.w38-menu__items__lang {
    list-style: none;
    margin-left: 1em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__lang {
        margin: 0;
    }
}

.w38-menu__items__lang__imgbox {
    cursor: pointer;
    margin-top: 0.2em;
    width: 3em;
    min-width: 3em;
    padding: 2em 0;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__lang__imgbox {
        margin: 0 auto;
    }
}

.w38-menu__items__lang:hover .w38-menu__items__lang__items {
    display: block;
}

.w38-menu__items__lang__items {
    position: absolute;
    width: 100%;
    left: 0;
    top: 5em;
    display: none;
}

@media only screen and (max-width: 50em) {
    .w38-menu__items__lang__items {
        transform: translateX(-1.5em);
        left: 50%;
    }
}

.w38-menu__items__lang__items__imgbox {
    cursor: pointer;
    width: 3em;
    min-width: 3em;
    transition: all 0.2s ease;
}

    .w38-menu__items__lang__items__imgbox:hover {
        transform: scale(1.3);
    }

.w38-menu__hover__box--1:hover {
    color: black;
}

    .w38-menu__hover__box--1:hover .w38-menu__hover__box--1__svg {
        color: black;
    }

.w38-menu__hover__box--2:hover {
    color: rgba(var(--main-color-w), 1);
}

    .w38-menu__hover__box--2:hover .w38-menu__hover__box--2__svg {
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w38-bloglist*/
.w38-bloglist {
    width: 100%;
    padding: 2em 1em;
}

.w38-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-bloglist__heading__title {
    font-weight: 600;
    width: fit-content;
    display: flex;
    margin: 0 auto;
    align-items: baseline;
}

.w38-bloglist__heading__title__text {
    font-size: 2.5em;
}

.w38-bloglist__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.w38-bloglist__heading__imgbox {
    margin: 1em auto;
    width: fit-content;
    display: block;
    background-size: contain;
    background-position: center;
}

.w38-bloglist__heading__imgbox__img {
    width: 100%;
}

.w38-bloglist__heading__sub {
    display: block;
    width: fit-content;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
}

.w38-bloglist__items {
    width: 100%;
    position: relative;
    margin-left: -2%;
    display: flex;
    flex-wrap: wrap;
}

.w38-bloglist__items__item {
    border-radius: 0.5em;
    overflow: hidden;
    cursor: pointer;
    background-color: white;
    width: 31.333333333333%;
    margin-left: 2%;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.162);
    margin-top: 2em;
    margin-bottom: 2em;
}

@media only screen and (min-width: 37.5em) {
    .w38-bloglist__items__item {
        width: 48%;
    }
}

.w38-bloglist__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    overflow: hidden;
}

.w38-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w38-bloglist__items__item__imgbox__bg {
    position: absolute;
    background-color: rgba(182, 0, 0, 0.323);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.w38-bloglist__items__item__imgbox__bg1 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    top: 10%;
    left: 100%;
    transition: all 0.3s ease;
}

.w38-bloglist__items__item__imgbox__bg2 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: 10%;
    left: -100%;
    top: initial;
    transition: all 0.3s ease;
    z-index: 1;
}

.w38-bloglist__items__item__imgbox__bg3 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    left: 10%;
    top: 100%;
    transition: all 0.3s ease;
}

.w38-bloglist__items__item__imgbox__bg4 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    top: 100%;
    right: 10%;
    transition: all 0.3s ease;
}

.w38-bloglist__items__item__imgbox:hover .w38-bloglist__items__item__imgbox__bg {
    display: block;
}

.w38-bloglist__items__item__imgbox:hover .w38-bloglist__items__item__imgbox__bg1 {
    left: 0;
}

.w38-bloglist__items__item__imgbox:hover .w38-bloglist__items__item__imgbox__bg2 {
    left: 0;
}

.w38-bloglist__items__item__imgbox:hover .w38-bloglist__items__item__imgbox__bg3 {
    top: 0;
}

.w38-bloglist__items__item__imgbox:hover .w38-bloglist__items__item__imgbox__bg4 {
    top: 0;
}

.w38-bloglist__items__item__content {
    padding: 1em 2em 2em 2em;
}

.w38-bloglist__items__item__content__name {
    font-size: 1.5em;
    line-height: 1.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w38-bloglist__items__item__content__post {
    display: flex;
    align-items: baseline;
    margin-top: 0.5em;
}

.w38-bloglist__items__item__content__post__date {
    margin-right: 1em;
}

.w38-bloglist__items__item__content__post__date__icon {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.w38-bloglist__items__item__content__post__date__text {
    font-size: 1em;
    font-size: 1.2em;
}

.w38-bloglist__items__item__content__post__text {
    font-size: 1.2em;
}

.w38-bloglist__items__item__content__des {
    font-size: 1.3em;
    margin-top: 0.5em;
    line-height: 1.5em;
    text-align: justify;
}

.w38-bloglist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w38-bloglist__paging__sum {
    padding: 0.5em;
    font-size: 1.2em;
    padding: .5em;
    border: 0.1em solid #a5a5a5;
    border-radius: .3em;
}

.w38-bloglist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1em solid #c1c1c1c1;
}

.w38-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w38-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    border: 0.1em solid #a5a5a5;
    padding: .7em;
    border-radius: .3em;
}

.w38-bloglist__paging__pre__text {
    font-size: 1.2em;
}

.w38-bloglist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w38-ctaregister*/
.w38-ctaregister {
    width: 100%;
    background: radial-gradient(#0076bb, #002a42);
}

.w38-ctaregister__group {
    margin: 0 auto;
}

.w38-ctaregister__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w38-ctaregister__items__imgbox {
    box-shadow: 2em 0.5em 2em black;
    width: 50%;
    height: auto;
    display: block;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w38-ctaregister__items__imgbox {
        width: 100%;
    }
}

.w38-ctaregister__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w38-ctaregister__items__contact {
    width: 48%;
    border-radius: 2em;
    margin-bottom: 2%;
}

@media only screen and (max-width: 50em) {
    .w38-ctaregister__items__contact {
        width: 100%;
    }
}

.w38-ctaregister__items__contact__heading {
    font-weight: 600;
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.6em;
    margin-top: 2em;
    color: white;
}

.w38-ctaregister__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
    color: white;
    font-size: 1.6em;
}

.w38-ctaregister__items__contact__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w38-ctaregister__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1.2em;
    border-radius: 0.8em;
    width: 49%;
}

.w38-ctaregister__items__contact__form__input__place__text {
    color: white;
    font-size: 1.8em;
    font-weight: 600;
}

.w38-ctaregister__items__contact__form__input__place__icon {
    color: white;
    font-size: 2em;
}

.w38-ctaregister__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    display: inline-block;
    font-size: 1.5em;
    border-bottom: 1px solid #7fb9c8;
    margin-top: 0.5em;
    padding: 0.7em 0.5em;
    color: white;
    background-color: transparent;
    border-radius: 0.5em;
}

    .w38-ctaregister__items__contact__form__input__text::placeholder {
        color: white;
    }

.w38-ctaregister__items__contact__form__des {
    color: white;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
    text-align: center;
    width: 100%;
}

.w38-ctaregister__items__contact__form__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 99%;
    margin-top: 1em;
    border-radius: 0.5em;
}

.w38-ctaregister__items__contact__form__vung__checkbox {
    display: none;
}

    .w38-ctaregister__items__contact__form__vung__checkbox:checked ~ .w38-ctaregister__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w38-ctaregister__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w38-ctaregister__items__contact__form__vung__ad__name {
    color: white;
}

.w38-ctaregister__items__contact__form__vung__ad__icon {
    margin-left: 0.5em;
    color: white;
}

.w38-ctaregister__items__contact__form__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w38-ctaregister__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w38-ctaregister__items__contact__form__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w38-ctaregister__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w38-ctaregister__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w38-ctaregister__items__contact__button {
    padding: 0.7em 1.6em;
    display: block;
    font-weight: 600;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 1em;
    border: none;
    width: fit-content;
    border: 1px solid white;
    background-color: rgba(var(--main-color-w), 1);
}

    .w38-ctaregister__items__contact__button:hover {
        background-color: white;
        color: black;
    }

/*ed*/
/*w38-productlist*/
.w38-productlist {
    width: 100%;
    padding: 2em 1em;
}

.w38-productlist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-productlist__heading__title {
    font-weight: 600;
    width: fit-content;
    display: flex;
    margin: 0 auto;
    align-items: baseline;
}

.w38-productlist__heading__title__text {
    font-size: 2.5em;
}

.w38-productlist__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.w38-productlist__heading__imgbox {
    margin: 1em auto;
    width: fit-content;
    display: block;
    background-size: contain;
    background-position: center;
}

.w38-productlist__heading__imgbox__img {
    width: 100%;
}

.w38-productlist__heading__sub {
    display: block;
    width: fit-content;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
}

.w38-productlist__items {
    width: 100%;
    position: relative;
    margin-left: -2%;
    display: flex;
    flex-wrap: wrap;
}

.w38-productlist__items__item {
    border-radius: 0.5em;
    overflow: hidden;
    cursor: pointer;
    background-color: white;
    width: 100%;
    margin-left: 2%;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.162);
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
}

.w38-productlist__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 40%;
}

@media only screen and (max-width: 37.5em) {
    .w38-productlist__items__item__imgbox {
        width: 100%;
    }
}

.w38-productlist__items__item__imgbox__img {
    width: 100%;
}

.w38-productlist__items__item__imgbox__bg {
    position: absolute;
    background-color: rgba(182, 0, 0, 0.323);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.w38-productlist__items__item__imgbox__bg1 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    top: 10%;
    left: 100%;
    transition: all 0.3s ease;
}

.w38-productlist__items__item__imgbox__bg2 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: 10%;
    left: -100%;
    top: initial;
    transition: all 0.3s ease;
    z-index: 1;
}

.w38-productlist__items__item__imgbox__bg3 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    left: 10%;
    top: 100%;
    transition: all 0.3s ease;
}

.w38-productlist__items__item__imgbox__bg4 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    top: 100%;
    right: 10%;
    transition: all 0.3s ease;
}

.w38-productlist__items__item__imgbox:hover .w38-productlist__items__item__imgbox__bg {
    display: block;
}

.w38-productlist__items__item__imgbox:hover .w38-productlist__items__item__imgbox__bg1 {
    left: 0;
}

.w38-productlist__items__item__imgbox:hover .w38-productlist__items__item__imgbox__bg2 {
    left: 0;
}

.w38-productlist__items__item__imgbox:hover .w38-productlist__items__item__imgbox__bg3 {
    top: 0;
}

.w38-productlist__items__item__imgbox:hover .w38-productlist__items__item__imgbox__bg4 {
    top: 0;
}

.w38-productlist__items__item__content {
    padding: 1em 2em 2em 2em;
    width: 59%;
}

@media only screen and (max-width: 37.5em) {
    .w38-productlist__items__item__content {
        width: 100%;
    }
}

.w38-productlist__items__item__content__name {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 1em;
}

.w38-productlist__items__item__content__name__text {
    font-size: 2em;
    line-height: 1.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w38-productlist__items__item__content__name__price {
    white-space: nowrap;
    margin-left: auto;
    width: fit-content;
    display: block;
}

.w38-productlist__items__item__content__name__price__mainprice {
    font-size: 1.5em;
    color: #616161;
}

.w38-productlist__items__item__content__name__price__downprice {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w38-productlist__items__item__content__post {
    display: flex;
    align-items: baseline;
    margin-bottom: 2em;
    margin-top: 1em;
}

.w38-productlist__items__item__content__post__info {
    margin-right: 1em;
}

.w38-productlist__items__item__content__post__info__icon {
    margin-right: 0.5em;
    font-size: 1.3em;
}

.w38-productlist__items__item__content__post__info__text {
    font-size: 1em;
    font-size: 1.3em;
}

.w38-productlist__items__item__content__post__text {
    font-size: 1.2em;
}

.w38-productlist__items__item__content__btn {
    font-weight: 600;
    font-size: 1.3em;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    border: none;
    outline: none;
    display: block;
    width: fit-content;
    color: white;
    border-radius: .3em;
    cursor: pointer;
    border: 1px solid rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5em) {
    .w38-productlist__items__item__content__btn {
        margin: 0 auto;
    }
}

.w38-productlist__items__item__content__btn:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
}

.w38-productlist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w38-productlist__paging__sum {
    padding: 0.5em;
    font-size: 1.2em;
    padding: 0.5em;
    border: 0.1em solid #a5a5a5;
    border-radius: 0.3em;
}

.w38-productlist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1em solid #c1c1c1c1;
}

.w38-productlist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w38-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    border: 0.1em solid #a5a5a5;
    padding: 0.7em;
    border-radius: 0.3em;
}

.w38-productlist__paging__pre__text {
    font-size: 1.2em;
}

.w38-productlist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w38-product*/
.w38-product {
    width: 100%;
    padding: 2em 1em;
}

.w38-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-product__heading__title {
    font-weight: 600;
    width: fit-content;
    display: flex;
    margin: 0 auto;
    align-items: baseline;
}

.w38-product__heading__title__text {
    font-size: 2.5em;
}

.w38-product__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.w38-product__heading__imgbox {
    margin: 1em auto;
    width: fit-content;
    display: block;
    background-size: contain;
    background-position: center;
}

.w38-product__heading__imgbox__img {
    width: 100%;
}

.w38-product__heading__sub {
    display: block;
    width: fit-content;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
}

.w38-product__items {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.w38-product__items__item {
    border-radius: 0.5em;
    overflow: hidden;
    cursor: pointer;
    background-color: white;
    width: 100%;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.162);
    margin-top: 2em;
    margin-bottom: 2em;
    display: flex;
    flex-wrap: wrap;
}

.w38-product__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 40%;
}

@media only screen and (max-width: 37.5em) {
    .w38-product__items__item__imgbox {
        width: 100%;
    }
}

.w38-product__items__item__imgbox__img {
    width: 100%;
}

.w38-product__items__item__imgbox__bg {
    position: absolute;
    background-color: rgba(182, 0, 0, 0.323);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.w38-product__items__item__imgbox__bg1 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    top: 10%;
    left: 100%;
    transition: all 0.3s ease;
}

.w38-product__items__item__imgbox__bg2 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: 10%;
    left: -100%;
    top: initial;
    transition: all 0.3s ease;
    z-index: 1;
}

.w38-product__items__item__imgbox__bg3 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    left: 10%;
    top: 100%;
    transition: all 0.3s ease;
}

.w38-product__items__item__imgbox__bg4 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    top: 100%;
    right: 10%;
    transition: all 0.3s ease;
}

.w38-product__items__item__imgbox:hover .w38-product__items__item__imgbox__bg {
    display: block;
}

.w38-product__items__item__imgbox:hover .w38-product__items__item__imgbox__bg1 {
    left: 0;
}

.w38-product__items__item__imgbox:hover .w38-product__items__item__imgbox__bg2 {
    left: 0;
}

.w38-product__items__item__imgbox:hover .w38-product__items__item__imgbox__bg3 {
    top: 0;
}

.w38-product__items__item__imgbox:hover .w38-product__items__item__imgbox__bg4 {
    top: 0;
}

.w38-product__items__item__content {
    padding: 1em 2em 2em 2em;
    width: 59%;
}

@media only screen and (max-width: 37.5em) {
    .w38-product__items__item__content {
        width: 100%;
    }
}

.w38-product__items__item__content__name {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-left: 1em;
}

.w38-product__items__item__content__name__text {
    font-size: 2em;
    line-height: 1.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w38-product__items__item__content__name__price {
    white-space: nowrap;
    margin-left: auto;
    width: fit-content;
    display: block;
}

.w38-product__items__item__content__name__price__mainprice {
    font-size: 1.5em;
    color: #616161;
}

.w38-product__items__item__content__name__price__downprice {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w38-product__items__item__content__post {
    display: flex;
    align-items: baseline;
    margin-bottom: 2em;
    margin-top: 1em;
}

.w38-product__items__item__content__post__info {
    margin-right: 1em;
}

.w38-product__items__item__content__post__info__icon {
    margin-right: 0.5em;
    font-size: 1.3em;
}

.w38-product__items__item__content__post__info__text {
    font-size: 1em;
    font-size: 1.3em;
}

.w38-product__items__item__content__post__text {
    font-size: 1.2em;
}

.w38-product__items__item__content__btn {
    font-weight: 600;
    font-size: 1.3em;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em 1em;
    border: none;
    outline: none;
    display: block;
    color: white;
    border-radius: .3em;
    cursor: pointer;
    border: 1px solid rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5em) {
    .w38-product__items__item__content__btn {
        margin: 0 auto;
    }
}

.w38-product__items__item__content__btn:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
}

.w38-product__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w38-product__paging__sum {
    padding: 0.5em;
    font-size: 1.2em;
    padding: 0.5em;
    border: 0.1em solid #a5a5a5;
    border-radius: 0.3em;
}

.w38-product__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1em solid #c1c1c1c1;
}

.w38-product__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w38-product__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    border: 0.1em solid #a5a5a5;
    padding: 0.7em;
    border-radius: 0.3em;
}

.w38-product__paging__pre__text {
    font-size: 1.2em;
}

.w38-product__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w38-article*/
.w38-article {
    width: 100%;
    padding: 2em 1em;
}

.w38-article__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-article__heading__title {
    font-weight: 600;
    width: fit-content;
    display: flex;
    margin: 0 auto;
    align-items: baseline;
}

.w38-article__heading__title__text {
    font-size: 2.5em;
}

.w38-article__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.w38-article__heading__imgbox {
    margin: 1em auto;
    width: fit-content;
    display: block;
    background-size: contain;
    background-position: center;
}

.w38-article__heading__imgbox__img {
    width: 100%;
}

.w38-article__heading__sub {
    display: block;
    width: fit-content;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
}

.w38-article__items {
    width: 100%;
    position: relative;
    margin-left: -2%;
    display: flex;
    flex-wrap: wrap;
}

.w38-article__items__item {
    border-radius: 0.5em;
    overflow: hidden;
    cursor: pointer;
    background-color: white;
    width: 31.333333333333%;
    margin-left: 2%;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.162);
    margin-top: 2em;
    margin-bottom: 2em;
}

.w38-article__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    overflow: hidden;
}

.w38-article__items__item__imgbox__img {
    width: 100%;
}

.w38-article__items__item__imgbox__bg {
    position: absolute;
    background-color: rgba(182, 0, 0, 0.123);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.w38-article__items__item__imgbox__bg1 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    top: 10%;
    left: 100%;
    transition: all 0.3s ease;
}

.w38-article__items__item__imgbox__bg2 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: 10%;
    left: -100%;
    top: initial;
    transition: all 0.3s ease;
    z-index: 1;
}

.w38-article__items__item__imgbox__bg3 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    left: 10%;
    top: 100%;
    transition: all 0.3s ease;
}

.w38-article__items__item__imgbox__bg4 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    top: 100%;
    right: 10%;
    transition: all 0.3s ease;
}

.w38-article__items__item__imgbox:hover .w38-article__items__item__imgbox__bg {
    display: block;
}

.w38-article__items__item__imgbox:hover .w38-article__items__item__imgbox__bg1 {
    left: 0;
}

.w38-article__items__item__imgbox:hover .w38-article__items__item__imgbox__bg2 {
    left: 0;
}

.w38-article__items__item__imgbox:hover .w38-article__items__item__imgbox__bg3 {
    top: 0;
}

.w38-article__items__item__imgbox:hover .w38-article__items__item__imgbox__bg4 {
    top: 0;
}

.w38-article__items__item__content {
    padding: 1em 2em 2em 2em;
}

.w38-article__items__item__content__name {
    font-size: 1.5em;
    line-height: 1.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w38-article__items__item__content__post {
    display: flex;
    align-items: baseline;
    margin-top: 0.5em;
}

.w38-article__items__item__content__post__date {
    margin-right: 1em;
}

.w38-article__items__item__content__post__date__icon {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.w38-article__items__item__content__post__date__text {
    font-size: 1em;
    font-size: 1.2em;
}

.w38-article__items__item__content__post__text {
    font-size: 1.2em;
}

.w38-article__items__item__content__des {
    font-size: 1.3em;
    margin-top: 0.5em;
    line-height: 1.5em;
    text-align: justify;
}

/*ed*/
/*w38-productdetail*/
.w38-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w38-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w38-productdetail__heading__title {
    font-weight: 600;
    width: fit-content;
    display: flex;
    margin: 0 auto;
    align-items: baseline;
}

.w38-productdetail__heading__title__text {
    font-size: 2.5em;
}

.w38-productdetail__heading__title__icon {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.w38-productdetail__heading__imgbox {
    margin: 1em auto;
    width: fit-content;
    display: block;
    background-size: contain;
    background-position: center;
}

.w38-productdetail__heading__imgbox__img {
    width: 100%;
}

.w38-productdetail__heading__sub {
    display: block;
    width: fit-content;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
}

.w38-productdetail__items {
    width: 100%;
    position: relative;
    border-radius: 0.5em;
    overflow: hidden;
    cursor: pointer;
    background-color: white;
    width: 100%;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.162);
    margin-top: 2em;
    margin-bottom: 2em;
}

.w38-productdetail__items__image__first__imgbox {
    position: relative !important;
    background-origin: content-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 100% !important;
}

.w38-productdetail__items__image__first__imgbox__img {
    width: 100%;
}

.w38-productdetail__items__image__first__imgbox__bg {
    position: absolute;
    background-color: rgba(182, 0, 0, 0.323);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.w38-productdetail__items__image__first__imgbox__bg1 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    top: 10%;
    left: 100%;
    transition: all 0.3s ease;
}

.w38-productdetail__items__image__first__imgbox__bg2 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: 10%;
    left: -100%;
    top: initial;
    transition: all 0.3s ease;
    z-index: 1;
}

.w38-productdetail__items__image__first__imgbox__bg3 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    left: 10%;
    top: 100%;
    transition: all 0.3s ease;
}

.w38-productdetail__items__image__first__imgbox__bg4 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    top: 100%;
    right: 10%;
    transition: all 0.3s ease;
}

.w38-productdetail__items__image__first__imgbox:hover .w38-productdetail__items__image__first__imgbox__bg {
    display: block;
}

.w38-productdetail__items__image__first__imgbox:hover .w38-productdetail__items__image__first__imgbox__bg1 {
    left: 0;
}

.w38-productdetail__items__image__first__imgbox:hover .w38-productdetail__items__image__first__imgbox__bg2 {
    left: 0;
}

.w38-productdetail__items__image__first__imgbox:hover .w38-productdetail__items__image__first__imgbox__bg3 {
    top: 0;
}

.w38-productdetail__items__image__first__imgbox:hover .w38-productdetail__items__image__first__imgbox__bg4 {
    top: 0;
}

.w38-productdetail__items__image__second__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    width: 25% !important;
}

.w38-productdetail__items__image__second__imgbox__img {
    width: 100%;
}

.w38-productdetail__items__image__second__imgbox__bg {
    position: absolute;
    background-color: rgba(182, 0, 0, 0.323);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.w38-productdetail__items__image__second__imgbox__bg1 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    top: 10%;
    left: 100%;
    transition: all 0.3s ease;
}

.w38-productdetail__items__image__second__imgbox__bg2 {
    position: absolute;
    height: 1px;
    width: 100%;
    background-color: white;
    bottom: 10%;
    left: -100%;
    top: initial;
    transition: all 0.3s ease;
    z-index: 1;
}

.w38-productdetail__items__image__second__imgbox__bg3 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    left: 10%;
    top: 100%;
    transition: all 0.3s ease;
}

.w38-productdetail__items__image__second__imgbox__bg4 {
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: white;
    top: 100%;
    right: 10%;
    transition: all 0.3s ease;
}

.w38-productdetail__items__image__second__imgbox:hover .w38-productdetail__items__image__second__imgbox__bg {
    display: block;
}

.w38-productdetail__items__image__second__imgbox:hover .w38-productdetail__items__image__second__imgbox__bg1 {
    left: 0;
}

.w38-productdetail__items__image__second__imgbox:hover .w38-productdetail__items__image__second__imgbox__bg2 {
    left: 0;
}

.w38-productdetail__items__image__second__imgbox:hover .w38-productdetail__items__image__second__imgbox__bg3 {
    top: 0;
}

.w38-productdetail__items__image__second__imgbox:hover .w38-productdetail__items__image__second__imgbox__bg4 {
    top: 0;
}

.w38-productdetail__items__content {
    padding: 1em 2em 2em 2em;
    width: 100%;
}

.w38-productdetail__items__content__contain {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w38-productdetail__items__content__contain__post {
    width: 50%;
    display: flex;
    align-items: baseline;
    border: 1px solid #eee;
}

@media only screen and (max-width: 37.5em) {
    .w38-productdetail__items__content__contain__post {
        width: 100%;
    }
}

.w38-productdetail__items__content__contain__post__info {
    margin-right: 1em;
    padding: 1em;
}

.w38-productdetail__items__content__contain__post__info__icon {
    margin-right: 0.5em;
    font-size: 1.3em;
}

.w38-productdetail__items__content__contain__post__info__text {
    font-size: 1em;
    font-size: 1.3em;
}

.w38-productdetail__items__content__contain__post__text {
    font-size: 1.2em;
}

.w38-productdetail__items__content__name {
    display: block;
    justify-content: space-between;
    width: 100%;
    font-size: 2em;
    line-height: 1.5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    width: fit-content;
    margin: 0 auto;
}

.w38-productdetail__items__content__action {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w38-productdetail__items__content__action__price {
    white-space: nowrap;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    padding: 0.5em;
    border: 1px solid #eee;
}

@media only screen and (max-width: 37.5em) {
    .w38-productdetail__items__content__action__price {
        width: 100%;
    }
}

.w38-productdetail__items__content__action__price__mainprice {
    font-size: 1.5em;
    color: #616161;
    text-decoration: line-through;
}

.w38-productdetail__items__content__action__price__downprice {
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-right: 0.5em;
}

.w38-productdetail__items__content__action__btn {
    background: none;
    outline: none;
    border: none;
    display: contents;
}

.w38-productdetail__items__content__action__btn__text {
    font-weight: 600;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    border: none;
    outline: none;
    display: block;
    color: white;
    border: 1px solid #eee;
    width: 50%;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w38-productdetail__items__content__action__btn__text {
        width: 100%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w38-productdetail__items__content__action__btn__text {
        margin: 0 auto;
    }
}

.w38-productdetail__items__content__action__btn__text:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: white;
}

.w38-productdetail__if {
    margin-top: 2em;
}

.w38-productdetail__review {
    padding: 2em;
}

.w38-productdetail__review__first {
    width: 100%;
}

.w38-productdetail__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w38-productdetail__review__first__imgbox {
    width: 5em;
    height: 5em;
    min-width: 5em;
    background-size: contain;
    background-position: center;
    border: 0.1em solid #eee;
    border-radius: 50%;
}

.w38-productdetail__review__first__imgbox__img {
    width: 100%;
}

.w38-productdetail__review__first__comment {
    margin-left: 2em;
    border: 1px solid #eee;
    padding: 1em;
    border-radius: 2em;
}

.w38-productdetail__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w38-productdetail__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
}

.w38-productdetail__review__first__comment__head__user__date {
    margin-top: 0.5em;
    font-size: 1.2em;
}

.w38-productdetail__review__first__comment__stars__star {
    color: indianred;
}

.w38-productdetail__review__first__comment__text {
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w38-productdetail__review__second {
    width: 100%;
    margin-top: 2em;
    border: 0.1em solid #eee;
    padding: 2em;
    border-radius: 2em;
}

    .w38-productdetail__review__second sup {
        color: red;
        font-size: 1.3em;
    }

.w38-productdetail__review__second__title {
    font-size: 2em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.6em;
}

.w38-productdetail__review__second__sub {
    font-size: 1.2em;
    margin-top: 1em;
    line-height: 1.6em;
}

.w38-productdetail__review__second__textrate {
    margin-top: 2em;
}

.w38-productdetail__review__second__textreview {
    margin-top: 1em;
    font-size: 1.3em;
    font-weight: 600;
}

.w38-productdetail__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    border-radius: 1em;
}

.w38-productdetail__review__second__star {
    display: flex;
    align-items: center;
}

.w38-productdetail__review__second__star__text {
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w38-productdetail__review__second__star__items {
    margin-left: 1em;
}

.w38-productdetail__review__second__star__items__icon {
    color: darkgray;
    font-size: 1.3em;
}

.w38-productdetail__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w38-productdetail__review__second__textform__name {
    width: 48%;
    display: block;
}

.w38-productdetail__review__second__textform__name__info {
    font-weight: 600;
    font-size: 1.3em;
}

.w38-productdetail__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
    border-radius: 0.5em;
    border: 0.1em solid #949494;
}

.w38-productdetail__review__second__btn {
    display: flex;
    align-items: center;
    background-image: url(/img/w32/bg-btn-hover-1.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 19em;
    height: 4em;
    margin-top: 2em;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2em;
    margin-top: 3em;
    justify-content: center;
    text-shadow: 0 0 3em rgba(0, 0, 0, 0.329);
    border: none;
    outline: none;
    background-color: transparent;
}

.w38-productdetail__review__second__btn__text {
    color: white;
    font-size: 1.4em;
    font-weight: bolder;
    white-space: nowrap;
}

.w38-productdetail__review__second__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

/*ed*/
/*w38-childmn*/
.w38-childmn {
    width: 100%;
    background-color: #0e3c3d;
}

.w38-childmn__group {
    margin: 0 auto;
}

@media only screen and (min-width: 37.5em) {
    .w38-childmn__ab {
        position: absolute;
        background-color: transparent;
    }
}

.w38-childmn__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

    .w38-childmn__items .active {
        color: rgba(var(--main-color-w), 1);
    }

.w38-childmn__items__imgbox {
    height: 5em;
    background-position: center;
    background-size: contain;
}

.w38-childmn__items__item {
    display: flex;
    align-items: center;
    color: white;
    cursor: pointer;
    padding: 0.5em 1em;
}

.w38-childmn__items__item__icon {
    font-size: 0.4em;
    margin-right: 1em;
    opacity: 0.8;
}

.w38-childmn__items__item__text {
    font-size: 1em;
    font-weight: 600;
}

.w38-childmn__items__item:hover {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w38-service*/
.w38-service {
    width: 100%;
    padding: 1em;
    background-color: #eef0ef;
    background-image: url(/img/w38/bgads1.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.w38-service__group {
    margin: 0 auto;
    max-width: 120em;
}

.w38-service__heading {
    display: block;
}

.w38-service__heading__title {
    text-align: center;
    font-size: 1.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1em;
    max-width: 100%;
    color: white;
    position: relative;
}

.w38-service__heading__title__line {
    height: 0.1em;
    width: 10em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -0.5em;
}

.w38-service__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w38-service__heading__imgbox__img {
    width: 100%;
}

.w38-service__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    color: white;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w38-service__items {
    display: flex;
    padding: 1em;
    flex-wrap: wrap;
}

.w38-service__items__item {
    padding: 1em;
    display: flex;
    margin-top: 0.1em;
    justify-content: flex-end;
    align-items: center;
    width: 50%;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w38-service__items__item:nth-child(even) {
        flex-direction: row-reverse;
        text-align: left;
    }

        .w38-service__items__item:nth-child(even) .w38-service__items__item__info {
            text-align: left;
        }

        .w38-service__items__item:nth-child(even) .w38-service__items__item__iconbox {
            margin-left: 0;
            margin-right: 2em;
        }

        .w38-service__items__item:nth-child(even) .w38-service__items__item__imgbox {
            margin-left: 0;
            margin-right: 2em;
        }

@media only screen and (max-width: 31.25em) {
    .w38-service__items__item {
        width: 100%;
    }
}

.w38-service__items__item:hover {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
}

.w38-service__items__item__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    margin-left: 2em;
}

.w38-service__items__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w38-service__items__item__iconbox {
    margin-left: 2em;
}

.w38-service__items__item__iconbox__icon {
    font-size: 5em;
    color: white;
}

.w38-service__items__item__info {
    color: white;
    text-align: right;
}

.w38-service__items__item__info__name {
    font-size: 1.5em;
    line-height: 1.6em;
    font-weight: 600;
}

.w38-service__items__item__info__des {
    font-size: 1.4em;
    line-height: 1.6em;
}

/*ed*/
/*w38-abimg-1*/
.w38-abimg-1 {
    width: 100%;
    padding: 2rem 1rem;
    background-color: white;
}

.w38-abimg-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w38-abimg-1__heading {
    padding: 1%;
    text-align: center;
}

.w38-abimg-1__heading__title {
    font-size: 3rem;
    display: block;
    text-transform: uppercase;
    line-height: 5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w38-abimg-1__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w38-abimg-1__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.8rem;
    font-size: 1.6rem;
}

.w38-abimg-1__mains {
    overflow: hidden;
}

.w38-abimg-1__mains__main__items {
    z-index: 0;
}

.w38-abimg-1__mains__main__items__item {
    position: relative;
}

.w38-abimg-1__mains__main__next {
    color: white;
}

.w38-abimg-1__mains__main__prev {
    color: white;
}

.w38-abimg-1__mains__main__pagination {
    margin-top: 2rem;
    z-index: 0;
}

    .w38-abimg-1__mains__main__pagination .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        position: relative;
    }

    .w38-abimg-1__mains__main__pagination .swiper-pagination-bullet-active {
        position: relative;
    }

        .w38-abimg-1__mains__main__pagination .swiper-pagination-bullet-active::after {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(var(--main-color-w), 1);
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transform: scale(2);
        }

.w38-abimg-1__mains__main__items__item__childs {
    display: flex;
    flex-wrap: wrap;
}

.w38-abimg-1__mains__main__items__item__childs__child {
    width: 19%;
    margin-right: 1%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
    overflow: hidden;
}

.w38-abimg-1__mains__main__items__item__childs__child__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 50rem) {
    .w38-abimg-1__mains__main__items__item__childs__child__imgbox {
    }
}

@media only screen and (max-width: 31.25rem) {
    .w38-abimg-1__mains__main__items__item__childs__child__imgbox {
        width: 99%;
    }
}

.w38-abimg-1__mains__main__items__item__childs__child__imgbox__img {
    width: 100%;
}

.w38-abimg-1__mains__main__items__item__childs__child__imgbox:hover {
    filter: brightness(1.1);
    border-radius: 1rem;
}

.w38-abimg-1__mains__main__items__item__childs__child__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-top: 1rem;
    color: black;
    z-index: 10;
}
/*ed*/

/*w39-ads-1*/
.w39-ads-1 {
    width: 100%;
    padding: 1em;
    background-color: white;
}

.w39-ads-1__group {
    max-width: 120em;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w39-ads-1__group {
        margin: unset !important;
    }
}

.w39-ads-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w39-ads-1__items__item {
    width: 32.33333333%;
    background-color: #0F213A;
    margin-left: 1.5%;
    margin-top: 1em;
    overflow: hidden;
    cursor: pointer;
    height: max-content;
    transition: all 0.2s ease;
}

    .w39-ads-1__items__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w39-ads-1__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w39-ads-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w39-ads-1__items__item__imgbox {
    transition: all 0.2s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
}

.w39-ads-1__items__item__imgbox__img {
    width: 100%;
}

.w39-ads-1__items__item__content {
    padding: 1em;
    text-align: center;
}

.w39-ads-1__items__item__content__heading {
    font-size: 1.8em;
    font-weight: 600;
    line-height: 1.6em;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w39-ads-1__items__item__content__heading {
        font-size: 1.2em;
    }
}

.w39-ads-1__items__item__content__main {
    text-transform: capitalize;
    font-size: 2.5em;
    font-weight: 600;
    margin: 0.3em 0;
    line-height: 1.6em;
    color: white;
    margin-bottom: .3em;
}

@media only screen and (max-width: 50em) {
    .w39-ads-1__items__item__content__main {
        font-size: 1.6em;
    }
}

.w39-ads-1__items__item__content__sub {
    color: white;
    font-size: 1.6em;
    line-height: 1.6em;
    text-align: justify;
    text-align-last: center;
    margin-bottom: .5em;
    display: block;
}

.w39-ads-1__items__item__content__button {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5em;
    width: 100%;
    padding: .5em;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease;
    line-height: 1.6em;
    position: relative;
    border: 1px solid white;
}

    .w39-ads-1__items__item__content__button:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w39-ctaregister-1*/
.w39-ctaregister-1 {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w39-ctaregister-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w39-ctaregister-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w39-ctaregister-1__items__contact {
    width: 40%;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.205);
    padding: 1em;
    text-align: center;
    background-color: #0F213A;
}

@media only screen and (max-width: 50em) {
    .w39-ctaregister-1__items__contact {
        width: 100%;
    }
}

.w39-ctaregister-1__items__contact__main {
    font-weight: 600;
    text-align: center;
    font-size: 2em;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

.w39-ctaregister-1__items__contact__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 20em;
    margin: 1em auto;
}

.w39-ctaregister-1__items__contact__imgbox__img {
    width: 100%;
    height: 100%;
}

.w39-ctaregister-1__items__contact__des {
    text-align: center;
    font-size: 1.4em;
    line-height: 1.6em;
    color: white;
    margin-top: 1em;
}

.w39-ctaregister-1__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 1em;
    border: 0.15em solid #eee;
    background-color: transparent;
}

.w39-ctaregister-1__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.2em;
    background-color: transparent;
}

    .w39-ctaregister-1__items__contact__form__input__text::placeholder {
        color: #afafaf;
    }

.w39-ctaregister-1__items__contact__form__input__icon {
    color: red;
}

.w39-ctaregister-1__items__contact__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: .7em;
    border: 0.15em solid #eee;
    font-size: 1.5em;
}

.w39-ctaregister-1__items__contact__form__des {
    color: white;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w39-ctaregister-1__items__contact__form__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1em;
    background-color: transparent;
}

.w39-ctaregister-1__items__contact__form__vung__checkbox {
    display: none;
}

    .w39-ctaregister-1__items__contact__form__vung__checkbox:checked ~ .w39-ctaregister-1__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w39-ctaregister-1__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
}

.w39-ctaregister-1__items__contact__form__vung__ad__name {
    color: white;
}

.w39-ctaregister-1__items__contact__form__vung__ad__icon {
    margin-left: 0.5em;
    color: white;
}

.w39-ctaregister-1__items__contact__form__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w39-ctaregister-1__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w39-ctaregister-1__items__contact__form__vung__items__item {
    font-size: 1.2em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w39-ctaregister-1__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w39-ctaregister-1__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w39-ctaregister-1__items__contact__button {
    padding: .5em 2em;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6em;
    margin: 0 auto;
    margin-top: 1em;
    border: none;
    text-shadow: 0 0 0.5em rgba(255, 255, 255, 0.204);
    background-color: red;
    cursor: pointer;
    border: 1px solid white;
    animation: w39-ctaregister__items__contact__button 0.8s infinite alternate-reverse;
}

@keyframes w39-ctaregister__items__contact__button {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.3);
    }
}

.w39-ctaregister-1__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 1em;
    color: white;
    font-size: 1.2em;
}

.w39-ctaregister-1__items__imgbox {
    width: 60%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w39-ctaregister-1__items__imgbox {
        width: 100%;
    }
}

.w39-ctaregister-1__items__imgbox__img {
    width: 100%;
    height: 100%;
}

/*ed*/
/*w39-feature-1*/
.w39-feature-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w39-feature-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w39-feature-1__items {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

.w39-feature-1__items__info {
    width: 38%;
    position: relative;
    background-color: #0f213a;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w39-feature-1__items__info {
        width: 100%;
    }
}

.w39-feature-1__items__info__imgbox {
    background-size: contain;
    background-position: center;
    max-height: 15em;
}

.w39-feature-1__items__info__imgbox__img {
    width: 100%;
}

.w39-feature-1__items__info__name {
    font-size: 2.5em;
    color: #ffb637;
    line-height: 1.6em;
    font-weight: 600;
}

.w39-feature-1__items__info__content__dl {
    display: flex;
    align-items: baseline;
    margin-top: 1em;
    margin-bottom: 2em;
}

.w39-feature-1__items__info__content__dl__icon {
    font-size: 2em;
    color: #ffb637;
    margin-right: 0.3em;
}

.w39-feature-1__items__info__content__dl__text {
    font-size: 1.6em;
    color: white;
    line-height: 1.6em;
    text-align: justify;
}

.w39-feature-1__items__info__action__btn {
    box-shadow: 0 1em 1em rgba(0, 0, 0, 0.192);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    padding: 1em 2em;
    border: none;
    cursor: pointer;
    width: 100%;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 0.5em;
    border: 1px solid white;
}

    .w39-feature-1__items__info__action__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w39-feature-1__items__imgbox {
    width: 60%;
    border: 0.2em solid #ffb637;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w39-feature-1__items__imgbox {
        width: 100%;
    }
}

.w39-feature-1__items__imgbox__img {
    width: 100%;
}

/*ed*/
/*w39-feature*/
.w39-feature {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
    background-image: url(/img/w39/bg01-20220422022055.jpg);
}

.w39-feature__group {
    max-width: 120em;
    margin: 0 auto;
}

.w39-feature__items {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

.w39-feature__items__info {
    width: 38%;
    position: relative;
    background-color: #0f213a;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w39-feature__items__info {
        width: 100%;
    }
}

.w39-feature__items__info__imgbox {
    background-size: contain;
    background-position: center;
    max-height: 15em;
}

.w39-feature__items__info__imgbox__img {
    width: 100%;
}

.w39-feature__items__info__content__dl {
    display: flex;
    align-items: baseline;
    margin-top: 1em;
    margin-bottom: 2em;
}

.w39-feature__items__info__content__dl__icon {
    font-size: 2em;
    color: #ffb637;
    margin-right: 0.3em;
}

.w39-feature__items__info__content__dl__text {
    font-size: 1.6em;
    color: white;
    line-height: 1.6em;
    text-align: justify;
}

.w39-feature__items__info__action__btn {
    box-shadow: 0 1em 1em rgba(0, 0, 0, 0.192);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    padding: 1em 2em;
    border: none;
    cursor: pointer;
    width: 100%;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 0.5em;
    border: 1px solid white;
}

    .w39-feature__items__info__action__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w39-feature__items__imgbox {
    width: 60%;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w39-feature__items__imgbox {
        width: 100%;
    }
}

.w39-feature__items__imgbox__img {
    width: 100%;
}

/*ed*/
/*w39-form*/
.w39-form {
    width: 100%;
    background-color: #0f213a;
    background-position: center;
    background-repeat: no-repeat;
    overflow: hidden;
    position: fixed;
    bottom: 0;
    z-index: 11;
}

.w39-form__group {
    max-width: 120em;
    margin: 0 auto;
}

.w39-form__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items {
        flex-wrap: wrap;
    }
}

.w39-form__items__title {
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    color: #110a5c;
    padding: 1em;
    position: relative;
    z-index: 1;
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items__title {
        width: 100%;
    }
}

.w39-form__items__title::after {
    position: absolute;
    content: "";
    height: 20em;
    width: 10em;
    right: 0;
    top: 0;
    transform: rotate(-15deg) translateY(-3em) translateX(3em);
    background-color: inherit;
    z-index: -1;
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items__title::after {
        display: none;
    }
}

.w39-form__items__title::before {
    position: absolute;
    content: "";
    height: 20em;
    width: 10em;
    left: 0;
    top: 0;
    transform: rotate(-15deg) translateY(-3em) translateX(1em);
    background-color: inherit;
    z-index: -1;
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items__title::before {
        display: none;
    }
}

.w39-form__items__form {
    display: flex;
    flex-wrap: wrap;
    width: 30%;
    z-index: 1;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w39-form__items__form {
        margin-left: 0;
        justify-content: center;
        margin-top: .5em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items__form {
        width: 100%;
        margin-left: 0;
        justify-content: center;
        margin-top: .5em;
    }
}

.w39-form__items__form__input {
    margin-left: 2%;
    width: 46%;
    padding: .7em;
    outline: none;
    font-size: 1em;
    background-color: transparent;
    color: #0f213a;
    border: 1px solid white;
    background-color: white;
    border-radius: 2em;
}

@media only screen and (max-width: 50em) {
    .w39-form__items__form__input {
        width: 100%;
        margin-left: 0;
        margin-bottom: .2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items__form__input {
        width: 46%;
        margin-bottom: 0;
    }
}

.w39-form__items__form__input::placeholder {
    color: #0f213a;
}

.w39-form__items__form__button {
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    display: inline-block;
    font-size: 1em;
    padding: .7em;
    width: 46%;
    border-radius: 2em;
    margin-left: 2%;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w39-form__items__form__button {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items__form__button {
        width: 46%;
        margin-left: 2%;
    }
}

.w39-form__items__action {
    width: 3.5em;
    height: 3.5em;
    background-color: red;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: .5em;
    cursor: pointer;
    position: relative;
    border: .2em solid white;
}

@media only screen and (max-width: 37.5em) {
    .w39-form__items__action {
        margin-top: -2em;
        z-index: 1;
        margin-left: auto;
        margin-bottom: .5em;
    }
}

.w39-form__items__action:hover {
    background-color: white;
}

    .w39-form__items__action:hover .w39-form__items__action__icon {
        color: rgba(var(--main-color-w), 1);
    }

.w39-form__items__action__icon {
    color: white;
    font-size: 1.8em;
}

/*ed*/
/*w39-introducer*/
.w39-introducer {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
    background-image: url(/img/w39/bg01-20220422022055.jpg);
}

.w39-introducer__group {
    max-width: 120em;
    margin: 0 auto;
}

.w39-introducer__items {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

.w39-introducer__items__info {
    width: 68%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w39-introducer__items__info {
        width: 100%;
    }
}

.w39-introducer__items__info__name {
    position: relative;
}

.w39-introducer__items__info__name__main {
    display: block;
    font-size: 2em;
    font-weight: 600;
    line-height: 1.6em;
    color: white;
    z-index: 1;
    position: relative;
}

.w39-introducer__items__info__name__main__line {
    height: 3em;
    width: 3em;
    position: absolute;
    background-color: #df8d28;
    border-radius: 50%;
    z-index: -1;
    transform: translateY(-0.75em) translateX(-1.5em);
    left: 0;
    top: 0;
}

.w39-introducer__items__info__name__des {
    display: block;
    font-size: 3em;
    font-weight: 600;
    line-height: 1.6em;
    color: white;
    z-index: 1;
    position: relative;
}

.w39-introducer__items__info__content__dl {
    display: flex;
    align-items: baseline;
    margin-top: 1em;
    margin-bottom: 2em;
}

.w39-introducer__items__info__content__dl__icon {
    font-size: 2em;
    color: #FFB637;
    margin-right: .3em;
}

.w39-introducer__items__info__content__dl__text {
    font-size: 1.6em;
    color: white;
    line-height: 1.6em;
    text-align: justify;
}

.w39-introducer__items__info__action {
    display: flex;
}

.w39-introducer__items__info__action__btn {
    box-shadow: 0 1em 1em rgba(0, 0, 0, 0.192);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    padding: 1em 2em;
    border: none;
    cursor: pointer;
    margin-top: 2em;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 2em;
    margin-right: .5em;
}

    .w39-introducer__items__info__action__btn:hover {
        box-shadow: 0 0 0 black;
    }

.w39-introducer__items__info__social {
    display: flex;
    margin-bottom: 2em;
}

.w39-introducer__items__info__social__icon {
    font-size: 2.5em;
    color: white;
    margin-right: .3em;
    cursor: pointer;
}

.w39-introducer__items__slider {
    width: 30%;
    position: relative;
    overflow: hidden;
}

    .w39-introducer__items__slider .swiper-pagination-bullet {
        background: white;
    }

    .w39-introducer__items__slider .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w39-introducer__items__slider {
        width: 100%;
    }
}

.w39-introducer__items__slider__imgbox {
    background-size: contain;
    background-position: center;
}

.w39-introducer__items__slider__imgbox__img {
    width: 100%;
}

/*ed*/
/*w39-introducer-1*/
.w39-introducer-1 {
    width: 100%;
    background-color: white;
    padding-bottom: 3em;
}

.w39-introducer-1__group {
    max-width: 100%;
    margin: 0 auto;
}

.w39-introducer-1__items {
    display: flex;
    justify-content: space-between;
    margin-top: 5em;
    flex-wrap: wrap;
    transition: all 0.3s ease;
    margin-left: calc((100% - 120em) / 2);
}

@media only screen and (max-width: 75em) {
    .w39-introducer-1__items {
        margin-left: 0;
        margin-top: 7em;
    }
}

.w39-introducer-1__items__info {
    width: 48%;
    position: relative;
    margin-top: 2em;
    padding-left: 10em;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(/img/w39/bg-2.png);
    background-size: contain;
}

@media only screen and (max-width: 50em) {
    .w39-introducer-1__items__info {
        width: 100%;
        padding: 1em;
    }
}

.w39-introducer-1__items__info__name {
    display: block;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w39-introducer-1__items__info__des {
    display: block;
    font-size: 2.5em;
    font-weight: bolder;
    line-height: 1.6em;
}

.w39-introducer-1__items__info__text {
    margin-top: 1em;
    font-size: 1.3em;
}

.w39-introducer-1__items__info__btn {
    box-shadow: 0 1em 1em rgba(0, 0, 0, 0.192);
    background-image: linear-gradient(to right, #c2a041, #e7d15f, #c2a041);
    color: white;
    display: flex;
    align-items: center;
    padding: 1em 2em;
    border-radius: 2em;
    border: none;
    cursor: pointer;
    margin-top: 2em;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 2em;
}

    .w39-introducer-1__items__info__btn:hover {
        margin-top: 1em;
        box-shadow: 0 0 0;
    }

.w39-introducer-1__items__info__btn__text {
    font-size: 1.2em;
    margin-right: 0.5em;
}

.w39-introducer-1__items__info__btn__icon {
    font-size: 1.4em;
}

.w39-introducer-1__items__slider {
    width: 50%;
    position: relative;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.401);
    height: fit-content;
}

    .w39-introducer-1__items__slider .swiper-pagination-bullet {
        background: white;
    }

    .w39-introducer-1__items__slider .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w39-introducer-1__items__slider {
        width: 100%;
        margin-top: 5em;
    }
}

.w39-introducer-1__items__slider .gallery-top {
    overflow: hidden;
    position: relative;
}

.w39-introducer-1__items__slider .swiper-button-next {
    background-color: white;
    padding: 4em;
    right: unset;
    color: rgba(var(--main-color-w), 1);
    left: 8em;
    bottom: 0;
    top: unset;
    position: absolute;
}

@media only screen and (max-width: 37.5em) {
    .w39-introducer-1__items__slider .swiper-button-next {
        padding: 2em;
        left: 4em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w39-introducer-1__items__slider .swiper-button-next::after {
        font-size: 1.6em;
    }
}

.w39-introducer-1__items__slider .swiper-button-prev {
    background-color: white;
    padding: 4em;
    right: unset;
    color: rgba(var(--main-color-w), 1);
    left: 0;
    bottom: 0;
    top: unset;
    position: absolute;
}

@media only screen and (max-width: 37.5em) {
    .w39-introducer-1__items__slider .swiper-button-prev {
        padding: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w39-introducer-1__items__slider .swiper-button-prev::after {
        font-size: 1.6em;
    }
}

.w39-introducer-1__items__slider__imgbox {
    background-size: contain;
    background-position: center;
    background-attachment: scroll;
}

.w39-introducer-1__items__slider__imgbox__img {
    width: 100%;
}

.w39-introducer-1__items__slider::before {
    content: "";
    position: absolute;
    height: 100%;
    width: calc(100% - 5em);
    background-color: rgba(var(--main-color-w), 1);
    top: -5em;
    left: 5em;
    z-index: 1;
}

/*ed*/
/*w39-introducer-2*/
.w39-introducer-2 {
    width: 100%;
    background-color: white;
    padding-bottom: 3em;
    padding-top: 3em;
}

.w39-introducer-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w39-introducer-2__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: all 0.3s ease;
    position: relative;
    padding: 1em 2em;
    height: fit-content;
}

@media only screen and (max-width: 75em) {
    .w39-introducer-2__items {
        margin-left: 0;
    }
}

.w39-introducer-2__items::after {
    content: "";
    position: absolute;
    height: 100%;
    width: 100%;
    background-color: #f4f4f4;
    top: -5em;
    left: 0;
    z-index: -1;
}

.w39-introducer-2__items__info {
    width: 48%;
    position: relative;
    background-position: bottom;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w39-introducer-2__items__info {
        width: 100%;
    }
}

.w39-introducer-2__items__info__name {
    display: block;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-bottom: .5em;
}

.w39-introducer-2__items__info__des {
    display: block;
    font-size: 2.5em;
    font-weight: bolder;
    line-height: 1.6em;
}

.w39-introducer-2__items__info__text {
    margin-top: 1em;
    font-size: 1.3em;
}

.w39-introducer-2__items__info__btn {
    box-shadow: 0 1em 1em rgba(0, 0, 0, 0.192);
    background-image: linear-gradient(to right, #c2a041, #e7d15f, #c2a041);
    color: white;
    display: flex;
    align-items: center;
    padding: 1em 2em;
    border-radius: 2em;
    border: none;
    cursor: pointer;
    margin-top: 2em;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 2em;
}

    .w39-introducer-2__items__info__btn:hover {
        margin-top: 1em;
        box-shadow: 0 0 0;
    }

.w39-introducer-2__items__info__btn__text {
    font-size: 1.2em;
    margin-right: .5em;
}

.w39-introducer-2__items__info__btn__icon {
    font-size: 1.4em;
}

.w39-introducer-2__items__slider {
    width: 50%;
    position: relative;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.401);
    height: fit-content;
}

    .w39-introducer-2__items__slider .swiper-pagination-bullet {
        background: white;
    }

    .w39-introducer-2__items__slider .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w39-introducer-2__items__slider {
        width: 100%;
        margin-bottom: 2em;
    }
}

.w39-introducer-2__items__slider .gallery-top {
    overflow: hidden;
    position: relative;
}

.w39-introducer-2__items__slider .swiper-button-prev {
    background-color: white;
    padding: 4em;
    color: rgba(var(--main-color-w), 1);
    right: 8em;
    left: unset;
    bottom: 0;
    top: unset;
    position: absolute;
}

.w39-introducer-2__items__slider .swiper-button-next {
    background-color: white;
    padding: 4em;
    right: 0;
    color: rgba(var(--main-color-w), 1);
    left: unset;
    bottom: 0;
    top: unset;
    position: absolute;
}

.w39-introducer-2__items__slider__imgbox {
    background-size: contain;
    background-position: center;
    background-attachment: scroll;
}

.w39-introducer-2__items__slider__imgbox__img {
    width: 100%;
}

/*ed*/
/*w39-introducer-3*/
.w39-introducer-3 {
    width: 100%;
    background-color: white;
}

.w39-introducer-3__group {
    max-width: 120em;
    margin: 0 auto;
}

.w39-introducer-3__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    transition: all 0.3s ease;
    position: relative;
}

@media only screen and (max-width: 75em) {
    .w39-introducer-3__items {
        margin-left: 0;
    }
}

.w39-introducer-3__items__info {
    width: 50%;
    position: relative;
    background-position: bottom;
    background-repeat: no-repeat;
    background-image: url(/img/w39/bg-3.jpg);
    background-size: cover;
    padding: 2em 3em;
    padding-bottom: 5em;
}

@media only screen and (max-width: 50em) {
    .w39-introducer-3__items__info {
        width: 100%;
    }
}

.w39-introducer-3__items__info__tab {
    display: flex;
    flex-wrap: wrap;
}

    .w39-introducer-3__items__info__tab .ACTIVE {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

.w39-introducer-3__items__info__tab__text {
    color: #7b8088;
    cursor: pointer;
    font-size: 1.2EM;
    padding: .5em 1em;
}

    .w39-introducer-3__items__info__tab__text:not(:last-child) {
        border-right: 1px solid #7b8088;
    }

.w39-introducer-3__items__info__name {
    display: block;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-bottom: .5em;
    color: #7b8088;
}

.w39-introducer-3__items__info__des {
    display: block;
    font-size: 2.5em;
    font-weight: bolder;
    line-height: 1.6em;
    color: white;
    margin-bottom: .5em;
}

.w39-introducer-3__items__info__text {
    margin-top: 1em;
    font-size: 1.3em;
    color: white;
    line-height: 1.6em;
}

.w39-introducer-3__items__info__btn {
    box-shadow: 0 1em 1em rgba(0, 0, 0, 0.192);
    background-image: linear-gradient(to right, #c2a041, #e7d15f, #c2a041);
    color: white;
    display: flex;
    align-items: center;
    padding: 1em 2em;
    border-radius: 2em;
    border: none;
    cursor: pointer;
    margin-top: 2em;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 2em;
}

    .w39-introducer-3__items__info__btn:hover {
        margin-top: 1em;
        box-shadow: 0 0 0;
    }

.w39-introducer-3__items__info__btn__text {
    font-size: 1.2em;
    margin-right: .5em;
}

.w39-introducer-3__items__info__btn__icon {
    font-size: 1.4em;
}

.w39-introducer-3__items__slider {
    width: 50%;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.401);
}

@media only screen and (max-width: 50em) {
    .w39-introducer-3__items__slider {
        width: 100%;
    }
}

.w39-introducer-3__items__slider .swiper-pagination {
    position: absolute;
    top: unset;
    left: 3em !important;
    width: fit-content !important;
    height: fit-content;
    bottom: 3em !important;
}

@media only screen and (max-width: 37.5em) {
    .w39-introducer-3__items__slider .swiper-pagination {
        transform: scale(0.6);
        left: 1em !important;
    }
}

.w39-introducer-3__items__slider .swiper-button-next {
    color: white;
}

.w39-introducer-3__items__slider .swiper-wrapper {
    height: 100% !important;
}

.w39-introducer-3__items__slider .swiper-button-prev {
    color: white;
}

.w39-introducer-3__items__slider .gallery-top {
    height: 100% !important;
}

.w39-introducer-3__items__slider .swiper-slide, .w39-introducer-3__items__slider .gallery-top {
    height: 100% !important;
}

.w39-introducer-3__items__slider .swiper-pagination-bullet {
    position: relative;
    background: transparent;
    opacity: 1;
    border-radius: 0px;
    width: 2.5em;
    height: 2.5em;
    margin: 0 !important;
    overflow: hidden;
}

    .w39-introducer-3__items__slider .swiper-pagination-bullet:first-child::before {
        left: 0.5em;
    }

    .w39-introducer-3__items__slider .swiper-pagination-bullet::before {
        position: absolute;
        content: ""; left: 0.625em;
        background: #fff;
        width: 1em;
        margin-left: 0.1em;
        height: 1em;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        transition: all 0.3s ease;
    }

    .w39-introducer-3__items__slider .swiper-pagination-bullet::after {
        width: 0em;
        transition: 0.5s;
        position: absolute;
        content: "";
    }

.w39-introducer-3__items__slider .swiper-pagination-bullet-active {
    position: relative;
    width: 10em;
    transition: all 0.3s ease;
}

    .w39-introducer-3__items__slider .swiper-pagination-bullet-active:first-child::after {
        left: 3em;
    }

    .w39-introducer-3__items__slider .swiper-pagination-bullet-active::after {
        content: ""; position: absolute;
        width: 6em;
        background: #2e3442;
        height: 0.2em;
        bottom: 0px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        visibility: visible;
        opacity: 1;
    }

    .w39-introducer-3__items__slider .swiper-pagination-bullet-active::before {
        border: 2px solid #c29526;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        left: 7em;
        width: 1.6em;
        height: 1.6em;
        content: ""; transition: 0.5s;
        background: transparent;
        transition: all 0.3s ease;
    }

.w39-introducer-3__items__slider .gallery-top {
    overflow: hidden;
    position: relative;
}

.w39-introducer-3__items__slider .swiper-button-next {
    background-color: white;
    padding: 4em;
    right: 0;
    color: rgba(var(--main-color-w), 1);
    left: unset;
    bottom: 0;
    top: unset;
    position: absolute;
}

.w39-introducer-3__items__slider .swiper-button-prev {
    background-color: white;
    padding: 4em;
    right: 8em;
    color: rgba(var(--main-color-w), 1);
    left: unset;
    bottom: 0;
    top: unset;
    position: absolute;
}

.w39-introducer-3__items__slider__imgbox {
    background-size: cover;
    background-position: center;
    background-attachment: scroll;
}

.w39-introducer-3__items__slider__imgbox__img {
    width: 100%;
}

/*ed*/
/*w39-banner*/
.w39-banner {
    width: 100%;
    background-color: #fff;
}

.w39-banner__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}

.w39-banner .swiper-pagination {
    transform: rotate(90deg) translateX(-50%);
    position: absolute;
    top: 50%;
    right: 1em;
    width: fit-content !important;
    height: fit-content;
    left: unset !important;
}

@media only screen and (max-width: 37.5em) {
    .w39-banner .swiper-pagination {
        transform: rotate(90deg) translateX(-30%) scale(0.6);
    }
}

.w39-banner .swiper-button-next {
    color: white;
}

.w39-banner .swiper-button-prev {
    color: white;
}

.w39-banner .swiper-pagination-bullet {
    position: relative;
    background: transparent;
    opacity: 1;
    border-radius: 0px;
    width: 2.5em;
    height: 2.5em;
    margin: 0 !important;
    overflow: hidden;
}

    .w39-banner .swiper-pagination-bullet:first-child::before {
        left: 0.5em;
    }

    .w39-banner .swiper-pagination-bullet::before {
        position: absolute;
        content: ""; left: 0.625em;
        background: #fff;
        width: 1em;
        margin-left: 0.1em;
        height: 1em;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        transition: all 0.3s ease;
    }

    .w39-banner .swiper-pagination-bullet::after {
        width: 0em;
        transition: 0.5s;
        position: absolute;
        content: "";
    }

.w39-banner .swiper-pagination-bullet-active {
    position: relative;
    width: 10em;
    transition: all 0.3s ease;
}

    .w39-banner .swiper-pagination-bullet-active:first-child::after {
        left: 3em;
    }

    .w39-banner .swiper-pagination-bullet-active::after {
        content: ""; position: absolute;
        width: 6em;
        background: #2e3442;
        height: 0.2em;
        bottom: 0px;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        visibility: visible;
        opacity: 1;
    }

    .w39-banner .swiper-pagination-bullet-active::before {
        border: 2px solid #c29526;
        position: absolute;
        top: 50%;
        transform: translateY(-50%) rotate(45deg);
        left: 7em;
        width: 1.6em;
        height: 1.6em;
        content: ""; transition: 0.5s;
        background: transparent;
        transition: all 0.3s ease;
    }

.w39-banner__items {
    position: relative;
}

.w39-banner__items__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w39-banner__items__imgbox__img {
    width: 100%;
}

.w39-banner__items__content {
    position: absolute;
    z-index: 1;
    top: 10%;
    left: 10%;
}

.w39-banner__items__content__name {
    color: white;
    display: block;
    font-size: 1.3em;
    text-shadow: 0 0 1em rgba(0, 0, 0, 0.556);
    margin-bottom: 1em;
    line-height: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w39-banner__items__content__name {
        font-size: 1.1em;
    }
}

.w39-banner__items__content__des {
    color: white;
    display: block;
    font-size: 3em;
    text-shadow: 0 0 1em rgba(0, 0, 0, 0.556);
    font-weight: bolder;
    line-height: 1.4em;
}

@media only screen and (max-width: 37.5em) {
    .w39-banner__items__content__des {
        font-size: 1.5em;
    }
}

.w39-banner__items__action {
    display: flex;
    position: absolute;
    bottom: 2%;
    left: 2%;
    cursor: pointer;
}

.w39-banner__items__action__grbtn {
    display: block;
    text-align: center;
    margin-right: 2em;
}

.w39-banner__items__action__grbtn__icon {
    display: block;
    color: white;
    font-size: 2.5em;
    margin-bottom: 0.2em;
}

.w39-banner__items__action__grbtn__text {
    display: block;
    color: white;
    font-size: 1em;
    font-weight: 600;
}

/*ed*/
/*w39-menu*/
.w39-menu {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 0.5em;
    color: white;
}

.w39-menu__group {
    max-width: 120em;
    margin: 0 auto;
    align-items: center;
    position: relative;
}

.w39-menu__logobox {
    min-width: 12em;
    width: 12em;
    height: 8em;
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w39-menu__logobox {
        display: none;
    }
}

.w39-menu__logobox__img {
    width: 100%;
}

.w39-menu-row {
    display: flex;
    position: relative;
}

.w39-menu__mcate {
    display: flex;
    align-items: center;
    margin-right: 1em;
    cursor: pointer;
    height: 8em;
    width: 12em;
}

.w39-menu__mcate__icon {
    font-size: 2.5em;
    margin-right: 0.5em;
}

.w39-menu__mcate:hover .w39-menu__mcate__nd__sp__drop {
    display: block;
}

.w39-menu__mcate__nd__text {
    font-size: 1.3em;
}

.w39-menu__mcate__nd__sp {
    margin-top: 1em;
}

.w39-menu__mcate__nd__sp__cha {
    display: flex;
    align-items: center;
    font-weight: bolder;
}

.w39-menu__mcate__nd__sp__cha__icon {
    font-size: 1.3em;
    align-self: flex-end;
}

.w39-menu__mcate__nd__sp__cha__text {
    font-size: 1.3em;
    white-space: nowrap;
    margin-right: 0.5em;
}

.w39-menu__mcate__nd__sp__drop {
    position: absolute;
    top: initial;
    left: 0;
    color: black;
    list-style: none;
    width: 100%;
    background-color: white;
    display: none;
    z-index: 11;
    padding: 0.5em 0;
    margin-top: 2em;
    box-shadow: 0 1em 1.5em rgba(0, 0, 0, 0.212);
    border-radius: 1em;
    max-height: 40em;
    overflow: scroll;
}

.w39-menu__mcate__nd__sp__drop__checkbox {
    display: none;
}

.w39-menu__mcate__nd__sp__drop__item {
    padding: 0.5em 1.2em;
    width: 25em;
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop__item {
        margin-top: 1em;
        width: 100%;
    }
}

.w39-menu__mcate__nd__sp__drop__item:hover .w39-menu__mcate__nd__sp__drop__item__text, .w39-menu__mcate__nd__sp__drop__item__icon {
    font-weight: 800;
    transition: all 0.2s;
    transform: scale(1.05);
}

.w39-menu__mcate__nd__sp__drop__item__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}

.w39-menu__mcate__nd__sp__drop__item__icon {
    margin-left: 1em;
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop__item__icon {
        position: relative;
        float: right;
        top: 0.3em;
    }
}

.w39-menu__mcate__nd__sp__drop__item__text {
    margin-left: 1em;
    display: inline-block;
    white-space: pre-wrap;
    text-align: center;
    width: 100%;
    cursor: pointer;
    font-size: 1.2em;
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop__item__text {
        position: relative;
    }
}

.w39-menu__mcate__nd__sp__drop__item__imgbox {
    width: 2em;
    min-width: 2em;
    height: 2em;
    display: block;
    background-size: contain;
    background-position: center;
}

.w39-menu__mcate__nd__sp__drop__item__imgbox__img {
    width: 100%;
}

.w39-menu__mcate__nd__sp__drop__item:hover .w39-menu__mcate__nd__sp__drop--1 .w39-menu__mcate__nd__sp__drop--1-col {
    display: block;
}

.w39-menu__mcate__nd__sp__drop--1 {
    position: absolute;
    left: 25em;
    list-style: none;
    display: block;
    background-color: white;
    top: 0;
    width: calc(98% - 25em);
    display: flex;
    flex-wrap: wrap;
    border-left: 0.1em solid rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop--1 {
        position: relative;
        width: 100%;
        left: 0;
    }
}

.w39-menu__mcate__nd__sp__drop--1-col {
    flex-wrap: wrap;
    display: none;
    width: 32.333333%;
    margin-left: 1%;
}

.w39-menu__mcate__nd__sp__drop--1__item__nd {
    padding: 1em;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop--1__item__nd {
        display: block;
    }
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop--1__item__nd {
        padding: 1em 0 1em 0.5em;
    }
}

.w39-menu__mcate__nd__sp__drop--1__item__nd:hover .w39-menu__mcate__nd__sp__drop--1__item__nd__text, .w39-menu__mcate__nd__sp__drop--1__item__nd__icon {
    font-weight: 800;
    transition: all 0.2s;
    transform: scale(1.05);
}

.w39-menu__mcate__nd__sp__drop--1__item__nd__icon {
    margin-right: 1em;
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop--1__item__nd__icon {
        margin-left: auto;
        position: relative;
        float: right;
        top: 0.3em;
    }
}

.w39-menu__mcate__nd__sp__drop--1__item__nd__text {
    font-size: 1.2em;
}

.w39-menu__mcate__nd__sp__drop--2 {
    position: relative;
    left: 0;
    list-style: none;
    height: max-content;
    width: 25em;
    top: 0;
    margin-left: 0.5em;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop--2 {
        position: relative;
        left: 0;
        top: 0;
        border: unset;
        width: 100%;
    }
}

.w39-menu__mcate__nd__sp__drop--2__item {
    padding: 1em;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w39-menu__mcate__nd__sp__drop--2__item {
        padding: 1em 0 1em 0.5em;
    }
}

.w39-menu__mcate__nd__sp__drop--2__item:hover .w39-menu__mcate__nd__sp__drop--2__item__text, .w39-menu__mcate__nd__sp__drop--2__item__icon {
    font-weight: 800;
    transition: all 0.2s;
    transform: scale(1.05);
}

.w39-menu__mcate__nd__sp__drop--2__item__icon {
    margin-right: 1em;
}

.w39-menu__mcate__nd__sp__drop--2__item__text {
    font-size: 1.2em;
}

.w39-menu__second {
    display: flex;
    width: 100%;
    z-index: 3;
    position: relative;
    margin-left: auto;
    align-items: center;
    margin-bottom: 1.5em;
}

@media only screen and (max-width: 50em) {
    .w39-menu__second {
        margin-bottom: 0;
    }
}

.w39-menu__second__logobox {
    min-width: 12em;
    width: 12em;
    height: 8em;
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

@media only screen and (min-width: 50em) {
    .w39-menu__second__logobox {
        display: none;
    }
}

.w39-menu__second__logobox__img {
    width: 100%;
}

.w39-menu__second__link {
    margin-right: 1em;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
}

.w39-menu__second__link__icon {
    margin: 0 0.5em;
    font-size: 1.8em;
}

.w39-menu__second__link__text {
    font-size: 1.3em;
}

@media only screen and (max-width: 50em) {
    .w39-menu__second__link__text {
        display: none;
    }
}

.w39-menu__second-col {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.w39-menu__second__clink {
    margin-right: 1em;
    cursor: pointer;
    position: relative;
    height: 2em;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__second__clink {
        position: inherit !important;
    }
}

.w39-menu__second__clink__icon {
    margin: 0 0.5em;
    font-size: 1.8em;
}

.w39-menu__second__clink__text {
    cursor: pointer;
    font-size: 1.3em;
}

@media only screen and (max-width: 50em) {
    .w39-menu__second__clink__text {
        display: none;
    }
}

.w39-menu__second__clink__check {
    position: absolute;
    background-color: white;
    padding: 1em;
    margin-top: 0.5em;
    border-radius: 0.3em;
    text-align: center;
    display: none;
    z-index: 1;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__second__clink__check {
        font-size: 1em !important;
        left: 0;
        width: 100%;
        top: 10em;
    }
}

.w39-menu__second__clink__check__input {
    padding: 0.5em;
    margin-bottom: 0.4em;
}

.w39-menu__second__clink__check__btn {
    margin-top: 0.5em;
    padding: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: none;
    outline: none;
    border-radius: 0.3em;
    font-size: 1.3em;
    font-weight: 600;
    cursor: pointer;
}

.w39-menu__second__clink__checkbox:checked ~ .w39-menu__second__clink__check {
    display: flex !important;
    flex-direction: column;
}

.w39-menu__second__clink__checkbox {
    display: none;
}

.w39-menu__second__grlink__text {
    margin-right: 1em;
    font-size: 1.3em;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__second__grlink__text {
        font-size: 1em;
    }
}

.w39-menu__first {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: calc(100% - 25.5em);
}

@media only screen and (max-width: 50em) {
    .w39-menu__first {
        width: calc(100% - 13em);
    }
}

.w39-menu__first__search {
    display: flex;
    align-items: center;
    background-color: white;
    margin-right: 1.5em;
    border-radius: 0.3em;
    width: 100%;
    z-index: 2;
    height: fit-content;
    position: relative;
    padding: 0.4em;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__first__search {
        position: initial;
    }
}

.w39-menu__first__search__checkbox {
    display: none;
}

    .w39-menu__first__search__checkbox:checked ~ .w39-menu__first__search__card {
        display: block;
    }

.w39-menu__first__search__callsearch {
    cursor: pointer;
    border: none;
    outline: none;
    padding: 1em;
    font-size: 1em;
    font-weight: 600;
    line-height: 1.5em;
    white-space: nowrap;
    border-radius: 0.3em;
    border: 0.1em solid white;
    width: 100%;
}

.w39-menu__first__search__callsearch__text {
    white-space: nowrap;
}

.w39-menu__first__search__callsearch__input {
    border: none;
    outline: none;
    width: 70%;
    display: block;
    font-size: 1.2em;
}

.w39-menu__first__search__btn {
    padding: 0.5em;
    margin-right: 1em;
    margin-left: 0.5em;
    border: none;
    outline: none;
    background-color: transparent;
    cursor: pointer;
}

.w39-menu__first__search__btn__icon {
    color: rgba(var(--main-color-w), 1);
    margin-left: auto;
    font-size: 1.3em;
}

.w39-menu__first__search__card {
    position: absolute;
    z-index: 4;
    background-color: white;
    color: black;
    width: 100%;
    left: 0;
    margin-top: 4em;
    padding: 1em;
    display: none;
    z-index: 3;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.178);
    top: 0;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__first__search__card {
        display: none;
        left: 0;
        margin-top: 7em;
    }
}

.w39-menu__first__search__card__title {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w39-menu__first__search__card__title__text {
    font-size: 1.3em;
    font-weight: bolder;
}

.w39-menu__first__search__card__title__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    margin-right: 0.5em;
}

.w39-menu__first__search__card__danhmuc {
    display: flex;
    flex-wrap: wrap;
}

.w39-menu__first__search__card__danhmuc__con {
    width: 23%;
    margin: 1%;
    background-color: #f7f7f7;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__first__search__card__danhmuc__con {
        width: 31.33333%;
    }
}

.w39-menu__first__search__card__danhmuc__con__text {
    font-size: 1.2em;
    font-weight: 600;
}

.w39-menu__first__search__card__danhmuc__con__icon {
    font-size: 1.2em;
    margin-right: 0.5em;
}

.w39-menu__first__search__card__danhmuc__con:hover {
    border: 1px solid rgba(var(--main-color-w), 1);
}

.w39-menu__first__search__card__box__title {
    font-size: 1.3em;
    font-weight: bolder;
    display: block;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__first__search__card__box__title {
        margin-top: 1em;
    }
}

.w39-menu__first__search__card__box__wrap {
    display: flex;
    align-items: center;
    margin-top: 1em;
    cursor: pointer;
    flex-wrap: wrap;
}

.w39-menu__first__search__card__box__wrap__content {
    text-align: center;
    margin: 1%;
    width: 23%;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__first__search__card__box__wrap__content {
        width: 31.33333%;
    }
}

.w39-menu__first__search__card__box__wrap__content__imgbox {
    width: 7em;
    min-width: 7em;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}

.w39-menu__first__search__card__box__wrap__content__imgbox__img {
    width: 100%;
}

.w39-menu__first__search__card__box__wrap__content__text {
    display: block;
    margin-bottom: 0.5em;
    margin-top: 1em;
    font-size: 1.2em;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.5rem;
}

.w39-menu__first__search__card__box__wrap__content:hover {
    border: 1px solid rgba(var(--main-color-w), 1);
}

.w39-menu__first__card {
    border-radius: 0.3em;
    border: none;
    color: white;
    background-color: transparent;
    white-space: nowrap;
    position: relative;
    cursor: pointer;
    margin-right: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w39-menu__first__card {
        font-size: 1em !important;
    }
}

.w39-menu__first__card__icon {
    font-size: 2em;
}

.w39-menu__first__card__number {
    color: black;
    font-weight: 600;
    background-color: white;
    color: black;
    height: 1.5em;
    width: 1.5em;
    border-radius: 50%;
    position: absolute;
    top: -0.5em;
    right: -1em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w39-menu__first__checkbox {
    display: none;
}

    .w39-menu__first__checkbox:checked ~ .w39-menu__first__search {
        display: block;
        position: absolute;
        top: 11em;
        width: 98%;
        padding: 1em;
        left: 1%;
        text-align: center;
        color: white;
        border: 0.1em solid rgba(var(--main-color-w), 1);
    }

.w39-menu__third {
    display: flex;
    margin-top: 1em;
    text-overflow: ellipsis;
    overflow: scroll;
    width: 100%;
    padding-bottom: 0.5em;
}

.w39-menu__third__text {
    margin-right: 1em;
    font-size: 1.2em;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/*ed*/
/*w39-ads*/
.w39-ads {
    width: 100%;
    background-color: #f5f5f5;
    padding: 2em 0;
}

.w39-ads__group {
    margin: 0 auto;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.105);
    background-color: white;
}

.w39-ads__heading {
    font-size: 1.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    padding: 1em 1em 0 1em;
    color: rgba(var(--main-color-w), 1);
}

.w39-ads__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w39-ads__content {
        padding: 1em;
    }
}

.w39-ads__content .swiper-button-prev {
    background-color: white;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.281);
}

    .w39-ads__content .swiper-button-prev::after {
        display: none;
    }

    .w39-ads__content .swiper-button-prev i {
        transform: rotate(-90deg);
        margin-right: .2em;
        color: black;
        font-size: 0.8em;
    }

.w39-ads__content .swiper-button-next {
    background-color: white;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.281);
}

    .w39-ads__content .swiper-button-next::after {
        display: none;
    }

    .w39-ads__content .swiper-button-next i {
        transform: rotate(90deg);
        margin-left: .2em;
        color: black;
        font-size: 0.8em;
    }

.w39-ads__content .swiper-pagination-bullet-active {
    background-color: rgba(var(--main-color-w), 1);
}

.w39-ads__content__items {
    width: fit-content;
    width: 100%;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
}

    .w39-ads__content__items .gallery-thumbs {
        width: 100%;
    }

.w39-ads__content__items-col {
    width: 10% !important;
    height: fit-content !important;
}

.w39-ads__content__items__item {
    cursor: pointer;
    background-color: white;
    padding: 1em;
    height: fit-content;
    border: 1px solid #ebebeb;
}

.w39-ads__content__items__item__imgbox {
    width: 80%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: 0.5em;
}

.w39-ads__content__items__item__imgbox__img {
    width: 100%;
}

.w39-ads__content__items__item__text {
    display: block;
    font-size: 1.2em;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w39-ads__content__items__item:hover .w39-ads__content__items__item__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

/*ed*/
/*w39-product*/
.w39-product {
    width: 100%;
    background-color: #f5f5f5;
    padding: 2em 1em;
}

.w39-product__group {
    margin: 0 auto;
    max-width: 120em;
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.105);
    background-color: white;
}

.w39-product__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50em) {
    .w39-product__content {
        padding: 1em;
    }
}

.w39-product__content .swiper-button-prev {
    background-color: white;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.281);
}

    .w39-product__content .swiper-button-prev::after {
        display: none;
    }

    .w39-product__content .swiper-button-prev i {
        transform: rotate(-90deg);
        margin-right: 0.2em;
        color: black;
        font-size: 0.8em;
    }

.w39-product__content .swiper-button-next {
    background-color: white;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.281);
}

    .w39-product__content .swiper-button-next::after {
        display: none;
    }

    .w39-product__content .swiper-button-next i {
        transform: rotate(90deg);
        margin-left: 0.2em;
        color: black;
        font-size: 0.8em;
    }

.w39-product__content__items {
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    width: 100%;
}

.w39-product__content__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w39-product__content__items__heading {
        margin-bottom: 2em;
    }
}

.w39-product__content__items__heading__text {
    padding: 1em;
    font-weight: 500;
    font-size: 1.4em;
    line-height: 1.6em;
    background-color: white;
    width: fit-content;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w39-product__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w39-product__content__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}

.w39-product__content__items__heading__more__link__text {
    font-size: 1.2em;
}

.w39-product__content__items__heading__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
}

.w39-product__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
    position: relative;
}

.w39-product__content__items__item__noidung {
    width: 18% !important;
    margin: 0 1% 1% 1%;
    cursor: pointer;
    background-color: white;
    height: fit-content;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w39-product__content__items__item__noidung {
        width: 31.33333333333% !important;
    }
}

.w39-product__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w39-product__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w39-product__content__items__item__noidung:hover .w39-product__content__items__item__noidung__thongtin__contain {
    opacity: 1;
}

.w39-product__content__items__item__noidung__thongtin {
    padding: .5em;
}

.w39-product__content__items__item__noidung__thongtin__text {
    display: block;
    font-size: 1.4em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w39-product__content__items__item__noidung__thongtin:hover .w39-product__content__items__item__noidung__thongtin__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w39-product__content__items__item__noidung__thongtin__pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: .5em;
    flex-wrap: wrap;
}

.w39-product__content__items__item__noidung__thongtin__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
    font-weight: 600;
    display: block;
}

.w39-product__content__items__item__noidung__thongtin__pricing__icon {
    color: red;
}

.w39-product__content__items__item__noidung__thongtin__km {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .5em;
}

.w39-product__content__items__item__noidung__thongtin__km__text {
    background-color: red;
    padding: .5em;
    margin-right: .5em;
    color: white;
    border-radius: .3em;
}

.w39-product__content__items__item__noidung__thongtin__km__down {
    color: #5a5a5a;
    font-size: 1.2em;
    display: block;
    text-decoration: line-through;
}

.w39-product__content__items__item__noidung__thongtin__contain {
    display: flex;
    opacity: 0;
    transition: all .2s ease;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.219);
}

.w39-product__content__items__item__noidung__thongtin__contain__box {
    margin-left: auto;
}

.w39-product__content__items__item__noidung__thongtin__contain__box__icon {
    padding: 1em;
    color: white;
    font-size: 1.2em;
}

    .w39-product__content__items__item__noidung__thongtin__contain__box__icon:hover {
        background-color: rgba(0, 0, 0, 0.386);
    }

.w39-product__content__items__item__noidung__thongtin__contain__text {
    font-size: 1em;
    color: white;
    font-size: 1.2em;
    padding: 1em;
}

    .w39-product__content__items__item__noidung__thongtin__contain__text:hover {
        background-color: rgba(0, 0, 0, 0.332);
    }

.w39-product__content__items__item__noidung__thongtin__text {
    font-style: italic;
    font-size: 1em;
}

/*ed*/
/*w40-ads-1*/
.w40-ads-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w40-ads-1__group {
    margin: 0 auto;
    max-width: 120em;
}

.w40-ads-1__heading__title {
    display: flex;
    width: fit-content;
}

.w40-ads-1__heading__title__text {
    font-weight: bolder;
    font-size: 2em;
}

.w40-ads-1__heading__title__line {
    width: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    margin-right: 0.5em;
}

.w40-ads-1__heading__des {
    font-size: 1.6em;
    margin-top: 1em;
    margin-bottom: 1em;
}

.w40-ads-1__items {
    position: relative;
    overflow: hidden;
}

    .w40-ads-1__items .swiper-slide {
        width: 20% !important;
    }

@media only screen and (max-width: 50em) {
    .w40-ads-1__items .swiper-slide {
        width: 33.3333333333333% !important;
    }
}

@media only screen and (max-width: 37.5em) {
    .w40-ads-1__items .swiper-slide {
        width: 50% !important;
    }
}

.w40-ads-1__items .swiper-button-prev {
    height: 3em;
    width: 6em;
    border-radius: 2em;
    border: .1em solid white;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.1);
}

    .w40-ads-1__items .swiper-button-prev::after {
        display: none;
    }

    .w40-ads-1__items .swiper-button-prev i {
        color: white;
        font-size: 1.5em;
    }

.w40-ads-1__items .swiper-button-next {
    height: 3em;
    width: 6em;
    border-radius: 2em;
    border: .1em solid white;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.1);
}

    .w40-ads-1__items .swiper-button-next::after {
        display: none;
    }

    .w40-ads-1__items .swiper-button-next i {
        color: white;
        font-size: 1.5em;
    }

.w40-ads-1__items__item {
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .w40-ads-1__items__item:hover .w40-ads-1__items__item__bg--1 {
        top: 0;
    }

.w40-ads-1__items__item__bg {
    background-color: black;
    height: 100%;
    width: 100%;
    opacity: 0.15;
    position: absolute;
    left: 0;
    z-index: 0;
    transition: all .5s ease-in-out;
}

.w40-ads-1__items__item__bg--1 {
    background: linear-gradient(-181deg, rgba(178, 137, 6, 0.8) 0, rgba(255, 224, 105, 0.8) 16%, rgba(206, 162, 24, 0.8) 74%, rgba(222, 183, 62, 0.8) 100%);
    height: 100%;
    width: 100%;
    z-index: 2;
    position: absolute;
    top: -100%;
    transition: all .5s ease;
    display: flex;
    justify-content: center;
}

.w40-ads-1__items__item__bg--1__imgbox {
    width: 50%;
    height: 50%;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
}

.w40-ads-1__items__item__bg--1__imgbox__img {
    width: 100%;
}

.w40-ads-1__items__item__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.w40-ads-1__items__item__imgbox__img {
    width: 100%;
}

.w40-ads-1__items__item__content {
    position: absolute;
    bottom: 0;
    color: white;
    padding: 2.5em;
    width: calc(100% - 5em);
    z-index: 3;
    display: flex;
}

.w40-ads-1__items__item__content__line {
    width: 0.8em;
    background-color: rgba(var(--main-color-w), 1);
    margin-right: .5em;
}

.w40-ads-1__items__item__content__des {
    font-size: 1.7em;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w40-ads-1__items__item__content__des {
        font-size: 1em;
    }
}

/*ed*/
/*w40-ads-2*/
.w40-ads-2 {
    width: 100%;
    padding: 2em 1em;
}

.w40-ads-2__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w40-ads-2__group {
        flex-direction: column;
    }
}

.w40-ads-2__heading {
    display: block;
}

.w40-ads-2__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w40-ads-2__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w40-ads-2__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2em;
}

.w40-ads-2__heading__imgbox__img {
    margin: 0 auto;
}

.w40-ads-2__items {
    display: flex;
    flex-wrap: wrap;
}

.w40-ads-2__items__container {
    color: white;
    overflow: hidden;
    width: 25%;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w40-ads-2__items__container {
        width: 100%;
        padding: 0;
    }
}

.w40-ads-2__items__container__item {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
    display: block;
    height: fit-content;
    width: 90%;
}

.w40-ads-2__items__container__item__name {
    font-size: 2em;
    line-height: 1.6em;
    font-weight: 600;
    display: block;
    position: relative;
    margin-bottom: 1em;
}

.w40-ads-2__items__container__item__line {
    width: 100%;
    height: 0.1em;
    background-color: white;
    display: block;
    margin-top: 0.5em;
}

.w40-ads-2__items__container__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    filter: brightness(0.8);
    transition: all 0.2s ease;
}

.w40-ads-2__items__container__imgbox__img {
    width: 100%;
}

.w40-ads-2__items__container__imgbox:hover {
    filter: brightness(1.1);
    transform: scale(1.3);
}

/*ed*/
/*w40-ads-3*/
.w40-ads-3 {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    padding: 2em 1em;
}

.w40-ads-3__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-ads-3__heading {
    display: block;
}

.w40-ads-3__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w40-ads-3__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w40-ads-3__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w40-ads-3__heading__imgbox__img {
    margin: 0 auto;
}

.w40-ads-3__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w40-ads-3__card__item {
    border: 0.1em solid #eee;
    border-radius: 1em;
    transition: all 0.2s linear;
    width: 32.333333333333%;
    margin-top: 2em;
    margin-bottom: 2em;
    height: fit-content;
    position: relative;
    overflow: hidden;
    margin-left: 1.5%;
}

    .w40-ads-3__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w40-ads-3__card__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w40-ads-3__card__item {
        width: 48.5%;
    }

        .w40-ads-3__card__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w40-ads-3__card__item:hover {
    box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2);
}

.w40-ads-3__card__item__imgbox {
    display: block;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.w40-ads-3__card__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w40-ads-3__card__item__qc {
    position: absolute;
    right: 1em;
    top: 0;
    z-index: 2;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid #ddb60f;
    height: fit-content;
    padding: 0 0.5em 0.5em 0.5em;
    height: 6em;
    border-radius: 0 0 5em 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w40-ads-3__card__item__qc__imgbox {
    width: 3em;
    background-size: contain;
    height: 3em;
}

.w40-ads-3__card__item__name {
    margin-top: 0.5em;
    font-size: 1.6em;
    font-weight: 600;
    display: block;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    color: white;
    padding: .5em;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--main-color-w) 85%);
}

/*ed*/
/*w40-feature*/
.w40-feature {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f1f7;
}

.w40-feature__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-feature__row {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__row {
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.w40-feature__heading__title {
    display: flex;
    width: fit-content;
}

.w40-feature__heading__title__text {
    font-weight: bolder;
    font-size: 2em;
}

.w40-feature__heading__title__line {
    width: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    margin-right: 0.5em;
}

.w40-feature__heading__des {
    font-size: 1.6em;
    margin-top: 1em;
}

.w40-feature__first {
    width: 32.3333333%;
    position: relative;
    border-radius: .5em;
    overflow: hidden;
    margin: 0 0.5%;
    cursor: pointer;
}

.w40-feature__first__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(0, 67, 149, 0.5);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__first {
        width: 100%;
        margin: .5em 0;
        height: fit-content;
        max-height: 20em;
    }
}

.w40-feature__first__imgbox {
    overflow: hidden;
    width: 100%;
    height: 100%;
    transition: all 0.2s;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__first__imgbox {
        border-radius: 0.2em;
    }
}

.w40-feature__first__imgbox__img {
    width: 100%;
    height: 100%;
}

.w40-feature__first__content {
    bottom: 0;
    border-radius: 0.5em;
    overflow: hidden;
    text-transform: capitalize;
    position: absolute;
    color: white;
    width: 100%;
    padding-bottom: 2em;
    left: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__first__content {
        padding-bottom: 1em;
    }
}

.w40-feature__first__content__main {
    font-weight: 600;
    font-size: 1.6em;
}

.w40-feature__first__content__des {
    margin-top: 1em;
    font-size: 1em;
}

.w40-feature__first:hover .w40-feature__first__spin__xt {
    display: flex;
}

.w40-feature__first:hover .w40-feature__first__spin .sector {
    display: block;
}

.w40-feature__first:hover .w40-feature__first__spin__imgbox {
    display: block;
}

.w40-feature__first:hover .w40-feature__first__spin__right {
    animation: rights 0.3s ease both;
}

.w40-feature__first:hover .w40-feature__first__spin__left {
    animation: lefts 0.3s ease both;
}

.w40-feature__first:hover .w40-feature__first__spin__bottom {
    animation: bottoms 0.3s ease both;
}

.w40-feature__first:hover .w40-feature__first__content {
    display: none;
}

.w40-feature__first__spin {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: scale(1.2);
    padding: 1em;
}

    .w40-feature__first__spin .sector {
        border-radius: 50%;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border: 0.1em solid transparent;
        display: none;
    }

.w40-feature__first__spin__top {
    border-top: 0.1em solid white !important;
    z-index: 1;
}

.w40-feature__first__spin__right {
    border-top: 0.1em solid white !important;
    background-color: transparent;
}

.w40-feature__first__spin__left {
    border-top: 0.1em solid white !important;
    background-color: transparent;
}

.w40-feature__first__spin__bottom {
    border-top: 0.1em solid white !important;
    background-color: transparent;
}

.w40-feature__first__spin__xt {
    display: none;
    align-items: baseline;
    margin-top: 0.5em;
}

.w40-feature__first__spin__xt__text {
    color: white;
    font-size: 1.3em;
}

.w40-feature__first__spin__xt__icon {
    color: white;
    margin-left: 0.3em;
}

.w40-feature__first__spin__imgbox {
    width: 60%;
    background-size: contain;
    margin: 0 auto;
    display: none;
}

@keyframes rights {
    100% {
        transform: rotate(90deg);
    }
}

@keyframes bottoms {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes lefts {
    100% {
        transform: rotate(270deg);
    }
}

.w40-feature__second {
    display: flex;
    width: 33%;
    justify-content: space-between;
    flex-direction: column;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__second {
        flex-direction: row;
        width: 100%;
        height: fit-content;
        position: relative;
    }
}

.w40-feature__second__items {
    width: 100%;
    height: 49%;
    position: relative;
    border-radius: 1em;
    transition: all 0.2s;
    overflow: hidden;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__second__items {
        border-radius: 0.2em;
        width: 49%;
        height: auto;
    }
}

.w40-feature__second__items__imgbox {
    height: 100%;
    background-size: cover;
    background-position: center;
}

.w40-feature__second__items__imgbox__img {
    height: 100%;
    width: 100%;
}

.w40-feature__second__items:hover .w40-feature__second__items__spin__xt {
    display: flex;
}

.w40-feature__second__items:hover .w40-feature__second__items__content {
    display: none;
}

.w40-feature__second__items:hover .w40-feature__second__items__spin .sector {
    display: block;
}

.w40-feature__second__items:hover .w40-feature__second__items__spin__imgbox {
    display: block;
}

.w40-feature__second__items:hover .w40-feature__second__items__spin__right {
    animation: rights 0.3s ease both;
}

.w40-feature__second__items:hover .w40-feature__second__items__spin__left {
    animation: lefts 0.3s ease both;
}

.w40-feature__second__items:hover .w40-feature__second__items__spin__bottom {
    animation: bottoms 0.3s ease both;
}

.w40-feature__second__items__spin {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
    width: 10em;
    height: 10em;
    border-radius: 50%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    transform: scale(1.2);
    padding: 1em;
}

    .w40-feature__second__items__spin .sector {
        border-radius: 50%;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        border: 0.1em solid transparent;
        display: none;
    }

.w40-feature__second__items__spin__top {
    border-top: 0.1em solid white !important;
    z-index: 1;
}

.w40-feature__second__items__spin__right {
    border-top: 0.1em solid white !important;
    background-color: transparent;
}

.w40-feature__second__items__spin__left {
    border-top: 0.1em solid white !important;
    background-color: transparent;
}

.w40-feature__second__items__spin__bottom {
    border-top: 0.1em solid white !important;
    background-color: transparent;
}

.w40-feature__second__items__spin__xt {
    display: none;
    align-items: baseline;
    margin-top: 0.5em;
}

.w40-feature__second__items__spin__xt__text {
    color: white;
    font-size: 1.3em;
}

.w40-feature__second__items__spin__xt__icon {
    color: white;
    margin-left: 0.3em;
}

.w40-feature__second__items__spin__imgbox {
    width: 60%;
    background-size: contain;
    margin: 0 auto;
    display: none;
}

@keyframes rights {
    100% {
        transform: rotate(90deg);
    }
}

@keyframes bottoms {
    100% {
        transform: rotate(180deg);
    }
}

@keyframes lefts {
    100% {
        transform: rotate(270deg);
    }
}

.w40-feature__second__items__bg {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(0, 67, 149, 0.5);
}

.w40-feature__second__items__content {
    bottom: 0;
    text-transform: capitalize;
    position: absolute;
    color: white;
    width: 100%;
    padding-bottom: 2em;
    left: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__second__items__content {
        padding-bottom: 1em;
    }
}

.w40-feature__second__items__content__main {
    font-weight: bolder;
    font-size: 1.6em;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__second__items__content__main {
        font-size: 1em;
    }
}

.w40-feature__second__items__content__des {
    margin-top: 1em;
    font-size: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w40-feature__second__items__content__des {
        font-size: 0.8em;
    }
}

/*ed*/

/*w40-ads*/
.w40-ads {
    width: 100%;
    padding: 1em;
    background-image: url(/img/w40/partten-map.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w40-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-ads__heading {
    display: block;
}

.w40-ads__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w40-ads__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w40-ads__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2em;
}

.w40-ads__heading__imgbox__img {
    margin: 0 auto;
}

.w40-ads__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w40-ads__items__item {
    width: 24%;
    margin-left: 1%;
    overflow: hidden;
    height: max-content;
    padding: 0.5em;
    transition: all 0.2s ease;
    border-left: 1px solid #eee;
}

@media only screen and (max-width: 50em) {
    .w40-ads__items__item {
        width: 49%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w40-ads__items__item {
        width: 100%;
    }
}

.w40-ads__items__item__imgbox {
    transition: all 0.2s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
    width: 5em;
}

.w40-ads__items__item__imgbox__img {
    width: 100%;
}

.w40-ads__items__item__content {
    margin-top: 2em;
}

.w40-ads__items__item__content__heading {
    display: flex;
}

.w40-ads__items__item__content__heading__line {
    width: .5em;
    height: auto;
    background-color: rgba(var(--main-color-w), 1);
}

.w40-ads__items__item__content__heading__text {
    text-transform: capitalize;
    font-size: 2em;
    font-weight: bolder;
    line-height: 1.6em;
    margin-left: .3em;
    color: #004395;
}

.w40-ads__items__item__content__main {
    font-size: 1.4em;
    color: #666;
    margin: 0.3em 0;
    line-height: 1.6em;
    text-align: justify;
}

@media only screen and (max-width: 50em) {
    .w40-ads__items__item__content__main {
        margin-top: 1em;
    }
}

/*ed*/
.box {
    display: grid;
    text-align: center;
    place-items: center;
    background: #dde6f0;
    height: 50em;
}

.circular {
    height: 100px;
    width: 100px;
    background: red;
    position: relative;
}

    .circular .inner {
        position: absolute;
        z-index: 6;
        top: 50%;
        left: 50%;
        width: 80px;
        height: 80px;
        margin: -40px 0 0 -40px;
        background: #dde6f0;
        border-radius: 100%;
        box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
    }

    .circular .circle {
        z-index: 1;
        box-shadow: none;
    }

    .circular .bar {
        position: absolute;
        height: 100%;
        width: 100%;
        background: #fff;
        -webkit-border-radius: 100%;
        clip: rect(0px, 100px, 100px, 50px);
    }

.circle .bar .process {
    position: absolute;
    height: 100%;
    width: 100%;
    -webkit-border-radius: 100%;
    clip: rect(0px, 50px, 100px, 0px);
    background: #4158d0;
}

.circle .left .process {
    z-index: 1;
    animation: left 5s linear both;
}

@keyframes left {
    100% {
        transform: rotate(180deg);
    }
}

.circle .right {
    z-index: 3;
    transform: rotate(180deg);
}

    .circle .right .process {
        animation: right 5s linear both;
        animation-delay: 5s;
    }

@keyframes right {
    100% {
        transform: rotate(180deg);
    }
}

span .img {
    background: url(/img/w40/logo.png) center center no-repeat;
    width: 100%;
    height: 70px;
    background-size: contain;
    margin-bottom: 8px;
}

.spin::after, .spin::before {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.circle::after, .circle::before {
    border-radius: 100%;
}

.spin::before {
    border: 1px solid transparent;
}

.spin::after, .spin::before {
    top: 0;
    left: 0;
}

.spin::after, .spin::before {
    box-sizing: inherit;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
}

.category:hover span::after {
    border-top: 1px solid #fff;
    border-left-width: 1px;
    border-right-width: 1px;
    transform: rotate(270deg);
    transition: transform .4s linear 0s,border-left-width 0s linear .35s,-webkit-transform .4s linear 0s;
}

.category span {
    padding-top: 10px;
    line-height: 16px;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    z-index: 1;
    transition: all .25s ease 0s;
    color: #fff;
    text-align: center;
    opacity: 0;
    font-size: 13px;
}



.w40-ctaregister {
    width: 100%;
    background-color: white;
    padding: 1em;
}

.w40-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
}

.w40-ctaregister__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w40-ctaregister__items__content {
    width: 50%;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w40-ctaregister__items__content {
        width: 100%;
    }
}

.w40-ctaregister__items__content__bus {
    display: block;
}

.w40-ctaregister__items__content__bus__name {
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.8em;
    margin-top: 1em;
}

.w40-ctaregister__items__content__bus__info {
    display: flex;
    align-items: baseline;
    margin-top: 1em;
    margin-bottom: 1em;
}

.w40-ctaregister__items__content__bus__info__icon {
    font-size: 1.3em;
    color: #ddb60f;
    margin-right: .3em;
}

.w40-ctaregister__items__content__bus__info__text {
    font-size: 1.3em;
    line-height: 1.6em;
}

.w40-ctaregister__items__contact {
    width: 48%;
    border-radius: 2em;
    margin-bottom: 2%;
}

@media only screen and (max-width: 50em) {
    .w40-ctaregister__items__contact {
        width: 100%;
    }
}

.w40-ctaregister__items__contact__heading {
    font-weight: 600;
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.6em;
    color: black;
}

.w40-ctaregister__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 1em;
    color: black;
    font-size: 1.6em;
}

.w40-ctaregister__items__contact__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .w40-ctaregister__items__contact__form .light-with100pc {
        width: 100%;
    }

.w40-ctaregister__items__contact__form__in {
    margin-top: 1em;
    padding: 0.7em;
    font-size: 1.2em;
    background-color: transparent;
    border: 0.1em solid #bdbdbd;
    border-radius: 0.3em;
    outline: none;
    display: block;
    width: 49%;
}

    .w40-ctaregister__items__contact__form__in::placeholder {
        color: #9a9a9a;
    }

.w40-ctaregister__items__contact__form__area {
    margin-top: 1em;
    padding: 0.7em;
    font-size: 1.2em;
    background-color: transparent;
    border: 0.1em solid #bdbdbd;
    border-radius: 0.3em;
    outline: none;
    display: block;
    width: 49%;
    min-height: 10em;
}

    .w40-ctaregister__items__contact__form__area::placeholder {
        color: #9a9a9a;
        font-size: 1.2em;
    }

.w40-ctaregister__items__contact__form__des {
    color: black;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
    text-align: center;
    width: 100%;
}

.w40-ctaregister__items__contact__form__vung {
    padding: 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1em;
    border-radius: 0.5em;
}

.w40-ctaregister__items__contact__form__vung__checkbox {
    display: none;
}

    .w40-ctaregister__items__contact__form__vung__checkbox:checked ~ .w40-ctaregister__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w40-ctaregister__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w40-ctaregister__items__contact__form__vung__ad__name {
    color: black;
}

.w40-ctaregister__items__contact__form__vung__ad__icon {
    margin-left: 0.5em;
    color: black;
}

.w40-ctaregister__items__contact__form__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w40-ctaregister__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w40-ctaregister__items__contact__form__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w40-ctaregister__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w40-ctaregister__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w40-ctaregister__items__contact__btn {
    padding: 0.7em 1.6em;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    margin-top: 1em;
    border: none;
    width: fit-content;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

    .w40-ctaregister__items__contact__btn:hover {
        background-color: white;
        color: black;
    }

.w40-ctaregister__items__contact__btn__icon {
    font-size: 1.3em;
    margin-right: .5em;
}

.w40-ctaregister__items__contact__btn__text {
    font-size: 1.3em;
}

/*ed*/
/*w40-partner*/
.w40-partner {
    position: relative;
    margin: 0 auto;
    width: 100%;
    background-color: white;
    padding: 2em 1em;
    color: var(--text-color-w);
}

.w40-partner__heading__title {
    display: flex;
    width: fit-content;
}

.w40-partner__heading__title__text {
    font-weight: bolder;
    font-size: 2em;
}

.w40-partner__heading__title__line {
    width: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    margin-right: 0.5em;
}

.w40-partner__heading__des {
    font-size: 1.6em;
    margin-top: 1em;
}

.w40-partner__group {
    display: flex;
    max-width: 120em;
    flex-direction: column;
    margin: 0 auto;
}

.w40-partner__items {
    display: flex;
    flex-wrap: wrap;
}

.w40-partner__items__item {
    width: 15.666667%;
    padding: 1.5em;
    margin-top: 1em;
    border: .1em solid #dddd;
    box-shadow: 0 0.5em 1.5em rgba(0, 0, 0, 0.1);
    cursor: pointer;
}

    .w40-partner__items__item:not(:first-child) {
        margin-left: 1.2%;
    }

    .w40-partner__items__item:nth-child(6n + 1) {
        margin-left: 0;
    }

@media only screen and (max-width: 37.5em) {
    .w40-partner__items__item {
        width: 32.333333333%;
    }

        .w40-partner__items__item:not(:first-child) {
            margin-left: 1.5%;
        }

        .w40-partner__items__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

.w40-partner__items__item__imgbox {
    transition: all 0.2s;
    background-size: contain;
    background-position: center;
    background-color: white;
}

.w40-partner__items__item__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

/*ed*/
/*w40-product*/
.w40-product {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    padding: 1em;
}

.w40-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-product__heading {
    display: flex;
    flex-direction: column;
}

.w40-product__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w40-product__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w40-product__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w40-product__heading__imgbox__img {
    margin: 0 auto;
}

.w40-product__heading__tab {
    display: flex;
    justify-content: center;
    margin-top: 2em;
    flex-wrap: wrap;
}

    .w40-product__heading__tab .active {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        font-weight: 600;
    }

.w40-product__heading__tab__text {
    font-size: 1.2em;
    padding: 0.3em 1em;
    border: 0.1em solid rgba(0, 0, 0, 0.15);
    border-radius: 2em;
    background-color: #f7f7f7;
    margin-right: 0.5em;
    transition: all 0.2s ease;
    margin-bottom: 0.5em;
    cursor: pointer;
}

    .w40-product__heading__tab__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        font-weight: 600;
    }

.w40-product__card {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w40-product__card {
        margin-left: 0;
    }
}

.w40-product__card__item {
    border: 0.1em solid #dddd;
    border-top: none;
    transition: all 0.2s linear;
    width: 32.3333333333%;
    margin-left: 1.5%;
    margin-bottom: 1em;
    height: fit-content;
}

    .w40-product__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w40-product__card__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w40-product__card__item {
        width: 100%;
        margin-left: 0;
    }
}

.w40-product__card__item:hover {
    box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2);
}

    .w40-product__card__item:hover .w40-product__card__item__content__imgbox {
        transform: scale(1.3);
    }

.w40-product__card__item__content {
    position: relative;
    display: block;
    overflow: hidden;
}

.w40-product__card__item__content__qc {
    position: absolute;
    right: 1em;
    top: 0;
    z-index: 2;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid #ddb60f;
    height: fit-content;
    padding: 0 0.5em 0.5em 0.5em;
    height: 6em;
    border-radius: 0 0 5em 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w40-product__card__item__content__qc__imgbox {
    width: 3em;
    background-size: contain;
    height: 3em;
}

.w40-product__card__item__content__salebox {
    position: absolute;
    background-color: #ddb60f;
    top: 1em;
    left: 1em;
    color: white;
    padding: 0.5em;
    font-weight: 600;
    border-radius: 0.2em;
    z-index: 1;
}

.w40-product__card__item__content__imgbox {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

.w40-product__card__item__content__imgbox__img {
    margin: 0 auto;
}

.w40-product__card__item__content__iconbox {
    position: absolute;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.629);
    transition: all 0.2s;
    cursor: pointer;
    z-index: 1;
    border-radius: 0.5em;
}

.w40-product__card__item__content__iconbox__icon {
    border-radius: 0.3em;
    font-size: 1.6em;
    color: white;
}

.w40-product__card__item__content__iconbox:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w40-product__card__item__content__info {
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--main-color-w) 85%);
    padding-left: 1em;
    width: 100%;
    padding-bottom: 1em;
}

.w40-product__card__item__content__info__name {
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 0.5em;
    display: block;
}

.w40-product__card__item__content__info__tt {
    display: flex;
}

.w40-product__card__item__content__info__tt__icon {
    color: white;
    font-size: 1.2em;
}

.w40-product__card__item__content__info__tt__text {
    color: white;
    margin-left: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}

.w40-product__card__item__contain {
    padding: 1em;
}

.w40-product__card__item__contain__name {
    margin-top: 0.5em;
    font-size: 1.3em;
    display: block;
    text-align: justify;
    line-height: 1.4em;
}

.w40-product__card__item__contain__inside {
    margin-top: 1em;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w40-product__card__item__contain__inside__pro {
    margin-right: 2em;
    display: flex;
    align-items: center;
}

.w40-product__card__item__contain__inside__pro__icon {
    font-size: 1.2em;
    margin-right: .5em;
    color: #ddb60f;
}

.w40-product__card__item__contain__inside__pro__text {
    font-size: 1em;
    font-weight: 600;
}

.w40-product__card__item__line {
    border-bottom: 0.1em solid #eee;
}

.w40-product__card__item__postinfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

    .w40-product__card__item__postinfo:hover .w40-product__card__item__postinfo__downprice {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

.w40-product__card__item__postinfo__downprice {
    border-right: 1px solid #dddd;
    font-size: 1.3em;
    width: 50%;
    height: 100%;
    padding: 1em;
    text-align: center;
    transition: all .3s ease;
}

.w40-product__card__item__postinfo__text {
    font-size: 1.3em;
    padding: 1em;
    cursor: pointer;
    width: 50%;
    text-align: center;
    transition: all .3s ease;
}

    .w40-product__card__item__postinfo__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w40-product__btn {
    padding: 0.7em 1.6em;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    margin-top: 1em;
    border: none;
    width: fit-content;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .2s ease;
}

    .w40-product__btn:hover {
        background-color: white;
    }

        .w40-product__btn:hover .w40-product__btn__icon {
            color: black;
        }

        .w40-product__btn:hover .w40-product__btn__text {
            color: black;
        }

.w40-product__btn__icon {
    font-size: 1.3em;
    margin-right: .5em;
}

.w40-product__btn__text {
    font-size: 1.3em;
}

/*ed*/


/*w40-productlist*/
.w40-productlist {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    padding: 1em;
}

.w40-productlist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-productlist__heading {
    display: flex;
    flex-direction: column;
}

.w40-productlist__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w40-productlist__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w40-productlist__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w40-productlist__heading__imgbox__img {
    margin: 0 auto;
}

.w40-productlist__card {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
    margin-left: -1%;
}

@media only screen and (max-width: 37.5em) {
    .w40-productlist__card {
        margin-left: 0;
    }
}

.w40-productlist__card__item {
    border: 0.1em solid #dddd;
    border-top: none;
    transition: all 0.2s linear;
    width: 32.3333333333%;
    margin-left: 1%;
    margin-bottom: 1em;
    height: fit-content;
}

@media only screen and (max-width: 37.5em) {
    .w40-productlist__card__item {
        width: 100%;
        margin-left: 0;
    }
}

.w40-productlist__card__item:hover {
    box-shadow: 1em 1em 3em rgba(0, 0, 0, 0.2);
}

    .w40-productlist__card__item:hover .w40-productlist__card__item__content__imgbox {
        transform: scale(1.3);
    }

.w40-productlist__card__item__content {
    position: relative;
    display: block;
    overflow: hidden;
}

.w40-productlist__card__item__content__qc {
    position: absolute;
    right: 1em;
    top: 0;
    z-index: 2;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1em solid #ddb60f;
    height: fit-content;
    padding: 0 0.5em 0.5em 0.5em;
    height: 6em;
    border-radius: 0 0 5em 5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w40-productlist__card__item__content__qc__imgbox {
    width: 3em;
    background-size: contain;
    height: 3em;
}

.w40-productlist__card__item__content__salebox {
    position: absolute;
    background-color: #ddb60f;
    top: 1em;
    left: 1em;
    color: white;
    padding: 0.5em;
    font-weight: 500;
    border-radius: 0.2em;
    z-index: 1;
}

.w40-productlist__card__item__content__imgbox {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

.w40-productlist__card__item__content__imgbox__img {
    margin: 0 auto;
}

.w40-productlist__card__item__content__iconbox {
    position: absolute;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.629);
    transition: all 0.2s;
    cursor: pointer;
    z-index: 1;
    border-radius: 0.5em;
}

.w40-productlist__card__item__content__iconbox__icon {
    border-radius: 0.3em;
    font-size: 1.6em;
    color: white;
}

.w40-productlist__card__item__content__iconbox:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w40-productlist__card__item__content__info {
    align-items: center;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0, var(--main-color-w) 85%);
    padding-left: 1em;
    width: 100%;
    padding-bottom: 1em;
}

.w40-productlist__card__item__content__info__name {
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    margin-bottom: 0.5em;
    display: block;
}

.w40-productlist__card__item__content__info__tt {
    display: flex;
}

.w40-productlist__card__item__content__info__tt__icon {
    color: white;
    font-size: 1.2em;
}

.w40-productlist__card__item__content__info__tt__text {
    color: white;
    margin-left: 0.5em;
    line-height: 1.4em;
    font-size: 1em;
}

.w40-productlist__card__item__contain {
    padding: 1em;
}

.w40-productlist__card__item__contain__name {
    margin-top: 0.5em;
    font-size: 1.3em;
    display: block;
    text-align: justify;
    line-height: 1.4em;
}

.w40-productlist__card__item__contain__inside {
    margin-top: 1em;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w40-productlist__card__item__contain__inside__pro {
    margin-right: 2em;
    display: flex;
    align-items: center;
}

.w40-productlist__card__item__contain__inside__pro__icon {
    font-size: 1.2em;
    margin-right: .5em;
    color: #ddb60f;
}

.w40-productlist__card__item__contain__inside__pro__text {
    font-size: 1em;
    font-weight: 600;
}

.w40-productlist__card__item__line {
    border-bottom: 0.1em solid #eee;
}

.w40-productlist__card__item__postinfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    cursor: pointer;
}

    .w40-productlist__card__item__postinfo:hover .w40-productlist__card__item__postinfo__downprice {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

.w40-productlist__card__item__postinfo__downprice {
    border-right: 1px solid #dddd;
    font-size: 1.3em;
    width: 50%;
    height: 100%;
    padding: 1em;
    text-align: center;
    transition: all .3s ease;
}

.w40-productlist__card__item__postinfo__text {
    font-size: 1.3em;
    padding: 1em;
    cursor: pointer;
    width: 50%;
    text-align: center;
    transition: all .3s ease;
}

    .w40-productlist__card__item__postinfo__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w40-productlist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w40-productlist__paging__sum {
    padding: 0.5em;
    font-size: 1.2em;
    padding: .5em;
    border: 0.1em solid #a5a5a5;
}

.w40-productlist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1em solid #c1c1c1c1;
}

.w40-productlist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w40-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    border: 0.1em solid #a5a5a5;
    padding: .7em;
}

.w40-productlist__paging__pre__text {
    font-size: 1.2em;
}

/*ed*/
/*w40-bloglist*/
.w40-bloglist {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w40-bloglist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-bloglist__heading {
    display: flex;
    flex-direction: column;
}

.w40-bloglist__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    max-width: 100%;
}

.w40-bloglist__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w40-bloglist__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w40-bloglist__heading__imgbox__img {
    margin: 0 auto;
}

.w40-bloglist__items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.w40-bloglist__items__item {
    margin-top: 2em;
    width: 32.3333333333%;
    margin-left: 1.5%;
    height: fit-content;
    height: max-content;
    cursor: pointer;
}

    .w40-bloglist__items__item:first-child {
        margin-left: 0;
    }

    .w40-bloglist__items__item:nth-child(3n + 1) {
        margin-left: 0;
    }

@media only screen and (max-width: 43.75em) {
    .w40-bloglist__items__item {
        width: 48.5%;
        margin-left: 1.5%;
    }

        .w40-bloglist__items__item:first-child {
            margin-left: 0;
        }

        .w40-bloglist__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 43.75em) {
    .w40-bloglist__items__item {
        width: 49%;
    }
}

.w40-bloglist__items__item__imgbox {
    background-size: cover;
    background-position: center;
    position: relative;
}

.w40-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w40-bloglist__items__item__imgbox__cate {
    position: absolute;
    bottom: 3em;
    left: -1em;
}

.w40-bloglist__items__item__imgbox__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    font-size: 1.5em;
    font-weight: 600;
    display: block;
    color: white;
    text-align: center;
}

.w40-bloglist__items__item__imgbox__cate__time {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    font-size: 1.2em;
    text-align: center;
    display: block;
    color: white;
    margin-top: .2em;
}

.w40-bloglist__items__item__content {
    padding: 1em;
    display: block;
    background-color: #f5f9fd;
}

.w40-bloglist__items__item__content__main {
    font-size: 1.6em;
    font-weight: 700;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 43.75em) {
    .w40-bloglist__items__item__content__main {
        font-size: 1.5em;
    }
}

.w40-bloglist__items__item__content__sub {
    margin-top: 1em;
    font-size: 1.3em;
    text-align: justify;
    margin-bottom: 1em;
    line-height: 1.4em;
    display: block;
}

@media only screen and (max-width: 43.75em) {
    .w40-bloglist__items__item__content__sub {
        font-size: 1.2em;
    }
}

.w40-bloglist__items__item__content__des {
    display: flex;
    align-items: baseline;
}

.w40-bloglist__items__item__content__des__text {
    font-size: 1.5em;
    margin-right: .5em;
    color: #ddb60f;
    transition: all .2s ease;
    display: block;
}

.w40-bloglist__items__item__content__des__icon {
    font-size: 1.2em;
    color: #ddb60f;
    transition: all .2s ease;
    display: block;
}

.w40-bloglist__items__item:hover .w40-bloglist__items__item__content__des__icon, .w40-bloglist__items__item:hover .w40-bloglist__items__item__content__des__text {
    color: rgba(var(--main-color-w), 1);
}

.w40-bloglist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w40-bloglist__paging__sum {
    padding: 0.5em;
    font-size: 1.2em;
    padding: .5em;
    border: 0.1em solid #a5a5a5;
}

.w40-bloglist__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
    border: 0.1em solid #c1c1c1c1;
}

.w40-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w40-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    border: 0.1em solid #a5a5a5;
    padding: .7em;
}

.w40-bloglist__paging__pre__text {
    font-size: 1.2em;
}

/*ed*/
/*w40-productdetail*/
.w40-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w40-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-productdetail__intro {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w40-productdetail__intro__imgbox {
    width: 30%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 37.5em) {
    .w40-productdetail__intro__imgbox {
        width: 100%;
        margin-top: .5em;
    }
}

.w40-productdetail__intro__imgbox__img {
    width: 100%;
}

.w40-productdetail__intro__text {
    width: 68%;
    line-height: 1.6em;
    font-size: 1.4em;
    text-align: justify;
}

@media only screen and (max-width: 37.5em) {
    .w40-productdetail__intro__text {
        width: 100%;
    }
}

.w40-productdetail__card {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w40-productdetail__card {
        flex-direction: column;
    }
}

.w40-productdetail__card__row {
    width: 63%;
}

@media only screen and (max-width: 50em) {
    .w40-productdetail__card__row {
        width: 100%;
    }
}

.w40-productdetail__card__block {
    display: flex;
    flex-wrap: wrap;
}

.w40-productdetail__card__show {
    width: 35%;
}

@media only screen and (max-width: 50em) {
    .w40-productdetail__card__show {
        width: 100% !important;
    }
}

.w40-productdetail__card__show__name {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 0.8em;
}

.w40-productdetail__card__show__compare-image {
    display: block;
    width: 100% !important;
}

.w40-productdetail__card__show__compare-image__img {
    width: 100%;
    border: none;
    background-size: contain;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
}

.w40-productdetail__card__show__thumb {
    width: 100%;
    overflow: hidden;
    display: flex;
}

    .w40-productdetail__card__show__thumb .swiper-slide {
        width: 10%;
    }

.w40-productdetail__card__show__thumb__imgbox {
    cursor: pointer;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    border: 0.1em solid #eee;
    transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 50em) {
    .w40-productdetail__card__show__thumb__imgbox {
        width: 100%;
    }
}

.w40-productdetail__card__show__thumb__imgbox:hover {
    transform: scale(1.3);
}

.w40-productdetail__card__info {
    width: 50%;
    text-align: center;
    position: relative;
    margin-top: 1em;
}

@media only screen and (max-width: 50em) {
    .w40-productdetail__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w40-productdetail__card__info__name {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 1em;
    text-align: left;
}

.w40-productdetail__card__info__tt {
    border: 1px solid #dddddd;
    background-color: white;
    position: relative;
    height: 100%;
}

.w40-productdetail__card__info__tt__name {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
    text-align: left;
    display: block;
    padding: .5em;
    border-bottom: 1px solid #dddddd;
    text-align: center;
}

.w40-productdetail__card__info__tt::after {
    background-color: #e2e2e2;
    content: "";
    height: 103%;
    width: 105%;
    position: absolute;
    top: -1.5%;
    left: -2.5%;
    z-index: -1;
}

.w40-productdetail__card__info__tt--relate {
    position: relative;
}

.w40-productdetail__card__info__tt--relate__button {
    border: 0.1em solid white;
    border-radius: 0.3em;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.603);
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w40-productdetail__card__info__tt--relate__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w40-productdetail__card__info__tt--relate__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w40-productdetail__card__info__tt--relate__button__icon {
    font-size: 2em;
}

.w40-productdetail__card__info__tt--relate__button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 1em;
    z-index: 2;
}

.w40-productdetail__card__info__tt__status {
    background-color: #1f1f1f;
    border-radius: 0.2em;
    padding: 1em;
    color: white;
    display: inline-block;
    font-size: 1em;
    margin-bottom: 1em;
    margin-top: 1em;
    font-weight: 600;
}

.w40-productdetail__card__info__tt__star {
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
}

.w40-productdetail__card__info__tt__star__icon {
    color: #f93;
    font-size: 1.5em;
    cursor: pointer;
}

.w40-productdetail__card__info__tt__price {
    justify-content: center;
    font-weight: 800;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    border-top: 0.1em solid rgba(207, 207, 207, 0.5);
    text-align: center;
    padding: 1em;
}

.w40-productdetail__card__info__tt__price__main {
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    font-size: 3em;
}

.w40-productdetail__card__info__tt__price__sub {
    text-decoration: line-through;
    display: inline-block;
    font-size: 3em;
}

.w40-productdetail__card__info__tt__relate {
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
}

.w40-productdetail__card__info__tt__relate__items {
    border: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    width: 100%;
    cursor: pointer;
    margin-right: 5%;
    transition: all 0.2s ease;
}

.w40-productdetail__card__info__tt__relate__items__item {
    margin-top: 0.5em;
}

.w40-productdetail__card__info__tt__relate__items__item__name {
    font-weight: 600;
}

.w40-productdetail__card__info__tt__relate__items__item__des {
    margin-top: 0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w40-productdetail__card__info__tt__relate__items:hover .w40-productdetail__card__info__tt__relate__items__rd {
    appearance: none;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    border-radius: 50%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w40-productdetail__card__info__tt__size {
    display: flex;
    justify-content: center;
    padding: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w40-productdetail__card__info__tt__size__box {
    cursor: pointer;
    border: 0.1em solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    padding: 1em;
}

.w40-productdetail__card__info__tt__color {
    display: flex;
    justify-content: center;
    padding: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w40-productdetail__card__info__tt__color__box {
    cursor: pointer;
    height: 3em;
    width: 3em;
    margin-right: 1em;
    background-color: red;
    border-radius: 50%;
}

.w40-productdetail__card__info__tt__color__box-active {
    border: 0.1em solid #414141;
    outline: black;
}

.w40-productdetail__card__info__tt__detail {
    padding: 1em;
    cursor: pointer;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w40-productdetail__card__info__tt__detail__checkbox:checked ~ .w40-productdetail__card__info__tt__detail__content {
    max-height: 20em;
    padding: 1em 0;
}

.w40-productdetail__card__info__tt__detail__checkbox:checked ~ .w40-productdetail__card__info__tt__detail__lbl .w40-productdetail__card__info__tt__detail__lbl__icon {
    transform: rotate(180deg);
}

.w40-productdetail__card__info__tt__detail__lbl__icon {
    transition: all 0.3s ease;
}

.w40-productdetail__card__info__tt__detail__checkbox {
    display: none;
}

.w40-productdetail__card__info__tt__detail__lbl {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
}

.w40-productdetail__card__info__tt__detail__content {
    transition: all 0.6s ease;
    max-height: 0;
    overflow: hidden;
    line-height: 1.8em;
    text-align: justify;
}

.w40-productdetail__card__info__tt__deliver {
    margin-top: 1em;
    padding: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w40-productdetail__card__info__tt__deliver__lbl {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
}

.w40-productdetail__card__info__tt__deliver__checkbox:checked ~ .w40-productdetail__card__info__tt__deliver__content {
    max-height: 40em;
    padding-bottom: 1em;
}

.w40-productdetail__card__info__tt__deliver__checkbox:checked ~ .w40-productdetail__card__info__tt__deliver__lbl .w40-productdetail__card__info__tt__deliver__lbl__icon {
    transform: rotate(180deg);
}

.w40-productdetail__card__info__tt__deliver__lbl__icon {
    transition: all 0.3s ease;
}

.w40-productdetail__card__info__tt__deliver__checkbox {
    display: none;
}

.w40-productdetail__card__info__tt__deliver__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.w40-productdetail__card__info__tt__deliver__content__items {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    margin-top: 0.5em;
}

.w40-productdetail__card__info__tt__deliver__content__items__icon {
    margin-top: 0.4em;
    margin-right: 0.5em;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
}

.w40-productdetail__card__info__tt__deliver__content__items__text {
    line-height: 1.8em;
}

.w40-productdetail__card__info__tt__gift {
    margin-top: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
}

.w40-productdetail__card__info__tt__gift__lbl {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
}

.w40-productdetail__card__info__tt__gift__lbl__sub {
    margin-top: 0.5em;
    font-weight: 300;
}

.w40-productdetail__card__info__tt__gift__checkbox:checked ~ .w40-productdetail__card__info__tt__gift__content {
    max-height: 40em;
    opacity: 1;
    padding-bottom: 1em;
}

.w40-productdetail__card__info__tt__gift__checkbox {
    display: none;
}

    .w40-productdetail__card__info__tt__gift__checkbox:checked ~ .w40-productdetail__card__info__tt__gift__lbl .w40-productdetail__card__info__tt__gift__lbl__icon {
        transform: rotate(180deg);
    }

.w40-productdetail__card__info__tt__gift__lbl__icon {
    transition: all 0.3s ease;
}

.w40-productdetail__card__info__tt__gift__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in;
    opacity: 0;
}

.w40-productdetail__card__info__tt__gift__content__items {
    display: flex;
    align-items: flex-start;
    margin-top: 0.5em;
}

.w40-productdetail__card__info__tt__gift__content__items__icon {
    margin-top: 0.4em;
    margin-right: 0.5em;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
}

.w40-productdetail__card__info__tt__gift__content__items__text {
    line-height: 1.8em;
    text-align: justify;
}

.w40-productdetail__card__info__tt__form {
    padding: 1em;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w40-productdetail__card__info__tt__form__text {
    margin-right: 1em;
}

.w40-productdetail__card__info__tt__form__input {
    padding: 1em;
    width: fit-content;
    border: 0.1em solid #eee;
    display: inline-block;
}

.w40-productdetail__card__info__tt__text {
    line-height: 1.6em;
    font-size: 1.2em;
    color: black;
    text-align: justify;
    text-align-last: center;
    padding: 0 1em;
}

.w40-productdetail__card__info__tt__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    margin: 1em 0;
    box-shadow: 0 0.5em 1em #949494;
    display: inline-block;
    width: fit-content;
    outline: none;
    cursor: pointer;
    font-size: 2em;
    font-weight: 700;
}

    .w40-productdetail__card__info__tt__button:hover {
        filter: brightness(0.8);
    }

.w40-productdetail__card__info__tt__cate {
    padding: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    display: flex;
    flex-wrap: wrap;
}

.w40-productdetail__card__info__tt__cate__text {
    text-transform: uppercase;
    font-weight: 300;
    line-height: 1.8em;
}

.w40-productdetail__card__info__tt__cate__name {
    color: #777;
    margin-left: 1em;
    line-height: 1.8em;
}

.w40-productdetail__card__info__tt__cate__icon {
    margin-left: 1em;
    font-size: 1.4em;
    cursor: pointer;
    line-height: 1.8em;
}

.w40-productdetail__add {
    padding: 5em;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w40-productdetail__add {
        padding: 5em 0.2em;
    }
}

.w40-productdetail__add__qes {
    margin-bottom: 2em;
}

.w40-productdetail__add__qes__name {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 1em;
    text-align: left;
}

.w40-productdetail__add__qes__deliver {
    margin-top: 1em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    margin-bottom: .5em;
}

.w40-productdetail__add__qes__deliver__lbl {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
}

.w40-productdetail__add__qes__deliver__checkbox:checked ~ .w40-productdetail__add__qes__deliver__content {
    max-height: 40em;
    padding-bottom: 1em;
}

.w40-productdetail__add__qes__deliver__checkbox:checked ~ .w40-productdetail__add__qes__deliver__lbl .w40-productdetail__add__qes__deliver__lbl__icon {
    transform: rotate(180deg);
    border-radius: 50%;
    background-color: rgba(var(--main-color-w), 1);
    color: transparent;
}

.w40-productdetail__add__qes__deliver__lbl__icon {
    transition: all 0.3s ease;
    background-color: black;
    height: 2em;
    width: 2em;
    color: white;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 0.5em;
}

.w40-productdetail__add__qes__deliver__checkbox {
    display: none;
}

.w40-productdetail__add__qes__deliver__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.w40-productdetail__add__qes__deliver__content__text {
    line-height: 1.8em;
    font-size: 1.2em;
}

.w40-productdetail__add__text {
    color: var(--text-color-w);
    padding: 2em 0;
    display: none;
}

.w40-productdetail__add__heading {
    display: flex;
    justify-content: center;
    border-bottom: 0.1em solid #eee;
}

@media only screen and (max-width: 50em) {
    .w40-productdetail__add__heading {
        flex-direction: column;
    }
}

.w40-productdetail__add__heading__text {
    white-space: nowrap;
    font-size: 2em;
    font-weight: 600;
    margin-top: .5em;
    cursor: pointer;
    padding-bottom: 1em;
}

    .w40-productdetail__add__heading__text:not(:first-child) {
        margin-left: 2em;
    }

@media only screen and (max-width: 50em) {
    .w40-productdetail__add__heading__text:not(:first-child) {
        margin-left: 0;
    }
}

.w40-productdetail__add__heading__text-active {
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
    display: block;
    z-index: 1;
}

.w40-productdetail__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
    display: none;
}

.w40-productdetail__add__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w40-productdetail__add__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w40-productdetail__add__table__td:last-child {
        font-weight: 300;
    }

.w40-productdetail__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w40-productdetail__add__review {
    display: none;
    justify-content: space-between;
    padding: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w40-productdetail__add__review {
        flex-direction: column;
    }
}

.w40-productdetail__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w40-productdetail__add__review__first {
        width: 100%;
    }
}

.w40-productdetail__add__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w40-productdetail__add__review__first__imgbox {
    width: 10em;
    background-position: center;
    background-size: contain;
}

.w40-productdetail__add__review__first__imgbox__img {
    width: 100%;
}

.w40-productdetail__add__review__first__comment {
    margin-left: 2em;
}

.w40-productdetail__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w40-productdetail__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w40-productdetail__add__review__first__comment__head__user__date {
    color: #777;
}

.w40-productdetail__add__review__first__comment__star__icon {
    color: #f93;
}

.w40-productdetail__add__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
    padding: 0.5em;
    font-size: 1.2em;
}

.w40-productdetail__add__review__second {
    width: 48%;
}

@media only screen and (max-width: 37.5em) {
    .w40-productdetail__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w40-productdetail__add__review__second sup {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
}

.w40-productdetail__add__review__second__title {
    font-weight: 300;
}

.w40-productdetail__add__review__second__textrate {
    margin-top: 2em;
}

.w40-productdetail__add__review__second__star {
    margin-top: 0.5em;
}

.w40-productdetail__add__review__second__star__icon {
    color: #f93;
}

.w40-productdetail__add__review__second__textreview {
    margin-top: 1em;
}

.w40-productdetail__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
}

.w40-productdetail__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w40-productdetail__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w40-productdetail__add__review__second__textform__name__info {
    font-weight: 300;
}

.w40-productdetail__add__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    padding: 0.5em;
}

.w40-productdetail__add__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: 1em;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6em;
    font-size: 1.6em;
}

    .w40-productdetail__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w40-pricing-2*/
.w40-pricing-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w40-pricing-2__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-pricing-2__heading {
    font-size: 2em;
    font-weight: bolder;
    line-height: 1.6em;
    margin: 1em 0;
}

.w40-pricing-2__contain {
    display: flex;
    flex-wrap: wrap;
    background-color: #F8F8F8;
}

.w40-pricing-2__contain__items {
    height: max-content;
    background-color: #F8F8F8;
    padding: .5em;
    margin-left: 0.666666666666666%;
    width: 49.6666666666666666666%;
}

    .w40-pricing-2__contain__items:first-child {
        margin-left: 0;
    }

    .w40-pricing-2__contain__items:nth-child(4n+1) {
        margin-left: 0;
    }

.w40-pricing-2__contain__items__item {
    background-color: white;
    text-align: center;
    padding: .5em;
}

.w40-pricing-2__contain__items__item__name {
    font-size: 2em;
    font-weight: bolder;
    padding: .5em;
    line-height: 1.6em;
    border-bottom: 1px solid #F8F8F8;
}

.w40-pricing-2__contain__items__item__text {
    font-size: 1.3em;
    padding: 1em;
    line-height: 1.6em;
    border-bottom: 1px solid #F8F8F8;
}

.w40-pricing-2__contain__items__item__price {
    padding: .3em;
    background-color: #F8F8F8;
    font-weight: bolder;
    font-size: 3.5em;
    color: rgba(var(--main-color-w), 1);
    border-bottom: 1px solid #F8F8F8;
}

    .w40-pricing-2__contain__items__item__price sup {
        color: black;
        font-size: 0.4em;
    }

.w40-pricing-2__contain__items__item__btn {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 2em;
    display: block;
    margin: 1em auto;
    color: white;
    text-align: center;
    font-size: 1.3em;
    border-radius: .7em;
    font-weight: 800;
    width: fit-content;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

    .w40-pricing-2__contain__items__item__btn:hover {
        background-color: #F8F8F8;
        color: rgba(var(--main-color-w), 1);
        box-shadow: 0 0 1.5em rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w40-pricing-1*/
.w40-pricing-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w40-pricing-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-pricing-1__heading {
    font-size: 2em;
    font-weight: bolder;
    line-height: 1.6em;
    margin: 1em 0;
}

.w40-pricing-1__contain {
    display: flex;
    flex-wrap: wrap;
    background-color: #F8F8F8;
}

.w40-pricing-1__contain__items {
    width: 24.5%;
    height: max-content;
    background-color: #F8F8F8;
    padding: .5em;
    margin-left: 0.666666666666666%;
}

    .w40-pricing-1__contain__items:first-child {
        margin-left: 0;
    }

    .w40-pricing-1__contain__items:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width: 50em) {
    .w40-pricing-1__contain__items {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w40-pricing-1__contain__items {
        width: 49.6666666666666666666%;
    }
}

.w40-pricing-1__contain__items__item {
    background-color: white;
    text-align: center;
    padding: .5em;
}

.w40-pricing-1__contain__items__item__name {
    font-size: 2em;
    font-weight: bolder;
    padding: .5em;
    line-height: 1.6em;
    border-bottom: 1px solid #F8F8F8;
}

.w40-pricing-1__contain__items__item__text {
    font-size: 1.3em;
    padding: 1em;
    line-height: 1.6em;
    border-bottom: 1px solid #F8F8F8;
}

.w40-pricing-1__contain__items__item__price {
    padding: .3em;
    background-color: #F8F8F8;
    font-weight: bolder;
    font-size: 3.5em;
    color: rgba(var(--main-color-w), 1);
    border-bottom: 1px solid #F8F8F8;
}

    .w40-pricing-1__contain__items__item__price sup {
        color: black;
        font-size: 0.4em;
    }

.w40-pricing-1__contain__items__item__btn {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 2em;
    display: block;
    margin: 1em auto;
    color: white;
    text-align: center;
    font-size: 1.3em;
    border-radius: .7em;
    font-weight: 800;
    width: fit-content;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

    .w40-pricing-1__contain__items__item__btn:hover {
        background-color: #F8F8F8;
        color: rgba(var(--main-color-w), 1);
        box-shadow: 0 0 1.5em rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w40-pricing*/
.w40-pricing {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w40-pricing__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-pricing__heading {
    font-size: 2em;
    font-weight: bolder;
    line-height: 1.6em;
    margin: 1em 0;
}

.w40-pricing__contain {
    display: flex;
    flex-wrap: wrap;
}

.w40-pricing__contain__items {
    width: 100%;
    height: max-content;
    background-color: #F8F8F8;
    padding: .5em;
}

.w40-pricing__contain__items__item {
    background-color: white;
    text-align: center;
    padding: .5em;
}

.w40-pricing__contain__items__item__name {
    font-size: 2em;
    font-weight: bolder;
    padding: .5em;
    line-height: 1.6em;
    border-bottom: 1px solid #F8F8F8;
}

.w40-pricing__contain__items__item__text {
    font-size: 1.3em;
    padding: 1em;
    line-height: 1.6em;
    border-bottom: 1px solid #F8F8F8;
}

.w40-pricing__contain__items__item__price {
    padding: .3em;
    background-color: #F8F8F8;
    font-weight: bolder;
    font-size: 3.5em;
    color: rgba(var(--main-color-w), 1);
    border-bottom: 1px solid #F8F8F8;
}

    .w40-pricing__contain__items__item__price sup {
        color: black;
        font-size: 0.4em;
    }

.w40-pricing__contain__items__item__btn {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em 2em;
    display: block;
    margin: 1em auto;
    color: white;
    text-align: center;
    font-size: 1.3em;
    border-radius: .7em;
    font-weight: 800;
    width: fit-content;
    transition: all .3s ease-in-out;
    cursor: pointer;
}

    .w40-pricing__contain__items__item__btn:hover {
        background-color: #F8F8F8;
        color: rgba(var(--main-color-w), 1);
        box-shadow: 0 0 1.5em rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w40-faq*/
.w40-faq {
    width: 100%;
}

.w40-faq__group {
    max-width: 120em;
    margin: 0 auto;
}

.w40-faq__contain__items {
    margin-bottom: 2em;
}

.w40-faq__contain__items__name {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
    text-align: left;
    border-bottom: 0.1px solid #e0e0e0;
    padding: .5em 0;
}

.w40-faq__contain__items__tab {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 0.1px solid #e0e0e0;
}

.w40-faq__contain__items__tab__text {
    font-size: 1.2em;
    line-height: 1.6em;
    margin-left: 1em;
    margin-top: .5em;
    padding: .5em;
    width: fit-content;
    border-radius: 2em;
    cursor: pointer;
}

.w40-faq__contain__items__tab .active {
    border-top: 0.2em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
}

.w40-faq__contain__items__ques {
    margin-top: 3em;
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    margin-bottom: .5em;
}

.w40-faq__contain__items__ques__lbl {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2em;
}

.w40-faq__contain__items__ques__checkbox:checked ~ .w40-faq__contain__items__ques__content {
    max-height: 40em;
    padding-bottom: 1em;
}

.w40-faq__contain__items__ques__checkbox:checked ~ .w40-faq__contain__items__ques__lbl .w40-faq__contain__items__ques__lbl__icon {
    transform: rotate(180deg);
    border-radius: 50%;
    background-color: rgba(var(--main-color-w), 1);
    color: transparent;
}

.w40-faq__contain__items__ques__lbl__icon {
    transition: all 0.3s ease;
    background-color: black;
    height: 2em;
    width: 2em;
    color: white;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    margin-right: 0.5em;
}

.w40-faq__contain__items__ques__checkbox {
    display: none;
}

.w40-faq__contain__items__ques__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.w40-faq__contain__items__ques__content__text {
    line-height: 1.8em;
    font-size: 1.2em;
}

/*ed*/
/*w41-ads-1*/
.w41-ads-1 {
    width: 100%;
    background-color: #f5f5f5;
}

.w41-ads-1__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
    background-color: white;
    padding: 2em;
}

.w41-ads-1__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w41-ads-1__heading__main {
    display: flex;
    align-items: center;
}

.w41-ads-1__heading__main__title {
    font-size: 2em;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    margin-left: 0.3em;
}

@media only screen and (max-width: 37.5em) {
    .w41-ads-1__heading__main__title {
        font-size: 1.2em;
    }
}

.w41-ads-1__heading__main__imgbox {
    display: inline-block;
    background-size: contain;
    background-position: center;
    width: fit-content;
    width: 2em;
    height: 2em;
}

.w41-ads-1__heading__main__imgbox__img {
    width: 100%;
}

.w41-ads-1__heading__des {
    text-align: center;
    width: fit-content;
    margin-left: auto;
    display: block;
    font-size: 1.2em;
    line-height: 1.6em;
    margin-top: 0.5em;
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w41-ads-1__heading__des {
        font-size: 1em;
    }
}

.w41-ads-1__items {
    width: 100%;
    position: relative;
    margin-top: 2em;
    overflow: hidden;
}

    .w41-ads-1__items .swiper-wrapper {
        display: flex;
    }

    .w41-ads-1__items .swiper-pagination-bullet {
        background: white;
    }

    .w41-ads-1__items .swiper-pagination-bullet-active {
        background: white;
    }

.w41-ads-1__items__imgbox {
    background-size: contain;
    background-position: center;
}

.w41-ads-1__items__imgbox__img {
    width: 100%;
}

.w41-ads-1__items .swiper-button-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-top-left-radius: 0.4em;
    border-bottom-left-radius: 0.4em;
}

    .w41-ads-1__items .swiper-button-next::after {
        font-size: 2em;
        color: white;
    }

.w41-ads-1__items .swiper-button-prev {
    left: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-top-right-radius: 0.4em;
    border-bottom-right-radius: 0.4em;
}

    .w41-ads-1__items .swiper-button-prev::after {
        font-size: 2em;
        color: white;
    }

.w41-ads-1__items .swiper-slide {
    width: 49.75%;
    margin-left: 0.5%;
}

    .w41-ads-1__items .swiper-slide:first-child {
        margin-left: 0;
    }

@media only screen and (max-width: 37.5em) {
    .w41-ads-1__items .swiper-slide {
        width: 75%;
    }
}

.w41-ads-1__items__item {
    cursor: pointer;
    background-color: white;
    border-radius: 0.3em;
    overflow: hidden;
}

.w41-ads-1__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
}

.w41-ads-1__items__item__imgbox__img {
    width: 100%;
}

/*ed*/
/*w41-ads-2*/
.w41-ads-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: #f5f5f5;
}

.w41-ads-2__group {
    max-width: 120em;
    margin: 0 auto;
    background-color: white;
    padding: 2em;
}

.w41-ads-2__heading__title {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: left;
}

.w41-ads-2__heading__sub {
    display: block;
    margin-top: 1em;
    font-weight: 300;
    color: var(--text-color-w);
    line-height: 2em;
    font-size: 1.4em;
}

.w41-ads-2__items {
    margin-top: 1em;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .w41-ads-2__items .swiper-slide {
        width: 7%;
        margin-right: 3.3333333%;
    }

@media only screen and (max-width: 37.5em) {
    .w41-ads-2__items .swiper-slide {
        margin-right: 2em;
        width: 5em;
    }
}

.w41-ads-2__items .swiper-button-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-radius: 0.4em;
}

    .w41-ads-2__items .swiper-button-next::after {
        font-size: 2em;
        color: white;
    }

.w41-ads-2__items .swiper-button-prev {
    left: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-radius: 0.4em;
}

    .w41-ads-2__items .swiper-button-prev::after {
        font-size: 2em;
        color: white;
    }

.w41-ads-2__items__item {
    text-align: center;
    margin-bottom: 2em;
}

    .w41-ads-2__items__item:hover {
        filter: brightness(1.1);
    }

.w41-ads-2__items__item__imgbox {
    width: 100%;
    position: relative;
    margin-bottom: 0.5em;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
}

.w41-ads-2__items__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w41-ads-2__items__item__des {
    text-align: center;
    margin-top: 0.5em;
}

.w41-ads-2__items__item__des__main {
    font-weight: 600;
    font-size: 1em;
}

/*ed*/
/*w41-ads-3*/
.w41-ads-3 {
    width: 100%;
    background-color: #f5f5f5;
}

.w41-ads-3__group {
    max-width: 120em;
    margin: 0 auto;
    background-color: white;
    padding: 2em;
}

.w41-ads-3__heading {
    text-align: center;
    max-width: 120em;
    margin: 0 auto;
}

.w41-ads-3__heading__title {
    text-align: left;
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
}

.w41-ads-3__heading__sub {
    display: block;
    text-align: left;
    margin-top: 1em;
    font-weight: 300;
    color: var(--text-color-w);
    line-height: 2em;
    font-size: 1.4em;
}

.w41-ads-3__items {
    margin-top: 1em;
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .w41-ads-3__items .swiper-slide {
        width: 7%;
        margin-right: 3.3333333%;
    }

@media only screen and (max-width: 37.5em) {
    .w41-ads-3__items .swiper-slide {
        margin-right: 2em;
        width: 5em;
    }
}

.w41-ads-3__items .swiper-button-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-radius: 0.4em;
}

    .w41-ads-3__items .swiper-button-next::after {
        font-size: 2em;
        color: white;
    }

.w41-ads-3__items .swiper-button-prev {
    left: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-radius: 0.4em;
}

    .w41-ads-3__items .swiper-button-prev::after {
        font-size: 2em;
        color: white;
    }

.w41-ads-3__items__item {
    text-align: center;
    margin-bottom: 2em;
}

    .w41-ads-3__items__item:hover {
        filter: brightness(1.1);
    }

.w41-ads-3__items__item__contain {
    margin-top: 2em;
    display: block;
}

.w41-ads-3__items__item__contain__imgbox {
    width: 100%;
    position: relative;
    margin-bottom: 0.5em;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
}

.w41-ads-3__items__item__contain__imgbox__img {
    width: 100%;
    height: 100%;
}

.w41-ads-3__items__item__contain__des {
    text-align: center;
    margin-top: 0.5em;
}

.w41-ads-3__items__item__contain__des__main {
    font-weight: 600;
    font-size: 1em;
}
/*ed*/
/*w41-ads*/
.w41-ads {
    width: 100%;
    background-color: #f5f5fa;
    padding: 2em 0.5em;
}

.w41-ads__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 37.5em) {
    .w41-ads__group {
        justify-content: center;
    }
}

.w41-ads__items {
    width: 15%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w41-ads__items-desk {
        display: none;
    }
}

@media only screen and (min-width: 37.5em) {
    .w41-ads__items-mobile {
        display: none;
    }
}

@media only screen and (max-width: 37.5em) {
    .w41-ads__items-mobile {
        transform: scale(1.3);
        z-index: 1;
    }
}

@media only screen and (max-width: 37.5em) {
    .w41-ads__items {
        width: 30%;
        margin: 0 1em;
    }
}

.w41-ads__items:hover .w41-ads__items__imgbox {
    transform: scale(1.1);
}

.w41-ads__items:hover .w41-ads__items__text {
    transform: scale(1.2);
}

.w41-ads__items:nth-child(2) {
    width: 68%;
}

.w41-ads__items__imgbox {
    transition: all 0.1s;
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w41-ads__items__imgbox__img {
    width: 100%;
}

.w41-ads__items__text {
    position: absolute;
    text-align: center;
    transition: all 0.2s;
    padding: 4em;
    background-color: rgba(255, 255, 255, 0.8);
    border-radius: 1em;
}

@media only screen and (max-width: 50em) {
    .w41-ads__items__text {
        padding: 2em;
    }
}

.w41-ads__items__text__sub {
    margin-top: 0.5em;
    font-weight: 600;
    font-size: 2em;
}

@media only screen and (max-width: 50em) {
    .w41-ads__items__text__sub {
        font-size: 1.6em;
    }
}

.w41-ads__items__text__main {
    font-weight: 500;
    font-size: 1.6em;
}

@media only screen and (max-width: 50em) {
    .w41-ads__items__text__main {
        font-size: 1.3em;
    }
}

/*ed*/

/*w41-cart*/
.w41-cart {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #f5f5f5;
    color: #3f3f3f
}

.w41-cart__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50rem) {
    .w41-cart__group {
        flex-direction: column;
    }
}

.w41-cart__first {
    width: 65%;
}

@media only screen and (max-width: 50rem) {
    .w41-cart__first {
        width: 99%;
    }
}

.w41-cart__first__title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 1.6rem;
    padding: 0.5rem;
    color: rgba(var(--main-color-w), 1);
}

.w41-cart__first__head {
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: white;
    margin-top: 1rem;
    font-weight: 600;
}

.w41-cart__first__head__checkbox {
    cursor: pointer;
}

.w41-cart__first__head__name {
    width: 35%;
    margin-left: 1rem;
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__head__name {
        font-size: 1.2rem;
    }
}

.w41-cart__first__head__text {
    width: 20%;
    margin-left: 0.5rem;
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__head__text {
        font-size: 1.2rem;
    }
}

.w41-cart__first__head__icon {
    margin-left: auto;
    cursor: pointer;
    font-size: 1.5rem;
}

.w41-cart__first__contain {
    padding: 1rem;
    margin-top: 1rem;
    background-color: white;
    border-radius: 0.3rem;
}

.w41-cart__first__contain__items {
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
}

    .w41-cart__first__contain__items:not(:last-child) {
        border-bottom: 1px solid #f5f5f5;
        margin-bottom: 2rem;
    }

.w41-cart__first__contain__items__checkbox {
    cursor: pointer;
}

.w41-cart__first__contain__items__sp {
    margin-left: 0rem;
    display: flex;
    align-items: center;
    width: 35%;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__sp {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w41-cart__first__contain__items__sp__imgbox {
    max-height: 10rem;
    max-width: 5rem;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__sp__imgbox {
        width: 90%;
        max-width: 90%;
    }
}

.w41-cart__first__contain__items__sp__imgbox__img {
    width: 100%;
}

.w41-cart__first__contain__items__sp__text {
    margin-left: 0.5rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
    display: inline-block;
    margin: .25rem .75rem 0 0;
}

.w41-cart__first__contain__items__sp__text__size {
    font-size: 1.2rem;
    padding: .25rem.5rem;
    border-radius: .5rem;
    background: #f1f1f1;
    display: inline-block;
    margin: .5rem .75rem 0 0;
    text-align: center;
    font-weight: 400;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__sp__text__size {
        font-size: .7rem;
    }
}

.w41-cart__first__contain__items__sp__text__color {
    font-size: .9rem;
    padding: .25rem.5rem;
    border-radius: .5rem;
    background: #f1f1f1;
    display: inline-block;
    margin: .5rem .75rem 0 0;
    font-weight: 400;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__sp__text__color {
        font-size: .7rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__sp__text {
        margin-left: 0;
        margin-top: .5rem;
        font-size: 1.2rem;
    }
}

.w41-cart__first__contain__items__price {
    width: 20%;
    margin-left: 0.5rem;
}

.w41-cart__first__contain__items__price__main {
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__price__main {
        font-size: 1.2rem;
    }
}

.w41-cart__first__contain__items__price__down {
    color: #666;
    font-size: 1.5rem;
    text-decoration: line-through;
}

.w41-cart__first__contain__items__quan {
    display: flex;
    align-items: center;
    width: 20%;
    margin-left: 0.5rem;
}

    .w41-cart__first__contain__items__quan input::-webkit-outer-spin-button,
    .w41-cart__first__contain__items__quan input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.w41-cart__first__contain__items__quan__minus {
    font-size: 1.5rem;
    border: 1px solid #cecece;
    width: 2.6rem;
    height: 2.6rem;
    display: flex !important;
    align-items: center;
    border-right: none;
    justify-content: center;
    border-top-left-radius: 0.3rem;
    border-bottom-left-radius: 0.3rem;
    cursor: pointer;
    color: #666;
    font-weight: 400;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__quan__minus {
        font-size: 1.2rem;
        width: 2rem;
        height: 2rem;
    }
}

.w41-cart__first__contain__items__quan__num {
    width: 3rem;
    text-align: center;
    font-size: 1.5rem;
    height: fit-content;
    border: 1px solid #cecece;
    height: 2.6rem;
    outline: none;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__quan__num {
        font-size: 1.2rem;
        height: 2rem;
    }
}

.w41-cart__first__contain__items__quan__plus {
    font-size: 1.5rem;
    border: 1px solid #cecece;
    border-left: none;
    width: 2.6rem;
    height: 2.6rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-top-right-radius: 0.3rem;
    border-bottom-right-radius: 0.3rem;
    cursor: pointer;
    color: #666;
    font-weight: 400;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__quan__plus {
        font-size: 1.2rem;
        width: 2rem;
        height: 2rem;
    }
}

.w41-cart__first__contain__items__tt {
    width: 20%;
    margin-left: 0.5rem;
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__tt {
        font-size: 1.2rem;
    }
}

.w41-cart__first__contain__items__icon {
    cursor: pointer;
    font-size: 1.5rem;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__contain__items__icon {
        font-size: 1.2rem;
    }
}

.w41-cart__first__contain__items__icon:hover {
    color: red;
}

.w41-cart__first__sending {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__sending {
        flex-direction: column;
        margin-top: 2rem;
    }
}

.w41-cart__first__sending__btnbox {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 1rem;
    margin-right: 1rem;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__sending__btnbox:first-child {
        margin-top: 0;
    }

    .w41-cart__first__sending__btnbox {
        margin-right: 0;
        margin-top: 1rem;
    }
}

.w41-cart__first__sending__btnbox__text {
    font-weight: 600;
    border-radius: 0.3rem;
    margin-left: 1rem;
}

.w41-cart__first__sending__btnbox:hover {
    color: black;
    background-color: white;
}

.w41-cart__first__sending__btnlast {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
    padding: 1rem;
    margin-right: 1rem;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__first__sending__btnlast:first-child {
        margin-top: 0;
    }

    .w41-cart__first__sending__btnlast {
        margin-right: 0;
        margin-top: 1rem;
    }
}

.w41-cart__first__sending__btnlast__text {
    font-weight: 600;
    border-radius: 0.3rem;
    margin-left: 1rem;
}

.w41-cart__first__sending__btnlast:hover {
    color: black;
    background-color: white;
}

.w41-cart__second {
    width: 33%;
    min-width: 33%;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50rem) {
    .w41-cart__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w41-cart__second__coupon {
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-cart__second__coupon {
        margin-bottom: 5rem;
    }
}

.w41-cart__second__coupon__text {
    padding: 1rem;
    border: 0.1rem solid #eee;
    outline: 0.1rem solid #eee;
    display: block;
    width: 100%;
    margin-top: 1rem;
    font-size: 1.5rem;
    font-family: inherit;
}

.w41-cart__second__coupon__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem;
    font-weight: 600;
    font-size: 1.5rem;
    display: block;
    margin-top: 0.5rem;
    max-width: 100%;
    width: 100%;
    text-align: center;
    color: white;
    cursor: pointer;
    transition: all .5s;
}

    .w41-cart__second__coupon__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w41-cart__second__coupon__head {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.w41-cart__second__coupon__head__icon {
    margin-right: 0.5rem;
    font-size: 1.5rem;
}

.w41-cart__second__coupon__head__text {
    font-size: 1.5rem;
    font-weight: 600;
}

.w41-cart__second__giao {
    width: 100%;
    padding: 0.7rem;
    background-color: white;
    margin-bottom: 1rem;
    border-radius: .3rem;
}

.w41-cart__second__giao__text {
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
    font-weight: 600;
}

.w41-cart__second__giao__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
    margin-top: 1rem;
    max-width: 100%;
    white-space: pre-wrap;
}

.w41-cart__second__giao__lbl {
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1rem;
    display: block;
    cursor: pointer;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 0.5rem;
}

.w41-cart__second__giao__checkbox {
    display: none;
}

    .w41-cart__second__giao__checkbox:checked ~ .w41-cart__second__giao__address {
        max-height: 50vh;
    }

.w41-cart__second__giao__address {
    margin-top: 1rem;
    max-height: 0;
    transition: all 0.2s ease;
    overflow: hidden;
}

.w41-cart__second__giao__address__in {
    padding: 0.7rem;
    border: 0.1rem solid #eee;
    outline: 0.1rem solid #eee;
    display: block;
    width: 100%;
    margin-top: 0.5rem;
}

.w41-cart__second__giao__address__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w41-cart__second__giao__address__vung__checkbox {
    display: none;
}

    .w41-cart__second__giao__address__vung__checkbox:checked ~ .w41-cart__second__giao__address__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w41-cart__second__giao__address__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    font-weight: 600;
    cursor: pointer;
}

.w41-cart__second__giao__address__vung__ad__icon {
    margin-left: 0.5rem;
}

.w41-cart__second__giao__address__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w41-cart__second__giao__address__vung__items .active {
        font-weight: 800;
    }

.w41-cart__second__giao__address__vung__items__item {
    font-size: 1.5rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w41-cart__second__giao__address__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w41-cart__second__giao__address__vung__items__item:hover {
        background-color: #eee;
    }

.w41-cart__second__total {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    background-color: white;
    border-bottom: 0.1rem solid #eee;
    border-radius: .3rem;
}

.w41-cart__second__total__text {
    font-size: 1.5rem;
    padding: 0.7rem;
    width: 30%;
    font-weight: 600;
}

.w41-cart__second__total__main {
    font-weight: 600;
    font-size: 1.5rem;
    padding: 0.7rem;
    width: 70%;
    text-align: right;
}

.w41-cart__second__total__main-tt {
    color: red;
    font-size: 1.6rem;
}

.w41-cart__second__button {
    background-color: white;
    padding: 1rem;
    font-weight: 600;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    margin-top: 2rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    border-top: 0.3rem solid rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
}

.w41-cart__second__button:hover {
    border: 0.1rem solid rgba(var(--second-color-w), 1);
    border-top: 0.3rem solid rgba(var(--second-color-w), 1);
}

/*ed*/
/*w41-checkout*/
.w41-checkout {
    width: 100%;
    background-color: #f2f2f2;
    color: #3f3f3f;
    padding: 3rem 1rem
}

.w41-checkout__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w41-checkout__contain {
    width: 68%;
}

@media only screen and (max-width: 50rem) {
    .w41-checkout__contain {
        width: 100%;
    }
}

.w41-checkout__contain__first {
    flex-wrap: wrap;
    overflow:hidden;
}

.w41-checkout__contain__first__dh {
    width: 100%;
    background-color: white;
}

.w41-checkout__contain__first__dh__table {
    border-collapse: collapse;
    width: 98%;
    margin: 0 auto;
}

    .w41-checkout__contain__first__dh__table td,
    .w41-checkout__contain__first__dh__table th {
        text-align: left;
        padding: 1rem;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 600;
    }

@media only screen and (max-width: 37.5rem) {
    .w41-checkout__contain__first__dh__table td,
    .w41-checkout__contain__first__dh__table th {
        font-size: 1.3rem;
        padding: .5rem;
    }
}

.w41-checkout__contain__first__dh__table tr {
    border-bottom: 0.1rem solid #f2f2f2;
}

.w41-checkout__contain__first__dh__table__img {
    min-width: 7rem;
    width: 7rem;
}

@media only screen and (max-width: 25rem) {
    .w41-checkout__contain__first__dh__table__img {
        width: 0;
        min-width: 0;
    }
}

.w41-checkout__contain__first__dh__table__sp {
    font-weight: 600;
}

.w41-checkout__contain__first__dh__table__total {
    color: orangered;
    font-weight: 600;
}

.w41-checkout__contain__first__dh__table__imgbox {
    width: 10rem;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 25rem) {
    .w41-checkout__contain__first__dh__table__imgbox {
        width: 0;
        min-width: 0;
    }
}

.w41-checkout__contain__first__dh__table__imgbox__img {
    width: 100%;
}

.w41-checkout__contain__first__dh__table .w41-checkout__contain__first__dh__table__namesp {
    text-align: left;
}

.w41-checkout__contain__first__dh__table__namesp__text {
    display: block;
    text-align: left;
    margin-left: .5rem;
    font-weight: 400;
}

.w41-checkout__contain__first__dh__table__namesp__size {
    font-size: 1.2rem;
    padding: .25rem.5rem;
    border-radius: .5rem;
    background: #f1f1f1;
    display: inline-block;
    margin: .5rem .75rem 0 0;
    text-align: center;
    font-weight: 400;
}

@media only screen and (max-width: 37.5rem) {
    .w41-checkout__contain__first__dh__table__namesp__size {
        font-size: .7rem;
    }
}

.w41-checkout__contain__first__dh__table__namesp__color {
    font-size: .9rem;
    padding: .25rem.5rem;
    border-radius: .5rem;
    background: #f1f1f1;
    display: inline-block;
    margin: .5rem .75rem 0 0;
    font-weight: 400;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w41-checkout__contain__first__dh__table__namesp__color {
        font-size: .7rem;
    }
}
.w41-checkout__contain__first__dh__table__namesp__imgbox {
    width: 0;
    height: 0;
    overflow: hidden;
}
.w41-checkout__contain__first__dh__table__price {
    font-weight: 400;
}

.w41-checkout__contain__first__dh__table__action {
    display: flex;
    align-items: center;
    font-weight: 400;
    justify-content: center;
}

.w41-checkout__contain__first__dh__table__action__icon {
    line-height: 2rem;
    padding: 0.75rem;
    border: 0.1rem solid #f2f2f2;
    cursor: pointer;
}

.w41-checkout__contain__first__dh__table__action__input {
    width: 9rem;
    height: 2rem;
    border: 0.1rem solid #f2f2f2;
    border-right: none;
    border-left: none;
    outline: none;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w41-checkout__contain__first__dh__table__action__input {
        width: 5rem;
    }
}

.w41-checkout__contain__first__dh__table__trash {
    cursor: pointer;
}

.w41-checkout__contain__first__dh__table__cts {
    display: flex;
    align-items: center;
    padding: 0.5rem;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w41-checkout__contain__first__dh__table__cts__icon {
    margin-right: 0.5rem;
    margin-top: 0.1rem;
}

.w41-checkout__contain__first__dh__code {
    display: flex;
    align-items: center;
    padding: 1rem;
}

.w41-checkout__contain__first__dh__code__input {
    margin-right: 1rem;
    padding: 0.5rem;
    border: 0.1rem solid #f2f2f2;
}

.w41-checkout__contain__first__dh__code__button {
    padding: 0.7rem;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-weight: 600;
}

.w41-checkout__contain__first__ttmh {
    background-color: white;
    padding: 0.5rem;
}

@media only screen and (max-width: 50rem) {
    .w41-checkout__contain__first__ttmh {
        width: 100%;
    }
}

.w41-checkout__contain__first__ttmh__title {
    display: flex;
    align-items: center;
    border-bottom: 0.1rem solid #f2f2f2;
    padding: 1rem;
    margin-bottom: 1rem;
}

.w41-checkout__contain__first__ttmh__title__icon {
    margin-right: 0.5rem;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w41-checkout__contain__first__ttmh__title__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w41-checkout__contain__first__ttmh__name {
    padding: 1rem;
    display: flex;
    font-size: 1.5rem;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w41-checkout__contain__first__ttmh__name {
        font-size: 1.3rem;
    }
}

.w41-checkout__contain__first__ttmh__name__text {
    width: 12rem;
}

.w41-checkout__contain__first__ttmh__name__input {
    width: 68%;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    padding: .75rem 1rem;
    border-radius: 0.3rem;
    font-size: 1.5rem;
    font-family: inherit;
    margin-left: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-checkout__contain__first__ttmh__name__input {
        padding: .5rem;
        font-size: 1.3rem;
    }
}

.w41-checkout__contain__second {
    padding: 0.5rem;
    margin-top: 1rem;
    background-color: white;
}

.w41-checkout__contain__second__title {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: 0.1rem solid #f2f2f2;
    margin-bottom: 1rem;
}

.w41-checkout__contain__second__title__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5rem;
    font-size: 2rem;
}

.w41-checkout__contain__second__title__text {
    font-weight: 600;
    font-size: 1.4rem;
}

.w41-checkout__contain__second__inter {
    padding: 1rem;
}

.w41-checkout__contain__second__inter__more {
    display: flex;
    align-items: center;
}

.w41-checkout__contain__second__inter__more__radio {
    margin-right: 0.5rem;
    height: fit-content;
}

.w41-checkout__contain__second__inter__more__imgbox {
    max-width: 3rem;
    max-height: 5rem;
    background-size: contain;
    background-position: center;
    margin-right: 0.5rem;
}

.w41-checkout__contain__second__inter__more__imgbox__img {
    width: 100%;
}

.w41-checkout__contain__second__inter__more__text {
    cursor: pointer !important;
}

.w41-checkout__contain__second__inter__des {
    display: block;
    margin-top: 2rem;
    padding: 1rem;
    left: 3rem;
    background-color: #f2f2f2;
    position: relative;
    width: 90%;
    line-height: 2.6rem;
}

    .w41-checkout__contain__second__inter__des::after {
        content: "";
        border-top: solid 1rem #f2f2f2;
        border-left: solid 1rem transparent;
        border-right: solid 1rem transparent;
        top: 0;
        left: 0;
        position: absolute;
        transform: rotate(180deg);
        top: -1rem;
    }

.w41-checkout__contain__second__inter__bank__more {
    display: flex;
    align-items: center;
}

.w41-checkout__contain__second__inter__bank__more__imgbox {
    max-width: 3rem;
    max-height: 5rem;
    background-size: contain;
    background-position: center;
    margin-right: 0.5rem;
}

.w41-checkout__contain__second__inter__bank__more__imgbox__img {
    width: 100%;
}

.w41-checkout__contain__second__inter__bank__more__text {
    cursor: pointer !important;
}

.w41-checkout__contain__second__inter__bank__des {
    display: block;
    margin-top: 2rem;
    padding: 1rem;
    left: 3rem;
    background-color: #f2f2f2;
    position: relative;
    width: 90%;
    line-height: 2.6rem;
}

    .w41-checkout__contain__second__inter__bank__des::after {
        content: "";
        border-top: solid 1rem #f2f2f2;
        border-left: solid 1rem transparent;
        border-right: solid 1rem transparent;
        top: 0;
        left: 0;
        position: absolute;
        transform: rotate(180deg);
        top: -1rem;
    }

.w41-checkout__contain__second__inter__bank__items {
    display: none;
    margin-top: 1rem;
    border: 1px solid #bbbbbb;
    padding: 1rem;
    flex-wrap: wrap;
    border-radius: .5rem;
}

.w41-checkout__contain__second__inter__bank__items__imgbox {
    width: 10%;
    background-size: 80%;
    background-position: center;
    margin-left: 1.25%;
    margin-bottom: 1rem;
    border: 1px dashed #bbbbbb;
    border-radius: .5rem;
}

    .w41-checkout__contain__second__inter__bank__items__imgbox:first-child {
        margin-left: 0;
    }

    .w41-checkout__contain__second__inter__bank__items__imgbox:nth-child(9n+1) {
        margin-left: 0;
    }

.w41-checkout__contain__second__inter__bank__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w41-checkout__contain__second__inter-bank {
    display: flex;
}

    .w41-checkout__contain__second__inter-bank .w41-checkout__contain__second__inter__radio {
        margin-top: .7rem;
        height: fit-content;
    }

.w41-checkout__contain__second__inter__radio {
    margin-right: 0.5rem;
}

    .w41-checkout__contain__second__inter__radio:checked ~ .w41-checkout__contain__second__inter__bank .w41-checkout__contain__second__inter__bank__items {
        display: flex;
    }

.w41-checkout__fout {
    width: 30%;
    min-width: 30%;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50rem) {
    .w41-checkout__fout {
        width: 100%;
        margin-top: 2rem;
    }
}

.w41-checkout__fout__coupon {
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-checkout__fout__coupon {
        margin-bottom: 5rem;
    }
}

.w41-checkout__fout__coupon__text {
    padding: 1rem;
    border: 0.1rem solid #eee;
    outline: 0.1rem solid #eee;
    display: block;
    width: 100%;
    min-width: 100%;
    margin-top: 1rem;
    font-family: inherit;
    font-size: 1.5rem;
}

.w41-checkout__fout__coupon__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7rem;
    font-weight: 600;
    font-size: 1.5rem;
    display: block;
    margin-top: 1rem;
    max-width: 100%;
    width: 100%;
    text-align: center;
    color: white;
    cursor: pointer;
    transition: all .5s;
    border: 0.1rem dashed rgba(var(--main-color-w), 1);
}

    .w41-checkout__fout__coupon__button:hover {
        color: black;
        background-color: white;
        border: 0.1rem dashed rgba(var(--second-color-w), 1);
    }

.w41-checkout__fout__coupon__head {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.w41-checkout__fout__coupon__head__icon {
    margin-right: 0.5rem;
    font-size: 1.5rem;
}

.w41-checkout__fout__coupon__head__text {
    font-size: 1.5rem;
}

.w41-checkout__fout__giao {
    width: 100%;
    padding: 0.7rem;
    background-color: white;
    margin-bottom: 1rem;
    border-radius: .3rem;
}

.w41-checkout__fout__giao__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    font-weight: 600;
}

.w41-checkout__fout__giao__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
    margin-top: 1rem;
    max-width: 100%;
    white-space: pre-wrap;
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    display: block;
}

.w41-checkout__fout__giao__lbl {
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1rem;
    display: block;
    cursor: pointer;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 0.5rem;
    transition: all .5s;
}

    .w41-checkout__fout__giao__lbl:hover {
        border: 0.1rem solid rgba(var(--second-color-w), 1);
    }

.w41-checkout__fout__giao__checkbox {
    display: none;
}

    .w41-checkout__fout__giao__checkbox:checked ~ .w41-checkout__fout__giao__address {
        max-height: 50vh;
    }

.w41-checkout__fout__giao__address {
    margin-top: 1rem;
    max-height: 0;
    transition: all 0.2s ease;
    overflow: hidden;
}

.w41-checkout__fout__giao__address__in {
    padding: 0.7rem;
    border: 0.1rem solid #eee;
    outline: 0.1rem solid #eee;
    display: block;
    width: 100%;
    margin-top: 0.5rem;
    min-width: 100%;
}

.w41-checkout__fout__giao__address__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
}

.w41-checkout__fout__giao__address__vung__checkbox {
    display: none;
}

    .w41-checkout__fout__giao__address__vung__checkbox:checked ~ .w41-checkout__fout__giao__address__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w41-checkout__fout__giao__address__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w41-checkout__fout__giao__address__vung__ad__icon {
    margin-left: 0.5rem;
}

.w41-checkout__fout__giao__address__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w41-checkout__fout__giao__address__vung__items .active {
        font-weight: 800;
    }

.w41-checkout__fout__giao__address__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w41-checkout__fout__giao__address__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w41-checkout__fout__giao__address__vung__items__item:hover {
        background-color: #eee;
    }

.w41-checkout__fout__total {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    background-color: white;
    border-bottom: 0.1rem solid #eee;
    border-radius: .3rem;
}

.w41-checkout__fout__total__text {
    font-size: 1.5rem;
    padding: 0.7rem;
    width: 30%;
}

.w41-checkout__fout__total__main {
    font-weight: 600;
    font-size: 1.5rem;
    padding: 0.7rem;
    width: 70%;
    text-align: right;
}

.w41-checkout__fout__total__main-tt {
    color: red;
    font-size: 1.6rem;
}

.w41-checkout__fout__button {
    background-color: white;
    padding: 0.7rem;
    font-weight: 600;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    margin-top: 2rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    border-top: 0.3rem solid rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
}

    .w41-checkout__fout__button:hover {
        border: 0.1rem solid rgba(var(--second-color-w), 1);
        border-top: 0.3rem solid rgba(var(--second-color-w), 1);
    }
.w41-checkout__fout__baokim {
    background-color: white;
    padding: 0.7rem;
    font-weight: 600;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    margin-top: 2rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    border-top: 0.3rem solid rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    cursor: pointer;
    transition:all .5s;
}

.w41-checkout__fout__baokim:hover {
    border: 0.1rem solid rgba(var(--second-color-w), 1);
    border-top: 0.3rem solid rgba(var(--second-color-w), 1);
}
.w41-checkout__fout__dieukhoan {
    display: flex;
    position: relative;
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding-left: 3rem;
    cursor: pointer;
    margin-top: 2rem;
    min-height: 1.75rem;
}

.w41-checkout__fout__dieukhoan__input {
    display: none;
}

.w41-checkout__fout__dieukhoan__icon {
    width: 2rem;
    height: 2rem;
    position: absolute;
    left: 0;
    top: .5rem;
    border: solid .1rem #ccc;
    background-color: #fff;
    border-radius: .3rem;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
}

.w41-checkout__fout__dieukhoan__input:checked ~ .w41-checkout__fout__dieukhoan__icon:before {
    content: "\f00c";
}

.w41-checkout__fout__dieukhoan__text {
}

.w41-checkout__fout__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w41-checkout__fout__dropdown {
        width: 100%;
    }
}

.w41-checkout__fout__dropdown__label {
    background-color: #fff;
    padding: 1rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    border: solid .1rem #ced4da;
    border-radius: 0.5rem;
}

.w41-checkout__fout__dropdown__check:checked ~
.w41-checkout__fout__dropdown__label
.w41-checkout__fout__dropdown__label__icon:before {
    content: "\f106";
}

.w41-checkout__fout__dropdown__label__name {
    font-size: 1.6rem;
    color: #3f3f3f;
}

.w41-checkout__fout__dropdown__label__icon {
    font-size: 1.6rem;
    margin-left: auto;
    color: #3f3f3f;
}

.w41-checkout__fout__dropdown__check {
    display: none;
}

.w41-checkout__fout__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #f1f1f1 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 19rem;
}

    .w41-checkout__fout__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w41-checkout__fout__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w41-checkout__fout__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w41-checkout__fout__dropdown__subs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w41-checkout__fout__dropdown__check:checked ~
.w41-checkout__fout__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w41-checkout__fout__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.6rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w41-checkout__fout__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w41-checkout__fout__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/


/*w41-product-1*/
.w41-product-1 {
    width: 100%;
    background-color: #f5f5f5;
    padding: 1em .5em;
}

.w41-product-1__group {
    margin: 0 auto;
    max-width: 120em;
}

.w41-product-1__contain {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w41-product-1__contain__content {
    position: relative;
    width: 59%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w41-product-1__contain__content {
        width: 100%;
    }
}

.w41-product-1__contain__content__items {
    width: 100%;
}

.w41-product-1__contain__content__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em 0;
}

.w41-product-1__contain__content__items__heading__nd__text {
    padding: 1em;
    font-weight: 500;
    font-size: 2em;
    font-style: italic;
    line-height: 1.6em;
    width: fit-content;
    font-weight: bolder;
    color: #ff424e;
}

.w41-product-1__contain__content__items__heading__nd__time {
    display: flex;
    align-items: center;
}

.w41-product-1__contain__content__items__heading__nd__time__text {
    background-color: #ff424e;
    color: white;
    padding: 0.3em;
    border-radius: 0.3em;
    margin: 0 0.5em;
    font-weight: 600;
}

.w41-product-1__contain__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w41-product-1__contain__content__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
}

.w41-product-1__contain__content__items__heading__more__link__text {
    font-size: 1.2em;
    color: #0b74e5;
}

.w41-product-1__contain__content__items__heading__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
    color: #0b74e5;
}

.w41-product-1__contain__content__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
    padding: 1em 0;
}

.w41-product-1__contain__content__items__item__noidung {
    width: 17% !important;
    margin: 0 1.5% 1% 1.5%;
    cursor: pointer;
    background-color: white;
    height: fit-content;
}

@media only screen and (max-width: 50em) {
    .w41-product-1__contain__content__items__item__noidung {
        width: 30% !important;
    }
}

.w41-product-1__contain__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w41-product-1__contain__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w41-product-1__contain__content__items__item__noidung__km {
    position: absolute;
    right: -.5em;
    top: -.5em;
    text-align: center;
    background-color: orange;
    width: 2.5em;
    height: 1.4em;
    padding: .5em;
}

.w41-product-1__contain__content__items__item__noidung__km__pr {
    font-size: 1em;
    display: block;
    color: red;
    font-weight: 600;
}

.w41-product-1__contain__content__items__item__noidung__km__text {
    font-size: 1em;
    display: block;
    color: white;
}

.w41-product-1__contain__content__items__item__noidung__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 0;
    bottom: -.5em;
    z-index: 2;
    border-bottom: .5em solid transparent;
    border-left: 0 solid transparent;
    border-right: 2.5em solid orange;
}

.w41-product-1__contain__content__items__item__noidung__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 0;
    bottom: -.5em;
    z-index: 2;
    border-bottom: .5em solid transparent;
    border-right: 0 solid transparent;
    border-left: 2.5em solid orange;
}

.w41-product-1__contain__content__items__item__noidung__text {
    display: block;
    font-size: 1.3em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    margin-top: 1em;
    transition: all 0.3s ease;
}

.w41-product-1__contain__content__items__item__noidung:hover .w41-product-1__contain__content__items__item__noidung__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w41-product-1__contain__content__items__item__noidung__pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w41-product-1__contain__content__items__item__noidung__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.5em;
    font-weight: 600;
    display: block;
}

.w41-product-1__contain__content__items__item__noidung__pricing__down {
    color: #5a5a5a;
    font-size: 0.8em;
    display: block;
    text-decoration: line-through;
}

.w41-product-1__contain__content__items__item__noidung__bar {
    background-color: rgba(255, 0, 0, 0.533);
    width: 100%;
    position: relative;
    display: block;
    border-radius: 2em;
    margin-top: 1em;
    padding: .4em 0;
}

.w41-product-1__contain__content__items__item__noidung__bar__pro {
    position: absolute;
    background-color: red;
    width: 50%;
    height: 100%;
    border-radius: 1em;
    top: 0;
    z-index: 1;
}

.w41-product-1__contain__content__items__item__noidung__bar__imgbox {
    position: absolute;
    width: 2.3em;
    height: 2.3em;
    background-size: contain;
    background-position: center;
    left: .5em;
    top: initial;
    bottom: .5em;
    z-index: 10;
}

.w41-product-1__contain__content__items__item__noidung__bar__text {
    padding-top: .1em;
    padding-bottom: .1em;
    text-align: center;
    display: block;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 0.8em;
    z-index: 2;
    position: relative;
}

.w41-product-1__contain__content__items .swiper-button-next {
    background-color: #dfdfdf;
    height: 2.5em;
    width: 2.5em;
    border-radius: 50%;
    border: 0.1em solid white;
    transform: translateX(0.5em);
}

    .w41-product-1__contain__content__items .swiper-button-next::after {
        font-size: 1.2em;
        color: black;
    }

.w41-product-1__contain__content__items .swiper-button-prev {
    background-color: #dfdfdf;
    height: 2.5em;
    width: 2.5em;
    border-radius: 50%;
    border: 0.1em solid white;
    transform: translateX(-0.5em);
}

    .w41-product-1__contain__content__items .swiper-button-prev::after {
        font-size: 1.2em;
        color: black;
    }

.w41-product-1__contain__intro {
    width: 40%;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w41-product-1__contain__intro {
        width: 100%;
        margin-top: 1em;
    }
}

.w41-product-1__contain__intro .swiper-pagination-bullet {
    background: white;
}

.w41-product-1__contain__intro .swiper-pagination-bullet-active {
    background: white;
}

.w41-product-1__contain__intro__main {
    overflow: hidden;
    position: relative;
    border-radius: .5em;
    cursor: pointer;
}

    .w41-product-1__contain__intro__main .swiper-wrapper {
        height: 100% !important;
    }

    .w41-product-1__contain__intro__main .swiper-slide {
        height: 100% !important;
    }

@media only screen and (max-width: 37.5em) {
    .w41-product-1__contain__intro__main {
        width: 100%;
    }
}

.w41-product-1__contain__intro__main__imgbox {
    background-size: cover;
    background-position: center;
}

.w41-product-1__contain__intro__main__imgbox__img {
    width: 100%;
}

/*ed*/
/*w41-product*/
.w41-product {
    background-color: #f5f5f5;
    padding: 2em 1em;
    width: 100%;
}

.w41-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w41-product__heading {
    background-color: white;
    padding: 1em;
    border-radius: 0.5em;
}

.w41-product__heading__title {
    text-align: center;
    font-size: 2em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: left;
}

.w41-product__heading__sub {
    display: block;
    margin-top: 1em;
    font-weight: 300;
    color: var(--text-color-w);
    line-height: 2em;
    font-size: 1.4em;
}

.w41-product__tab {
    margin-top: .5em;
    width: 100%;
    overflow: hidden;
    background-color: #f5f5f5;
}

    .w41-product__tab .swiper-slide {
        width: 12%;
        margin-right: 0.57%;
    }

@media only screen and (max-width: 37.5em) {
    .w41-product__tab .swiper-slide {
        width: 33%;
    }
}

.w41-product__tab .active {
    border: 1px solid #003566;
}

.w41-product__tab__item {
    background-color: white;
    text-align: center;
    padding: 1em 0;
    border-radius: .5em;
}

    .w41-product__tab__item:hover {
        filter: brightness(1.1);
    }

.w41-product__tab__item__imgbox {
    width: 100%;
    position: relative;
    margin-bottom: 0.5em;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
    max-height: 5em;
}

.w41-product__tab__item__imgbox__img {
    width: 100%;
    height: 100%;
    max-height: 5em;
}

.w41-product__tab__item__des {
    text-align: center;
    margin-top: 0.5em;
}

.w41-product__tab__item__des__main {
    font-size: 1em;
}

.w41-product__items {
    display: flex;
    margin-top: .5em;
    width: 100%;
    flex-wrap: wrap;
    background-color: white;
}

.w41-product__items__item {
    margin-top: 0.5em;
    width: 16.66666666666%;
    padding: 1em;
    transition: all .2s ease;
    cursor: pointer;
}

    .w41-product__items__item:hover {
        box-shadow: 0 0 1em rgba(0, 0, 0, 0.182);
    }

@media only screen and (min-width: 50em) {
    .w41-product__items__item:nth-child(6n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w41-product__items__item {
        width: 20%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w41-product__items__item {
        width: 50%;
    }
}

.w41-product__items__item__imgbox {
    position: relative;
    background-size: contain;
    background-position: center;
}

.w41-product__items__item__imgbox__love {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em;
    display: inline-block;
    width: auto;
    color: white;
    font-weight: 600;
    position: absolute;
    border-radius: 0.3em;
    right: 1em;
    font-size: 10px;
    top: 1em;
}

    .w41-product__items__item__imgbox__love::after {
        content: "";
        position: absolute;
        bottom: -0.5em;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        border-top: solid 1em rgba(var(--main-color-w), 1);
        border-left: solid 1em transparent;
        border-right: solid 1em transparent;
    }

.w41-product__items__item__imgbox__love__icon {
    margin-right: 0.5em;
}

.w41-product__items__item__imgbox__img {
    width: 100%;
}

.w41-product__items__item__name {
    font-size: 1.2em;
    display: inline-block;
    line-height: 1.6em;
    margin-top: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w41-product__items__item__name {
        font-size: 1.2em;
    }
}

.w41-product__items__item__stars {
    display: flex;
    margin-top: 0.5em;
    align-items: center;
}

.w41-product__items__item__stars__contain__star {
    color: #ffdf00;
}

.w41-product__items__item__stars__contain__text {
    margin-left: 0.5em;
    border-left: 0.1em solid #dfdfdf;
    padding-left: 0.5em;
    font-size: 1em;
    color: #333333;
}

.w41-product__items__item__price {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    margin-top: .5em;
}

.w41-product__items__item__price__main {
    display: block;
    font-weight: 800;
    font-size: 1.5em;
    color: red;
    margin-right: 0.5em;
}

.w41-product__items__item__price__down {
    display: block;
    font-size: 1em;
    text-decoration: line-through;
    color: #808089;
    margin-bottom: 0.1em;
    margin-right: .5em;
}

.w41-product__items__item__price__per {
    background-color: rgba(255, 0, 0, 0.05);
    color: red;
    padding: 0.2em;
    font-size: 0.8em;
    border: 0.1em solid red;
    margin-bottom: 0.1em;
    margin-top: .5em;
}

/*ed*/
/*w41-productlist*/
.w41-productlist {
    width: 100%;
    background-color: #f5f5f5;
    padding: 2rem 1rem;
}

    .w41-productlist .w20-productlist__first__review {
        padding: 0;
    }

.w41-productlist__edit .w20-productlist__container__items__item__box__btn {
    opacity: 1 !important;
    margin-left: 50% !important;
    top: unset !important;
    bottom: 0;
}

.w41-productlist__edit .w20-productlist__container__items__item__box {
    margin-left: unset !important;
    opacity: 1 !important;
}

.w41-productlist__edit .w20-productlist__container__items__item__box__name,
.w41-productlist__edit .w20-productlist__container__items__item__box__price {
    opacity: 1 !important;
}

.w41-productlist__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w41-productlist__main {
    display: flex;
    flex-wrap: wrap;
    background-color: white;
}

.w41-productlist__main__first {
    width: 25%;
    max-width: 25%;
    padding: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w41-productlist__main__first {
        width: 100%;
        max-width: 100%;
    }
}
.w41-productlist__main__first__container{
    position:sticky;
    top:1rem;
}
.w41-productlist__main__first__dm {
    margin-bottom: 1rem;
    overflow: hidden;
}

.w41-productlist__main__first__dm__title {
    padding: 0.5rem 0;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
}

.w41-productlist__main__first__dm__content {
    list-style: none;
}

.w41-productlist__main__first__dm__content__child {
    font-size: 1.4rem;
    cursor: pointer;
    padding: 0.5rem;
}

.w41-productlist__main__first__dm__content__child__checkbox {
    display: none;
}

.w41-productlist__main__first__dm__content__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w41-productlist__main__first__dm__content__child__cate__text {
    transition: all 0.2s ease;
    font-size: 1.4rem;
}

    .w41-productlist__main__first__dm__content__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w41-productlist__main__first__dm__content__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w41-productlist__main__first__dm__content__child__checkbox:checked ~ .w41-productlist__main__first__dm__content__drop {
    display: block;
}

.w41-productlist__main__first__dm__content__drop {
    list-style: none;
    display: none;
    margin-top: 0.5rem;
}

.w41-productlist__main__first__dm__content__drop__child {
    font-size: 1rem;
    cursor: pointer;
    padding: 0.5rem;
}

.w41-productlist__main__first__dm__content__drop__child__checkbox {
    display: none;
}

.w41-productlist__main__first__dm__content__drop__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w41-productlist__main__first__dm__content__drop__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.4rem;
}

    .w41-productlist__main__first__dm__content__drop__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w41-productlist__main__first__dm__content__drop__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w41-productlist__main__first__dm__content__drop__child__checkbox:checked ~ .w41-productlist__main__first__dm__content__drop-1 {
    display: block;
}

.w41-productlist__main__first__dm__content__drop-1 {
    list-style: none;
    display: none;
    margin-top: 0.5rem;
}

.w41-productlist__main__first__dm__content__drop-1__child {
    font-size: 1rem;
    cursor: pointer;
    padding: 0.5rem;
}

.w41-productlist__main__first__dm__content__drop-1__child__checkbox {
    display: none;
}

.w41-productlist__main__first__dm__content__drop-1__child__cate {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w41-productlist__main__first__dm__content__drop-1__child__cate__text {
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.3rem;
}

    .w41-productlist__main__first__dm__content__drop-1__child__cate__text:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w41-productlist__main__first__dm__content__drop-1__child__cate__lbl {
    float: right;
    margin-left: auto;
    cursor: pointer;
}

.w41-productlist__main__first__boloc__row {
    margin-bottom: 1rem;
}

.w41-productlist__main__first__boloc__sub {
    font-weight: 600;
    padding: 1rem 0;
    font-size: 1.4rem;
    display: block;
}

.w41-productlist__main__first__boloc__items {
    max-height: 60rem;
    overflow: scroll;
}

    .w41-productlist__main__first__boloc__items::-webkit-scrollbar {
        width: .4em;
    }

    .w41-productlist__main__first__boloc__items::-webkit-scrollbar-track {
        border-radius: .3em;
    }

    .w41-productlist__main__first__boloc__items::-webkit-scrollbar-thumb {
        border-radius: .3em;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w41-productlist__main__first__boloc__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w41-productlist__main__first__boloc__items__item {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    color: #333;
    transition: all 0.2s ease;
}

    .w41-productlist__main__first__boloc__items__item:last-child {
        margin-bottom: 0;
    }

    .w41-productlist__main__first__boloc__items__item:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w41-productlist__main__first__boloc__items__item__text {
    cursor: pointer;
    font-size: 1.4rem;
}

.w41-productlist__main__first__boloc__items__item__check {
    display: none;
}

    .w41-productlist__main__first__boloc__items__item__check:checked ~ .w41-productlist__main__first__boloc__items__item__lbl::after {
        display: block;
    }

.w41-productlist__main__first__boloc__items__item__lbl {
    border: 0.1rem solid #e6e6e6;
    padding: 0.5rem;
    margin-right: 1rem;
    cursor: pointer;
    position: relative;
}

    .w41-productlist__main__first__boloc__items__item__lbl::after {
        content: "\2714";
        position: absolute;
        display: none;
        font-size: 1rem;
        top: -0.2rem;
        left: 0.15rem;
        color: orangered;
    }

.w41-productlist__main__first__boloc__items__tag {
    display: flex;
    flex-wrap: wrap;
}

.w41-productlist__main__first__boloc__items__tag__text {
    background-color: #e4e4e4;
    padding: 0.5rem 1.5rem;
    margin-right: 0.5rem;
    font-size: 1.4rem;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
    transition: all .5s;
    border: 1px solid rgba(0,0,0,0);
}

    .w41-productlist__main__first__boloc__items__tag__text:hover {
        border: 1px solid rgba(0,0,0,1);
    }

.w41-productlist__main__first__boloc__items__khoang {
    margin-top: 1rem;
}

.w41-productlist__main__first__boloc__items__khoang__text {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
    font-weight: 600;
}

.w41-productlist__main__first__boloc__items__khoang__number {
    margin-bottom: 1rem;
    width: 100%;
    display: flex;
}

.w41-productlist__main__first__boloc__items__khoang__number__in {
    cursor: pointer;
    width: 49%;
    border-radius: 0.2rem;
    border: 1px solid #e4e4e4;
    padding: 0.5rem;
    font-size: 1.4rem;
    outline: none;
    margin-left: 2%;
    transition: all .5s;
}

    .w41-productlist__main__first__boloc__items__khoang__number__in:focus {
        border-color: rgba(var(--main-color-w),1);
    }

    .w41-productlist__main__first__boloc__items__khoang__number__in:nth-child(2n+1) {
        margin-left: 0;
    }

.w41-productlist__main__first__boloc__items__khoang__btn {
    font-size: 1.4rem;
    border-radius: 0.3rem;
    padding: 0.75rem 1rem;
    text-align: center;
    display: block;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    cursor: pointer;
    font-weight: 600;
}

.w41-productlist__main__first__boloc__items__rate__stars {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.w41-productlist__main__first__boloc__items__rate__stars__star__icon {
    color: #ffcc00;
    margin-right: 0.2rem;
}

.w41-productlist__main__first__boloc__items__rate__stars__text {
    font-size: 1rem;
    margin-left: 0.5rem;
}

.w41-productlist__main__first__boloc__timkiem {
    border: 0.1rem solid #e4e4e4;
    display: flex;
    margin-bottom: 1rem;
    transition: all .5s;
}

    .w41-productlist__main__first__boloc__timkiem:hover {
        border-color: rgba(var(--main-color-w),1);
    }

.w41-productlist__main__first__boloc__timkiem__in {
    border: none;
    width: 80%;
    outline: none;
    margin-left: 1rem;
    padding: .75rem .5rem;
    display: inline-block;
}

.w41-productlist__main__first__boloc__timkiem__btn {
    padding: 0.5rem .75rem;
    border: none;
    outline: none;
    margin-left: auto;
    display: inline-block;
    cursor: pointer;
    background: rgba(var(--main-color-w), 1);
    color: white;
}

.w41-productlist__main__first__dm__link__imgbox {
    margin-top: 1rem;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .5s;
}

    .w41-productlist__main__first__dm__link__imgbox:hover {
        transform: scale(1.05);
    }

.w41-productlist__main__first__dm__link__imgbox__img {
    width: 100%;
}

.w41-productlist__main__second {
    width: 74%;
    margin-left: 1%;
    padding: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w41-productlist__main__second {
        width: 100%;
        margin-top: 1rem;
    }
}

.w41-productlist__main__second__tab__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: .5rem;
}

.w41-productlist__main__second__tab__items {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

    .w41-productlist__main__second__tab__items .active {
        color: rgba(var(--main-color-w), 1);
        border-bottom: 0.3rem solid rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

.w41-productlist__main__second__tab__items__item {
    margin-right: 0.5rem;
    padding: 1rem;
    border-bottom: 0.1rem solid #f8f8f8;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.4rem;
}

    .w41-productlist__main__second__tab__items__item:hover {
        border-color: rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

.w41-productlist__main__second__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 1rem 0 0;
}

.w41-productlist__main__second__head__sort {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}

.w41-productlist__main__second__head__sort__text {
    font-weight: 600;
    white-space: nowrap;
    font-size: 1.3rem;
}

.w41-productlist__main__second__head__sort__col {
    margin-left: 1rem;
    border: 0.1rem solid #e4e4e4;
    padding: 0.7rem;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.w41-productlist__main__second__head__sort__col__name {
    width: 12rem;
    font-size: 1.3rem;
}

.w41-productlist__main__second__head__sort__col__name__icon {
    margin-left: auto;
    float: right;
}

.w41-productlist__main__second__head__sort__col:hover .w41-productlist__main__second__head__sort__items {
    display: block;
}

.w41-productlist__main__second__head__sort__items {
    list-style: none;
    position: absolute;
    background-color: white;
    left: -0.1rem;
    top: 2.5rem;
    display: none;
    width: 102%;
}

.w41-productlist__main__second__head__sort__items__item {
    width: 100%;
    border: 0.1rem solid #e4e4e4;
    border-bottom: 0;
    padding: 0.7rem;
    cursor: pointer;
    font-size: 1.3rem;
}

    .w41-productlist__main__second__head__sort__items__item:last-child {
        border: 0.1rem solid #e4e4e4;
    }

    .w41-productlist__main__second__head__sort__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w41-productlist__main__second__head__sort__items__item__icon {
    margin-left: auto;
    float: right;
}

.w41-productlist__main__second__paging {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: center;
}

.w41-productlist__main__second__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w41-productlist__main__second__paging__list__number {
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 0.1rem solid #f2f2f2;
    margin-right: 1rem;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0.2rem;
    margin-top:1rem;
}

    .w41-productlist__main__second__paging__list__number:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w41-productlist__main__second__paging__list__icon {
    padding: 0.7rem 1.2rem;
    border: 0.1rem solid #f2f2f2;
    margin-right: 1rem;
    cursor: pointer;
    border-radius: 0.2rem;
}

    .w41-productlist__main__second__paging__list__icon:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w41-productlist__main__second__paging__list .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

.w41-productlist__main__second__container__items {
    display: flex;
    align-items: center;
    margin-top: 0.5rem;
    width: 100%;
    flex-wrap: wrap;
    background-color: white;
    align-items: flex-start;
}

.w41-productlist__main__second__container__items__item {
    margin-top: 0.5rem;
    width: 24.25%;
    margin-left: 1%;
    padding: 1rem;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w41-productlist__main__second__container__items__item:first-child {
        margin-left: 0;
    }

    .w41-productlist__main__second__container__items__item:hover {
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.182);
    }

@media only screen and (min-width: 50rem) {
    .w41-productlist__main__second__container__items__item:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w41-productlist__main__second__container__items__item {
        width: 49%;
    }

        .w41-productlist__main__second__container__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w41-productlist__main__second__container__items__item__imgbox {
    position: relative;
    background-size: contain;
    background-position: center;
}

.w41-productlist__main__second__container__items__item__imgbox__love {
    background-color: #f14f66;
    padding: 1rem;
    display: inline-block;
    width: auto;
    color: white;
    font-weight: 600;
    position: absolute;
    border-radius: 0.3rem;
    right: 1rem;
    top: 1rem;
}

    .w41-productlist__main__second__container__items__item__imgbox__love::after {
        content: "";
        position: absolute;
        bottom: -0.5rem;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        border-top: solid 1rem #e15915;
        border-left: solid 1rem transparent;
        border-right: solid 1rem transparent;
    }

.w41-productlist__main__second__container__items__item__imgbox__love__icon {
    margin-right: 0.5rem;
}

.w41-productlist__main__second__container__items__item__imgbox__img {
    width: 100%;
}

.w41-productlist__main__second__container__items__item__name {
    font-weight: 600;
    font-size: 1.4rem;
    display: inline-block;
    line-height: 2.4rem;
    padding: 0;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-productlist__main__second__container__items__item__name {
        font-size: 1.4rem;
    }
}

.w41-productlist__main__second__container__items__item__stars {
    display: flex;
    margin-top: 0.5rem;
    padding: 0.5rem 0;
    align-items: center;
    width: 100%;
}

.w41-productlist__main__second__container__items__item__stars__contain__star {
    color: #ffdf00;
}

.w41-productlist__main__second__container__items__item__stars__contain__text {
    margin-left: 0.5rem;
    border-left: 0.1rem solid #dfdfdf;
    padding-left: 0.5rem;
    font-size: 1.1rem;
    color: #333333;
}

.w41-productlist__main__second__container__items__item__stars__per {
    background-color: rgba(255, 0, 0, 0.05);
    color: red;
    padding: 0.2rem;
    font-size: 0.8rem;
    border: 0.1rem solid red;
    margin-left: auto;
    font-size: 1.2rem;
}

.w41-productlist__main__second__container__items__item__price {
    display: flex;
    align-items: end;
    padding: 0.5rem 0;
    flex-wrap: wrap;
}

.w41-productlist__main__second__container__items__item__price__main {
    display: block;
    font-weight: 800;
    font-size: 1.4rem;
    color: red;
    margin-right: 0.5rem;
}

.w41-productlist__main__second__container__items__item__price__down {
    display: block;
    font-size: 1rem;
    text-decoration: line-through;
    color: #808089;
    margin-bottom: 0.1rem;
    font-size: 1.4rem;
    margin-left: auto;
}

.w41-productlist__spdx {
    margin-bottom: 2rem;
    position: relative;
}

    .w41-productlist__spdx .swiper-button-next {
        right: 0;
    }

        .w41-productlist__spdx .swiper-button-next::after {
            font-size: 3rem;
        }

    .w41-productlist__spdx .swiper-button-prev {
        left: 0;
    }

        .w41-productlist__spdx .swiper-button-prev::after {
            font-size: 3rem;
        }

.w41-productlist__spdx__title {
    font-weight: 600;
    font-size: 2rem !important;
    position: relative;
    padding: 0.5rem 0;
    margin-top: 1rem;
}

.w41-productlist__spdx__items {
    width: 100%;
    background-color: white;
    overflow: hidden;
    padding: .5rem;
}

    .w41-productlist__spdx__items .swiper-slide {
        width: calc(15% - 2rem);
        margin-right: 2%;
        padding: 1rem;
    }

@media only screen and (max-width: 37.5rem) {
    .w41-productlist__spdx__items .swiper-slide {
        width: calc(49% - 2rem);
    }
}

.w41-productlist__spdx__items__item {
    padding-top: 0;
    transition: all 0.2s ease;
    cursor: pointer;
}

    .w41-productlist__spdx__items__item:hover {
        box-shadow: 0 0 1rem rgba(0, 0, 0, 0.182);
    }

.w41-productlist__spdx__items__item__imgbox {
    position: relative;
    background-size: contain;
    background-position: center;
}

.w41-productlist__spdx__items__item__imgbox__love {
    background-color: #f14f66;
    padding: 1rem;
    display: inline-block;
    width: auto;
    color: white;
    font-weight: 600;
    position: absolute;
    border-radius: 0.3rem;
    right: 1rem;
    top: 1rem;
}

    .w41-productlist__spdx__items__item__imgbox__love::after {
        content: "";
        position: absolute;
        bottom: -0.5rem;
        display: inline-block;
        left: 50%;
        transform: translateX(-50%);
        border-top: solid 1rem #e15915;
        border-left: solid 1rem transparent;
        border-right: solid 1rem transparent;
    }

.w41-productlist__spdx__items__item__imgbox__love__icon {
    margin-right: 0.5rem;
}

.w41-productlist__spdx__items__item__imgbox__img {
    width: 100%;
}

.w41-productlist__spdx__items__item__name {
    font-weight: 600;
    font-size: 1.4rem;
    display: inline-block;
    line-height: 1.6rem;
    padding: 0 0.5rem;
    margin-top: 0.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-productlist__spdx__items__item__name {
        font-size: 1.4rem;
    }
}

.w41-productlist__spdx__items__item__stars {
    display: flex;
    margin-top: 0.5rem;
    padding: 0.5rem;
    align-items: center;
}

.w41-productlist__spdx__items__item__stars__contain__star {
    color: #ffdf00;
}

.w41-productlist__spdx__items__item__stars__contain__text {
    margin-left: 0.5rem;
    border-left: 0.1rem solid #dfdfdf;
    padding-left: 0.5rem;
    font-size: 1rem;
    color: #333333;
}

.w41-productlist__spdx__items__item__price {
    display: flex;
    align-items: end;
    padding: 0.5rem;
    flex-wrap: wrap;
}

.w41-productlist__spdx__items__item__price__main {
    display: block;
    font-weight: 800;
    font-size: 1.5rem;
    color: red;
    margin-right: 0.5rem;
}

.w41-productlist__spdx__items__item__price__down {
    display: block;
    font-size: 1rem;
    text-decoration: line-through;
    color: #808089;
    margin-bottom: 0.1rem;
    margin-right: .5rem;
}

.w41-productlist__spdx__items__item__price__per {
    background-color: rgba(255, 0, 0, 0.05);
    color: red;
    padding: 0.2rem;
    font-size: 0.8rem;
    border: 0.1rem solid red;
    margin-bottom: 0.1rem;
    margin-top: .5rem;
}

/*ed*/

/*w42-abimg-1*/
.w42-abimg-1 {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w42-abimg-1__group {
    max-width: 120em;
    margin: 0 auto;
}

.w42-abimg-1__head {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.w42-abimg-1__head__line {
    border-bottom: 1px solid #666;
    flex: 1;
    max-width: 10em;
}

.w42-abimg-1__head__text {
    font-size: 2em;
    padding: 0.2em 0.4em;
    width: fit-content;
    background-color: white;
    color: black;
    border-radius: 0.5em;
    line-height: 1.6em;
    font-weight: bolder;
}

.w42-abimg-1 ::-webkit-scrollbar {
    width: .5em;
    height: 0.3em;
    background-color: #f1f1f1;
}

.w42-abimg-1 ::-webkit-scrollbar-track {
    border-radius: 0.1em;
}

.w42-abimg-1 ::-webkit-scrollbar-thumb {
    background: #666;
    border-radius: 1em;
}

.w42-abimg-1 .gallery-thumbs .swiper-slide-thumb-active .w42-abimg-1__items__sub__contain__text {
    font-weight: 600;
    font-style: italic;
}

.w42-abimg-1__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

    .w42-abimg-1__items .swiper-pagination {
        position: absolute;
        bottom: 0;
        width: fit-content !important;
        left: 50% !important;
        height: fit-content !important;
        transform: translateY(-50%) rotate(90deg) !important;
        top: 2em !important;
    }

    .w42-abimg-1__items .swiper-pagination-bullet-active {
        color: white;
    }

    .w42-abimg-1__items .swiper-pagination-bullet {
        background-color: white;
        margin: .5em !important;
        height: 1.5em;
        width: 1.5em;
    }

.w42-abimg-1__items__main {
    overflow: hidden;
    position: relative;
    width: 70%;
    max-height: 50em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w42-abimg-1__items__main {
        width: 100%;
        max-height: fit-content;
    }
}

.w42-abimg-1__items__main__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    min-height: 50em;
}

.w42-abimg-1__items__main__imgbox__img {
    width: 100%;
}

.w42-abimg-1__items__sub {
    padding-right: 2em;
    width: 28%;
    max-height: 50em;
    overflow: scroll;
}

@media only screen and (max-width: 37.5em) {
    .w42-abimg-1__items__sub {
        width: 100%;
        min-height: 35em;
        margin-top: 2em;
    }
}

.w42-abimg-1__items__sub__text {
    font-size: 2.5em;
    margin-bottom: .5em;
}

.w42-abimg-1__items__sub__contain {
    margin-bottom: 2em;
}

.w42-abimg-1__items__sub__contain__text {
    font-size: 1.6em;
    line-height: 1.6em;
    text-align: justify;
    margin-bottom: .2em;
    color: black;
    cursor: pointer;
}

/*ed*/
/*w42-abimg*/
.w42-abimg {
    width: 100%;
    padding: 2em 0.5em;
    background-color: white;
}

.w42-abimg__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w42-abimg__heading {
    text-align: center;
}

.w42-abimg__heading__title {
    margin: 0 auto;
    font-size: 3em;
    display: block;
    color: rgba(var(--main-color-w), 1);
    width: fit-content;
}

.w42-abimg__heading__sub {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
    text-align: center;
    width: fit-content;
}

.w42-abimg__heading__imgbox {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w42-abimg__heading__imgbox__img {
    width: 100%;
}

.w42-abimg__items {
    display: flex;
    flex-wrap: wrap;
    margin-left: -1%;
}

.w42-abimg__items__item {
    width: 19%;
    margin-left: 1%;
    margin-top: 1em;
    position: relative;
    cursor: pointer;
    transition: all 0.2s;
    overflow: hidden;
}

@media only screen and (min-width: 37.5em) {
    .w42-abimg__items__item:first-child {
        width: 39%;
    }

    .w42-abimg__items__item:nth-child(4n+1) {
        width: 39%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w42-abimg__items__item {
        width: 49%;
    }
}

.w42-abimg__items__item__imgbox {
    transition: all 0.3s ease-in-out;
    background-size: cover;
    background-position: center;
}

    .w42-abimg__items__item__imgbox:hover {
        filter: brightness(0.5);
    }

.w42-abimg__items__item__imgbox__img {
    width: 100%;
}

.w42-abimg__items__item__imgbox:hover ~ .w42-abimg__items__item__text {
    text-shadow: 0 0 0.2em white;
    opacity: 1;
}

.w42-abimg__items__item__text {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 100%;
    transition: all 0.5s ease-in-out;
    vertical-align: middle;
    color: white;
    font-weight: bolder;
    font-size: 1.3em;
    opacity: 0;
}

/*ed*/
/*w42-article*/
.w42-article {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w42-article__heading {
    text-align: center;
}

.w42-article__heading__title {
    margin: 0 auto;
    font-size: 2em;
    display: block;
    color: black;
    width: fit-content;
}

.w42-article__heading__sub {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
    text-align: center;
    width: fit-content;
}

.w42-article__heading__imgbox {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w42-article__heading__imgbox__img {
    width: 100%;
}

.w42-article__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.1);
}

    .w42-article__button:hover {
        background-color: white;
        color: black;
    }

.w42-article__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w42-article__button__icon {
    font-size: 2em;
}

.w42-article__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w42-article__group {
    margin: 0 auto;
    max-width: 120em;
    position: relative;
}

.w42-article__items {
    display: flex;
    overflow: hidden;
    margin-top: 1em;
    position: relative;
}

    .w42-article__items .swiper-slide {
        margin-right: 2%;
        width: 32.333333%;
    }

@media only screen and (max-width: 37.5em) {
    .w42-article__items .swiper-slide {
        width: 49%;
    }
}

.w42-article__items .swiper-button-next {
    transform: translateX(0.5em);
}

    .w42-article__items .swiper-button-next::after {
        font-size: 2em;
        font-weight: 600;
        color: black;
    }

.w42-article__items .swiper-button-prev {
    transform: translateX(-0.5em);
}

    .w42-article__items .swiper-button-prev::after {
        font-size: 2em;
        font-weight: 600;
        color: black;
    }

.w42-article__items__item {
    cursor: pointer;
}

.w42-article__items__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w42-article__items__item__imgbox__img {
    width: 100%;
}

.w42-article__items__item__content {
    margin-top: 1em;
}

.w42-article__items__item__content__name {
    font-weight: 600;
    line-height: 1.6em;
    font-size: 1.2em;
}

.w42-article__items__item__content__des {
    line-height: 1.6em;
    font-size: 1.2em;
    border-top: 1px solid #666;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

.w42-article__items__item__content__des__more {
    font-style: italic;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 0.5em;
}

/*ed*/
/*w42-bloglist*/
.w42-bloglist {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w42-bloglist__heading {
    text-align: center;
}

.w42-bloglist__heading__title {
    margin: 0 auto;
    font-size: 2em;
    display: block;
    color: black;
    width: fit-content;
}

.w42-bloglist__heading__sub {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
    text-align: center;
    width: fit-content;
}

.w42-bloglist__heading__imgbox {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w42-bloglist__heading__imgbox__img {
    width: 100%;
}

.w42-bloglist__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.1);
}

    .w42-bloglist__button:hover {
        background-color: white;
        color: black;
    }

.w42-bloglist__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w42-bloglist__button__icon {
    font-size: 2em;
}

.w42-bloglist__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w42-bloglist__group {
    margin: 0 auto;
    max-width: 120em;
    position: relative;
}

.w42-bloglist__items {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-wrap: wrap;
}

.w42-bloglist__items__item {
    cursor: pointer;
    width: 32.3333%;
    margin-left: 1.5%;
    margin-top: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w42-bloglist__items__item {
        width: 49.25%;
    }
}

.w42-bloglist__items__item:first-child {
    margin-left: 0;
}

.w42-bloglist__items__item:nth-child(3n+1) {
    margin-left: 0;
}

.w42-bloglist__items__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w42-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w42-bloglist__items__item__content {
    margin-top: 1em;
}

.w42-bloglist__items__item__content__name {
    font-weight: 600;
    line-height: 1.6em;
    font-size: 1.2em;
}

.w42-bloglist__items__item__content__des {
    line-height: 1.6em;
    font-size: 1.2em;
    border-top: 1px solid #666;
    margin-top: 0.5em;
    padding-top: 0.5em;
}

.w42-bloglist__items__item__content__des__more {
    font-style: italic;
    text-decoration: underline;
    font-weight: 600;
    margin-left: 0.5em;
}

.w42-bloglist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w42-bloglist__paging__items {
    padding: 1em;
    width: 3.3em;
    height: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w42-bloglist__paging .active {
    background-color: black;
    color: white;
}

.w42-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w42-bloglist__paging__pre__text {
    font-size: 1.2em;
}

.w42-bloglist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w42-product*/
.w42-product {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w42-product__heading {
    text-align: center;
}

.w42-product__heading__title {
    margin: 0 auto;
    font-size: 2em;
    display: block;
    color: black;
    width: fit-content;
}

.w42-product__heading__sub {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
    text-align: center;
    width: fit-content;
}

.w42-product__heading__imgbox {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w42-product__heading__imgbox__img {
    width: 100%;
}

.w42-product__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: white;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(var(--main-color-w), 1);
    outline: none;
    font-size: 1em;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
    box-shadow: 0 0em 1em rgba(0, 0, 0, 0.1);
}

    .w42-product__button:hover {
        background-color: white;
        color: black;
    }

.w42-product__button-next {
    position: absolute;
    right: 1em;
    top: 45%;
    z-index: 2;
}

.w42-product__button__icon {
    font-size: 2em;
}

.w42-product__button-prev {
    position: absolute;
    top: 45%;
    left: 1em;
    z-index: 2;
}

.w42-product__group {
    margin: 0 auto;
    max-width: 120em;
    position: relative;
}

.w42-product__items {
    overflow: hidden;
    position: relative;
    margin-top: 1em;
}

    .w42-product__items .swiper-slide {
        margin-right: 1.333333333333%;
        width: 24%;
    }

@media only screen and (max-width: 37.5em) {
    .w42-product__items .swiper-slide {
        width: 49.33333333333%;
    }
}

.w42-product__items .swiper-button-next {
    transform: translateX(0.5em);
}

    .w42-product__items .swiper-button-next::after {
        font-size: 2em;
        font-weight: 600;
        color: black;
    }

.w42-product__items .swiper-button-prev {
    transform: translateX(-0.5em);
}

    .w42-product__items .swiper-button-prev::after {
        font-size: 2em;
        font-weight: 600;
        color: black;
    }

.w42-product__items__card {
    display: inline-block;
}

.w42-product__items__card__image {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.w42-product__items__card__image__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    transition: all .7s ease-in-out;
}

.w42-product__items__card__image__imgbox__img {
    width: 100%;
}

.w42-product__items__card__image__imgbox:nth-child(1) {
    max-height: 100%;
    opacity: 1;
    position: absolute;
    z-index: 1;
    left: 0;
}

.w42-product__items__card__image:hover .w42-product__items__card__image__imgbox {
    max-height: 100%;
    opacity: 1;
    transform: rotateY(360deg);
    transition: all .7s ease-in-out;
}

.w42-product__items__card__image:hover .w42-product__items__card__image__sizes {
    bottom: 0;
}

.w42-product__items__card__image:hover .w42-product__items__card__image__imgbox:nth-child(1) {
    opacity: 0;
    transform: rotateY(180deg);
}

.w42-product__items__card__image__sizes {
    display: flex;
    position: absolute;
    z-index: 2;
    bottom: -10em;
    transition: all 0.5s ease-in-out;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.803);
    padding: 1em;
}

.w42-product__items__card__image__sizes__name {
    font-size: 1.2em;
    font-weight: 600;
}

.w42-product__items__card__image__sizes__box {
    margin-left: auto;
    margin-right: 1em;
}

.w42-product__items__card__image__sizes__box__size {
    font-size: 1.2em;
    font-weight: 600;
    padding: 0.5em;
}

.w42-product__items__card__content {
    margin: 0 auto;
}

.w42-product__items__card__content__des {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    margin-top: .5em;
}

.w42-product__items__card__content__price {
    display: flex;
    margin-top: .5em;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w42-product__items__card__content__price__mainprice {
    font-size: 1.4em;
    margin-right: 0.5em;
    padding: 0.5em 0;
    color: #666;
}

@media only screen and (max-width: 37.5em) {
    .w42-product__items__card__content__price__mainprice {
        font-size: 1em;
    }
}

.w42-product__items__card__content__price__downprice {
    font-weight: 600;
    font-size: 1.4em;
    color: black;
    padding: 0.5em 0;
}

@media only screen and (max-width: 37.5em) {
    .w42-product__items__card__content__price__downprice {
        font-size: 1em;
    }
}

/*ed*/
/*w42-productdetail*/
.w42-productdetail {
    width: 100%;
    padding: 2em 1rem;
    background-color: white;
}

.w42-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w42-productdetail__card {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w42-productdetail__card {
        flex-direction: column;
    }
}

.w42-productdetail__card__slider {
    width: 50%;
}

    .w42-productdetail__card__slider .gallery-thumbs .swiper-wrapper {
        height: 30em !important;
        transform: unset !important;
        padding: 0.5rem;
        width: 90%;
    }

    .w42-productdetail__card__slider .gallery-top {
        overflow: hidden;
        height: max-content;
        width: 83%;
    }

    .w42-productdetail__card__slider .gallery-thumbs {
        width: 15%;
        margin-right: 1%;
        max-height: 30rem;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .w42-productdetail__card__slider .gallery-thumbs .swiper-slide {
            opacity: 0.4;
            margin-bottom: 1rem;
            width: 100%;
        }

        .w42-productdetail__card__slider .gallery-thumbs .swiper-slide-thumb-active {
            opacity: 1 !important;
            border: 1px solid black;
        }

@media only screen and (max-width: 50em) {
    .w42-productdetail__card__slider {
        width: 100%;
    }
}

.w42-productdetail__card__slider__inside {
    display: flex;
}

.w42-productdetail__card__slider__inside__imgbox {
    cursor: pointer;
    height: max-content !important;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w42-productdetail__card__slider__inside__imgbox-main {
    width: 100%;
    cursor: pointer;
    height: max-content !important;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w42-productdetail__card__slider__inside__imgbox-main__status {
    background-color: #1f1f1f;
    padding: 1rem;
    color: white;
    display: inline-block;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    font-weight: 600;
    font-size: 1.2rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w42-productdetail__card__slider__inside__imgbox-main__img {
    width: 100%;
}

.w42-productdetail__card__slider__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    margin-top: 2rem;
    border-radius: .3rem;
}

.w42-productdetail__card__slider__imgbox__img {
    width: 100%;
}

.w42-productdetail__card__button {
    padding: 0.5em 0.5rem;
    text-align: center;
    color: #cccccc;
    display: inline-block;
    padding: 1em 1.1rem;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: all 0.2s;
    transform: translateY(-50%);
    border: none;
}

    .w42-productdetail__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w42-productdetail__card__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1rem;
    z-index: 2;
}

.w42-productdetail__card__button__icon {
    font-size: 2rem;
}

.w42-productdetail__card__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1rem;
    z-index: 2;
}

.w42-productdetail__card__imgbox {
    width: 100%;
    height: 10rem;
    overflow: hidden;
    border: 0.1em solid #eee;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w42-productdetail__card__imgbox {
        width: 100%;
    }
}

.w42-productdetail__card__imgbox:hover {
    transform: scale(1.3);
}

.w42-productdetail__card__info {
    width: 48%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w42-productdetail__card__info {
        width: 100%;
        margin-top: 2rem;
    }
}

.w42-productdetail__card__info--relate {
    position: relative;
}

.w42-productdetail__card__info--relate__button {
    border: 0.1em solid white;
    border-radius: 50%;
    padding: 1REM;
    height: 4REM;
    width: 4REM;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.603);
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w42-productdetail__card__info--relate__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w42-productdetail__card__info--relate__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1rem;
    z-index: 2;
}

.w42-productdetail__card__info--relate__button__icon {
    font-size: 2rem;
}

.w42-productdetail__card__info--relate__button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 1rem;
    z-index: 2;
}

.w42-productdetail__card__info__name {
    font-weight: 600;
    font-size: 1.7rem;
    color: black;
    display: block;
    line-height: 1.6rem;
    margin-bottom: 0.5rem;
}

.w42-productdetail__card__info__bread__text {
    color: rgba(102, 102, 102, 0.7);
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

    .w42-productdetail__card__info__bread__text:hover {
        color: black;
    }

    .w42-productdetail__card__info__bread__text:nth-child(2) {
        margin-left: 0.5rem;
        font-size: 1.3rem;
        color: black;
        font-weight: 600;
    }

.w42-productdetail__card__info__star {
    margin-top: 1rem;
}

.w42-productdetail__card__info__star__icon {
    color: black;
    font-size: 1.5rem;
    cursor: pointer;
}

.w42-productdetail__card__info__cl {
    margin-top: 1rem;
    display: block;
}

.w42-productdetail__card__info__cl__name {
    display: flex;
}

.w42-productdetail__card__info__cl__name__main {
    font-size: 1rem;
}

.w42-productdetail__card__info__cl__name__sub {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.w42-productdetail__card__info__cl__image {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

    .w42-productdetail__card__info__cl__image .active {
        border: 1px solid #0d5cb6;
        background-color: #e5f2ff;
        position: relative;
    }

        .w42-productdetail__card__info__cl__image .active::after {
            content: "";
            position: absolute;
            background-image: url(/img/w41/selected-variant-indicator.svg);
            height: 1.5rem;
            width: 1.5rem;
            background-position: center;
            background-repeat: no-repeat;
            right: 0;
            top: 0;
        }

    .w42-productdetail__card__info__cl__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w42-productdetail__card__info__cl__image__its {
    width: 31.3333333%;
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-right: 3%;
    margin-bottom: 1rem;
    border-radius: 0.3rem;
    overflow: hidden;
    cursor: pointer;
    font-weight: 600;
}

    .w42-productdetail__card__info__cl__image__its:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w42-productdetail__card__info__cl__image__its:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w42-productdetail__card__info__cl__image__its {
        width: 48.5%;
    }

        .w42-productdetail__card__info__cl__image__its:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w42-productdetail__card__info__cl__image__its__imgbox {
    max-height: 5rem;
    height: 5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w42-productdetail__card__info__cl__image__its__imgbox__img {
    height: 100%;
}

.w42-productdetail__card__info__cl__image__its__text {
    font-size: 1rem;
    margin-left: 1rem;
}

.w42-productdetail__card__info__cl__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w42-productdetail__card__info__price {
    display: flex;
    margin-top: 1.5rem;
    align-items: center;
}

.w42-productdetail__card__info__price__main {
    color: black;
    display: inline-block;
    font-size: 2.5rem;
    margin-right: 0.5rem;
}

.w42-productdetail__card__info__price__sub {
    text-decoration: line-through;
    display: inline-block;
    font-size: 1.4rem;
    color: black;
}

.w42-productdetail__card__info__relate {
    margin-top: 1.5rem;
    overflow: hidden;
}

    .w42-productdetail__card__info__relate .swiper-slide {
        width: 33.33333%;
    }

.w42-productdetail__card__info__relate__items {
    border: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    height: fit-content;
    width: 99%;
    cursor: pointer;
    margin-right: 1%;
    transition: all 0.2s ease;
}

.w42-productdetail__card__info__relate__items__item {
    margin-top: 0.5rem;
    text-align: center;
}

.w42-productdetail__card__info__relate__items__item__name {
    font-weight: 600;
}

.w42-productdetail__card__info__relate__items__item__des {
    margin-top: 0.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w42-productdetail__card__info__relate__items:hover .w42-productdetail__card__info__relate__items__rd {
    appearance: none;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5rem;
    border-radius: 50%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w42-productdetail__card__info__size {
    margin-top: 1.5rem;
}

.w42-productdetail__card__info__size__sl {
    display: flex;
    flex-wrap: wrap;
}

.w42-productdetail__card__info__size__sl__text {
    padding: 1rem 1rem 1rem 0;
    font-size: 1.2rem;
    font-weight: 600;
}

.w42-productdetail__card__info__size__sl .active {
    color: white;
    background-color: black;
}

.w42-productdetail__card__info__size__sl__box {
    cursor: pointer;
    border: 0.1em solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    padding: 1rem;
    border-radius: 50%;
    height: 3rem;
    font-size: 1.2rem;
    width: 3rem;
    font-weight: 600;
    margin-bottom: 1rem;
}

.w42-productdetail__card__info__size__text {
    margin-top: 1rem;
}

.w42-productdetail__card__info__detail {
    cursor: pointer;
}

.w42-productdetail__card__info__detail__checkbox:checked ~ .w42-productdetail__card__info__detail__content {
    max-height: 50rem;
    transition: all 0.75s ease-in;
}

.w42-productdetail__card__info__detail__checkbox:checked ~ .w42-productdetail__card__info__detail__lbl .w42-productdetail__card__info__detail__lbl__iconplus-1 {
    display: block !important;
}

.w42-productdetail__card__info__detail__checkbox:checked ~ .w42-productdetail__card__info__detail__lbl .w42-productdetail__card__info__detail__lbl__iconplus {
    display: none !important;
}

.w42-productdetail__card__info__detail__checkbox {
    display: none;
}

.w42-productdetail__card__info__detail__lbl {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid black;
    padding-bottom: 1rem;
}

.w42-productdetail__card__info__detail__lbl__text {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.3rem;
    display: block;
    margin-left: 0.5rem;
}

.w42-productdetail__card__info__detail__lbl__icon {
    font-size: 1.6rem;
    color: black;
}

.w42-productdetail__card__info__detail__lbl__iconplus {
    margin-left: auto;
    color: #b1b1b1;
    cursor: pointer;
    display: block;
}

.w42-productdetail__card__info__detail__lbl__iconplus-1 {
    display: none !important;
    margin-left: auto;
    color: #b1b1b1;
    cursor: pointer;
}

.w42-productdetail__card__info__detail__content {
    transition: max-height 0.55s ease-out;
    max-height: 0;
    overflow: hidden;
    line-height: 1.6rem;
    text-align: justify;
    font-size: 1.2rem;
    margin-top: 0.5rem;
}

.w42-productdetail__card__info__deliver__lbl {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

.w42-productdetail__card__info__deliver__lbl__text {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.3rem;
    display: block;
}

.w42-productdetail__card__info__deliver__lbl__icon {
    font-size: 1.6rem;
    margin-left: auto;
}

.w42-productdetail__card__info__deliver__checkbox:checked ~ .w42-productdetail__card__info__deliver__content {
    max-height: 40rem;
    padding-bottom: 1rem;
}

.w42-productdetail__card__info__deliver__checkbox {
    display: none;
}

.w42-productdetail__card__info__deliver__content {
    margin-top: 1rem;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.w42-productdetail__card__info__deliver__content__items {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    margin-top: 0.5rem;
}

.w42-productdetail__card__info__deliver__content__items__icon {
    margin-top: 0.4rem;
    margin-right: 0.5rem;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    width: 2rem;
    min-width: 2rem;
    font-size: 1.2rem;
}

.w42-productdetail__card__info__deliver__content__items__text {
    line-height: 1.8rem;
    font-size: 1.2rem;
}

.w42-productdetail__card__info__gift {
    border: 0.1em solid #b1b1b1;
    padding: 1rem;
    margin-top: 1rem;
    border-radius: 0.5rem;
}

.w42-productdetail__card__info__gift__lbl {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.2rem;
}

.w42-productdetail__card__info__gift__lbl__sub {
    margin-top: 0.5rem;
    font-weight: 300;
}

.w42-productdetail__card__info__gift__checkbox {
    display: none;
}

.w42-productdetail__card__info__gift__content {
    margin-top: 1rem;
    overflow: hidden;
    transition: all 0.2s ease-in;
}

.w42-productdetail__card__info__gift__content__items {
    display: flex;
    align-items: flex-start;
    margin-top: 0.5rem;
    font-size: 1.2rem;
}

.w42-productdetail__card__info__gift__content__items__icon {
    font-size: 1.6rem;
    color: black;
    width: 2rem;
    min-width: 2rem;
    margin-top: .2rem;
}

.w42-productdetail__card__info__gift__content__items__text {
    line-height: 1.8rem;
    text-align: justify;
}

.w42-productdetail__card__info__form {
    margin: 1em 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w42-productdetail__card__info__form__text {
    margin-right: 1rem;
    text-decoration: underline;
    cursor: pointer;
}

.w42-productdetail__card__info__form__checkbox:checked ~ .w42-productdetail__card__info__form__pop {
    display: block;
}

.w42-productdetail__card__info__form__checkbox {
    display: none;
}

.w42-productdetail__card__info__form__pop {
    display: none;
    position: fixed;
    top: 10%;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 37.5em) {
    .w42-productdetail__card__info__form__pop {
        width: 90%;
    }
}

.w42-productdetail__card__info__form__pop__exit {
    position: absolute;
    right: -.5rem;
    top: -.5rem;
    cursor: pointer;
    z-index: 1;
}

.w42-productdetail__card__info__form__pop__exit__icon {
    font-size: 2rem;
    cursor: pointer;
}

.w42-productdetail__card__info__form__pop__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 1rem;
    background-position: center;
    width: 100%;
    min-height: 20rem;
    min-width: 20rem;
}

.w42-productdetail__card__info__form__pop__imgbox__img {
    max-height: 70vh !important;
}

.w42-productdetail__card__info__form__nb {
    border: 1px solid #b1b1b1;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    padding: 0 1rem;
    width: 30rem;
}

.w42-productdetail__card__info__form__nb__input {
    width: 100%;
    padding: 0.5rem;
    display: inline-block;
    border: none;
    outline: none;
    font-size: 1.2rem;
    text-align: center;
}

.w42-productdetail__card__info__form__nb__ic {
    cursor: pointer;
    font-size: 2.5rem;
    height: fit-content;
}

    .w42-productdetail__card__info__form__nb__ic:nth-child(3) {
        transform: translateY(-0.1em);
    }

.w42-productdetail__card__info__button {
    color: white;
    background-color: black;
    border: none;
    border-radius: 2rem;
    padding: 0.7em 3rem;
    display: block;
    outline: none;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 600;
    font-size: 1.3rem;
}

    .w42-productdetail__card__info__button:hover {
        filter: brightness(0.8);
    }

.w42-productdetail__card__info__cate {
    padding: 0.5rem;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

    .w42-productdetail__card__info__cate:not(:last-child) {
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    }

.w42-productdetail__card__info__cate__text {
    line-height: 1.8rem;
    margin-right: 0.5rem;
}

.w42-productdetail__card__info__cate__name {
    color: #777;
    margin-right: 1rem;
    line-height: 1.8rem;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    font-weight: 600;
}

.w42-productdetail__card__info__cate__icon {
    margin-right: 1rem;
    font-size: 2rem;
    cursor: pointer;
    padding: 0.5rem;
    color: #414141;
    border: 1px solid #414141;
    border-radius: 50%;
    transition: all 0.3s ease;
    height: 4rem;
    width: 4rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

    .w42-productdetail__card__info__cate__icon:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        border: 1px solid rgba(var(--main-color-w), 1);
    }

.w42-productdetail__add {
    width: 100%;
    margin-top: 1rem;
}

.w42-productdetail__add__text {
    color: var(--text-color-w);
    display: none;
}

.w42-productdetail__add__text__nd {
    margin-top: 1rem;
}

.w42-productdetail__add__text__tableoct {
    width: 100%;
    background: white;
    margin-top: 1rem;
}

.w42-productdetail__add__text__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 0.2em solid black;
    border-radius: 0.5rem;
    padding: 1rem;
}

.w42-productdetail__add__text__tableoct__cbcl:checked ~ .w42-productdetail__add__text__tableoct__clone {
    display: block;
}

.w42-productdetail__add__text__tableoct__cbcl {
    display: none;
}

.w42-productdetail__add__text__tableoct__checkbox {
    display: none;
}

    .w42-productdetail__add__text__tableoct__checkbox:checked ~ .w42-productdetail__add__text__tableoct__body {
        max-height: 100vh;
        overflow: unset;
    }

.w42-productdetail__add__text__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w42-productdetail__add__text__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: 0.1em solid black;
    padding: 0.2em 0.3rem;
    border-radius: 0.3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4;
}

    .w42-productdetail__add__text__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1em solid white;
    }

.w42-productdetail__add__text__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: 0.3rem;
}

.w42-productdetail__add__text__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w42-productdetail__add__text__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: 0.2rem;
}

.w42-productdetail__add__text__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
}

.w42-productdetail__add__text__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w42-productdetail__add__text__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w42-productdetail__add__text__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.w42-productdetail__add__text__tableoct__body__ol {
    list-style: none;
}

.w42-productdetail__add__text__tableoct__body__ol__text {
    margin-bottom: 0.5rem;
    padding: 0.5em 1em 0.5em 1.5rem;
    list-style: none;
    font-weight: 600;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

    .w42-productdetail__add__text__tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3rem;
        z-index: -1;
    }

    .w42-productdetail__add__text__tableoct__body__ol__text:hover::after {
        max-width: 120rem;
    }

    .w42-productdetail__add__text__tableoct__body__ol__text:hover {
        color: white;
    }

.w42-productdetail__add__text__tableoct__body__ol--1 {
    list-style: none;
}

.w42-productdetail__add__text__tableoct__body__ol--1__text {
    margin-top: 0.5rem;
    padding: 0.5em 1em 0.5em 5rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.4rem;
    margin-bottom: .5rem;
}

    .w42-productdetail__add__text__tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3rem;
        z-index: -1;
    }

    .w42-productdetail__add__text__tableoct__body__ol--1__text:hover::after {
        max-width: 120rem;
    }

    .w42-productdetail__add__text__tableoct__body__ol--1__text:hover {
        color: white;
    }

.w42-productdetail__add__heading {
    display: flex;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w42-productdetail__add__heading {
        flex-direction: column;
    }
}

.w42-productdetail__add__heading .active {
    background-color: black;
    font-weight: 600;
}

.w42-productdetail__add__heading__text {
    white-space: nowrap;
    font-size: 1.6rem;
    cursor: pointer;
    color: white;
    padding: 0.7rem;
}

    .w42-productdetail__add__heading__text:not(:first-child) {
        margin-left: 1rem;
    }

@media only screen and (max-width: 50em) {
    .w42-productdetail__add__heading__text:not(:first-child) {
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w42-productdetail__add__heading__text:hover {
    color: black;
    background-color: white;
}

.w42-productdetail__add__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4rem;
    display: none;
}

.w42-productdetail__add__table__th {
    font-size: 1.4rem;
    font-weight: 800;
    padding: 1rem;
}

.w42-productdetail__add__table__td {
    padding: 1rem;
    width: 50%;
    font-size: 1.3rem;
}

    .w42-productdetail__add__table__td:last-child {
        font-weight: 300;
    }

.w42-productdetail__add__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w42-productdetail__add__review {
    display: flex;
    justify-content: space-between;
    padding: 2rem;
}

@media only screen and (max-width: 37.5em) {
    .w42-productdetail__add__review {
        flex-direction: column;
    }
}

.w42-productdetail__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w42-productdetail__add__review__first {
        width: 100%;
    }
}

.w42-productdetail__add__review__first-col {
    display: flex;
    margin-top: 4rem;
}

.w42-productdetail__add__review__first__paging {
    text-align: center;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w42-productdetail__add__review__first__paging__items {
    padding: 1rem;
    width: 3.3rem;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1rem;
    cursor: pointer;
}

.w42-productdetail__add__review__first__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w42-productdetail__add__review__first__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1rem;
}

.w42-productdetail__add__review__first__paging__pre__text {
    font-size: 1.2rem;
}

.w42-productdetail__add__review__first__paging__pre__icon {
    margin-left: 0.5rem;
    font-size: 1.2rem;
}

.w42-productdetail__add__review__first__imgbox {
    width: 7rem;
    min-width: 7rem;
}

.w42-productdetail__add__review__first__imgbox__img {
    width: 100%;
}

.w42-productdetail__add__review__first__comment {
    margin-left: 2rem;
    width: 100%;
}

.w42-productdetail__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w42-productdetail__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3rem;
}

.w42-productdetail__add__review__first__comment__head__user__date {
    color: #777;
}

.w42-productdetail__add__review__first__comment__star__icon {
    color: #f93;
}

.w42-productdetail__add__review__first__comment__text {
    color: #777;
    margin-top: 1rem;
    text-align: justify;
    line-height: 1.6rem;
}

.w42-productdetail__add__review__second {
    width: 48%;
    border: 2px solid black;
    padding: 2rem;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w42-productdetail__add__review__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w42-productdetail__add__review__second sup {
    color: black;
    font-size: 1.3rem;
}

.w42-productdetail__add__review__second__title {
    font-size: 1.5rem;
    font-weight: 600;
}

.w42-productdetail__add__review__second__textrate {
    margin-top: 1rem;
    color: black;
    font-size: 1.8rem;
    font-weight: 600;
}

.w42-productdetail__add__review__second__star {
    margin-top: 1.5rem;
}

.w42-productdetail__add__review__second__star__icon {
    color: #f93;
    font-size: 1.5rem;
}

.w42-productdetail__add__review__second__textreview {
    margin-top: 0.5rem;
    color: black;
    font-size: 1.8rem;
    font-weight: 600;
}

.w42-productdetail__add__review__second__textarea {
    width: 100%;
    height: 10rem;
    margin-top: 0.5rem;
    border: 1px solid black;
}

.w42-productdetail__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w42-productdetail__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w42-productdetail__add__review__second__textform__name__info {
    margin-top: 0.5rem;
    color: black;
    font-size: 1.8rem;
    font-weight: 600;
}

.w42-productdetail__add__review__second__textform__name__input {
    margin-top: 0.5rem;
    display: inline-block;
    width: 100%;
    padding: 0.5rem;
    border: 1px solid black;
}

.w42-productdetail__add__review__second__button {
    color: white;
    background-color: black;
    border: none;
    border-radius: 0.2rem;
    padding: 1rem;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6rem;
    font-size: 1.6rem;
}

    .w42-productdetail__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w26-productdetail__add__text__tableoct*/
.w26-productdetail__add__text__tableoct {
    width: 100%;
    background: white;
    margin-top: 1rem;
}

.w26-productdetail__add__text__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 0.2em solid black;
    border-radius: 0.5rem;
    padding: 1rem;
}

.w26-productdetail__add__text__tableoct__cbcl:checked ~ .w26-productdetail__add__text__tableoct__clone {
    display: block;
}

.w26-productdetail__add__text__tableoct__cbcl {
    display: none;
}

.w26-productdetail__add__text__tableoct__checkbox {
    display: none;
}

    .w26-productdetail__add__text__tableoct__checkbox:checked ~ .w26-productdetail__add__text__tableoct__body {
        max-height: 100vh;
        overflow: unset;
    }

.w26-productdetail__add__text__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w26-productdetail__add__text__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: 0.1em solid black;
    padding: 0.2em 0.3rem;
    border-radius: 0.3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4;
}

    .w26-productdetail__add__text__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1em solid white;
    }

.w26-productdetail__add__text__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: 0.3rem;
}

.w26-productdetail__add__text__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w26-productdetail__add__text__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: 0.2rem;
}

.w26-productdetail__add__text__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
}

.w26-productdetail__add__text__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w26-productdetail__add__text__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w26-productdetail__add__text__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.w26-productdetail__add__text__tableoct__body__ol {
    list-style: none;
}

.w26-productdetail__add__text__tableoct__body__ol__text {
    margin-bottom: 0.5rem;
    padding: 0.5em 1em 0.5em 3.2rem;
    list-style: none;
    font-weight: 600;
    font-size: 1.3rem;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

    .w26-productdetail__add__text__tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3rem;
        z-index: -1;
    }

    .w26-productdetail__add__text__tableoct__body__ol__text:hover::after {
        max-width: 120rem;
    }

    .w26-productdetail__add__text__tableoct__body__ol__text:hover {
        color: white;
    }

.w26-productdetail__add__text__tableoct__body__ol--1 {
    list-style: none;
}

.w26-productdetail__add__text__tableoct__body__ol--1__text {
    margin-top: 0.5rem;
    padding: 0.5em 1em 0.5em 3.2rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
}

    .w26-productdetail__add__text__tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3rem;
        z-index: -1;
    }

    .w26-productdetail__add__text__tableoct__body__ol--1__text:hover::after {
        max-width: 120rem;
    }

    .w26-productdetail__add__text__tableoct__body__ol--1__text:hover {
        color: white;
    }

/*ed*/
/*w42-productlist*/
.w42-productlist {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w42-productlist__heading {
    text-align: center;
}

.w42-productlist__heading__title {
    margin: 0 auto;
    font-size: 2em;
    display: block;
    color: black;
    width: fit-content;
}

.w42-productlist__heading__sub {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    font-weight: 300;
    line-height: 2em;
    font-size: 1.4em;
    text-align: center;
    width: fit-content;
}

.w42-productlist__heading__imgbox {
    margin: 0 auto;
    margin-top: 2em;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w42-productlist__heading__imgbox__img {
    width: 100%;
}

.w42-productlist__group {
    margin: 0 auto;
    max-width: 120em;
    position: relative;
}

.w42-productlist__items {
    display: flex;
    overflow: hidden;
    position: relative;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w42-productlist__items__main {
    width: 49%;
}

@media only screen and (max-width: 50em) {
    .w42-productlist__items__main {
        width: 100%;
    }
}

.w42-productlist__items__main__card {
    display: inline-block;
    width: 100%;
}

.w42-productlist__items__main__card__image {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.w42-productlist__items__main__card__image__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    transition: all 0.7s ease-in-out;
}

.w42-productlist__items__main__card__image__imgbox__img {
    width: 100%;
}

.w42-productlist__items__main__card__image__imgbox:nth-child(1) {
    max-height: 100%;
    opacity: 1;
    position: absolute;
    z-index: 1;
    left: 0;
}

.w42-productlist__items__main__card__image:hover .w42-productlist__items__main__card__image__imgbox {
    max-height: 100%;
    opacity: 1;
    transform: rotateY(360deg);
    transition: all 0.7s ease-in-out;
}

.w42-productlist__items__main__card__image:hover .w42-productlist__items__main__card__image__sizes {
    bottom: 0;
}

.w42-productlist__items__main__card__image:hover .w42-productlist__items__main__card__image__imgbox:nth-child(1) {
    opacity: 0;
    transform: rotateY(180deg);
}

.w42-productlist__items__main__card__image__sizes {
    display: flex;
    position: absolute;
    z-index: 2;
    bottom: -10em;
    transition: all 0.5s ease-in-out;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.803);
    padding: 1em;
}

.w42-productlist__items__main__card__image__sizes__name {
    font-size: 1.2em;
    font-weight: 600;
}

.w42-productlist__items__main__card__image__sizes__box {
    margin-left: auto;
    margin-right: 1em;
}

.w42-productlist__items__main__card__image__sizes__box__size {
    font-size: 1.2em;
    font-weight: 600;
    padding: 0.5em;
}

.w42-productlist__items__main__card__content {
    margin: 0 auto;
}

.w42-productlist__items__main__card__content__des {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 0.5em;
}

.w42-productlist__items__main__card__content__price {
    display: flex;
    margin-top: 0.5em;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w42-productlist__items__main__card__content__price__mainprice {
    font-size: 1.4em;
    margin-right: 0.5em;
    padding: 0.5em 0;
    color: #666;
}

@media only screen and (max-width: 37.5em) {
    .w42-productlist__items__main__card__content__price__mainprice {
        font-size: 1em;
    }
}

.w42-productlist__items__main__card__content__price__downprice {
    font-weight: 600;
    font-size: 1.4em;
    color: black;
    padding: 0.5em 0;
}

@media only screen and (max-width: 37.5em) {
    .w42-productlist__items__main__card__content__price__downprice {
        font-size: 1em;
    }
}

.w42-productlist__items__sub {
    width: 50%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w42-productlist__items__sub {
        width: 100%;
        margin-top: 1em;
    }
}

.w42-productlist__items__sub__card {
    display: inline-block;
    width: 49%;
    margin-left: 1%;
    margin-bottom: 1em;
}

.w42-productlist__items__sub__card__image {
    position: relative;
    cursor: pointer;
    overflow: hidden;
}

.w42-productlist__items__sub__card__image__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    transition: all 0.7s ease-in-out;
}

.w42-productlist__items__sub__card__image__imgbox__img {
    width: 100%;
}

.w42-productlist__items__sub__card__image__imgbox:nth-child(1) {
    max-height: 100%;
    opacity: 1;
    position: absolute;
    z-index: 1;
    left: 0;
}

.w42-productlist__items__sub__card__image:hover .w42-productlist__items__sub__card__image__imgbox {
    max-height: 100%;
    opacity: 1;
    transform: rotateY(360deg);
    transition: all 0.7s ease-in-out;
}

.w42-productlist__items__sub__card__image:hover .w42-productlist__items__sub__card__image__sizes {
    bottom: 0;
}

.w42-productlist__items__sub__card__image:hover .w42-productlist__items__sub__card__image__imgbox:nth-child(1) {
    opacity: 0;
    transform: rotateY(180deg);
}

.w42-productlist__items__sub__card__image__sizes {
    display: flex;
    position: absolute;
    z-index: 2;
    bottom: -10em;
    transition: all 0.5s ease-in-out;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.803);
    padding: 1em;
}

.w42-productlist__items__sub__card__image__sizes__name {
    font-size: 1.2em;
    font-weight: 600;
}

.w42-productlist__items__sub__card__image__sizes__box {
    margin-left: auto;
    margin-right: 1em;
}

.w42-productlist__items__sub__card__image__sizes__box__size {
    font-size: 1.2em;
    font-weight: 600;
    padding: 0.5em;
}

.w42-productlist__items__sub__card__content {
    margin: 0 auto;
}

.w42-productlist__items__sub__card__content__des {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 0.5em;
}

.w42-productlist__items__sub__card__content__price {
    display: flex;
    margin-top: 0.5em;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w42-productlist__items__sub__card__content__price__mainprice {
    font-size: 1.4em;
    margin-right: 0.5em;
    padding: 0.5em 0;
    color: #666;
}

@media only screen and (max-width: 37.5em) {
    .w42-productlist__items__sub__card__content__price__mainprice {
        font-size: 1em;
    }
}

.w42-productlist__items__sub__card__content__price__downprice {
    font-weight: 600;
    font-size: 1.4em;
    color: black;
    padding: 0.5em 0;
}

@media only screen and (max-width: 37.5em) {
    .w42-productlist__items__sub__card__content__price__downprice {
        font-size: 1em;
    }
}

.w42-productlist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w42-productlist__paging__items {
    padding: 1em;
    width: 3.3em;
    height: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w42-productlist__paging .active {
    background-color: black;
    color: white;
}

.w42-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w42-productlist__paging__pre__text {
    font-size: 1.2em;
}

.w42-productlist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/
/*w42-map*/
.w42-map {
    width: 100%;
    padding: 2em 1em;
}

.w42-map__group {
    max-width: 120em;
    margin: 0 auto;
}

.w42-map__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w42-map__wrap__first {
    width: 39%;
    min-width: 39%;
    max-height: 50em;
    overflow: scroll;
}

@media only screen and (max-width: 37.5em) {
    .w42-map__wrap__first {
        width: 100%;
    }
}

.w42-map__wrap__first__top {
    background-color: #F2F2F2;
}

.w42-map__wrap__first__top__name {
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
}

.w42-map__wrap__first__top__name__icon {
    color: white;
    font-size: 1.4em;
}

.w42-map__wrap__first__top__name__text {
    font-size: 1.2em;
    color: white;
    margin-left: 0.5em;
    font-weight: 600;
}

.w42-map__wrap__first__top__head {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w42-map__wrap__first__top__head {
        flex-wrap: wrap;
    }
}

.w42-map__wrap__first__top__head__search {
    width: 90%;
    display: flex;
    align-items: center;
    background-color: white;
}

.w42-map__wrap__first__top__head__search__vung {
    padding: 0.5em;
    position: relative;
    min-width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w42-map__wrap__first__top__head__search__vung {
        width: 100%;
    }
}

.w42-map__wrap__first__top__head__search__vung__checkbox {
    display: none;
}

    .w42-map__wrap__first__top__head__search__vung__checkbox:checked ~ .w42-map__wrap__first__top__head__search__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w42-map__wrap__first__top__head__search__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
    cursor: pointer;
}

.w42-map__wrap__first__top__head__search__vung__ad__icon {
    background-color: #cecece;
    font-size: 1em;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 1.5em;
    width: 1.5em;
    position: absolute;
    right: -0.75em;
}

.w42-map__wrap__first__top__head__search__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w42-map__wrap__first__top__head__search__vung__items .active {
        font-weight: 800;
    }

.w42-map__wrap__first__top__head__search__vung__items__item {
    font-size: 1em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w42-map__wrap__first__top__head__search__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w42-map__wrap__first__top__head__search__vung__items__item:hover {
        background-color: #eee;
    }

.w42-map__wrap__first__top__head__search__in {
    outline: none;
    padding: 0.5em 1em;
    width: 90%;
    outline: none;
    border: none;
    border-left: 1px solid #cecece;
}

@media only screen and (max-width: 37.5em) {
    .w42-map__wrap__first__top__head__btn {
        margin: 0 auto;
    }
}

.w42-map__wrap__first__top__head__btn__icon {
    display: block;
    align-items: flex-end;
    padding: 0.5em 1em;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.45em;
    margin-left: auto;
    position: relative;
}

    .w42-map__wrap__first__top__head__btn__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w42-map__wrap__first__top__contain {
    margin-top: 1em;
}

.w42-map__wrap__first__top__contain__name {
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1em;
}

.w42-map__wrap__first__top__contain__name__icon {
    color: white;
    font-size: 1.4em;
}

.w42-map__wrap__first__top__contain__name__text {
    font-size: 1.2em;
    color: white;
    margin-left: 0.5em;
    font-weight: 600;
}

.w42-map__wrap__first__top__contain__items {
    background-color: #F2F2F2;
    margin-top: .1em;
}

.w42-map__wrap__first__top__contain__items__item {
    display: flex;
    padding: 1em;
    cursor: pointer;
}

    .w42-map__wrap__first__top__contain__items__item:not(:last-child) {
        border-bottom: 1px solid #cecece;
    }

    .w42-map__wrap__first__top__contain__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w42-map__wrap__first__top__contain__items__item__name {
    display: flex;
    align-items: center;
}

    .w42-map__wrap__first__top__contain__items__item__name:nth-child(2) {
        margin-left: auto;
    }

.w42-map__wrap__first__top__contain__items__item__name__num {
    height: 2em;
    width: 2em;
    background-color: #cecece;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1em;
}

.w42-map__wrap__first__top__contain__items__item__name__text {
    font-size: 1em;
    margin-left: .5em;
}

.w42-map__wrap__second {
    width: 60%;
}

@media only screen and (max-width: 37.5em) {
    .w42-map__wrap__second {
        width: 100%;
    }
}

.w42-map__wrap__second__content {
    height: 100%;
}

/*ed*/
/*w42-menu*/
.w42-menu {
    width: 100%;
    display: block;
    z-index: 4;
    background-color: white;
    position: relative;
}

.w42-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__ab {
        background-color: white;
        color: black;
    }
}

.w42-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w42-menu__scroll-menu figure {
        border-radius: 0.4em;
    }

.w42-menu__group {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120em;
}

@media only screen and (max-width: 50em) {
    .w42-menu__group {
        justify-content: unset;
    }
}

.w42-menu__logobox {
    text-align: center;
    background-size: contain;
    background-position: center;
    height: 7em;
    cursor: pointer;
    margin-left: auto;
    margin-right: auto;
}

.w42-menu__logobox--mobile {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w42-menu__logobox {
        max-width: 30em;
    }

    .w42-menu__logobox--desk {
        display: none;
    }

    .w42-menu__logobox--mobile {
        display: block;
        margin-right: auto;
    }
}

.w42-menu__logobox__img {
    max-width: 100%;
}

.w42-menu__nav__icon {
    display: none;
    cursor: pointer;
    background-color: black;
}

    .w42-menu__nav__icon::after, .w42-menu__nav__icon::before {
        background-color: black;
    }

@media only screen and (max-width: 50em) {
    .w42-menu__nav__icon {
        display: inline-block;
    }
}

.w42-menu__nav__checkbox {
    display: block;
}

    .w42-menu__nav__checkbox:checked ~ .w42-menu__contain {
        visibility: visible;
        opacity: 1;
        left: 0;
    }

.w42-menu__nav {
    height: 3.5em;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w42-menu__nav {
        display: none;
    }
}

.w42-menu__contain {
    display: flex;
    align-items: center;
    height: 7em;
    width: 100%;
}

.w42-menu__contain__mohead {
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__mohead {
        display: none;
    }
}

.w42-menu__contain__mohead__logobox {
    background-size: contain;
    background-position: center;
    max-height: 10em;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__mohead__logobox {
        margin-right: 1em;
        margin-left: 1em;
        margin-top: 1em;
    }
}

.w42-menu__contain__mohead__logobox__img {
    width: 100%;
}

.w42-menu__contain__mohead__lblcl {
    background-color: black;
    border-radius: 0.3em;
    height: 3em;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1em;
    margin-top: 0.5em;
    margin-bottom: 1em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.23);
    margin-left: auto;
    margin-right: 0.5em;
}

.w42-menu__contain__mohead__lblcl__icon {
    font-size: 1.6em;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain {
        position: absolute;
        left: -80em;
        background-color: white;
        height: 100vh;
        width: 30em;
        flex-direction: column;
        transition: all 0.3s ease-in-out;
        top: 0;
        box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2);
        overflow: scroll;
    }
}

.w42-menu__contain__items {
    display: flex;
    align-items: center;
    width: 45%;
}

.w42-menu__contain__items--right {
    justify-content: flex-end;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items {
        display: block;
        width: 100%;
        height: max-content;
        z-index: 10;
    }
}

.w42-menu__contain__items__tim {
    position: relative;
    cursor: pointer;
}

.w42-menu__contain__items__tim__icon {
    cursor: pointer;
    font-size: 1em;
    padding: 0.5em;
    padding-left: 1em;
    font-size: 1.4em;
    margin-left: 1em;
    border-left: 1px solid #c6c6c6;
}

.w42-menu__contain__items__tim__checkbox:checked ~ .w42-menu__contain__items__tim__search {
    top: 0;
    visibility: visible;
}

.w42-menu__contain__items__tim__checkbox {
    display: none;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__tim--desk .w42-menu__contain__items__tim__icon {
        display: none !important;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items__tim--desk {
        max-height: 100%;
        text-align: left;
        padding: 0.5em;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items__tim--mobile {
        display: none;
    }
}

.w42-menu__contain__items__tim--mobile i {
    padding-left: 1em !important;
    font-size: 1.5em;
}

.w42-menu__contain__items__tim__search {
    position: fixed;
    top: -15em;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8) !important;
    padding: 4em;
    color: #757575;
    box-shadow: 0.1em 0.1em 1em 0.1em #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w42-menu__contain__items__tim__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w42-menu__contain__items__tim__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4em;
}

.w42-menu__contain__items__tim__search__content__title__text {
    color: white;
}

.w42-menu__contain__items__tim__search__content__title__icon {
    font-size: 1.5em;
    background: none;
    border: none;
    cursor: pointer;
    color: white;
}

.w42-menu__contain__items__tim__search__content__title__checkbox {
    cursor: pointer;
}

.w42-menu__contain__items__tim__search__content__input {
    margin-top: 1em;
    display: flex;
    justify-content: space-between;
    padding: 2em 0;
    width: 100%;
    border-bottom: 0.2em solid #f5f5f5 !important;
}

.w42-menu__contain__items__tim__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2em;
    text-transform: uppercase;
    color: black;
    background-color: transparent;
    width: 100%;
    font-family: "SVN-Sofia Pro Light";
    color: white;
}

    .w42-menu__contain__items__tim__search__content__input__text::-webkit-input-placeholder {
        color: white;
    }

    .w42-menu__contain__items__tim__search__content__input__text:focus {
        outline: none;
    }

.w42-menu__contain__items__tim__search__content__input__icon {
    cursor: pointer;
    font-size: 3em;
}

.w42-menu__contain__items__tim:hover .w42-menu__contain__items__search {
    visibility: visible;
    opacity: 1;
    top: 2em;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__tim:hover .w42-menu__contain__items__search {
        top: 4em;
    }
}

.w42-menu__contain__items__item {
    list-style: none;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item {
        color: black;
    }
}

.w42-menu__contain__items__item__link {
    display: flex;
    align-items: center;
    padding: 1.5em 1em;
    white-space: nowrap;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__link {
        padding: 1em;
        border-bottom: 1px solid #eeee;
    }
}

.w42-menu__contain__items__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w42-menu__contain__items__item__link__iconbox {
    float: right;
    margin-left: 0.5em;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__link__iconbox {
        margin-left: auto;
        margin-right: 0.5em;
    }

        .w42-menu__contain__items__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            height: calc(100% + 2.1em);
            top: -1.1em;
        }
}

.w42-menu__contain__items__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items__item__link:hover {
        color: rgba(var(--main-color-w), 1);
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items__item:hover .w42-menu__contain__items__item__drop {
        visibility: visible;
        transition: all 0.2s;
        opacity: 1;
        transform: translateY(0);
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items__item__drop__item:hover .w42-menu__contain__items__item__drop--1 {
        visibility: visible;
        transition: all 0.2s;
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items__item__drop--1__item:hover .w42-menu__contain__items__item__drop--2 {
        visibility: visible;
        transition: all 0.2s;
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

.w42-menu__contain__items__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__checkbox:checked ~ .w42-menu__contain__items__item__drop {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w42-menu__contain__items__item__drop__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop__item__checkbox:checked ~ .w42-menu__contain__items__item__drop--1 {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w42-menu__contain__items__item__drop--1__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--1__item__checkbox:checked ~ .w42-menu__contain__items__item__drop--2 {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w42-menu__contain__items__item__drop--1__item__checkbox:checked ~ .w42-menu__contain__items__item__drop--2__item__link__icon {
    transform: rotate(180deg);
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--1__item__checkbox:checked ~ .w42-menu__contain__items__item__drop--1__item__link .w42-menu__contain__items__item__drop--1__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop__item__checkbox:checked ~ .w42-menu__contain__items__item__drop__item__link .w42-menu__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__checkbox:checked ~ .w42-menu__contain__items__item__link .w42-menu__contain__items__item__link__iconbox__icon {
        transform: rotate(180deg);
        transition: all 0.2s ease;
    }
}

.w42-menu__contain__items__item__drop {
    position: absolute;
    left: 1em;
    top: 4em;
    background-color: white;
    transform: translateY(5em);
    transition: all 0.2s ease-in-out;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop {
        position: relative;
        top: auto;
        left: 1em;
        width: calc(99% - 1em);
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
    }
}

.w42-menu__contain__items__item__drop .active {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w42-menu__contain__items__item__drop .active .w42-menu__contain__items__drop__item__link__active {
        border-color: rgba(var(--main-color-w), 1);
        background-color: rgba(var(--main-color-w), 1);
    }

.w42-menu__contain__items__item__drop__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

    .w42-menu__contain__items__item__drop__item:not(:last-child) {
        border-bottom: 1px solid #eeee;
    }

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop__item {
        width: 100%;
    }
}

.w42-menu__contain__items__item__drop__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop__item__link {
        width: 100%;
        border-bottom: 1px solid #eeee;
    }
}

.w42-menu__contain__items__item__drop__item__link__active {
    height: 0.8em;
    width: 0.8em;
    border: 1px solid black;
    border-radius: 50%;
}

.w42-menu__contain__items__item__drop__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w42-menu__contain__items__item__drop__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__drop__item__link__iconbox {
        margin-right: 0.5em;
    }

        .w42-menu__contain__items__item__drop__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            height: calc(100% + 2.1em);
            top: -1.1em;
        }
}

.w42-menu__contain__items__item__drop__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

.w42-menu__contain__items__item__drop__item__link:hover .w42-menu__contain__items__item__drop__item__link__active {
    border: 1px solid black;
    background-color: black;
}

.w42-menu__contain__items__item__drop--1 {
    position: absolute;
    left: 25em;
    top: 0;
    background-color: white;
    transform: translateY(5em);
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--1 {
        position: relative;
        top: auto;
        left: 1em;
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        width: calc(99% - 1em);
        z-index: 10;
        visibility: visible;
    }
}

.w42-menu__contain__items__item__drop--1 .active {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w42-menu__contain__items__item__drop--1 .active .w42-menu__contain__items__drop__item__link__active {
        border-color: rgba(var(--main-color-w), 1);
        background-color: rgba(var(--main-color-w), 1);
    }

.w42-menu__contain__items__item__drop--1__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--1__item {
        color: black;
        width: 100%;
    }
}

.w42-menu__contain__items__item__drop--1__item:not(:last-child) {
    border-bottom: 1px solid #eeee;
}

.w42-menu__contain__items__item__drop--1__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
}

.w42-menu__contain__items__item__drop--1__item__link__active {
    height: 0.8em;
    width: 0.8em;
    border: 1px solid black;
    border-radius: 50%;
}

.w42-menu__contain__items__item__drop--1__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w42-menu__contain__items__item__drop--1__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__drop--1__item__link__iconbox {
        margin-right: 0.5em;
    }

        .w42-menu__contain__items__item__drop--1__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            height: calc(100% + 2.1em);
            top: -1.1em;
        }
}

.w42-menu__contain__items__item__drop--1__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__drop--1__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

.w42-menu__contain__items__item__drop--1__item__link:hover .w42-menu__contain__items__item__drop--1__item__link__active {
    border: 1px solid black;
    background-color: black;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--1__item__icon {
        max-height: 100%;
        text-align: left;
        padding: 0.5em;
        font-size: 1.5em;
    }
}

.w42-menu__contain__items__item__drop--1__item:hover .w42-menu__contain__items__item__drop--1__item__drop--1 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    max-height: 200em;
}

.w42-menu__contain__items__item__drop--2 {
    position: absolute;
    left: 25em;
    top: 0;
    background-color: white;
    transform: translateY(5em);
    transition: all 0.3s ease;
    visibility: hidden;
    opacity: 0;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--2 {
        position: relative;
        top: auto;
        left: 1em;
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        width: calc(99% - 1em);
        z-index: 10;
        visibility: visible;
    }
}

.w42-menu__contain__items__item__drop--2 .active {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w42-menu__contain__items__item__drop--2 .active .w42-menu__contain__items__drop__item__link__active {
        border-color: rgba(var(--main-color-w), 1);
        background-color: rgba(var(--main-color-w), 1);
    }

.w42-menu__contain__items__item__drop--2__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--2__item {
        color: black;
        width: 100%;
    }
}

.w42-menu__contain__items__item__drop--2__item:not(:last-child) {
    border-bottom: 1px solid #eeee;
}

.w42-menu__contain__items__item__drop--2__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
}

.w42-menu__contain__items__item__drop--2__item__link__active {
    height: 0.8em;
    width: 0.8em;
    border: 1px solid black;
    border-radius: 50%;
}

.w42-menu__contain__items__item__drop--2__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w42-menu__contain__items__item__drop--2__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__drop--2__item__link__iconbox {
        margin-right: 0.5em;
    }

        .w42-menu__contain__items__item__drop--2__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            height: calc(100% + 2.1em);
            top: -1.1em;
        }
}

.w42-menu__contain__items__item__drop--2__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w42-menu__contain__items__item__drop--2__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

.w42-menu__contain__items__item__drop--2__item__link:hover .w42-menu__contain__items__item__drop--2__item__link__active {
    border: 1px solid black;
    background-color: black;
}

.w42-menu__contain__items__item__drop--2__item__tim {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--2__item__tim {
        position: initial;
    }
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--2__item__tim--desk {
        display: none;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items__item__drop--2__item__tim--mobile {
        display: none;
    }
}

.w42-menu__contain__items__item__drop--2__item__tim:hover .w42-menu__contain__items__item__drop--2__item__search {
    visibility: visible;
    opacity: 1;
    top: 2em;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--2__item__tim:hover .w42-menu__contain__items__item__drop--2__item__search {
        top: 4em;
    }
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--2__item__icon {
        max-height: 100%;
        text-align: left;
        padding: 0.5em;
        font-size: 1.5em;
    }
}

.w42-menu__contain__items__item__drop--2__item__search {
    position: absolute;
    top: 4em;
    width: 25em;
    text-align: left;
    background-color: white;
    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s ease;
    right: 0;
}

@media only screen and (max-width: 50em) {
    .w42-menu__contain__items__item__drop--2__item__search {
        width: 100%;
    }
}

.w42-menu__contain__items__item__drop--2__item__search__text {
    white-space: nowrap;
    padding: 1em 1em 0 1em;
    font-weight: 800;
}

.w42-menu__contain__items__item__drop--2__item__search__box {
    padding: 0 1em 1em 1em;
    padding-top: 0;
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w42-menu__contain__items__item__drop--2__item__search__box__input {
    width: 100%;
    padding: 0.5em;
    border: 0.1em solid #eeee;
    outline: none;
}

.w42-menu__contain__items__item__drop--2__item__search__box__button {
    padding: 0.5em;
    border: 0.1em solid #eeee;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    margin-left: 1em;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}

    .w42-menu__contain__items__item__drop--2__item__search__box__button:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w42-menu__contain__items__item__drop--2__item:hover .w42-menu__contain__items__item__drop--2__item__drop--1 {
    visibility: visible;
    transition: all 0.5s;
    opacity: 1;
    max-height: 200em;
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop {
        left: unset;
        right: 0;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop__item__link {
        flex-direction: row-reverse;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop__item__link__iconbox {
        margin-left: 0.5em;
        margin-right: auto;
        transform: rotate(180deg);
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop--1 {
        left: unset;
        right: 25em;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop--1__item__link {
        flex-direction: row-reverse;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop--1__item__link__iconbox {
        margin-left: 0.5em;
        margin-right: auto;
        transform: rotate(180deg);
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop--2 {
        left: unset;
        right: 25em;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop--2__item__link {
        flex-direction: row-reverse;
    }
}

@media only screen and (min-width: 50em) {
    .w42-menu__contain__items--right .w42-menu__contain__items__item__drop--2__item__link__iconbox {
        margin-left: 0.5em;
        margin-right: auto;
        transform: rotate(180deg);
    }
}

/*ed*/
/*w43-banner*/
.w43-banner {
    width: 100%;
    background-image: url(../img/w43/bg-sw-06-2022.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 2em;
    overflow: hidden;
}

.w43-banner__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 0 1em;
}

.w43-banner__items {
    display: flex;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.w43-banner__items__info {
    width: 45%;
    z-index: 2;
    margin-right: 5%;
}

@media only screen and (max-width: 50em) {
    .w43-banner__items__info {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1em;
    }
}

.w43-banner__items__info__name {
    font-weight: 600;
    font-size: 6em;
    color: white;
    line-height: 1.4em;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w43-banner__items__info__name {
        font-size: 4em;
    }
}

.w43-banner__items__info__des {
    margin-top: 0.5em;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 3em;
    line-height: 1.5em;
    color: white;
    width: 100%;
    margin-bottom: 0.5em;
}

@media only screen and (max-width: 50em) {
    .w43-banner__items__info__des {
        font-size: 2em;
    }
}

.w43-banner__items__info__imgbox {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 3em;
    z-index: 0;
    background-size: contain;
    background-position: center;
    z-index: 2;
}

.w43-banner__items__info__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w43-banner__items__grimg {
    width: 50%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 50em) {
    .w43-banner__items__grimg {
        width: 100%;
    }
}

.w43-banner__items__grimg__imgbox {
    display: inline-block;
    width: 100%;
    position: relative;
    margin-bottom: 3em;
    z-index: 2;
    background-size: contain;
    background-position: center;
}

.w43-banner__items__grimg__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w43-banner__items__grimg__bgbox {
    display: inline-block;
    left: -75%;
    top: -50%;
    width: 200%;
    position: absolute;
    z-index: 0;
    background-size: contain;
    background-position: center;
    animation: w43-banner__items__grimg__bgbox 10s infinite linear;
}

.w43-banner__items__grimg__bgbox__img {
    width: 100%;
    margin: 0 auto;
}

@keyframes w43-banner__items__grimg__bgbox {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

.w43-banner__action {
    margin: 1em auto;
    display: block;
    text-align: center;
    z-index: 1;
}

.w43-banner__action__btn {
    position: relative;
    display: inline-flex;
    background-color: transparent;
    padding: 2em 4em;
    border-radius: 4em;
    margin: 0.5em;
    align-items: center;
    border: 0.2em solid white;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w43-banner__action__btn:first-child {
        background-color: #ea186b;
    }

.w43-banner__action__btn__icon {
    color: white;
    margin-right: 0.5em;
    font-size: 1.6em;
    z-index: 2;
}

.w43-banner__action__btn__text {
    color: white;
    font-weight: 600;
    font-size: 1.6em;
    z-index: 2;
}

.w43-banner__action__btn:hover::after {
    width: 100%;
    transition: all 0.6s ease;
    opacity: 1;
}

.w43-banner__action__btn:hover {
    border-color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    transition: all 0.8s ease;
}

.w43-banner__action__btn::after {
    content: "";
    transition: all 0.6s ease;
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    height: 350%;
    width: 10%;
    opacity: 0;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

.w43-banner__footer {
    z-index: 1;
}

    .w43-banner__footer svg {
        fill: white;
        width: 100%;
        height: 5em;
        transform: translateY(0.5em);
    }

/*ed*/
/*w43-ctaregister*/
.w43-ctaregister {
    width: 100%;
    background-color: #5271ff;
    padding: 1em;
}

.w43-ctaregister__group {
    margin: 0 auto;
    max-width: 120em;
}

.w43-ctaregister__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w43-ctaregister__items__info {
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w43-ctaregister__items__info {
        width: 100%;
        margin-bottom: 1em;
    }
}

.w43-ctaregister__items__info__imgbox {
    height: auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w43-ctaregister__items__info__imgbox__img {
    width: 100%;
    height: 100%;
}

.w43-ctaregister__items__info__text {
    color: white;
    margin-top: 1em;
}

.w43-ctaregister__items__contact {
    width: 58%;
    border-radius: 2em;
    margin-bottom: 2%;
    background-color: white;
    padding: 2em;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.24);
}

@media only screen and (max-width: 50em) {
    .w43-ctaregister__items__contact {
        width: 100%;
    }
}

.w43-ctaregister__items__contact__heading {
    font-weight: 600;
    text-align: center;
    font-size: 2em;
    text-transform: uppercase;
    line-height: 1.6em;
    margin-top: 1em;
    color: #ea186b;
}

.w43-ctaregister__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 1em;
    font-size: 1.6em;
}

.w43-ctaregister__items__contact__form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w43-ctaregister__items__contact__form__input {
    margin-top: 1em;
    display: block;
    padding: 0.5em;
    width: 33.333333%;
}

.w43-ctaregister__items__contact__form__input--100 {
    width: 100%;
}

.w43-ctaregister__items__contact__form__input__place__text {
    font-size: 1.8em;
    font-weight: 600;
}

.w43-ctaregister__items__contact__form__input__place__icon {
    font-size: 2em;
}

.w43-ctaregister__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    display: inline-block;
    font-size: 1.3em;
    border-bottom: 2px solid #06bab1;
    margin-top: 0.5em;
    padding: 0.7em 0.5em;
    background-color: transparent;
}

.w43-ctaregister__items__contact__form__des {
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
    text-align: center;
    width: 100%;
}

.w43-ctaregister__items__contact__form__vung {
    padding: 1em;
    position: relative;
    border-bottom: 2px solid #06bab1;
    width: calc(50% - 1em);
    margin-top: 1em;
    margin-left: .5em;
    margin-right: .5em;
}

.w43-ctaregister__items__contact__form__vung__checkbox {
    display: none;
}

    .w43-ctaregister__items__contact__form__vung__checkbox:checked ~ .w43-ctaregister__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w43-ctaregister__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4em;
    font-weight: 600;
    cursor: pointer;
}

.w43-ctaregister__items__contact__form__vung__ad__icon {
    margin-left: 0.5em;
}

.w43-ctaregister__items__contact__form__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w43-ctaregister__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w43-ctaregister__items__contact__form__vung__items__item {
    font-size: 1.4em;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w43-ctaregister__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w43-ctaregister__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w43-ctaregister__items__contact__form__choose {
    margin-top: 2em;
    display: block;
}

.w43-ctaregister__items__contact__form__choose__text {
    font-size: 1.3em;
    font-weight: 600;
}

.w43-ctaregister__items__contact__form__choose__grrd {
    display: flex;
    margin-top: 1em;
    flex-wrap: wrap;
}

.w43-ctaregister__items__contact__form__choose__grrd__list {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-right: 1em;
    margin-bottom: 1em;
}

.w43-ctaregister__items__contact__form__choose__grrd__list__cb {
    height: 1.3em;
    width: 1.3em;
    margin-right: 0.5em;
}

.w43-ctaregister__items__contact__form__choose__grrd__list__rd {
    height: 1.3em;
    width: 1.3em;
    margin-right: 0.5em;
}

.w43-ctaregister__items__contact__form__choose__grrd__list__text {
    font-size: 1.2em;
}

.w43-ctaregister__items__contact__button {
    position: relative;
    display: flex;
    background-color: #ea186b;
    margin: 0 auto;
    margin-top: 2em;
    padding: 2em 4em;
    border-radius: 4em;
    align-items: center;
    border: 0.2em solid white;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.2s ease;
    width: fit-content;
}

.w43-ctaregister__items__contact__button__icon {
    color: white;
    margin-right: 0.5em;
    font-size: 1.6em;
    z-index: 2;
}

.w43-ctaregister__items__contact__button__text {
    color: white;
    font-weight: 600;
    font-size: 1.6em;
    z-index: 2;
}

.w43-ctaregister__items__contact__button:hover::after {
    width: 100%;
    transition: all 0.6s ease;
    opacity: 1;
}

.w43-ctaregister__items__contact__button:hover {
    border-color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    transition: all 0.8s ease;
}

.w43-ctaregister__items__contact__button::after {
    content: "";
    transition: all 0.6s ease;
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    height: 350%;
    width: 10%;
    opacity: 0;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) rotate(-45deg);
}

/*ed*/
/*w43-introducer*/
.w43-introducer {
    width: 100%;
    padding: 2em 1em;
}

.w43-introducer__group {
    max-width: 120em;
    margin: 0 auto;
}

.w43-introducer__items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
    flex-wrap: wrap;
}

.w43-introducer__items__image {
    width: 42%;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w43-introducer__items__image {
        width: 100%;
    }
}

.w43-introducer__items__image__imgbox {
    width: 100%;
    height: auto;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
}

    .w43-introducer__items__image__imgbox iframe {
        min-height: 20em;
    }

@media only screen and (max-width: 62.5em) {
    .w43-introducer__items__image__imgbox {
        width: 100%;
    }
}

.w43-introducer__items__image__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w43-introducer__items__image__iconbox {
    background-color: rgba(var(--main-color-w), 1);
    width: 13em;
    height: 13em;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    left: 50%;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.301);
    transform: translate(-50%, -50%);
    animation: w43-introducer__items__image__iconbox 3s alternate-reverse infinite;
}

.w43-introducer__items__image__iconbox__icon {
    color: white;
    font-size: 5em;
    animation: w43-introducer__items__image__iconbox 4s alternate-reverse infinite;
    top: 20%;
    left: 20%;
    position: relative;
}

.w43-introducer__items__image__iconbox::after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    opacity: 0.3;
    border-radius: 50%;
    top: 50%;
    z-index: 0;
    left: 50%;
    border: 0.1em solid white;
    animation: w43-introducer__items__image__iconbox 4s alternate-reverse infinite;
}

.w43-introducer__items__image__iconbox::before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    opacity: 0.2;
    border-radius: 50%;
    top: 50%;
    z-index: 0;
    left: 50%;
    border: 0.1em solid white;
    animation: w43-introducer__items__image__iconbox 5s alternate-reverse infinite;
}

@keyframes w43-introducer__items__image__iconbox {
    0% {
        transform: translate(-50%, -50%) scale(1.2);
    }

    30% {
        transform: translate(-50%, -50%) scale(0.8);
    }

    70% {
        transform: translate(-50%, -50%) scale(1);
    }

    100% {
        transform: translate(-50%, -50%) scale(1.5);
    }
}

.w43-introducer__items__info {
    width: 55%;
    display: flex;
    flex-direction: column;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 50em) {
    .w43-introducer__items__info {
        width: 100%;
        margin-bottom: 2em;
    }
}

.w43-introducer__items__info__heading {
    display: block;
}

.w43-introducer__items__info__heading__title {
    text-align: center;
    font-size: 3em;
    font-weight: 600;
    width: fit-content;
    display: block;
    line-height: 1.5em;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    color: #5271ff;
}

.w43-introducer__items__info__heading__des {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

.w43-introducer__items__info__heading__des__line {
    border-top: 0.3em dashed black;
    width: 10em;
}

.w43-introducer__items__info__heading__des__icon {
    margin: 0 1em;
    font-size: 3em;
    color: rgba(var(--main-color-w), 1);
}

.w43-introducer__items__info__des {
    font-size: 1.4em;
    line-height: 1.6em;
    text-align: justify;
    color: var(--text-color-w);
}

.w43-introducer__action {
    margin: 1em auto;
    display: flex;
    text-align: center;
    z-index: 1;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}

.w43-introducer__action__btn {
    position: relative;
    display: inline-flex;
    background-color: transparent;
    padding: 2em 4em;
    border-radius: 5em;
    margin: 0.5em;
    align-items: center;
    cursor: pointer;
    width: 45%;
    transition: all 0.2s ease;
    justify-content: center;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w43-introducer__action__btn {
        padding: 1em;
    }
}

.w43-introducer__action__btn:first-child {
    background-color: #ea186b;
}

@media only screen and (max-width: 50em) {
    .w43-introducer__action__btn:first-child {
        padding-right: 2em;
    }
}

.w43-introducer__action__btn:nth-child(n + 2) {
    background-color: #1e87f0;
}

@media only screen and (max-width: 50em) {
    .w43-introducer__action__btn:nth-child(n + 2) {
        padding-left: 2em;
    }
}

.w43-introducer__action__btn__icon {
    color: white;
    margin-right: 0.5em;
    font-size: 1.6em;
    z-index: 2;
}

.w43-introducer__action__btn__text {
    color: white;
    font-weight: 600;
    font-size: 2em;
    z-index: 2;
    line-height: 1.5em;
}

@media only screen and (max-width: 50em) {
    .w43-introducer__action__btn__text {
        font-size: 1em;
    }
}

.w43-introducer__action__btn:hover::after {
    width: 100%;
    transition: all 0.3s ease;
    opacity: 1;
    left: 50%;
}

.w43-introducer__action__btn:hover {
    border-color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    transition: all 0.4s ease;
}

.w43-introducer__action__btn::after {
    content: "";
    transition: all 0.3s ease;
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    height: 110%;
    width: 150%;
    z-index: 1;
    left: -75%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.w43-introducer__action__line {
    background-color: white;
    height: 5em;
    width: 5em;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    border-radius: 50%;
}

@media only screen and (max-width: 50em) {
    .w43-introducer__action__line {
        height: 3em;
        width: 3em;
    }
}

.w43-introducer__action__line__text {
    border-left: 0.2em solid black;
    height: 2em;
    z-index: 3;
}

.w43-introducer__action__line::before {
    content: "";
    transition: all 0.3s ease;
    position: absolute;
    background-color: white;
    height: 100%;
    width: 100%;
    z-index: 2;
    left: 50%;
    border-radius: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

.w43-introducer__action__line::after {
    content: "";
    transition: all 0.3s ease;
    position: absolute;
    background-color: white;
    height: 100%;
    width: 100%;
    border-radius: 50%;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%) scale(1.3);
    opacity: 0.5;
}

/*ed*/
/*w43-form*/
.w43-form {
    width: 100%;
    padding: 2em 1em;
}

.w43-form__group {
    max-width: 120em;
    margin: 0 auto;
}

.w43-form__heading {
    display: block;
}

.w43-form__heading__title {
    text-align: center;
    font-size: 3em;
    font-weight: 600;
    width: fit-content;
    display: block;
    line-height: 1.5em;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5em;
    color: #5271ff;
}

.w43-form__heading__des {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2em;
}

.w43-form__heading__des__line {
    border-top: 0.3em dashed black;
    width: 10em;
}

.w43-form__heading__des__icon {
    margin: 0 1em;
    font-size: 3em;
    color: rgba(var(--main-color-w), 1);
}

.w43-form__note {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.w43-form__note__icon {
    margin-right: 1em;
    color: #EA186B;
    font-size: 1.4em;
}

.w43-form__note__text {
    color: #EA186B;
    font-size: 1.4em;
    font-weight: 600;
}

.w43-form__items {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
    flex-wrap: wrap;
    background-color: #5271ff;
    border-radius: 2em;
    overflow: hidden;
}

.w43-form__items__image {
    width: 42%;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w43-form__items__image {
        width: 100%;
    }
}

.w43-form__items__image__imgbox {
    width: 100%;
    height: auto;
    background-size: contain;
    background-position: center;
}

    .w43-form__items__image__imgbox iframe {
        min-height: 20em;
    }

@media only screen and (max-width: 62.5em) {
    .w43-form__items__image__imgbox {
        width: 100%;
    }
}

.w43-form__items__image__imgbox__img {
    width: 100%;
    height: 100%;
    margin: 0 auto;
}

.w43-form__items__info {
    width: 55%;
    padding: 2em;
}

@media only screen and (max-width: 50em) {
    .w43-form__items__info {
        width: 100%;
    }
}

.w43-form__items__info__name {
    font-size: 2em;
    line-height: 1.6em;
    color: white;
    font-weight: 600;
    letter-spacing: 1px;
}

.w43-form__items__info__des__tt {
    display: flex;
    align-items: baseline;
    margin-top: 1em;
}

.w43-form__items__info__des__tt__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.3em;
    margin-right: 1em;
}

.w43-form__items__info__des__tt__text {
    line-height: 1.6em;
    color: white;
    letter-spacing: 1px;
    font-size: 1.2em;
}

.w43-form__action {
    margin: 1em auto;
    margin-top: 2em;
    display: flex;
    text-align: center;
    z-index: 1;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
}

.w43-form__action__btn {
    position: relative;
    display: inline-flex;
    background-color: #EA186B;
    padding: 1em 3em;
    border-radius: 5em;
    margin: 0.5em;
    align-items: center;
    cursor: pointer;
    transition: all 0.2s ease;
    justify-content: center;
    backface-visibility: hidden;
}

@media only screen and (max-width: 50em) {
    .w43-form__action__btn {
        padding: 1em;
    }
}

@keyframes w43-form__action__btn {
    0% {
        transform: scale(1);
    }

    70% {
        transform: scale(0.8);
    }

    90% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w43-form__action__btn__icon {
    color: white;
    margin-right: 0.5em;
    font-size: 1.6em;
    z-index: 2;
}

.w43-form__action__btn__text {
    color: white;
    font-weight: 600;
    font-size: 1.6em;
    z-index: 2;
    line-height: 1.5em;
}

@media only screen and (max-width: 50em) {
    .w43-form__action__btn__text {
        font-size: 1em;
    }
}

.w43-form__action__btn:hover::after {
    transition: all 0.3s ease;
    opacity: 1;
    transform: translateX(-50%) translateY(-50%) scale(1.2);
    opacity: 0;
    transition-delay: 0.3s;
}

.w43-form__action__btn:hover {
    border-color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    transition: all 0.4s ease;
    animation: w43-form__action__btn 0.3s forwards;
}

.w43-form__action__btn::after {
    content: "";
    transition: all 0.3s ease;
    position: absolute;
    background-color: inherit;
    height: 100%;
    border-radius: 5em;
    opacity: 0.5;
    width: 100%;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
}

/*ed*/
/*w43-map*/
.w43-map {
    width: 100%;
    padding: 2em 1em;
}

.w43-map__group {
    max-width: 120em;
    margin: 0 auto;
}

.w43-map__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: #5271ff;
    align-items: center;
    border-radius: 1em;
    overflow: hidden;
}

.w43-map__wrap__first {
    width: 53%;
    min-width: 53%;
    max-height: 50em;
    overflow: scroll;
    background-color: white;
    padding: 1em;
    border-radius: 1em;
    margin: 1%;
}

@media only screen and (max-width: 50em) {
    .w43-map__wrap__first {
        width: 100%;
    }
}

.w43-map__wrap__first__top {
    border: .2em dashed #5541b7;
}

.w43-map__wrap__first__top__head {
    width: 100%;
    display: flex;
    align-items: center;
    padding: .5em;
}

@media only screen and (max-width: 50em) {
    .w43-map__wrap__first__top__head {
        flex-wrap: wrap;
    }
}

.w43-map__wrap__first__top__head__search {
    width: 100%;
    display: flex;
    align-items: center;
    background-color: white;
}

.w43-map__wrap__first__top__head__search__vung {
    padding: 0.5em;
    position: relative;
    min-width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w43-map__wrap__first__top__head__search__vung {
        width: 100%;
    }
}

.w43-map__wrap__first__top__head__search__vung__checkbox {
    display: none;
}

    .w43-map__wrap__first__top__head__search__vung__checkbox:checked ~ .w43-map__wrap__first__top__head__search__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w43-map__wrap__first__top__head__search__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1em;
    cursor: pointer;
}

.w43-map__wrap__first__top__head__search__vung__ad__icon {
    background-color: #cecece;
    font-size: 1em;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 1.5em;
    width: 1.5em;
    position: absolute;
    right: -0.75em;
}

.w43-map__wrap__first__top__head__search__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w43-map__wrap__first__top__head__search__vung__items .active {
        font-weight: 800;
    }

.w43-map__wrap__first__top__head__search__vung__items__item {
    font-size: 1em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w43-map__wrap__first__top__head__search__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w43-map__wrap__first__top__head__search__vung__items__item:hover {
        background-color: #eee;
    }

.w43-map__wrap__first__top__head__search__in {
    outline: none;
    padding: 0.5em 1em;
    width: 90%;
    outline: none;
    border: none;
    border-left: 1px solid #cecece;
}

@media only screen and (max-width: 50em) {
    .w43-map__wrap__first__top__head__btn {
        margin: 0 auto;
    }
}

.w43-map__wrap__first__top__head__btn__icon {
    display: block;
    align-items: flex-end;
    padding: 0.5em 1em;
    border-top-right-radius: 0.3em;
    border-bottom-right-radius: 0.3em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease;
    cursor: pointer;
    font-size: 1.45em;
    margin-left: auto;
    position: relative;
}

    .w43-map__wrap__first__top__head__btn__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w43-map__wrap__first__top__contain {
    margin-top: 1em;
}

.w43-map__wrap__first__top__contain__title {
    display: flex;
    background-color: #f5df4d;
    border: .2em dashed #5541b7;
}

.w43-map__wrap__first__top__contain__title__name {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
}

    .w43-map__wrap__first__top__contain__title__name:hover {
        background-color: #BD1D4B;
    }

        .w43-map__wrap__first__top__contain__title__name:hover .w43-map__wrap__first__top__contain__title__name__text, .w43-map__wrap__first__top__contain__title__name:hover .w43-map__wrap__first__top__contain__title__name__icon {
            color: white;
        }

    .w43-map__wrap__first__top__contain__title__name:first-child {
        width: 15%;
        min-width: 15%;
    }

    .w43-map__wrap__first__top__contain__title__name:nth-child(2) {
        width: 60%;
    }

    .w43-map__wrap__first__top__contain__title__name:nth-child(3) {
        width: 25%;
        min-width: 25%;
    }

.w43-map__wrap__first__top__contain__title__name__icon {
    color: #5541b7;
    font-size: 1.2em;
    margin-left: auto;
}

.w43-map__wrap__first__top__contain__title__name__text {
    font-size: 1.2em;
    color: #5541b7;
    margin-right: 0.5em;
    font-weight: 600;
}

.w43-map__wrap__first__top__contain__items {
    margin-top: .1em;
}

.w43-map__wrap__first__top__contain__items__item {
    display: flex;
    cursor: pointer;
}

    .w43-map__wrap__first__top__contain__items__item:not(:last-child) {
        border-bottom: 1px solid #cecece;
    }

    .w43-map__wrap__first__top__contain__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

    .w43-map__wrap__first__top__contain__items__item:nth-child(even) {
        background-color: #F2F2F2;
    }

    .w43-map__wrap__first__top__contain__items__item:nth-child(odd) {
        background-color: white;
    }

.w43-map__wrap__first__top__contain__items__item__name {
    border: 1px dashed #5541b7;
    border-top: none;
    padding: 1em;
    font-size: 1.3em;
}

    .w43-map__wrap__first__top__contain__items__item__name:first-child {
        width: 15%;
        min-width: 15%;
    }

    .w43-map__wrap__first__top__contain__items__item__name:nth-child(2) {
        width: 60%;
    }

    .w43-map__wrap__first__top__contain__items__item__name:nth-child(3) {
        width: 25%;
        min-width: 25%;
    }

.w43-map__wrap__second {
    width: 45%;
}

@media only screen and (max-width: 50em) {
    .w43-map__wrap__second {
        width: 100%;
    }
}

.w43-map__wrap__second__content {
    height: 100%;
}

.w43-map__wrap__second__content__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%;
}

.w43-map__wrap__second__content__imgbox__img {
    width: 100%;
}

/*ed*/
/*w43-services*/
.w43-services {
    width: 100%;
    position: relative;
    padding: 3em 1em;
    background-color: white;
    background-image: url(/img/w43/isc-ukeas-fair1.jpg);
}

.w43-services__group {
    max-width: 120em;
    margin: 0 auto;
}

.w43-services__heading {
    display: block;
}

.w43-services__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    color: white;
    background-image: linear-gradient(120deg, #6078ff 0%, #52f3b0 100%);
    background-repeat: no-repeat;
    background-size: 100% 0.25em;
    background-position: 0 90%;
}

.w43-services__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 3em;
}

.w43-services__heading__imgbox__img {
    width: 100%;
}

.w43-services__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
    color: white;
    font-weight: 600;
}

.w43-services__items {
    display: flex;
    background-color: rgba(29, 188, 164, 0.71);
    padding: 3em 2em;
    border-radius: 2em;
    flex-wrap: wrap;
}

.w43-services__items__item {
    display: flex;
    align-items: center;
    width: 24%;
    margin-top: 1em;
    margin-bottom: 1em;
}

    .w43-services__items__item:not(:first-child) {
        margin-left: 1.333333333333%;
    }

@media only screen and (min-width: 50em) {
    .w43-services__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w43-services__items__item {
        margin-top: 2em;
        width: 49.3333333%;
    }

        .w43-services__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5em) {
    .w43-services__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w43-services__items__item:nth-child(odd) .w43-services__items__item__iconbox, .w43-services__items__item:nth-child(odd) .w43-services__items__item__iconbox .w43-services__items__item__iconbox__icon {
    color: white;
}

.w43-services__items__item:nth-child(odd) .w43-services__items__item__iconbox {
    background-color: rgba(var(--main-color-w), 1);
}

.w43-services__items__item:nth-child(even) .w43-services__items__item__iconbox, .w43-services__items__item:nth-child(even) .w43-services__items__item__iconbox .w43-services__items__item__iconbox__icon {
    color: rgba(var(--main-color-w), 1);
}

.w43-services__items__item:nth-child(even) .w43-services__items__item__iconbox {
    background-color: white;
}

.w43-services__items__item__iconbox {
    height: 6em;
    width: 6em;
    padding: 1em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: 1em;
}

.w43-services__items__item__iconbox__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 3em;
}

@media only screen and (max-width: 37.5em) {
    .w43-services__items__item__content {
        margin: 1em 1em 0 1em;
    }
}

.w43-services__items__item__content__des {
    line-height: 1.6em;
    color: white;
    font-size: 1.2em;
    font-weight: 600;
}

.w43-services__items__item__content__name {
    line-height: 1.8em;
    font-size: 1.4em;
    font-weight: bolder;
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w44-ads-1*/
.w44-ads-1 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w44-ads-1__group {
    max-width: 120em;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w44-ads-1__group {
        margin: unset !important;
    }
}

.w44-ads-1__heading {
    display: block;
}

.w44-ads-1__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w44-ads-1__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w44-ads-1__heading__imgbox__img {
    width: 100%;
}

.w44-ads-1__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w44-ads-1__tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .w44-ads-1__tab .active {
        text-decoration: underline;
        color: black;
        background-color: transparent;
    }

.w44-ads-1__tab__text {
    padding: .5em 1em;
    font-size: 1.4em;
    margin-right: 2em;
    border: 1px solid rgba(var(--main-color-w), 1);
    margin-bottom: 1em;
    border-radius: 1em;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
}

.w44-ads-1__button {
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    padding: 1em 2em;
    border-radius: 2em;
    border: none;
    outline: none;
    margin: 0 auto;
    cursor: pointer;
    transition: all .2s ease;
}

.w44-ads-1__button__text {
    color: white;
    font-size: 1em;
    font-weight: 600;
}

.w44-ads-1__button__icon {
    font-size: 1.2em;
    margin-left: .3em;
    color: white;
}

.w44-ads-1__button:hover {
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.26);
    transform: translateX(0.5em) translateY(-0.5em) scale(1.05);
}

.w44-ads-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w44-ads-1__items__item {
    width: 32.33333333%;
    background-color: white;
    margin-left: 1.5%;
    margin-bottom: 2em;
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.205);
    transition: all 0.2s ease;
    cursor: pointer;
    cursor: pointer;
    height: max-content;
    position: relative;
    border-radius: 2em;
    overflow: hidden;
}

    .w44-ads-1__items__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w44-ads-1__items__item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w44-ads-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w44-ads-1__items__item__imgbox {
    z-index: 0;
    transition: all 0.2s;
    background-size: cover;
    background-position: center;
    width: 100%;
}

.w44-ads-1__items__item__imgbox__img {
    width: 100%;
}

.w44-ads-1__items__item__content {
    padding: 1em;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: -100%;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.807);
    display: flex;
    flex-direction: column;
    justify-content: center;
    transition: all 0.4s ease;
    opacity: 0;
}

.w44-ads-1__items__item__content__main {
    text-transform: capitalize;
    font-size: 2em;
    font-weight: 600;
    margin: 0.7em 0;
    line-height: 1.4em;
    margin-bottom: 1em;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w44-ads-1__items__item__content__main {
        font-size: 1.6em;
    }
}

.w44-ads-1__items__item__content__button {
    color: white;
    border: none;
    font-size: 1.5em;
    width: fit-content;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    transition: all 0.2s ease;
    line-height: 1.4em;
    border-bottom: 1px solid white;
    position: relative;
    background-color: transparent;
}

    .w44-ads-1__items__item__content__button:hover {
        color: rgba(var(--main-color-w), 1);
        border-bottom: 1px solid rgba(var(--main-color-w), 1);
    }

.w44-ads-1__items__item:hover {
    box-shadow: 0 1em 5.5em rgba(0, 0, 0, 0.405);
}

    .w44-ads-1__items__item:hover .w44-ads-1__items__item__content {
        top: 0;
        opacity: 1;
    }

/*ed*/
/*w44-ads-2*/
.w44-ads-2 {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w44-ads-2__group {
    margin: 0 auto;
    max-width: 120em;
    overflow: hidden;
}

.w44-ads-2__heading {
    display: block;
}

.w44-ads-2__heading__title {
    font-size: 2em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: left;
    margin-bottom: .5em;
    max-width: 100%;
    color: black;
    position: relative;
}

.w44-ads-2__heading__title__line {
    height: 0.1em;
    width: 10em;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: -0.5em;
}

.w44-ads-2__heading__imgbox {
    display: block;
    margin-top: 1em;
    background-size: contain;
    background-position: center;
    width: fit-content;
    margin-bottom: 2em;
}

.w44-ads-2__heading__imgbox__img {
    width: 100%;
}

.w44-ads-2__heading__des {
    text-align: left;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: 0.5em;
}

.w44-ads-2__items {
    width: 100%;
    position: relative;
}

    .w44-ads-2__items .swiper-wrapper {
        display: flex;
    }

    .w44-ads-2__items .swiper-button-next {
        color: #414141;
    }

        .w44-ads-2__items .swiper-button-next::after {
            font-size: 2em;
        }

    .w44-ads-2__items .swiper-button-prev {
        color: #414141;
    }

        .w44-ads-2__items .swiper-button-prev::after {
            font-size: 2em;
        }

    .w44-ads-2__items .swiper-pagination {
        margin-top: 4em;
        position: relative;
    }

    .w44-ads-2__items .swiper-pagination-bullet {
        background-color: black;
        position: relative;
    }

        .w44-ads-2__items .swiper-pagination-bullet::after {
            border: 1px solid black !important;
        }

    .w44-ads-2__items .swiper-pagination-bullet-active {
        position: relative;
    }

        .w44-ads-2__items .swiper-pagination-bullet-active::after {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(var(--main-color-w), 1);
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transform: scale(2);
        }

.w44-ads-2__items__item {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    width: 13.333333% !important;
}

    .w44-ads-2__items__item:not(:last-child) {
        margin-right: 4%;
    }

@media only screen and (max-width: 75em) {
    .w44-ads-2__items__item {
        width: 22% !important;
    }
}

@media only screen and (max-width: 50em) {
    .w44-ads-2__items__item {
        width: 48% !important;
    }
}

.w44-ads-2__items__item__contain {
    background-color: #f7f7f7;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 16em;
    width: 16em;
    margin: 0 auto;
}

.w44-ads-2__items__item__contain__imgbox {
    width: 70%;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.w44-ads-2__items__item__contain__imgbox__img {
    width: 100%;
}

.w44-ads-2__items__item__name {
    font-size: 1.3em;
    text-align: center;
    margin-top: 1em;
    display: block;
}

/*ed*/
/*w44-ads*/
.w44-ads {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w44-ads__group {
    max-width: 120em;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w44-ads__group {
        margin: unset !important;
    }
}

.w44-ads__heading {
    display: block;
}

.w44-ads__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w44-ads__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1em;
    margin-bottom: 2em;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w44-ads__heading__imgbox__img {
    width: 100%;
}

.w44-ads__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
}

.w44-ads__items {
    display: flex;
    flex-wrap: wrap;
}

.w44-ads__items__item {
    width: 32.33333333%;
    background-color: white;
    margin-left: 1.5%;
    margin-bottom: 2em;
    padding: 2em 4em;
    box-shadow: 0 0 2.5em rgba(0, 0, 0, 0.205);
    transition: all .2s ease;
    cursor: pointer;
    overflow: hidden;
    cursor: pointer;
    height: max-content;
}

    .w44-ads__items__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w44-ads__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w44-ads__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w44-ads__items__item__contain {
    position: relative;
    height: fit-content;
    width: fit-content;
    display: flex;
    margin: 0 auto;
}

.w44-ads__items__item__contain__icon {
    font-size: 10em;
    z-index: 1;
    position: relative;
}

.w44-ads__items__item__contain__imgbox {
    z-index: 0;
    transition: all 0.2s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: -80%;
    left: unset;
}

.w44-ads__items__item__contain__imgbox__img {
    width: 100%;
}

.w44-ads__items__item__content {
    padding: 1em;
    text-align: center;
}

.w44-ads__items__item__content__main {
    text-transform: capitalize;
    font-size: 2em;
    font-weight: 600;
    margin: .7em 0;
    line-height: 1.4em;
    margin-bottom: 1em;
}

@media only screen and (max-width: 50em) {
    .w44-ads__items__item__content__main {
        font-size: 1.6em;
    }
}

.w44-ads__items__item__content__sub {
    font-size: 1.6em;
    line-height: 1.6em;
    text-align: justify;
    text-align-last: center;
    margin-bottom: 1.5em;
    display: block;
}

.w44-ads__items__item__content__button {
    border: none;
    font-size: 1.5em;
    width: fit-content;
    font-weight: 600;
    display: block;
    text-transform: uppercase;
    margin: 0 auto;
    cursor: pointer;
    transition: all 0.2s ease;
    line-height: 1.4em;
    border-bottom: 1px solid black;
    position: relative;
    background-color: transparent;
}

    .w44-ads__items__item__content__button:hover {
        color: rgba(var(--main-color-w), 1);
        border-bottom: 1px solid rgba(var(--main-color-w), 1);
    }

.w44-ads__items__item:hover {
    box-shadow: 0 1em 5.5em rgba(0, 0, 0, 0.405);
}

    .w44-ads__items__item:hover figure {
        -webkit-filter: grayscale(100%);
        filter: grayscale(100%);
    }

/*ed*/
/*w44-article*/
.w44-article {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w44-article__group {
    max-width: 120em;
    margin: 0 auto;
    color: white;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w44-article__group {
        flex-direction: column;
    }
}

.w44-article__heading {
    color: black;
    display: flex;
    align-items: center;
    padding: 1em;
    width: 100%;
    margin-bottom: 1em;
}

.w44-article__heading__title {
    font-weight: 600;
    font-size: 2em;
    text-transform: capitalize;
    margin: 0 0.5em;
}

.w44-article__heading__line {
    border-bottom: 1px solid rgba(0, 0, 0, 0.218);
    flex: 1;
    width: 100%;
}

.w44-article__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w44-article__container__second {
    width: 40%;
    height: max-content;
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w44-article__container__second {
        width: 100%;
        margin-bottom: 1em;
    }
}

.w44-article__container__second__imgbox {
    height: 100%;
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    z-index: 1;
}

.w44-article__container__second__imgbox__img {
    width: 100%;
}

.w44-article__container__first {
    position: relative;
    width: 59%;
}

@media only screen and (max-width: 50em) {
    .w44-article__container__first {
        width: 100%;
    }
}

.w44-article__container__first__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.w44-article__container__first__wrap__item {
    width: 49%;
    height: max-content;
}

.w44-article__container__first__wrap__item__imgbox {
    background-size: contain;
    background-position: center;
    position: relative;
}

.w44-article__container__first__wrap__item__imgbox__img {
    width: 100%;
}

.w44-article__container__first__wrap__item__content {
    color: black;
    z-index: 1;
    position: relative;
    margin-top: 1em;
}

.w44-article__container__first__wrap__item__content__main {
    font-size: 1.3em;
    font-weight: 600;
    display: block;
    line-height: 1.4em;
    text-align: justify;
    text-align-last: center;
}

.w44-article__container__first__wrap__item__content__sub {
    margin-top: 1em;
    font-size: 1.3em;
    line-height: 1.4em;
    text-align: justify;
    text-align-last: center;
}

.w44-article__container__first__wrap__item__content__des {
    margin-top: 2em;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w44-article__container__first__wrap__item__content__des__icon {
    font-size: 2em;
    display: inline-block !important;
    margin-left: 0.5em;
}

.w44-article__container__first__wrap__item__content__des__text {
    font-size: 1.4em;
}

.w44-article__container__first__wrap__item__content__des:hover .w44-article__container__first__wrap__item__content__des__text {
    text-decoration: underline;
}

.w44-article__button {
    margin: 1em auto;
    margin-top: 2em;
    background-color: white;
    border: 1px solid black;
    padding: 0.5em 3em;
    cursor: pointer;
    display: block;
    width: fit-content;
}

    .w44-article__button:hover {
        text-decoration: underline;
    }

/*ed*/
/*w44-breadcrumb-1*/
.w44-breadcrumb-1 {
    width: 100%;
    padding: 2rem 1rem;
    background-color: #fff;
}

.w44-breadcrumb-1__group {
    margin: 0 auto;
    max-width: 120rem;
    text-align: center;
    line-height: 2.6rem;
}

.w44-breadcrumb-1__items__icon {
    margin-right: .5rem;
}

.w44-breadcrumb-1__items__item {
    font-size: 1.4rem;
    display: inline-block;
}

    .w44-breadcrumb-1__items__item:not(:last-child) {
        margin-right: .5rem;
    }

    .w44-breadcrumb-1__items__item:hover {
        text-decoration: underline;
    }

.w44-breadcrumb-1__items .active {
    font-weight: 600;
}

/*ed*/
/*w44-breadcumb*/
.w44-breadcumb {
    width: 100%;
}

.w44-breadcumb__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w44-breadcumb__title {
    font-size: 2rem;
    font-weight: 600;
    line-height: 1.4rem;
    margin: .7rem 0;
    text-align: center;
}

.w44-breadcumb__contain__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.w44-breadcumb__contain__items__line {
    min-width: 5rem;
    height: .1rem;
    background-color: black;
    margin-right: .5rem;
    display: inline-block;
    line-height: 1.8rem;
}

.w44-breadcumb__contain__items .active {
    font-weight: 600;
}

.w44-breadcumb__contain__items__item {
    margin-right: .2rem;
    font-size: 1.3rem;
    line-height: 1.8em;
    letter-spacing: 1px;
}

/*ed*/
/*w44-card*/
.w44-card {
    width: 100%;
    background-color: white;
}

.w44-card__group {
    max-width: 120em;
    padding: 0.5em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w44-card__contain {
    width: 64%;
    background-color: #f7f7f7;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w44-card__contain {
        width: 100%;
    }
}

.w44-card__contain__first {
    flex-wrap: wrap;
}

.w44-card__contain__first__gt {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
}

.w44-card__contain__first__gt__gen {
    display: flex;
    align-items: center;
    margin-right: 1em;
    cursor: pointer;
}

.w44-card__contain__first__gt__gen__input {
    margin-right: 0.3em;
}

.w44-card__contain__first__gt__gen__text {
    font-size: 1.2em;
}

.w44-card__contain__first__ttmh {
    padding: 0.5em;
}

@media only screen and (max-width: 50em) {
    .w44-card__contain__first__ttmh {
        width: 100%;
    }
}

.w44-card__contain__first__ttmh__title {
    display: flex;
    align-items: center;
    padding: 1em;
}

.w44-card__contain__first__ttmh__title__icon {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
}

.w44-card__contain__first__ttmh__title__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w44-card__contain__first__ttmh__tab {
    display: flex;
    justify-content: space-between;
}

    .w44-card__contain__first__ttmh__tab .active {
        background-color: rgba(var(--main-color-w), 1);
    }

.w44-card__contain__first__ttmh__tab__child {
    background-color: #b1b1b1;
    width: 48%;
    text-align: center;
    padding: 0.7em;
    border-top-left-radius: 0.5em;
    border-top-right-radius: 0.5em;
    line-height: 1.6em;
    cursor: pointer;
}

.w44-card__contain__first__ttmh__tab__child__text {
    color: white;
    display: block;
    font-size: 1.2em;
    font-weight: 600;
}

.w44-card__contain__first__ttmh__tab__child__des {
    color: white;
    display: block;
    font-size: 1.2em;
    font-style: italic;
}

.w44-card__contain__first__ttmh__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w44-card__contain__first__ttmh__wrap__input {
    width: 48%;
    margin-bottom: 0.5em;
    border: 0.1em solid #eee;
    padding: 0.5em;
    border-radius: 0.3em;
}

@media only screen and (max-width: 50em) {
    .w44-card__contain__first__ttmh__wrap__input {
        width: 100%;
    }
}

.w44-card__contain__first__ttmh__wrap textarea {
    width: 100%;
}

.w44-card__contain__first__ttmh__address {
    margin-top: 1em;
    transition: all 0.2s ease;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w44-card__contain__first__ttmh__address__in {
    padding: 01em;
    border: 0.1em solid #eee;
    outline: 0.1em solid #eee;
    display: block;
    font-size: 1em;
    width: 48%;
    height: fit-content;
}

.w44-card__contain__first__ttmh__address__in-w100 {
    width: 100%;
}

.w44-card__contain__first__ttmh__address__vung {
    padding: 0.8em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 48%;
    margin-bottom: 1em;
}

.w44-card__contain__first__ttmh__address__vung__checkbox {
    display: none;
}

    .w44-card__contain__first__ttmh__address__vung__checkbox:checked ~ .w44-card__contain__first__ttmh__address__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w44-card__contain__first__ttmh__address__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2em;
    cursor: pointer;
}

.w44-card__contain__first__ttmh__address__vung__ad__icon {
    margin-left: 0.5em;
}

.w44-card__contain__first__ttmh__address__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w44-card__contain__first__ttmh__address__vung__items .active {
        font-weight: 800;
    }

.w44-card__contain__first__ttmh__address__vung__items__item {
    font-size: 1.4em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w44-card__contain__first__ttmh__address__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w44-card__contain__first__ttmh__address__vung__items__item:hover {
        background-color: #eee;
    }

.w44-card__contain__second {
    padding: 0.5em;
}

.w44-card__contain__second__title {
    display: flex;
    align-items: center;
    padding: 1em;
    margin-bottom: 1em;
}

.w44-card__contain__second__title__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
    font-size: 2em;
}

.w44-card__contain__second__title__text {
    font-weight: 600;
    font-size: 1.4em;
}

.w44-card__contain__second__inter {
    padding: 1em;
    border: 1px solid rgba(var(--main-color-w), 1);
    border-radius: 0.5em;
    margin-bottom: 1em;
}

.w44-card__contain__second__inter__more {
    display: flex;
    align-items: center;
}

.w44-card__contain__second__inter__more__radio {
    margin-right: 0.5em;
    height: fit-content;
}

.w44-card__contain__second__inter__more__imgbox {
    max-width: 3em;
    max-height: 5em;
    background-size: contain;
    background-position: center;
    margin-right: 0.5em;
}

.w44-card__contain__second__inter__more__imgbox__img {
    width: 100%;
}

.w44-card__contain__second__inter__more__text {
    font-size: 1.2em;
}

.w44-card__contain__second__inter__des {
    display: block;
    padding: 1em;
    font-size: 1.2em;
    left: 3em;
    position: relative;
    width: 90%;
    line-height: 1.6em;
    border: 1px solid #f2f2f2;
    border-radius: 0.5em;
}

.w44-card__contain__second__inter__bank {
    border-radius: .5em;
    padding: .5em;
}

.w44-card__contain__second__inter__bank__more {
    display: flex;
    align-items: center;
}

.w44-card__contain__second__inter__bank__more__imgbox {
    max-width: 3em;
    max-height: 5em;
    background-size: contain;
    background-position: center;
    margin-right: 0.5em;
}

.w44-card__contain__second__inter__bank__more__imgbox__img {
    width: 100%;
}

.w44-card__contain__second__inter__bank__more__text {
    font-size: 1.2em;
}

.w44-card__contain__second__inter__bank__des {
    display: block;
    padding: 1em;
    left: 3em;
    position: relative;
    width: 90%;
    line-height: 1.6em;
    border: 1px solid #f2f2f2;
    border-radius: 0.5em;
    font-size: 1.2em;
}

.w44-card__contain__second__inter__bank__items {
    display: none;
    margin-top: 1em;
    border: 1px solid #bbbbbb;
    padding: 1em;
    flex-wrap: wrap;
    border-radius: 0.5em;
}

.w44-card__contain__second__inter__bank__items__imgbox {
    width: 10%;
    background-size: 80%;
    background-position: center;
    margin-left: 1.25%;
    margin-bottom: 1em;
    border: 1px dashed #bbbbbb;
    border-radius: 0.5em;
}

    .w44-card__contain__second__inter__bank__items__imgbox:first-child {
        margin-left: 0;
    }

    .w44-card__contain__second__inter__bank__items__imgbox:nth-child(9n + 1) {
        margin-left: 0;
    }

.w44-card__contain__second__inter__bank__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w44-card__contain__second__inter-bank {
    display: flex;
}

    .w44-card__contain__second__inter-bank .w41-checkout__contain__second__inter__radio {
        margin-top: 0.7em;
        height: fit-content;
    }

.w44-card__contain__second__inter__radio {
    margin-right: 0.5em;
}

    .w44-card__contain__second__inter__radio:checked ~ .w44-card__contain__second__inter__bank .w44-card__contain__second__inter__bank__items {
        display: flex;
    }

.w44-card__contain__second__invoice {
    margin-top: 2em;
    margin-bottom: 1em;
}

.w44-card__contain__second__invoice__checkbox {
    display: none;
}

    .w44-card__contain__second__invoice__checkbox:checked ~ .w44-card__contain__second__invoice__send {
        opacity: 1;
        max-height: 40em;
        margin-top: 1em;
    }

    .w44-card__contain__second__invoice__checkbox:checked ~ .w44-card__contain__second__invoice__lbl .w44-card__contain__second__invoice__lbl__text {
        text-decoration: underline;
    }

.w44-card__contain__second__invoice__lbl {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w44-card__contain__second__invoice__lbl__text {
    position: relative;
    border-radius: 0.2em;
    overflow: hidden;
    font-size: 1.4em;
    cursor: pointer;
    font-weight: 600;
}

    .w44-card__contain__second__invoice__lbl__text:hover {
        text-decoration: underline;
    }

.w44-card__contain__second__invoice__send {
    height: auto;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    opacity: 0;
    display: flex;
    align-items: center;
}

.w44-card__contain__second__invoice__send__text {
    font-size: 1.2em;
    font-weight: 500;
    white-space: nowrap;
    margin-right: 1em;
    width: 10em;
}

.w44-card__contain__second__invoice__send__input {
    margin-top: 0.5em;
    width: 100%;
    padding: .5em;
    border: none;
    font-size: 1.2em;
    outline: none;
    border-bottom: 0.1em solid black;
    height: fit-content;
}

.w44-card__fout {
    width: 35%;
    min-width: 35%;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w44-card__fout {
        width: 100%;
    }
}

.w44-card__fout__coupon {
    margin-top: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w44-card__fout__coupon {
        margin-bottom: 5em;
    }
}

.w44-card__fout__coupon__head {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

.w44-card__fout__coupon__head__icon {
    margin-right: 0.5em;
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
}

.w44-card__fout__coupon__head__text {
    font-size: 1.2em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w44-card__fout__coupon__in {
    display: flex;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1em;
    border-radius: 0.5em;
    overflow: hidden;
}

.w44-card__fout__coupon__in__text {
    border: none;
    outline: none;
    width: 100%;
    padding: 0 0.5em;
    font-size: 1.2em;
}

.w44-card__fout__coupon__in__button {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em;
    font-size: 1.2em;
    display: block;
    text-align: center;
    color: white;
    margin-left: auto;
    white-space: nowrap;
}

    .w44-card__fout__coupon__in__button:hover {
        color: black;
        background-color: white;
    }

.w44-card__fout__coupon__pop {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 1em;
    border: 1px solid #d1d1d1;
    margin-top: 1em;
    position: relative;
}

    .w44-card__fout__coupon__pop::after {
        position: absolute;
        left: 1em;
        width: 0;
        height: 0;
        top: -1em;
        border-left: 0.5em solid black;
        border-right: 0.5em solid transparent;
        border-bottom: 1em solid white;
    }

.w44-card__fout__coupon__pop__side {
    position: absolute;
    top: -7px;
    left: 12px;
    float: left;
    overflow: hidden;
    width: 12px;
    height: 7px;
    background-color: white;
}

.w44-card__fout__coupon__pop__side__out {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d1d1d1;
    border-left: 7px solid transparent;
}

.w44-card__fout__coupon__pop__side__in {
    top: 1px;
    left: 1px;
    display: inline-block;
    position: absolute;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.w44-card__fout__giao {
    width: 100%;
    padding: 0.7em;
    background-color: white;
    margin-bottom: 1em;
    border-radius: 0.3em;
}

.w44-card__fout__giao__text {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: 600;
}

.w44-card__fout__giao__des {
    font-size: 1em;
    line-height: 1.6em;
    text-align: right;
    max-width: 100%;
}

.w44-card__fout__giao__lbl {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    display: block;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 0.5em;
}

.w44-card__fout__giao__checkbox {
    display: none;
}

    .w44-card__fout__giao__checkbox:checked ~ .w44-card__fout__giao__address {
        max-height: 50vh;
    }

.w44-card__fout__giao__slot {
    display: flex;
    margin-top: 1em;
}

.w44-card__fout__giao__slot__imgbox {
    width: 35%;
    min-width: 35%;
    background-size: contain;
    background-position: center;
}

.w44-card__fout__giao__slot__imgbox__img {
    width: 100%;
}

.w44-card__fout__giao__slot__item {
    width: 64%;
}

.w44-card__fout__giao__slot__item__name {
    font-size: 1.2em;
    line-height: 1.6em;
    display: block;
}

.w44-card__fout__giao__slot__item__price {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.w44-card__fout__giao__slot__item__price__text {
    font-size: 1.2em;
}

.w44-card__fout__giao__slot__item__form {
    display: flex;
    align-items: center;
}

.w44-card__fout__giao__slot__item__form__text {
    white-space: nowrap;
    font-size: 1.2em;
}

.w44-card__fout__giao__slot__item__form__rm {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w44-card__fout__giao__slot__item__form__rm__icon {
    font-size: 1em;
}

.w44-card__fout__giao__slot__item__form__rm__text {
    font-size: 1em;
    margin-left: 0.5em;
}

.w44-card__fout__giao__slot__item__form__nb {
    border: 1px solid #b1b1b1;
    border-radius: 2em;
    display: flex;
    align-items: center;
    padding: 0 1em;
    margin-left: 2em;
    margin-right: 2em;
}

.w44-card__fout__giao__slot__item__form__nb__input {
    width: 100%;
    padding: 0.5em;
    display: inline-block;
    border: none;
    outline: none;
    font-size: 1.2em;
    text-align: center;
}

.w44-card__fout__giao__slot__item__form__nb__ic {
    cursor: pointer;
    font-size: 2.5em;
    height: fit-content;
}

    .w44-card__fout__giao__slot__item__form__nb__ic:nth-child(3) {
        transform: translateY(-0.1em);
    }

.w44-card__fout__total {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    background-color: white;
    border-radius: 0.3em;
}

.w44-card__fout__total-f {
    border-top: 1px solid rgba(var(--main-color-w), 1);
}

.w44-card__fout__total__text {
    font-size: 1.4em;
    padding: 0.7em;
    width: 30%;
}

.w44-card__fout__total__main {
    font-weight: 600;
    font-size: 1.2em;
    padding: 0.7em;
    width: 70%;
    text-align: right;
}

.w44-card__fout__total__main-tt {
    color: red;
    font-size: 1.6em;
}

.w44-card__fout__button {
    background-color: white;
    padding: 0.7em;
    font-weight: 600;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    margin-top: 2em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

@media only screen and (max-width: 37.5em) {
    .w44-card__fout__button {
        position: fixed;
        bottom: 0;
        z-index: 1;
        width: 100%;
        left: 0;
    }
}

.w44-card__fout__button:hover {
    color: black;
    background-color: white;
    border: 0.1em dashed rgba(var(--main-color-w), 1);
}

/*ed*/
/*w44-checkout*/
.w44-checkout {
    width: 100%;
    background-color: white;
}

.w44-checkout__group {
    max-width: 120em;
    padding: 0.5em;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w44-checkout__contain {
    width: 64%;
    background-color: #f7f7f7;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w44-checkout__contain {
        width: 100%;
    }
}

.w44-checkout__contain__first {
    flex-wrap: wrap;
}

.w44-checkout__contain__first__title {
    display: flex;
    align-items: center;
}

.w44-checkout__contain__first__title__icon {
    margin-right: 0.5em;
    color: rgba(var(--main-color-w), 1);
    font-size: 2em;
}

.w44-checkout__contain__first__title__text {
    font-size: 1.4em;
    font-weight: 600;
}

.w44-checkout__contain__first__content {
    margin-top: 1em;
    margin-bottom: 2em;
}

.w44-checkout__contain__first__content__item {
    display: flex;
    align-items: center;
    padding: 0.5em;
    padding-left: 1em;
}

.w44-checkout__contain__first__content__item__icon {
    font-size: 1em;
}

.w44-checkout__contain__first__content__item__text {
    font-size: 1.2em;
    margin-left: 0.5em;
}

.w44-checkout__contain__first__tt {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1em;
}

.w44-checkout__contain__first__tt__item {
    width: 48%;
    margin-bottom: 1em;
    cursor: pointer;
    background-color: white;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1em;
    height: 7em;
    border-radius: .5em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.119);
}

.w44-checkout__contain__first__tt__item__imgbox {
    background-size: contain;
    background-position: center;
    display: block;
    max-width: 40%;
    max-height: 3em;
    margin: 0 auto;
    margin-bottom: 1em;
}

.w44-checkout__contain__first__tt__item__imgbox__img {
    width: 100%;
}

.w44-checkout__contain__first__tt__item__text {
    font-size: 1.1em;
    width: 100%;
    text-align: center;
    display: block;
    position: relative;
    font-weight: 600;
}

.w44-checkout__contain__first__link {
    margin-top: 1em;
}

.w44-checkout__contain__first__link__text {
    display: block;
    text-align: center;
    font-size: 1.2em;
    line-height: 1.4em;
    margin-top: 1em;
    text-decoration: underline;
    color: #000045;
}

.w44-checkout__contain__first__link__al {
    display: block;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.2em;
    padding: 1em;
    text-align: center;
    color: white;
    font-weight: 600;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.148);
}

.w44-checkout__fout {
    width: 35%;
    min-width: 35%;
    position: relative;
    height: max-content;
}

@media only screen and (max-width: 50em) {
    .w44-checkout__fout {
        width: 100%;
    }
}

.w44-checkout__fout__coupon {
    margin-top: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w44-checkout__fout__coupon {
        margin-bottom: 1em;
    }
}

.w44-checkout__fout__coupon__pop {
    font-size: 1.2em;
    line-height: 1.4em;
    padding: 1em;
    border: 1px solid #d1d1d1;
    margin-top: 1em;
    position: relative;
}

    .w44-checkout__fout__coupon__pop::after {
        position: absolute;
        left: 1em;
        width: 0;
        height: 0;
        top: -1em;
        border-left: 0.5em solid black;
        border-right: 0.5em solid transparent;
        border-bottom: 1em solid white;
    }

.w44-checkout__fout__coupon__pop__side {
    position: absolute;
    top: -7px;
    left: 12px;
    float: left;
    overflow: hidden;
    width: 12px;
    height: 7px;
    background-color: white;
}

.w44-checkout__fout__coupon__pop__side__out {
    border-right: 7px solid transparent;
    border-bottom: 7px solid #d1d1d1;
    border-left: 7px solid transparent;
}

.w44-checkout__fout__coupon__pop__side__in {
    top: 1px;
    left: 1px;
    display: inline-block;
    position: absolute;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #fff;
    border-left: 6px solid transparent;
}

.w44-checkout__fout__giao {
    width: 100%;
    padding: 0.7em;
    background-color: white;
    margin-bottom: 1em;
    border-radius: 0.3em;
}

.w44-checkout__fout__giao__text {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: 600;
}

.w44-checkout__fout__giao__des {
    font-size: 1em;
    line-height: 1.6em;
    text-align: right;
    max-width: 100%;
}

.w44-checkout__fout__giao__lbl {
    font-size: 1.2em;
    line-height: 1.6em;
    text-align: justify;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1em;
    display: block;
    cursor: pointer;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 0.5em;
}

.w44-checkout__fout__giao__checkbox {
    display: none;
}

    .w44-checkout__fout__giao__checkbox:checked ~ .w44-checkout__fout__giao__address {
        max-height: 50vh;
    }

.w44-checkout__fout__giao__slot {
    display: flex;
    margin-top: 1em;
}

.w44-checkout__fout__giao__slot__imgbox {
    width: 35%;
    min-width: 35%;
    background-size: contain;
    background-position: center;
}

.w44-checkout__fout__giao__slot__imgbox__img {
    width: 100%;
}

.w44-checkout__fout__giao__slot__item {
    width: 64%;
    margin-top: 1em;
}

.w44-checkout__fout__giao__slot__item__name {
    font-size: 1.2em;
    line-height: 1.6em;
    display: block;
}

.w44-checkout__fout__giao__slot__item__price {
    display: flex;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

.w44-checkout__fout__giao__slot__item__price__text {
    font-size: 1.2em;
}

.w44-checkout__fout__total {
    display: flex;
    justify-content: space-between;
    white-space: nowrap;
    background-color: white;
    border-radius: 0.3em;
}

.w44-checkout__fout__total-f {
    border-top: 1px solid rgba(var(--main-color-w), 1);
}

.w44-checkout__fout__total__text {
    font-size: 1.4em;
    padding: 0.7em;
    width: 30%;
}

.w44-checkout__fout__total__main {
    font-weight: 600;
    font-size: 1.2em;
    padding: 0.7em;
    width: 70%;
    text-align: right;
}

.w44-checkout__fout__total__main-tt {
    color: red;
    font-size: 1.6em;
}

.w44-checkout__fout__button {
    background-color: white;
    padding: 0.7em;
    font-weight: 600;
    position: relative;
    display: block;
    border: none;
    outline: none;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    margin-top: 2em;
    border: 0.1em solid rgba(var(--main-color-w), 1);
    border-top: 0.3em solid rgba(var(--main-color-w), 1);
    font-size: 1.6em;
}

@media only screen and (max-width: 37.5em) {
    .w44-checkout__fout__button {
        position: fixed;
        bottom: 0;
        z-index: 1;
        width: 100%;
        left: 0;
    }
}

.w44-checkout__fout__button:hover {
    color: black;
    background-color: white;
    border: 0.1em dashed rgba(var(--main-color-w), 1);
}

/*ed*/
/*w44-ctaregister*/
.w44-ctaregister {
    font-weight: 500;
    width: 100%;
    padding: 3em 1em;
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w44-ctaregister__group {
    max-width: 120em;
    margin: 0 auto;
}

.w44-ctaregister__heading {
    font-weight: 600;
    text-align: center;
    font-size: 2.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.3em;
    color: #183059;
    line-height: 1.7em;
}

.w44-ctaregister__items {
    margin-top: 2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w44-ctaregister__items__contact {
    width: 38%;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w44-ctaregister__items__contact {
        width: 100%;
    }
}

.w44-ctaregister__items__contact__form__input {
    margin-bottom: 1em;
    display: block;
    padding: .8em;
    border: 0.15em solid #eee;
    border-radius: 0.5em;
    background-color: white;
}

.w44-ctaregister__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.3em;
}

.w44-ctaregister__items__contact__form__input__icon {
    color: red;
}

.w44-ctaregister__items__contact__form__text {
    height: 3em;
    outline: none;
    width: 100%;
    margin-top: 1em;
    display: block;
    padding: .8em;
    border-radius: 0.5em;
    border: 0.15em solid #eee;
    font-size: 1.2em;
}

.w44-ctaregister__items__contact__form__des {
    color: red;
    font-weight: 300;
    font-size: 1em;
    margin-top: 1em;
    display: block;
}

.w44-ctaregister__items__contact__button {
    padding: .7em;
    display: inline-block;
    font-weight: 600;
    color: white;
    font-size: 1.3em;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: .3em;
    border: none;
    cursor: pointer;
    margin-top: 1em;
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
}

    .w44-ctaregister__items__contact__button:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
        border: 1px solid rgba(var(--main-color-w), 1);
    }

.w44-ctaregister__items__contact__info {
    line-height: 1.6em;
    display: block;
    margin-top: 2em;
}

.w44-ctaregister__items__text {
    width: 60%;
}

@media only screen and (max-width: 50em) {
    .w44-ctaregister__items__text {
        width: 100%;
        margin-bottom: 1em;
    }
}

.w44-ctaregister__items__imgbox {
    width: 50%;
    height: auto;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w44-ctaregister__items__imgbox {
        width: 100%;
    }
}

@media only screen and (max-width: 43.75em) {
    .w44-ctaregister__items__imgbox {
        width: 100%;
        height: 40em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w44-ctaregister__items__imgbox {
        width: 100%;
        height: 35em;
    }
}

@media only screen and (max-width: 25em) {
    .w44-ctaregister__items__imgbox {
        width: 100%;
        height: 25em;
    }
}

.w44-ctaregister__items__imgbox__img {
    width: 100%;
    height: 100%;
}

/*ed*/
/*w44-feature*/
.w44-feature {
    width: 100%;
    padding: 1em;
}

.w44-feature__group {
    max-width: 120em;
    margin: 0 auto;
}

.w44-feature__heading {
    font-weight: 600;
    text-align: center;
    font-size: 2.5em;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #183059;
    line-height: 1.6em;
    margin-bottom: 1em;
}

.w44-feature__contain {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w44-feature__contain__first {
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w44-feature__contain__first {
        width: 100%;
    }
}

.w44-feature__contain__first__items {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
    cursor: pointer;
}

    .w44-feature__contain__first__items .active {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w44-feature__contain__first__items__text {
    color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    padding: .5em .5em;
    font-size: 1.6em;
    text-align: center;
    width: calc(90% - 1em);
    line-height: 1.6em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 600;
    border-radius: .3em;
}

    .w44-feature__contain__first__items__text:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w44-feature__contain__first__items__imgbox {
    width: 10%;
    min-width: 5em;
    padding: 1em;
    background-size: contain;
    background-position: center;
    line-height: 1.6em;
    margin-left: 2em;
    position: relative;
}

    .w44-feature__contain__first__items__imgbox::after {
        position: absolute;
        content: "";
        border-left: 2px solid rgba(var(--main-color-w), 1);
        left: -1em;
        top: 0;
        height: 100%;
    }

.w44-feature__contain__first__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w44-feature__contain__second {
    width: 48%;
}

@media only screen and (max-width: 50em) {
    .w44-feature__contain__second {
        width: 100%;
    }
}

/*ed*/
/*w44-menu*/
.w44-menu {
    width: 100%;
    display: block;
    z-index: 4;
    background-color: white;
    position: relative;
}

.w44-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important;
}

@media only screen and (max-width: 37.5em) {
    .w44-menu__ab {
        background-color: white;
        color: black;
    }
}

.w44-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w44-menu__scroll-menu figure {
        border-radius: 0.4em;
    }

.w44-menu__group {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 120em;
    padding: 0 1em;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w44-menu__group {
        justify-content: space-between;
    }
}

.w44-menu__logobox {
    text-align: center;
    background-size: contain;
    background-position: center;
    height: 7em;
    cursor: pointer;
}

.w44-menu__logobox--mobile {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w44-menu__logobox {
        max-width: 20%;
    }

    .w44-menu__logobox--mobile {
        display: block;
        margin-right: 1em;
    }
}

.w44-menu__logobox__img {
    max-width: 100%;
}

.w44-menu__nav__icon {
    display: none;
    cursor: pointer;
    background-color: black;
}

    .w44-menu__nav__icon::after, .w44-menu__nav__icon::before {
        background-color: black;
    }

@media only screen and (max-width: 50em) {
    .w44-menu__nav__icon {
        display: inline-block;
    }
}

.w44-menu__nav__checkbox {
    display: none;
}

    .w44-menu__nav__checkbox:checked ~ .w44-menu__contain {
        visibility: visible;
        opacity: 1;
        right: 0;
    }

.w44-menu__nav {
    height: 3.5em;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w44-menu__nav {
        display: none;
    }
}

.w44-menu__bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    left: 0;
    padding: 0.5em 0;
}

@media only screen and (min-width: 50em) {
    .w44-menu__bar {
        display: none;
    }
}

.w44-menu__bar__list {
    display: flex;
    align-items: center;
    width: 100%;
}

.w44-menu__bar__list__dh {
    padding: .7em 0.5em;
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.w44-menu__bar__list__dh__icon {
    font-size: 2.7em;
    display: block;
    margin-bottom: 0.5em;
    color: #333333;
}

.w44-menu__bar__list__dh__text {
    display: block;
    font-size: 0.8em;
    white-space: nowrap;
}

.w44-menu__bar__list__dh__number {
    position: absolute;
    background-color: red;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: white;
}

.w44-menu__contain {
    display: flex;
    align-items: center;
    height: 7em;
    width: 100%;
}

.w44-menu__contain__mohead {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 1em;
    right: .5em;
    z-index: 10;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w44-menu__contain__mohead {
        display: none;
    }
}

.w44-menu__contain__mohead__lblcl {
    background-color: rgba(0, 0, 0, 0.349);
    border-radius: 0.3em;
    height: 3em;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5em;
    margin-bottom: 1em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.23);
    margin-left: auto;
    margin-right: 0.5em;
    border-radius: 50%;
}

.w44-menu__contain__mohead__lblcl__icon {
    font-size: 1.6em;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain {
        position: fixed;
        right: -30em;
        background-color: white;
        height: 100vh;
        width: 30em;
        flex-direction: column;
        transition: all 0.2s ease-in-out;
        top: 0;
        box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2);
        overflow: scroll;
        z-index: 2;
    }
}

.w44-menu__contain__items {
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items {
        display: block;
        width: 100%;
        height: max-content;
        z-index: 10;
    }
}

.w44-menu__contain__items__item {
    list-style: none;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item {
        color: black;
    }
}

.w44-menu__contain__items__item__link {
    display: flex;
    align-items: center;
    padding: 1.5em 1em;
    white-space: nowrap;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w44-menu__contain__items__item__link {
        padding: 1em;
        border-bottom: 1px solid #eeee;
    }
}

.w44-menu__contain__items__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w44-menu__contain__items__item__link__iconbox {
    float: right;
    margin-left: 0.5em;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w44-menu__contain__items__item__link__iconbox {
        margin-left: auto;
        margin-right: 0.5em;
    }

        .w44-menu__contain__items__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            height: calc(100% + 2.1em);
            top: -1.1em;
        }
}

.w44-menu__contain__items__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.1s ease;
}

@media only screen and (min-width: 50em) {
    .w44-menu__contain__items__item__link:hover {
        color: rgba(var(--main-color-w), 1);
    }
}

@media only screen and (min-width: 50em) {
    .w44-menu__contain__items__item:hover .w44-menu__contain__items__item__drop {
        visibility: visible;
        transition: all 0.1s ease;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
    }
}

@media only screen and (min-width: 50em) {
    .w44-menu__contain__items__item__drop__item:hover .w44-menu__contain__items__item__drop--1 {
        transition: all 0.1s ease;
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

.w44-menu__contain__items__item__checkbox {
    display: none;
}

    .w44-menu__contain__items__item__checkbox:checked ~ .w44-menu__contain__items__item__drop {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
    }

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__checkbox:checked ~ .w44-menu__contain__items__item__drop {
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w44-menu__contain__items__item__drop__item__checkbox {
    display: none;
}

    .w44-menu__contain__items__item__drop__item__checkbox:checked ~ .w44-menu__contain__items__item__drop--1 {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
    }

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop__item__checkbox:checked ~ .w44-menu__contain__items__item__drop--1 {
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w44-menu__contain__items__item__drop--1__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop--1__item__checkbox:checked ~ .w44-menu__contain__items__item__drop--1__item__link .w44-menu__contain__items__item__drop--1__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop__item__checkbox:checked ~ .w44-menu__contain__items__item__drop__item__link .w44-menu__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__checkbox:checked ~ .w44-menu__contain__items__item__link .w44-menu__contain__items__item__link__iconbox__icon {
        transform: rotate(180deg);
        transition: all 0.2s ease;
    }
}

.w44-menu__contain__items__item__drop {
    position: absolute;
    left: 1em;
    top: 5em;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    display: flex;
    max-height: 0;
    z-index: 2;
    transition: all 0.1s ease;
    transform: translateY(2em);
    backface-visibility: hidden;
    box-shadow: 0 0 1em rgba(213, 213, 213, 0.234);
    padding: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop {
        position: relative;
        top: auto;
        width: calc(99% - 0.82em);
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        padding: 0;
    }
}

.w44-menu__contain__items__item__drop .active {
    font-weight: bolder;
}

    .w44-menu__contain__items__item__drop .active .w42-menu__contain__items__drop__item__link__active {
        border-color: rgba(var(--main-color-w), 1);
        background-color: rgba(var(--main-color-w), 1);
    }

.w44-menu__contain__items__item__drop__item {
    width: 23em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop__item:not(:last-child) {
        border-bottom: 1px solid #eeee;
    }
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop__item {
        width: 100%;
    }
}

.w44-menu__contain__items__item__drop__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop__item__link {
        width: 100%;
        border-bottom: 1px solid #eeee;
    }
}

.w44-menu__contain__items__item__drop__item__link__active {
    height: 0.8em;
    width: 0.8em;
    border: 1px solid black;
    border-radius: 50%;
}

.w44-menu__contain__items__item__drop__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w44-menu__contain__items__item__drop__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (min-width: 50em) {
    .w44-menu__contain__items__item__drop__item__link__iconbox {
        display: none;
    }
}

@media only screen and (max-width: 37.5em) {
    .w44-menu__contain__items__item__drop__item__link__iconbox {
        margin-right: 0.5em;
    }

        .w44-menu__contain__items__item__drop__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            height: calc(100% + 2.1em);
            top: -1.1em;
        }
}

.w44-menu__contain__items__item__drop__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w44-menu__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

.w44-menu__contain__items__item__drop__item__link:hover .w44-menu__contain__items__item__drop__item__link__active {
    border: 1px solid black;
    background-color: black;
}

.w44-menu__contain__items__item__drop--1 {
    position: absolute;
    left: 25em;
    top: 0;
    background-color: white;
    transition: all 0.2s ease;
    backface-visibility: hidden;
}

@media only screen and (min-width: 50em) {
    .w44-menu__contain__items__item__drop--1 {
        position: relative;
        left: 0.5em;
    }
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop--1 {
        position: relative;
        top: auto;
        left: 1em;
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        width: calc(99% - 0.82em);
        z-index: 10;
        visibility: visible;
    }
}

.w44-menu__contain__items__item__drop--1 .active {
    font-weight: bolder;
}

    .w44-menu__contain__items__item__drop--1 .active .w42-menu__contain__items__drop__item__link__active {
        border-color: rgba(var(--main-color-w), 1);
        background-color: rgba(var(--main-color-w), 1);
    }

.w44-menu__contain__items__item__drop--1__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop--1__item {
        color: black;
        width: 100%;
    }
}

.w44-menu__contain__items__item__drop--1__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
}

.w44-menu__contain__items__item__drop--1__item__link__active {
    height: 0.8em;
    width: 0.8em;
    border: 1px solid black;
    border-radius: 50%;
}

.w44-menu__contain__items__item__drop--1__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w44-menu__contain__items__item__drop--1__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w44-menu__contain__items__item__drop--1__item__link__iconbox {
        margin-right: 0.5em;
    }

        .w44-menu__contain__items__item__drop--1__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            height: calc(100% + 2.1em);
            top: -1.1em;
        }
}

.w44-menu__contain__items__item__drop--1__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w44-menu__contain__items__item__drop--1__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

.w44-menu__contain__items__item__drop--1__item__link:hover .w44-menu__contain__items__item__drop--1__item__link__active {
    border: 1px solid black;
    background-color: black;
}

@media only screen and (max-width: 50em) {
    .w44-menu__contain__items__item__drop--1__item__icon {
        max-height: 100%;
        text-align: left;
        padding: 0.5em;
        font-size: 1.5em;
    }
}

.w44-menu__contain__items__item__drop--1__item:hover .w44-menu__contain__items__item__drop--1__item__drop--1 {
    visibility: visible;
    transition: all 0.2s;
    opacity: 1;
    max-height: 100vh;
}

.w44-menu__card {
    position: relative;
    margin-right: 1em;
}

@media only screen and (min-width: 50em) {
    .w44-menu__card {
        display: none;
    }
}

.w44-menu__card__icon {
    font-size: 1.5em;
}

.w44-menu__card__text {
    font-size: 0.8em;
    position: absolute;
    right: -1em;
    top: 1em;
    z-index: 1;
    background-color: red;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.w44-menu__search {
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w44-menu__search {
        display: flex;
        position: unset;
        max-width: 60%;
        margin-right: 1em;
    }
}

.w44-menu__search__checkbox:checked ~ .w44-menu__search__pop {
    display: block;
}

.w44-menu__search__checkbox {
    display: none;
}

.w44-menu__search__content {
    background-color: #ededed;
    padding: 0.7em 1em;
    border-radius: 2em;
    display: flex;
    margin-top: 0.5em;
    align-items: center;
}

.w44-menu__search__content__icon {
    font-size: 1.2em;
    cursor: pointer;
}

.w44-menu__search__content__in {
    margin-right: 0.5em;
    font-size: 1.2em;
    border: none;
    outline: none;
    background-color: transparent;
    font-style: italic;
}

@media only screen and (min-width: 50em) {
    .w44-menu__search__content__in {
        min-width: 21em;
    }
}

.w44-menu__search__pop {
    display: none;
    position: absolute;
    background-color: #ededed;
}

@media only screen and (max-width: 50em) {
    .w44-menu__search__pop {
        top: 7em;
        width: 100%;
        left: 0;
    }
}

.w44-menu__search__pop__iconbox {
    position: absolute;
    right: 1em;
    top: 0.8em;
    font-size: 1.5em;
    color: #757575;
    cursor: pointer;
}

.w44-menu__search__pop__tag {
    padding: 1em;
    background-color: white;
    margin-top: 0.5em;
}

    .w44-menu__search__pop__tag:first-child {
        margin-top: 0;
    }

.w44-menu__search__pop__tag__head {
    display: flex;
    align-items: center;
}

.w44-menu__search__pop__tag__head__icon {
    font-size: 1.3em;
    color: red;
    width: 1em;
}

.w44-menu__search__pop__tag__head__name {
    font-size: 1.2em;
    margin-left: 0.5em;
    color: #003464;
    font-weight: 600;
}

.w44-menu__search__pop__tag__main {
    display: flex;
    flex-wrap: wrap;
}

.w44-menu__search__pop__tag__main__text {
    padding: 0.3em 0.7em;
    background-color: #ededed;
    border-radius: 1em;
    margin-right: 0.5em;
    margin-top: 1em;
    font-size: 0.9em;
    cursor: pointer;
}

.w44-menu__search__pop__tag__sp {
    display: flex;
    flex-wrap: wrap;
}

.w44-menu__search__pop__tag__sp__card {
    width: 33.3%;
    text-align: center;
    padding: 0.5em 1em;
    cursor: pointer;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

    .w44-menu__search__pop__tag__sp__card:nth-child(3n) {
        border-right: none;
    }

    .w44-menu__search__pop__tag__sp__card:nth-child(n + 4) {
        border-bottom: none;
    }

.w44-menu__search__pop__tag__sp__card__imgbox {
    background-size: contain;
    background-position: center;
}

.w44-menu__search__pop__tag__sp__card__imgbox__img {
    width: 100%;
}

.w44-menu__search__pop__tag__sp__card__price {
    font-size: 0.8em;
    margin-top: 0.5em;
}

/*ed*/
/*w44-productdetail*/
.w44-productdetail {
    width: 100%;
    padding: 2em 1em;
}

.w44-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w44-productdetail__card {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50em) {
    .w44-productdetail__card {
        flex-direction: column;
    }
}

.w44-productdetail__card__slider {
    width: 50%;
}

    .w44-productdetail__card__slider .gallery-thumbs .swiper-wrapper {
        height: 30em !important;
        transform: unset !important;
        padding: 0.5em;
        width: 90%;
    }

    .w44-productdetail__card__slider .gallery-top {
        overflow: hidden;
        height: max-content;
        width: 83%;
    }

    .w44-productdetail__card__slider .gallery-thumbs {
        width: 15%;
        margin-right: 1%;
        max-height: 30em;
        overflow-y: scroll;
        overflow-x: hidden;
    }

        .w44-productdetail__card__slider .gallery-thumbs .swiper-slide {
            opacity: 0.4;
            margin-bottom: 1em;
            width: 100%;
        }

        .w44-productdetail__card__slider .gallery-thumbs .swiper-slide-thumb-active {
            opacity: 1 !important;
            border: 1px solid black;
        }

@media only screen and (max-width: 50em) {
    .w44-productdetail__card__slider {
        width: 100%;
    }
}

.w44-productdetail__card__slider__inside {
    display: flex;
}

.w44-productdetail__card__slider__inside__imgbox {
    cursor: pointer;
    height: max-content !important;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w44-productdetail__card__slider__inside__imgbox-main {
    width: 100%;
    cursor: pointer;
    height: max-content !important;
    position: relative;
    background-size: contain;
    background-position: center;
}

.w44-productdetail__card__slider__inside__imgbox-main__status {
    background-color: #1f1f1f;
    padding: 1em;
    color: white;
    display: inline-block;
    margin-bottom: 1em;
    margin-top: 1.5em;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    font-weight: 600;
    font-size: 1.2em;
    background-color: rgba(var(--main-color-w), 1);
}

.w44-productdetail__card__slider__inside__imgbox-main__img {
    width: 100%;
}

.w44-productdetail__card__slider__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    margin-top: 2em;
    border-radius: 0.3em;
}

.w44-productdetail__card__slider__imgbox__img {
    width: 100%;
}

.w44-productdetail__card__button {
    padding: 0.5em 0.5em;
    text-align: center;
    color: #cccccc;
    display: inline-block;
    padding: 1em 1.1em;
    outline: none;
    cursor: pointer;
    background-color: transparent;
    transition: all 0.2s;
    transform: translateY(-50%);
    border: none;
}

    .w44-productdetail__card__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w44-productdetail__card__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w44-productdetail__card__button__icon {
    font-size: 2em;
}

.w44-productdetail__card__button-prev {
    position: absolute;
    top: 50%;
    margin-left: 1em;
    z-index: 2;
}

.w44-productdetail__card__imgbox {
    width: 100%;
    height: 10em;
    overflow: hidden;
    border: 0.1em solid #eee;
    transition: all 0.3s ease-in-out;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w44-productdetail__card__imgbox {
        width: 100%;
    }
}

.w44-productdetail__card__imgbox:hover {
    transform: scale(1.3);
}

.w44-productdetail__card__info {
    width: 48%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w44-productdetail__card__info {
        width: 100%;
        margin-top: 2em;
    }
}

.w44-productdetail__card__info--relate {
    position: relative;
}

.w44-productdetail__card__info--relate__button {
    border: 0.1em solid white;
    border-radius: 50%;
    padding: 0.5em 0.5em;
    text-align: center;
    color: #e2f4ff;
    display: inline-block;
    padding: 1em 1.1em;
    background-color: rgba(0, 0, 0, 0.603);
    outline: none;
    cursor: pointer;
    transition: all 0.2s;
    transform: translateY(-50%);
}

    .w44-productdetail__card__info--relate__button:hover {
        background-color: rgba(255, 255, 255, 0.685);
        color: black;
    }

.w44-productdetail__card__info--relate__button-next {
    position: absolute;
    top: 50%;
    right: 0;
    margin-right: 1em;
    z-index: 2;
}

.w44-productdetail__card__info--relate__button__icon {
    font-size: 2em;
}

.w44-productdetail__card__info--relate__button-prev {
    position: absolute;
    top: 50%;
    left: 0;
    margin-left: 1em;
    z-index: 2;
}

.w44-productdetail__card__info__name {
    font-weight: 600;
    font-size: 1.7em;
    color: black;
    display: block;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w44-productdetail__card__info__bread {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w44-productdetail__card__info__bread__nd__text {
    color: rgba(102, 102, 102, 0.7);
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

    .w44-productdetail__card__info__bread__nd__text:hover {
        color: black;
    }

    .w44-productdetail__card__info__bread__nd__text:nth-child(2) {
        margin-left: 0.5em;
        font-size: 1.3em;
        color: black;
        font-weight: 600;
    }

.w44-productdetail__card__info__bread__star {
    display: flex;
    align-items: center;
}

.w44-productdetail__card__info__bread__star__icon {
    color: orange;
    font-size: 1.2em;
}

.w44-productdetail__card__info__bread__star__text {
    font-size: 1.2em;
    margin-left: 0.3em;
}

.w44-productdetail__card__info__bread__text {
    font-size: 1.2em;
}

.w44-productdetail__card__info__star {
    margin-top: 1em;
}

.w44-productdetail__card__info__star__icon {
    color: black;
    font-size: 1.5em;
    cursor: pointer;
}

.w44-productdetail__card__info__cl {
    margin-top: 1em;
    display: block;
}

.w44-productdetail__card__info__cl__name {
    display: flex;
}

.w44-productdetail__card__info__cl__name__main {
    font-size: 1em;
}

.w44-productdetail__card__info__cl__name__sub {
    font-size: 1em;
    font-weight: 600;
    margin-left: 0.5em;
}

.w44-productdetail__card__info__cl__image {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

    .w44-productdetail__card__info__cl__image .active {
        border: 1px solid #0d5cb6;
        background-color: #e5f2ff;
        position: relative;
    }

        .w44-productdetail__card__info__cl__image .active::after {
            content: "";
            position: absolute;
            background-image: url(/img/w41/selected-variant-indicator.svg);
            height: 1.5em;
            width: 1.5em;
            background-position: center;
            background-repeat: no-repeat;
            right: 0;
            top: 0;
        }

    .w44-productdetail__card__info__cl__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w44-productdetail__card__info__cl__image__its {
    width: 31.3333333%;
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-left: 3%;
    margin-bottom: 1em;
    border-radius: 0.3em;
    overflow: hidden;
    cursor: pointer;
    font-weight: 600;
}

    .w44-productdetail__card__info__cl__image__its:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w44-productdetail__card__info__cl__image__its:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w44-productdetail__card__info__cl__image__its {
        width: 48.5%;
    }

        .w44-productdetail__card__info__cl__image__its:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w44-productdetail__card__info__cl__image__its__imgbox {
    max-height: 5em;
    height: 5em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w44-productdetail__card__info__cl__image__its__imgbox__img {
    height: 100%;
}

.w44-productdetail__card__info__cl__image__its__text {
    font-size: 1em;
    margin-left: 1em;
}

.w44-productdetail__card__info__cl__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w44-productdetail__card__info__price {
    display: flex;
    margin-top: 1.5em;
    align-items: center;
}

.w44-productdetail__card__info__price__main {
    color: black;
    display: inline-block;
    font-size: 1.8em;
    margin-right: 0.5em;
    font-weight: bolder;
}

.w44-productdetail__card__info__price__sub {
    text-decoration: line-through;
    display: inline-block;
    font-size: 1.6em;
    color: black;
}

.w44-productdetail__card__info__relate {
    margin-top: 1.5em;
    overflow: hidden;
}

    .w44-productdetail__card__info__relate .swiper-slide {
        width: 33.33333%;
    }

.w44-productdetail__card__info__relate__items {
    border: 0.1em solid rgba(207, 207, 207, 0.5);
    padding: 1em;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: max-content;
    width: 99%;
    cursor: pointer;
    margin-right: 1%;
    transition: all 0.2s ease;
}

.w44-productdetail__card__info__relate__items__item {
    margin-top: 0.5em;
    text-align: center;
}

.w44-productdetail__card__info__relate__items__item__name {
    font-weight: 600;
}

.w44-productdetail__card__info__relate__items__item__des {
    margin-top: 0.5em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w44-productdetail__card__info__relate__items:hover .w44-productdetail__card__info__relate__items__rd {
    appearance: none;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    border-radius: 50%;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

.w44-productdetail__card__info__size {
    margin-top: 1.5em;
}

.w44-productdetail__card__info__size__sl {
    display: flex;
    flex-wrap: wrap;
}

    .w44-productdetail__card__info__size__sl .active {
        color: white;
        background-color: black;
    }

.w44-productdetail__card__info__size__sl__box {
    cursor: pointer;
    border: 0.1em solid #414141;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1em;
    padding: 1em;
    font-size: 1.4em;
    border-radius: 0.5em;
    margin-bottom: 1em;
}

.w44-productdetail__card__info__size__kc {
    display: flex;
    justify-content: space-between;
    margin-bottom: .5em;
}

.w44-productdetail__card__info__size__kc__checkbox:checked ~ .w44-productdetail__card__info__size__kc__pop {
    display: block;
}

.w44-productdetail__card__info__size__kc__checkbox {
    display: none;
}

.w44-productdetail__card__info__size__kc__pop {
    display: none;
    position: fixed;
    top: 10%;
    z-index: 10;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 37.5em) {
    .w44-productdetail__card__info__size__kc__pop {
        width: 90%;
    }
}

.w44-productdetail__card__info__size__kc__pop__exit {
    position: absolute;
    right: -0.5em;
    top: -0.5em;
    cursor: pointer;
    z-index: 1;
}

.w44-productdetail__card__info__size__kc__pop__exit__icon {
    font-size: 2em;
    cursor: pointer;
}

.w44-productdetail__card__info__size__kc__pop__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    border-radius: 1em;
    background-position: center;
    width: 100%;
}

.w44-productdetail__card__info__size__kc__pop__imgbox__img {
    max-height: 70vh !important;
}

.w44-productdetail__card__info__size__kc__text {
    font-size: 1.2em;
    margin-right: 1em;
    margin-bottom: 0.3em;
    text-decoration: underline;
    font-style: italic;
    cursor: pointer;
}

.w44-productdetail__card__info__size__text {
    margin-top: 1em;
}

.w44-productdetail__card__info__detail {
    cursor: pointer;
}

.w44-productdetail__card__info__detail__checkbox:checked ~ .w44-productdetail__card__info__detail__content {
    max-height: 1000em;
    transition: all 0.75s ease-in;
}

.w44-productdetail__card__info__detail__checkbox:checked ~ .w44-productdetail__card__info__detail__lbl .w44-productdetail__card__info__detail__lbl__iconplus-1 {
    display: block !important;
}

.w44-productdetail__card__info__detail__checkbox:checked ~ .w44-productdetail__card__info__detail__lbl .w44-productdetail__card__info__detail__lbl__iconplus {
    display: none !important;
}

.w44-productdetail__card__info__detail__checkbox {
    display: none;
}

.w44-productdetail__card__info__detail__lbl {
    margin-top: 2em;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 1em;
}

.w44-productdetail__card__info__detail__lbl__text {
    cursor: pointer;
    font-size: 1.3em;
    display: block;
    margin-left: 0.5em;
}

.w44-productdetail__card__info__detail__lbl__icon {
    font-size: 1.6em;
    color: black;
}

.w44-productdetail__card__info__detail__lbl__iconplus {
    margin-left: auto;
    color: #b1b1b1;
    cursor: pointer;
    display: block;
}

.w44-productdetail__card__info__detail__lbl__iconplus-1 {
    display: none !important;
    margin-left: auto;
    color: #b1b1b1;
    cursor: pointer;
}

.w44-productdetail__card__info__detail__content {
    transition: max-height 0.55s ease-out;
    max-height: 0;
    overflow: hidden;
    line-height: 1.6em;
    text-align: justify;
    font-size: 1.2em;
    margin-top: 0.5em;
}

.w44-productdetail__card__info__deliver__lbl {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

.w44-productdetail__card__info__deliver__lbl__text {
    cursor: pointer;
    font-weight: 600;
    font-size: 1.3em;
    display: block;
}

.w44-productdetail__card__info__deliver__lbl__icon {
    font-size: 1.6em;
    margin-left: auto;
}

.w44-productdetail__card__info__deliver__checkbox:checked ~ .w44-productdetail__card__info__deliver__content {
    max-height: 40em;
    padding-bottom: 1em;
}

.w44-productdetail__card__info__deliver__checkbox {
    display: none;
}

.w44-productdetail__card__info__deliver__content {
    margin-top: 1em;
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease-in-out;
}

.w44-productdetail__card__info__deliver__content__items {
    display: flex;
    align-items: flex-start;
    text-align: justify;
    margin-top: 0.5em;
}

.w44-productdetail__card__info__deliver__content__items__icon {
    margin-top: 0.4em;
    margin-right: 0.5em;
    font-size: 1.6em;
    color: rgba(var(--main-color-w), 1);
    width: 2em;
    min-width: 2em;
    font-size: 1.2em;
}

.w44-productdetail__card__info__deliver__content__items__text {
    line-height: 1.8em;
    font-size: 1.2em;
}

.w44-productdetail__card__info__gift {
    border: 0.1em solid black;
    margin-top: 1em;
    border-radius: 0.5em;
    position: relative;
    display: block;
    overflow: hidden;
}

.w44-productdetail__card__info__gift__lbl {
    cursor: pointer;
    background-color: #eee;
    padding: .5em 1em;
    position: relative;
    display: block;
    width: 100%;
}

.w44-productdetail__card__info__gift__lbl__main {
    font-size: 1.2em;
    font-weight: 600;
    color: black;
}

.w44-productdetail__card__info__gift__lbl__sub {
    margin-top: 0.5em;
    font-size: 1.2em;
    color: black;
}

.w44-productdetail__card__info__gift__checkbox {
    display: none;
}

.w44-productdetail__card__info__gift__content {
    overflow: hidden;
    transition: all 0.2s ease-in;
    padding: 1em;
}

.w44-productdetail__card__info__gift__content__items {
    display: flex;
    align-items: flex-start;
    margin-top: 0.5em;
    font-size: 1.2em;
}

.w44-productdetail__card__info__gift__content__items__icon {
    font-size: 1.6em;
    color: black;
    width: 2em;
    min-width: 2em;
    margin-top: 0.2em;
}

.w44-productdetail__card__info__gift__content__items__text {
    line-height: 1.8em;
    text-align: justify;
}

.w44-productdetail__card__info__form {
    margin: 1em 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w44-productdetail__card__info__form__text {
    margin-right: 1em;
    text-decoration: underline;
    cursor: pointer;
}

.w44-productdetail__card__info__form__nb {
    border: 1px solid #b1b1b1;
    border-radius: 2em;
    display: flex;
    align-items: center;
    padding: 0 1em;
    width: 30em;
}

.w44-productdetail__card__info__form__nb__input {
    width: 100%;
    padding: 0.5em;
    display: inline-block;
    border: none;
    outline: none;
    font-size: 1.2em;
    text-align: center;
}

.w44-productdetail__card__info__form__nb__ic {
    cursor: pointer;
    font-size: 2.5em;
    height: fit-content;
}

    .w44-productdetail__card__info__form__nb__ic:nth-child(3) {
        transform: translateY(-0.1em);
    }

.w44-productdetail__card__info__button {
    color: white;
    background-color: #ad2a36;
    border: none;
    border-radius: 0.3em;
    padding: 0.5em;
    display: block;
    outline: none;
    cursor: pointer;
    width: 100%;
    line-height: 1.3em;
}

    .w44-productdetail__card__info__button:hover {
        filter: brightness(0.8);
    }

.w44-productdetail__card__info__button__name {
    font-size: .9em;
    display: block;
    font-weight: 600;
}

.w44-productdetail__card__info__button__text {
    font-size: 0.7em;
    display: block;
}

.w44-productdetail__card__info__grbtn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1em;
}

.w44-productdetail__card__info__grbtn__button {
    color: white;
    background-color: #003468;
    border: none;
    border-radius: 0.3em;
    padding: 0.5em;
    display: block;
    outline: none;
    cursor: pointer;
    width: 48%;
    line-height: 1.3em;
}

    .w44-productdetail__card__info__grbtn__button:hover {
        filter: brightness(0.8);
    }

.w44-productdetail__card__info__grbtn__button__name {
    font-size: .9em;
    display: block;
    font-weight: 600;
}

.w44-productdetail__card__info__grbtn__button__text {
    font-size: 0.7em;
    display: block;
}

.w44-productdetail__card__info__cate {
    padding: 0.5em;
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

    .w44-productdetail__card__info__cate:not(:last-child) {
        border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    }

.w44-productdetail__card__info__cate__text {
    line-height: 1.8em;
    margin-right: 0.5em;
}

.w44-productdetail__card__info__cate__name {
    margin-right: 1em;
    line-height: 1.8em;
    cursor: pointer;
    font-weight: 600;
}

.w44-productdetail__card__info__cate__icon {
    margin-right: 1em;
    font-size: 1.4em;
    cursor: pointer;
    line-height: 1.8em;
    padding: 0.5em;
    color: #414141;
    border: 1px solid #414141;
    border-radius: 50%;
    transition: all 0.3s ease;
}

    .w44-productdetail__card__info__cate__icon:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        border: 1px solid rgba(var(--main-color-w), 1);
    }

.w44-productdetail__add {
    width: 100%;
    margin-top: 1em;
}

.w44-productdetail__add__detail {
    cursor: pointer;
}

.w44-productdetail__add__detail__checkbox:checked ~ .w44-productdetail__add__detail__content {
    max-height: 300em;
    transition: all 0.4s ease-in;
}

.w44-productdetail__add__detail__checkbox:checked ~ .w44-productdetail__add__detail__lbl .w44-productdetail__add__detail__lbl__iconplus-1 {
    display: block !important;
}

.w44-productdetail__add__detail__checkbox:checked ~ .w44-productdetail__add__detail__lbl .w44-productdetail__add__detail__lbl__iconplus {
    display: none !important;
}

.w44-productdetail__add__detail__checkbox {
    display: none;
}

.w44-productdetail__add__detail__lbl {
    margin-top: 2em;
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1px solid #b1b1b1;
    padding-bottom: 1em;
}

.w44-productdetail__add__detail__lbl__text {
    cursor: pointer;
    font-size: 1.3em;
    display: block;
    margin-left: 0.5em;
}

.w44-productdetail__add__detail__lbl__icon {
    font-size: 1.6em;
    color: black;
}

.w44-productdetail__add__detail__lbl__iconplus {
    margin-left: auto;
    color: #b1b1b1;
    cursor: pointer;
    display: block;
}

.w44-productdetail__add__detail__lbl__iconplus-1 {
    display: none !important;
    margin-left: auto;
    color: #b1b1b1;
    cursor: pointer;
}

.w44-productdetail__add__detail__content {
    transition: max-height 0.2s ease-out;
    max-height: 0;
    overflow: hidden;
    line-height: 1.6em;
    text-align: justify;
    margin-top: 0.5em;
}

.w44-productdetail__add__detail__content__nd {
    margin-top: 1em;
}

.w44-productdetail__add__detail__content__tableoct {
    width: 100%;
    background: white;
    margin-top: 1em;
}

.w44-productdetail__add__detail__content__tableoct__group {
    max-width: 120em;
    margin: 0 auto;
    border: 0.2em solid black;
    border-radius: 0.5em;
    padding: 1em;
}

.w44-productdetail__add__detail__content__tableoct__cbcl:checked ~ .w44-productdetail__add__detail__content__tableoct__clone {
    display: block;
}

.w44-productdetail__add__detail__content__tableoct__cbcl {
    display: none;
}

.w44-productdetail__add__detail__content__tableoct__checkbox {
    display: none;
}

    .w44-productdetail__add__detail__content__tableoct__checkbox:checked ~ .w44-productdetail__add__detail__content__tableoct__body {
        max-height: 200em;
        overflow: unset;
    }

.w44-productdetail__add__detail__content__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w44-productdetail__add__detail__content__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1em;
    border: 0.1em solid black;
    padding: 0.2em 0.3em;
    border-radius: 0.3em;
    background-color: white;
    font-size: 2.5em;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5em 0.2em #e4e4e4;
}

    .w44-productdetail__add__detail__content__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1em solid white;
    }

.w44-productdetail__add__detail__content__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    border-radius: 0.3em;
}

.w44-productdetail__add__detail__content__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w44-productdetail__add__detail__content__tableoct__heading__title__icon {
    font-size: 1.8em;
    margin-right: 0.2em;
}

.w44-productdetail__add__detail__content__tableoct__heading__title__text {
    font-size: 1.6em;
    font-weight: 600;
}

.w44-productdetail__add__detail__content__tableoct__heading__icon {
    font-size: 1.4em;
}

.w44-productdetail__add__detail__content__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w44-productdetail__add__detail__content__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.w44-productdetail__add__detail__content__tableoct__body__ol {
    list-style: none;
}

.w44-productdetail__add__detail__content__tableoct__body__ol__text {
    margin-bottom: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    font-size: 1.3em;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

    .w44-productdetail__add__detail__content__tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w44-productdetail__add__detail__content__tableoct__body__ol__text:hover::after {
        max-width: 120em;
    }

    .w44-productdetail__add__detail__content__tableoct__body__ol__text:hover {
        color: white;
    }

.w44-productdetail__add__detail__content__tableoct__body__ol--1 {
    list-style: none;
}

.w44-productdetail__add__detail__content__tableoct__body__ol--1__text {
    margin-top: 0.5em;
    padding: 0.5em 1em 0.5em 3.2em;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
}

    .w44-productdetail__add__detail__content__tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3em;
        z-index: -1;
    }

    .w44-productdetail__add__detail__content__tableoct__body__ol--1__text:hover::after {
        max-width: 120em;
    }

    .w44-productdetail__add__detail__content__tableoct__body__ol--1__text:hover {
        color: white;
    }

.w44-productdetail__add__detail__content__table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 4em;
}

.w44-productdetail__add__detail__content__table__th {
    font-size: 1.4em;
    font-weight: 800;
    padding: 1em;
}

.w44-productdetail__add__detail__content__table__td {
    padding: 1em;
    width: 50%;
    font-size: 1.3em;
}

    .w44-productdetail__add__detail__content__table__td:last-child {
        font-weight: 300;
    }

.w44-productdetail__add__detail__content__table__tr:nth-child(odd) {
    background-color: #dddddd;
}

.w44-productdetail__add__review {
    display: flex;
    justify-content: space-between;
    padding: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w44-productdetail__add__review {
        flex-direction: column;
    }
}

.w44-productdetail__add__review__first {
    width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w44-productdetail__add__review__first {
        width: 100%;
    }
}

.w44-productdetail__add__review__first-col {
    display: flex;
    margin-top: 4em;
}

.w44-productdetail__add__review__first__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w44-productdetail__add__review__first__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w44-productdetail__add__review__first__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w44-productdetail__add__review__first__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w44-productdetail__add__review__first__paging__pre__text {
    font-size: 1.2em;
}

.w44-productdetail__add__review__first__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w44-productdetail__add__review__first__imgbox {
    width: 7em;
    min-width: 7em;
}

.w44-productdetail__add__review__first__imgbox__img {
    width: 100%;
}

.w44-productdetail__add__review__first__comment {
    margin-left: 2em;
    width: 100%;
}

.w44-productdetail__add__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w44-productdetail__add__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w44-productdetail__add__review__first__comment__head__user__date {
    color: #777;
}

.w44-productdetail__add__review__first__comment__star__icon {
    color: #f93;
}

.w44-productdetail__add__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w44-productdetail__add__review__second {
    width: 48%;
    border: 1px solid rgba(0, 0, 0, 0.164);
    padding: 2em;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w44-productdetail__add__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w44-productdetail__add__review__second sup {
    color: black;
    font-size: 1.3em;
}

.w44-productdetail__add__review__second__title {
    font-size: 1.2em;
    font-weight: 600;
}

.w44-productdetail__add__review__second__textrate {
    margin-top: 1em;
    color: black;
    font-size: 1.2em;
}

.w44-productdetail__add__review__second__star {
    margin-top: 1.5em;
}

.w44-productdetail__add__review__second__star__icon {
    color: #f93;
    font-size: 1.5em;
}

.w44-productdetail__add__review__second__textreview {
    margin-top: 0.5em;
    color: black;
    font-size: 1.2em;
}

.w44-productdetail__add__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    font-size: 1.2em;
    font-family: inherit;
    border: 1px solid black;
    padding: 1em;
}

.w44-productdetail__add__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w44-productdetail__add__review__second__textform__name {
    width: 48%;
    display: block;
}

.w44-productdetail__add__review__second__textform__name__info {
    margin-top: 0.5em;
    color: black;
    font-size: 1.2em;
}

.w44-productdetail__add__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    padding: 0.5em;
    border: 1px solid black;
}

.w44-productdetail__add__review__second__button {
    color: white;
    background-color: black;
    border: none;
    border-radius: 0.2em;
    padding: .5em 1em;
    margin-left: auto;
    display: block;
    width: 100%;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.3em;
}

    .w44-productdetail__add__review__second__button:hover {
        filter: brightness(0.8);
    }

/*ed*/
/*w44-productlist*/
.w44-productlist {
    width: 100%;
    background-color: white;
    padding: 1em;
}

.w44-productlist__group {
    margin: 0 auto;
    max-width: 120em;
}

.w44-productlist__heading {
    margin-bottom: 2em;
}

.w44-productlist__heading__text {
    font-size: 1.6em;
    line-height: 1.3em;
    background-color: white;
    width: fit-content;
    font-weight: 600;
    margin: 0 auto;
}

.w44-productlist__heading__tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1.5em;
}

    .w44-productlist__heading__tab .active {
        text-decoration: underline;
        color: black;
        background-color: transparent;
    }

.w44-productlist__heading__tab__text {
    padding: 0.5em 1em;
    font-size: 1.4em;
    margin-right: 2em;
    border: 1px solid black;
    margin-bottom: 1em;
    cursor: pointer;
    background-color: white;
    color: black;
    font-weight: 600;
}

    .w44-productlist__heading__tab__text:hover {
        text-decoration: underline;
        color: black;
        border: 1px solid transparent;
    }

.w44-productlist__bl {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w44-productlist__bl__first {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w44-productlist__bl__first__name {
    margin-right: 1em;
    font-size: 1.2em;
    white-space: nowrap;
    margin-bottom: 1em;
}

.w44-productlist__bl__first__vung {
    padding: 0.5em 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    border-radius: 0.2em;
    z-index: 3;
    margin-right: 1em;
    margin-bottom: 1em;
    width: fit-content;
    background-color: white;
    color: black;
}

.w44-productlist__bl__first__vung__checkbox {
    display: none;
}

    .w44-productlist__bl__first__vung__checkbox:checked ~ .w44-productlist__bl__first__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

    .w44-productlist__bl__first__vung__checkbox:checked ~ .w44-productlist__bl__first__vung__pricefilter {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w44-productlist__bl__first__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    white-space: nowrap;
}

.w44-productlist__bl__first__vung__ad__name {
    font-size: 1.2em;
}

.w44-productlist__bl__first__vung__ad__icon {
    margin-left: 0.5em;
    margin-top: 0.2em;
    font-size: 1em;
}

.w44-productlist__bl__first__vung__items {
    position: absolute;
    top: 2.5em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    transform: scale(1) translate(0%, 0%);
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    transition: all 0.2s ease;
}

    .w44-productlist__bl__first__vung__items .active {
        font-weight: bolder;
    }

.w44-productlist__bl__first__vung__items__item {
    font-size: 1em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    line-height: 1.3em;
}

    .w44-productlist__bl__first__vung__items__item:first-child {
        margin-top: 0.5em;
    }

    .w44-productlist__bl__first__vung__items__item:hover {
        background-color: #eee;
    }

.w44-productlist__bl__first__vung__pricefilter {
    top: 2.5em;
    position: absolute;
    z-index: 3;
    visibility: hidden;
    overflow: hidden;
    max-height: 0;
    transition: all 0.2s ease;
    background-color: white;
    width: max-content;
    padding: 1em 2em;
    left: 0;
    border: 1px solid #f7f7f7;
}

@media only screen and (max-width: 43.75em) {
    .w44-productlist__bl__first__vung__pricefilter {
        margin-top: 5em;
    }
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range .ui-widget-header {
    background: rgba(var(--main-color-w), 1);
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range .ui-slider .ui-slider-handle {
    cursor: w-resize !important;
    background-color: black;
    height: 1.5em;
    width: 1.5em;
    margin-top: -0.25em;
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range .ui-state-active {
    background-color: white !important;
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range .ui-state-default {
    background-color: black !important;
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range .ui-widget.ui-widget-content {
    border: none !important;
    background-color: #b8b8b8;
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range .ui-state-default {
    border-radius: 0;
    border: 3px solid white !important;
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range__filter {
    height: 0.3em !important;
    margin-top: 2em;
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range__val {
    display: flex;
    align-items: center;
    justify-content: baseline;
}

@media only screen and (max-width: 62.5em) {
    .w44-productlist__bl__first__vung__pricefilter__content__price-range__val {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range__val__text {
    font-size: 1.2em;
    margin-left: 0.3em;
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range__val__filter__field {
    margin-left: 0.3em;
    background-color: white;
    font-size: 1.2em;
    font-weight: 600;
    width: max-content;
    border-radius: 0.3em;
    outline: none;
    border: none;
    max-width: 4em;
    font-family: "Montserrat";
}

.w44-productlist__bl__first__vung__pricefilter__content__price-range__val__des {
    font-weight: 600;
    font-size: 1.2em;
    margin-left: 1em;
}

.w44-productlist__bl__first__chon {
    display: flex;
    align-items: center;
    cursor: pointer;
    white-space: nowrap;
    padding: .5em 1em;
    border: 1px solid #eee;
    margin-bottom: 1em;
}

.w44-productlist__bl__first__chon__text {
    font-size: 1.2em;
    font-weight: 600;
}

.w44-productlist__bl__first__chon__checkbox {
    height: 1em;
    width: 1em;
    margin-left: 0.5em;
}

.w44-productlist__bl__second {
    display: flex;
    align-items: center;
}

.w44-productlist__bl__second__name {
    margin-right: 1em;
    font-size: 1.2em;
    white-space: nowrap;
    margin-bottom: 1em;
}

.w44-productlist__bl__second__vung {
    padding: 0.5em 1em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    border-radius: 0.2em;
    z-index: 3;
    margin-right: 1em;
    margin-bottom: 1em;
    width: fit-content;
    background-color: white;
    color: black;
}

.w44-productlist__bl__second__vung__checkbox {
    display: none;
}

    .w44-productlist__bl__second__vung__checkbox:checked ~ .w44-productlist__bl__second__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

    .w44-productlist__bl__second__vung__checkbox:checked ~ .w44-productlist__bl__second__vung__pricefilter {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w44-productlist__bl__second__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    white-space: nowrap;
}

.w44-productlist__bl__second__vung__ad__name {
    font-size: 1.2em;
}

.w44-productlist__bl__second__vung__ad__icon {
    margin-left: 0.5em;
    margin-top: 0.2em;
    font-size: 1em;
}

.w44-productlist__bl__second__vung__items {
    position: absolute;
    top: 2.5em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    transform: scale(1) translate(0%, 0%);
    overflow: hidden;
    visibility: hidden;
    max-height: 0;
    transition: all 0.2s ease;
}

    .w44-productlist__bl__second__vung__items .active {
        font-weight: bolder;
    }

.w44-productlist__bl__second__vung__items__item {
    font-size: 1em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    line-height: 1.3em;
}

    .w44-productlist__bl__second__vung__items__item:first-child {
        margin-top: 0.5em;
    }

    .w44-productlist__bl__second__vung__items__item:hover {
        background-color: #eee;
    }

.w44-productlist__items {
    width: 100%;
}

.w44-productlist__items__item {
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
}

.w44-productlist__items__item__noidung {
    width: 24% !important;
    margin-bottom: 1em;
    position: relative;
    background-color: #f7f7f7;
    cursor: pointer;
    height: fit-content;
}

    .w44-productlist__items__item__noidung:not(:first-child) {
        margin-left: 1.3%;
    }

@media only screen and (min-width: 50em) {
    .w44-productlist__items__item__noidung:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 37.5em) and (max-width: 50em) {
    .w44-productlist__items__item__noidung {
        width: 32.4666666% !important;
    }

        .w44-productlist__items__item__noidung:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5em) {
    .w44-productlist__items__item__noidung {
        width: 49.35% !important;
    }

        .w44-productlist__items__item__noidung:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w44-productlist__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
}

.w44-productlist__items__item__noidung__imgbox__img {
    width: 100%;
}

.w44-productlist__items__item__noidung:hover .w44-productlist__items__item__noidung__thongtin__contain {
    opacity: 1;
}

.w44-productlist__items__item__noidung__thongtin {
    padding: 0.5em;
    padding-bottom: 1em;
}

.w44-productlist__items__item__noidung__thongtin__text {
    display: block;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    font-style: italic;
    font-size: 1em;
    transition: all 0.3s ease;
    margin: 0 auto;
    margin-top: 0.5em;
}

.w44-productlist__items__item__noidung__thongtin:hover .w44-productlist__items__item__noidung__thongtin__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w44-productlist__items__item__noidung__thongtin__name {
    display: block;
    font-size: 1.2em;
    text-align: center;
    line-height: 1.3em;
    width: fit-content;
    margin: 0 auto;
    margin-top: 0.3em;
    transition: all 0.3s ease;
}

.w44-productlist__items__item__noidung__thongtin__pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5em;
    flex-wrap: wrap;
    margin-bottom: 2em;
}

.w44-productlist__items__item__noidung__thongtin__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4em;
    font-weight: 600;
    display: block;
}

.w44-productlist__items__item__noidung__thongtin__pricing__icon {
    color: red;
    display: none !important;
}

.w44-productlist__items__item__noidung__thongtin__km {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5em;
    justify-content: space-between;
}

.w44-productlist__items__item__noidung__thongtin__km__rate {
    display: flex;
    align-items: center;
}

.w44-productlist__items__item__noidung__thongtin__km__rate__icon {
    font-size: 1em;
    color: orange;
    margin-top: 0.3em;
    margin-right: 0.3em;
}

.w44-productlist__items__item__noidung__thongtin__km__rate__text {
    color: #5a5a5a;
    font-size: 1.2em;
    display: block;
}

.w44-productlist__items__item__noidung__thongtin__km__down {
    color: #5a5a5a;
    font-size: 1em;
    display: block;
}

.w44-productlist__items__item__noidung__thongtin__contain {
    display: flex;
    opacity: 0;
    transition: all 0.2s ease;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.219);
}

.w44-productlist__items__item__noidung__thongtin__contain__box {
    margin-left: auto;
}

.w44-productlist__items__item__noidung__thongtin__contain__box__icon {
    padding: 1em;
    color: white;
    font-size: 1.2em;
}

    .w44-productlist__items__item__noidung__thongtin__contain__box__icon:hover {
        background-color: rgba(0, 0, 0, 0.386);
    }

.w44-productlist__items__item__noidung__thongtin__contain__text {
    font-size: 1em;
    color: white;
    font-size: 1.2em;
    padding: 1em;
}

    .w44-productlist__items__item__noidung__thongtin__contain__text:hover {
        background-color: rgba(0, 0, 0, 0.332);
    }

.w44-productlist__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w44-productlist__paging__items {
    padding: 1em;
    width: 3.3em;
    height: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w44-productlist__paging .active {
    background-color: black;
    color: white;
}

.w44-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w44-productlist__paging__pre__text {
    font-size: 1.2em;
}

.w44-productlist__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

/*ed*/

/*w44-testimonial*/
.w44-testimonial {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
}

.w44-testimonial__group {
    margin: 0 auto;
    max-width: 120em;
}

.w44-testimonial__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w44-testimonial__container__first {
    width: 60%;
}

@media only screen and (max-width: 50em) {
    .w44-testimonial__container__first {
        width: 100%;
    }
}

.w44-testimonial__container__first__main {
    font-size: 2em;
    margin: .2em auto;
    font-weight: 600;
    position: relative;
    margin-left: 5em;
}

    .w44-testimonial__container__first__main::after {
        content: "";
        position: absolute;
        left: -5em;
        min-width: 4em;
        min-height: .2em;
        border-radius: .3em;
        background-color: currentColor;
        top: 50%;
        transform: translateY(-50%);
    }

.w44-testimonial__container__first__name {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.4em;
    margin: .7em 0;
    margin-bottom: 1em;
}

.w44-testimonial__container__first__items {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
}

.w44-testimonial__container__first__items__item {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 1em auto;
    justify-content: space-between;
    position: relative;
    padding: 1em;
}

.w44-testimonial__container__first__items__item__human {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.w44-testimonial__container__first__items__item__human__content {
    margin-left: 1em;
    display: block;
    max-width: 75%;
}

.w44-testimonial__container__first__items__item__human__content__jobs {
    font-size: 1.5em;
    line-height: 1.4em;
    margin: .5em 0;
    font-weight: 600;
}

.w44-testimonial__container__first__items__item__human__content__des {
    font-size: 1.3em;
    line-height: 1.4em;
}

.w44-testimonial__container__first__items__item__human__content__text {
    line-height: 1.6em;
    font-size: 1.4em;
    margin-bottom: 1em;
}

.w44-testimonial__container__first__items__item__human__imgbox {
    min-width: 10em;
    min-height: 10em;
    background-size: contain;
    background-position: center;
    border-radius: 50%;
    margin: 0 auto;
    margin-left: 4em;
}

.w44-testimonial__container__first__items__item__human__imgbox__img {
    width: 100%;
    height: 100%;
}

.w44-testimonial__container__first__items__item__human__iconbox {
    max-width: 6em;
    max-height: 6em;
    position: absolute;
    top: -1em;
    left: 0;
    padding: 1em;
    border-radius: 50%;
    transform: rotate(180deg);
}

.w44-testimonial__container__first__items__item__human__iconbox__icon {
    color: black;
    font-size: 4em;
}

.w44-testimonial__container__imgbox {
    width: 39%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50em) {
    .w44-testimonial__container__imgbox {
        width: 100%;
    }
}

.w44-testimonial__container__imgbox__img {
    width: 100%;
}

/*ed*/
/*w45-banner*/
.w45-banner {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.w45-banner__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 15em 0;
    z-index: 2;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w45-banner__group {
        padding: 2em 0;
    }
}

.w45-banner__contain {
    z-index: 0;
}

.w45-banner__contain__bg {
    z-index: 2;
    position: absolute;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w45-banner__contain__bg {
        height: auto;
    }
}

.w45-banner__contain__bg iframe {
    max-height: 100%;
    width: 100%;
    height: 100% !important;
}

.w45-banner__contain__bg__video {
    width: 100vw;
    filter: brightness(0.6);
}

@media only screen and (max-width: 50em) {
    .w45-banner__contain__bg__video {
        width: auto;
    }
}

.w45-banner__contain__items {
    width: 70em;
    overflow: hidden;
    z-index: 2;
    position: relative;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w45-banner__contain__items {
        width: calc(100% - 2em);
    }
}

.w45-banner__contain__items__item {
    height: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
}

.w45-banner__contain__items__item__info--1 {
    font-size: 4em;
    color: white;
    text-transform: uppercase;
    line-height: 1.4em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 1.4em;
}

.w45-banner__contain__items__item__info--4 {
    font-size: 1.6em;
    color: white;
    line-height: 1.6em;
    margin-top: 1em;
}

.w45-banner__contain__items__item__grbtn {
    display: flex;
    align-items: center;
}

.w45-banner__contain__items__item__grbtn__action {
    margin-top: 2em;
    margin-right: 1em;
    cursor: pointer;
    width: auto;
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-bottom-right-radius: 2em;
    border-top-right-radius: 2em;
    border-bottom-left-radius: 2em;
    color: white;
    font-weight: bolder;
    transition: 0.2s;
    font-size: 1.4em;
}

    .w45-banner__contain__items__item__grbtn__action:hover {
        color: rgba(var(--second-color-w), 1);
        background-color: white;
    }

    .w45-banner__contain__items__item__grbtn__action:last-child {
        background-color: #2e3192;
    }

/*ed*/
/*w45-blankpage*/
.w45-blankpage {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    padding: 2em 1em;
}

.w45-blankpage__group {
    max-width: 120em;
    margin: 0 auto;
}

.w45-blankpage__heading {
    display: flex;
    flex-direction: column;
}

.w45-blankpage__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w45-blankpage__heading__title__line {
    max-width: 6em;
    min-width: 6em;
    height: 0.3em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    flex: 1;
    opacity: 1;
    border-radius: 0.2em;
}

.w45-blankpage__heading__title__text {
    text-align: center;
    font-size: 1.8em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: #3f02bd;
}

.w45-blankpage__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w45-blankpage__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w45-blankpage__heading__imgbox__img {
    margin: 0 auto;
}

.w45-blankpage__heading__grbtn {
    display: inline-flex;
    align-items: center;
    margin: 2em auto;
    margin-bottom: 3em;
    position: relative;
    cursor: pointer;
}

.w45-blankpage__heading__grbtn__icon {
    font-size: 1.3em;
    margin-left: .3em;
    color: #3f02bd;
}

.w45-blankpage__heading__grbtn__text {
    font-size: 1.3em;
    font-weight: 600;
    color: #3f02bd;
}

.w45-blankpage__heading__grbtn__line {
    width: 50%;
    height: .2em;
    background-color: #3f02bd;
    position: absolute;
    top: 80%;
    margin: 1em auto;
    left: 0;
    right: 0;
    transition: all .2s ease;
    opacity: 0.4;
}

.w45-blankpage__heading__grbtn:hover .w45-blankpage__heading__grbtn__line {
    width: 100%;
    opacity: 1;
}

.w45-blankpage__card {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
}

.w45-blankpage__card__imgbox {
    width: 49%;
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w45-blankpage__card__imgbox__img {
    width: 100%;
}

/*ed*/
/*w45-menu*/
.w45-menu {
    width: 100%;
    display: block;
    z-index: 11;
    background-color: white;
    position: relative;
}

.w45-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important;
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__ab {
        background-color: white;
        color: black;
    }
}

.w45-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w45-menu__scroll-menu figure {
        border-radius: 0.4em;
    }

.w45-menu__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 120em;
    margin: 0 auto;
    padding-right: 1em;
}

@media only screen and (max-width: 50em) {
    .w45-menu__head {
        margin-bottom: 3em;
    }
}

.w45-menu__head__logobox {
    text-align: center;
    background-size: contain;
    background-position: center;
    height: 7em;
    margin-bottom: 1em;
    cursor: pointer;
}

.w45-menu__head__logobox--mobile {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w45-menu__head__logobox {
        max-width: 40%;
    }

    .w45-menu__head__logobox--mobile {
        display: block;
        margin-right: 1em;
    }
}

.w45-menu__head__logobox__img {
    max-width: 100%;
}

.w45-menu__head__search {
    position: absolute;
    width: 40%;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: white;
}

@media only screen and (max-width: 50em) {
    .w45-menu__head__search {
        display: flex;
        width: 100%;
        top: 7em;
    }
}

.w45-menu__head__search__checkbox:checked ~ .w45-menu__head__search__pop {
    display: block;
}

.w45-menu__head__search__checkbox {
    display: none;
}

.w45-menu__head__search__content {
    border-radius: 2em;
    display: flex;
    margin-top: 0.5em;
    align-items: center;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    position: relative;
    width: 100%;
}

.w45-menu__head__search__content__iconbox {
    background-color: rgba(var(--main-color-w), 1);
    z-index: 1;
    right: -3px;
    display: block;
    position: absolute;
    height: fit-content;
    border-top-right-radius: 2em;
    border-bottom-right-radius: 2em;
    transition: all 0.2s ease;
}

.w45-menu__head__search__content__iconbox__icon {
    font-size: 1.6em;
    cursor: pointer;
    padding: 0.5em 1em;
    color: white;
    right: 0;
    height: 100%;
}

.w45-menu__head__search__content__iconbox:hover {
    filter: brightness(0.9);
}

.w45-menu__head__search__content__in {
    margin-right: 0.5em;
    font-size: 1.2em;
    border: none;
    width: 100%;
    height: auto;
    outline: none;
    padding: 0.7em;
    background-color: transparent;
    font-style: italic;
}

@media only screen and (min-width: 50em) {
    .w45-menu__head__search__content__in {
        min-width: 21em;
    }
}

.w45-menu__head__search__pop {
    display: none;
    position: absolute;
    background-color: #ededed;
    z-index: 2;
}

@media only screen and (max-width: 50em) {
    .w45-menu__head__search__pop {
        top: 4em;
        width: 100%;
        left: 0;
    }
}

.w45-menu__head__search__pop__iconbox {
    position: absolute;
    right: 1em;
    top: 0.8em;
    font-size: 1.5em;
    color: #757575;
    cursor: pointer;
}

.w45-menu__head__search__pop__tag {
    padding: 1em;
    background-color: white;
    margin-top: 0.5em;
}

    .w45-menu__head__search__pop__tag:first-child {
        margin-top: 0;
    }

.w45-menu__head__search__pop__tag__head {
    display: flex;
    align-items: center;
}

.w45-menu__head__search__pop__tag__head__icon {
    font-size: 1.3em;
    color: red;
    width: 1em;
}

.w45-menu__head__search__pop__tag__head__name {
    font-size: 1.2em;
    margin-left: 0.5em;
    color: #003464;
    font-weight: 600;
}

.w45-menu__head__search__pop__tag__main {
    display: flex;
    flex-wrap: wrap;
}

.w45-menu__head__search__pop__tag__main__text {
    padding: 0.3em 0.7em;
    background-color: #ededed;
    border-radius: 1em;
    margin-right: 0.5em;
    margin-top: 1em;
    font-size: 0.9em;
    cursor: pointer;
}

.w45-menu__head__search__pop__tag__sp {
    display: flex;
    flex-wrap: wrap;
}

.w45-menu__head__search__pop__tag__sp__card {
    width: 33.3%;
    text-align: center;
    padding: 0.5em 1em;
    cursor: pointer;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

    .w45-menu__head__search__pop__tag__sp__card:nth-child(3n) {
        border-right: none;
    }

    .w45-menu__head__search__pop__tag__sp__card:nth-child(n + 4) {
        border-bottom: none;
    }

.w45-menu__head__search__pop__tag__sp__card__imgbox {
    background-size: contain;
    background-position: center;
}

.w45-menu__head__search__pop__tag__sp__card__imgbox__img {
    width: 100%;
}

.w45-menu__head__search__pop__tag__sp__card__price {
    font-size: 0.8em;
    margin-top: 0.5em;
}

.w45-menu__head__more {
    display: flex;
    align-items: center;
}

.w45-menu__head__more__card {
    position: relative;
    margin-right: 1em;
    cursor: pointer;
    margin-left: 1em;
}

.w45-menu__head__more__card__icon {
    font-size: 1.5em;
}

.w45-menu__head__more__card__text {
    font-size: 0.8em;
    position: absolute;
    right: -1em;
    top: 1em;
    z-index: 1;
    background-color: red;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.w45-menu__head__more__lang {
    display: flex;
    position: relative;
}

.w45-menu__head__more__lang__checkbox:checked ~ .w45-menu__head__more__lang__items {
    display: block;
}

.w45-menu__head__more__lang__checkbox {
    display: none;
}

.w45-menu__head__more__lang__country {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.5em;
}

.w45-menu__head__more__lang__country__imgbox {
    width: 2em;
    height: 2em;
    background-size: contain;
    background-position: center;
}

.w45-menu__head__more__lang__country__imgbox__img {
    width: 100%;
}

.w45-menu__head__more__lang__country__text {
    font-size: 1em;
    margin-left: 0.5em;
}

.w45-menu__head__more__lang__country__icon {
    font-size: 1em;
    margin-left: 0.2em;
}

.w45-menu__head__more__lang__items {
    display: none;
    position: absolute;
    cursor: pointer;
    background-color: white;
    padding: 0.5em;
    top: 80%;
    z-index: 1;
}

.w45-menu__head__more__lang__items__item {
    display: flex;
    align-items: center;
}

.w45-menu__head__more__lang__items__item__imgbox {
    width: 2em;
    height: 2em;
    background-size: contain;
    background-position: center;
}

.w45-menu__head__more__lang__items__item__imgbox__img {
    width: 100%;
}

.w45-menu__head__more__lang__items__item__text {
    font-size: 1em;
    margin-left: 0.5em;
}

.w45-menu__head__more__lang__items__item__icon {
    font-size: 1em;
    margin-left: 0.2em;
}

.w45-menu__head__dh {
    text-align: center;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: 1em;
}

@media only screen and (min-width: 50em) {
    .w45-menu__head__dh {
        display: none;
    }
}

.w45-menu__head__dh__icon {
    font-size: 1.8em;
    display: block;
    color: #333333;
    padding: 0.3em 0.4em;
    border: 1px solid #ddd;
    border-radius: 0.2em;
}

.w45-menu__head__dh__text {
    display: block;
    font-size: 1em;
    margin-right: 0.5em;
    white-space: nowrap;
}

.w45-menu__head__dh__number {
    position: absolute;
    background-color: red;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: white;
}

.w45-menu__main {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w45-menu__main {
        justify-content: space-between;
    }
}

.w45-menu__main__nav__icon {
    display: none;
    cursor: pointer;
    background-color: black;
}

    .w45-menu__main__nav__icon::after, .w45-menu__main__nav__icon::before {
        background-color: black;
    }

@media only screen and (max-width: 50em) {
    .w45-menu__main__nav__icon {
        display: inline-block;
    }
}

.w45-menu__main__nav__checkbox {
    display: none;
}

    .w45-menu__main__nav__checkbox:checked ~ .w45-menu__main__contain {
        visibility: visible;
        opacity: 1;
        right: 0;
    }

.w45-menu__main__nav {
    height: 3.5em;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__nav {
        display: none;
    }
}

.w45-menu__main__bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    left: 0;
    padding: 0.5em 0;
    z-index: 1;
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__bar {
        display: none;
    }
}

.w45-menu__main__bar__list {
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.207);
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.189);
}

.w45-menu__main__bar__list__dh {
    padding: 0.7em 0.5em;
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.w45-menu__main__bar__list__dh__icon {
    font-size: 2.7em;
    display: block;
    margin-bottom: 0.2em;
    color: #333333;
}

.w45-menu__main__bar__list__dh__text {
    display: block;
    font-size: 1em;
    white-space: nowrap;
}

.w45-menu__main__bar__list__dh__number {
    position: absolute;
    background-color: red;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: white;
}

.w45-menu__main__contain {
    display: flex;
    align-items: center;
    width: 100%;
}

.w45-menu__main__contain__mohead {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 1em;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__mohead {
        display: none;
    }
}

.w45-menu__main__contain__mohead__lblcl {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
    height: 3em;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5em;
    margin-bottom: 1em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.23);
    margin-left: auto;
    margin-right: 0.5em;
    border-radius: 50%;
}

.w45-menu__main__contain__mohead__lblcl__icon {
    font-size: 1.6em;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain {
        position: fixed;
        right: -30em;
        background-color: white;
        height: 100vh;
        width: 30em;
        flex-direction: column;
        transition: all 0.2s ease-in-out;
        top: 0;
        box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2);
        overflow: scroll;
        z-index: 2;
    }
}

.w45-menu__main__contain__items {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items {
        display: block;
        width: 100%;
        height: max-content;
        z-index: 10;
    }
}

.w45-menu__main__contain__items__item {
    list-style: none;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item {
        color: black;
    }
}

.w45-menu__main__contain__items__item__link {
    display: flex;
    align-items: center;
    padding: 1.5em 1em;
    white-space: nowrap;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__main__contain__items__item__link {
        padding: 1em;
        border-bottom: 1px solid #eeee;
    }
}

.w45-menu__main__contain__items__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w45-menu__main__contain__items__item__link__iconbox {
    float: right;
    margin-left: 0.5em;
    position: relative;
    margin-top: 0.1em;
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__main__contain__items__item__link__iconbox {
        margin-left: auto;
        margin-right: 0.5em;
        margin-top: 0;
    }
}

.w45-menu__main__contain__items__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.1s ease;
}

.w45-menu__main__contain__items__item__link::after {
    position: absolute;
    content: "";
    top: 0;
    width: 0em;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 0.2em;
    background-color: black;
    transition: all 0.2s ease;
    opacity: 0;
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item__link:hover::after {
        width: 100%;
        opacity: 1;
    }
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item:hover .w45-menu__main__contain__items__item__drop {
        visibility: visible;
        transition: all 0.1s ease;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
    }
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item:hover .w45-menu__main__contain__items__item__drop--1 {
        transition: all 0.1s ease;
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

.w45-menu__main__contain__items__item__checkbox {
    display: none;
}

    .w45-menu__main__contain__items__item__checkbox:checked ~ .w45-menu__main__contain__items__item__drop {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
        background-color: #ededed;
    }

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__checkbox:checked ~ .w45-menu__main__contain__items__item__drop {
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w45-menu__main__contain__items__item__drop__item__checkbox {
    display: none;
}

    .w45-menu__main__contain__items__item__drop__item__checkbox:checked ~ .w45-menu__main__contain__items__item__drop--1 {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        background-color: #ededed;
    }

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item__checkbox:checked ~ .w45-menu__main__contain__items__item__drop--1 {
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w45-menu__main__contain__items__item__drop--1__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop--1__item__checkbox:checked ~ .w45-menu__main__contain__items__item__drop--1__item__link .w45-menu__main__contain__items__item__drop--1__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item__checkbox:checked ~ .w45-menu__main__contain__items__item__drop__item__link .w45-menu__main__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__checkbox:checked ~ .w45-menu__main__contain__items__item__link .w45-menu__main__contain__items__item__link__iconbox__icon {
        transform: rotate(180deg);
        transition: all 0.2s ease;
    }
}

.w45-menu__main__contain__items__item__drop {
    position: absolute;
    left: 1em;
    top: 4.6em;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    display: flex;
    max-height: 0;
    z-index: 2;
    transition: all 0.1s ease;
    transform: translateY(2em);
    backface-visibility: hidden;
    box-shadow: 0 0 1em rgba(213, 213, 213, 0.234);
    padding: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        padding: 0;
    }
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item__drop {
        max-width: 120em;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}

.w45-menu__main__contain__items__item__drop .active {
    font-weight: bolder;
}

.w45-menu__main__contain__items__item__drop__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item:not(:last-child) {
        border-bottom: 1px solid #eeee;
    }
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item {
        width: 100%;
    }
}

.w45-menu__main__contain__items__item__drop__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item__link {
        width: 100%;
        border-bottom: 1px solid #eeee;
        padding: 1em;
    }
}

.w45-menu__main__contain__items__item__drop__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w45-menu__main__contain__items__item__drop__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item__link__iconbox {
        display: none;
    }
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__main__contain__items__item__drop__item__link__iconbox {
        margin-right: 0.5em;
    }

        .w45-menu__main__contain__items__item__drop__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            top: -1.1em;
        }
}

.w45-menu__main__contain__items__item__drop__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__main__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item__drop__item__link:hover {
        background-color: rgba(var(--main-color-w), 1);
        border-radius: 1em;
        color: white;
    }
}

.w45-menu__main__contain__items__item__drop--1 {
    position: absolute;
    left: 25em;
    top: 0;
    background-color: white;
    transition: all 0.2s ease;
    backface-visibility: hidden;
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item__drop--1 {
        position: relative;
        left: 0.5em;
    }
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop--1 {
        position: relative;
        top: auto;
        left: 0;
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        width: 100%;
        z-index: 10;
        visibility: visible;
    }
}

.w45-menu__main__contain__items__item__drop--1 .active {
    font-weight: bolder;
}

.w45-menu__main__contain__items__item__drop--1__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop--1__item {
        color: black;
        width: 100%;
    }
}

.w45-menu__main__contain__items__item__drop--1__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__main__contain__items__item__drop--1__item__link {
        padding: 1em;
    }
}

@media only screen and (min-width: 50em) {
    .w45-menu__main__contain__items__item__drop--1__item__link:hover {
        background-color: rgba(var(--main-color-w), 1);
        border-radius: 1em;
        color: white;
    }
}

.w45-menu__main__contain__items__item__drop--1__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w45-menu__main__contain__items__item__drop--1__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__main__contain__items__item__drop--1__item__link__iconbox {
        margin-right: 0.5em;
    }
}

.w45-menu__main__contain__items__item__drop--1__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w45-menu__main__contain__items__item__drop--1__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

@media only screen and (max-width: 50em) {
    .w45-menu__main__contain__items__item__drop--1__item__icon {
        max-height: 100%;
        text-align: left;
        padding: 0.5em;
        font-size: 1.5em;
    }
}

.w45-menu__main__contain__items__item__drop--1__item:hover .w45-menu__main__contain__items__item__drop--1__item__drop--1 {
    visibility: visible;
    transition: all 0.2s;
    opacity: 1;
    max-height: 100vh;
}

.w45-menu__group {
    margin: 0 auto;
    padding: 1em 0;
}

/*ed*/
/*w45-product*/
.w45-product {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    padding: 2em 1em;
}

.w45-product__group {
    max-width: 120em;
    margin: 0 auto;
}

.w45-product__heading {
    display: block;
    margin-bottom: 2em;
}

.w45-product__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w45-product__heading__title__line {
    max-width: 6em;
    min-width: 6em;
    height: 0.3em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    flex: 1;
    opacity: 1;
    border-radius: 0.2em;
}

.w45-product__heading__title__text {
    text-align: center;
    font-size: 1.8em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: #3f02bd;
}

.w45-product__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.3em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w45-product__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w45-product__heading__imgbox__img {
    margin: 0 auto;
}

.w45-product__heading__tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w45-product__heading__tab__list {
    display: flex;
    align-items: center;
    margin-right: 1em;
    margin-top: 2em;
    cursor: pointer;
}

.w45-product__heading__tab__list__icon {
    font-size: 1.2em;
    margin-right: .5em;
}

.w45-product__heading__tab__list__text {
    font-size: 1.1em;
    font-weight: 600;
}

.w45-product__heading__tab__list:hover .w45-product__heading__tab__list__icon {
    color: rgba(var(--main-color-w), 1);
}

.w45-product__heading__tab__list:hover .w45-product__heading__tab__list__text {
    color: rgba(var(--main-color-w), 1);
}

.w45-product__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w45-product__card {
        margin-left: 0;
    }
}

.w45-product__card__item {
    border-top: none;
    transition: all 0.2s linear;
    width: 24%;
    margin-left: 1.3333333%;
    margin-bottom: 2em;
    border-radius: 1em;
    display: block;
    overflow: hidden;
    height: fit-content;
}

    .w45-product__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 50em) {
    .w45-product__card__item:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 50em) and (max-width: 50em) {
    .w45-product__card__item {
        width: 32.444444%;
    }

        .w45-product__card__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5em) {
    .w45-product__card__item {
        width: 49.333%;
    }

        .w45-product__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w45-product__card__item:hover {
    box-shadow: 1em 1em 2em rgba(0, 0, 0, 0.15);
}

    .w45-product__card__item:hover .w45-product__card__item__content__imgbox {
        transform: scale(1.3);
    }

.w45-product__card__item__content {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 0.5em;
}

.w45-product__card__item__content__salebox {
    position: absolute;
    background-color: #ddb60f;
    top: 1em;
    left: 1em;
    color: white;
    padding: 0.5em;
    font-weight: 500;
    border-radius: 0.2em;
    z-index: 1;
}

.w45-product__card__item__content__imgbox {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: all 0.3s ease;
    cursor: pointer;
    border-radius: 0.5em;
}

.w45-product__card__item__content__imgbox__img {
    margin: 0 auto;
}

.w45-product__card__item__content__iconbox {
    position: absolute;
    right: 1em;
    bottom: 1em;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.629);
    transition: all 0.2s;
    cursor: pointer;
    z-index: 1;
    border-radius: 0.5em;
}

.w45-product__card__item__content__iconbox__icon {
    border-radius: 0.3em;
    font-size: 1.6em;
    color: white;
}

.w45-product__card__item__content__iconbox:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w45-product__card__item__contain {
    padding: 1em;
}

.w45-product__card__item__contain__name {
    margin-top: 0.5em;
    font-size: 1.3em;
    display: block;
    text-align: center;
    line-height: 1.4em;
    font-weight: 600;
}

.w45-product__card__item__contain__des {
    margin-top: 0.5em;
    font-size: 1.2em;
    display: block;
    text-align: justify;
    text-align-last: center;
    line-height: 1.4em;
}

.w45-product__card__item__postinfo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    white-space: nowrap;
    padding: 0.5em;
    padding-bottom: 1em;
    flex-wrap: wrap;
    cursor: pointer;
}

    .w45-product__card__item__postinfo:hover .w45-product__card__item__postinfo__downprice {
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

.w45-product__card__item__postinfo__downprice {
    font-size: 1.3em;
    width: 50%;
    height: 100%;
    text-align: center;
    transition: all 0.3s ease;
    font-weight: 600;
}

.w45-product__card__item__postinfo__mainprice {
    font-size: 1.3em;
    cursor: pointer;
    width: 50%;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: line-through;
}

    .w45-product__card__item__postinfo__mainprice:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w45-product__btn {
    padding: 0.7em 1.6em;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: white;
    margin: 0 auto;
    border: none;
    width: fit-content;
    border: 1px solid rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all 0.2s ease;
}

    .w45-product__btn:hover {
        background-color: white;
    }

        .w45-product__btn:hover .w45-product__btn__icon {
            color: black;
        }

        .w45-product__btn:hover .w45-product__btn__text {
            color: black;
        }

.w45-product__btn__icon {
    font-size: 1.3em;
    margin-right: 0.5em;
}

.w45-product__btn__text {
    font-size: 1.3em;
}

/*ed*/
/*w45-productdetail*/
.w45-productdetail {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w45-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w45-productdetail__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 0.2em;
    padding: 1em;
}

.w45-productdetail__main__image {
    width: 49%;
    margin-right: 1%;
}

@media only screen and (max-width: 50em) {
    .w45-productdetail__main__image {
        margin-right: 0;
        width: 100%;
    }
}

.w45-productdetail__main__image__contain {
    overflow: hidden;
}

.w45-productdetail__main__image__contain__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w45-productdetail__main__image__contain__imgbox__img {
    width: 100%;
}

.w45-productdetail__main__image__contain__thumb {
    width: 100%;
    display: flex;
    position: relative;
}

    .w45-productdetail__main__image__contain__thumb .swiper-slide {
        width: 20%;
    }

@media only screen and (max-width: 50em) {
    .w45-productdetail__main__image__contain__thumb .swiper-slide {
        margin-right: 0;
        width: 33.33333333%;
    }
}

.w45-productdetail__main__image__contain__thumb .swiper-button-next {
    right: 0;
}

    .w45-productdetail__main__image__contain__thumb .swiper-button-next::after {
        font-size: 2em;
    }

.w45-productdetail__main__image__contain__thumb .swiper-button-prev {
    left: 0;
}

    .w45-productdetail__main__image__contain__thumb .swiper-button-prev::after {
        font-size: 2em;
    }

.w45-productdetail__main__image__contain__thumb__imgbox {
    width: 100%;
    background-color: transparent;
    border: none;
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

.w45-productdetail__main__image__contain__thumb__imgbox__img {
    width: 100%;
}

.w45-productdetail__main__image__imgbox {
    background-size: contain;
    background-position: center;
    margin-top: 1em;
}

.w45-productdetail__main__image__imgbox__img {
    height: 100%;
    width: 100%;
}

.w45-productdetail__main__content {
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w45-productdetail__main__content {
        width: 100%;
        margin-top: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content {
        width: 100%;
    }
}

.w45-productdetail__main__content__head {
    padding: 0 1em;
    margin-bottom: 2em;
}

.w45-productdetail__main__content__head__more {
    display: flex;
}

.w45-productdetail__main__content__head__more__link {
    margin-bottom: 0.5em;
}

    .w45-productdetail__main__content__head__more__link:not(:first-child) {
        border-left: 1px solid #cecece;
        padding: 0 0.5em 0 0.5em;
        margin-left: 0.5em;
    }

.w45-productdetail__main__content__head__more__link__head {
    font-weight: 600;
    font-size: 1em;
}

.w45-productdetail__main__content__head__more__link__a {
    display: inline-block;
    margin-left: 0.5em;
    color: #003650;
    line-height: 1.6em;
    font-size: 1em;
    cursor: pointer;
}

.w45-productdetail__main__content__head__title {
    font-weight: 600;
    font-size: 2em;
    line-height: 1.7em;
}

.w45-productdetail__main__content__head__stars {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5em;
}

.w45-productdetail__main__content__head__stars__icon {
    display: flex;
}

.w45-productdetail__main__content__head__stars__icon__star {
    font-size: 1.2em;
    margin-right: 0.3em;
    color: #ffdf00;
}

.w45-productdetail__main__content__head__stars__cm {
    cursor: pointer;
    display: inline-block;
    font-size: 1em;
}

    .w45-productdetail__main__content__head__stars__cm:not(:first-child) {
        padding: 0 0.5em;
        margin-left: 0.5em;
        border-left: 1px solid #cecece;
    }

.w45-productdetail__main__content__detail {
    width: 100%;
    padding: 0 1em;
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail {
        width: 100%;
    }
}

.w45-productdetail__main__content__detail__grbtn {
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1em;
}

.w45-productdetail__main__content__detail__grbtn__btn {
    width: 48%;
    position: relative;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0.75em 1.5em;
    background-color: rgba(var(--main-color-w), 1);
    transition: all 0.2s ease;
    display: inline-flex;
    align-items: center;
    margin-top: 1em;
    backface-visibility: hidden;
    border-radius: 2em;
    margin: 1%;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w45-productdetail__main__content__detail__grbtn__btn {
        width: 100%;
        margin-top: 0.5em;
    }
}

.w45-productdetail__main__content__detail__grbtn__btn__text {
    color: white;
    font-weight: 600;
    transition: all 0.2s ease;
    z-index: 2;
    display: block;
    position: relative;
    line-height: 1.6em;
    font-size: 1.3em;
}

.w45-productdetail__main__content__detail__grbtn__btn__icon {
    color: white;
    font-size: 2em;
    margin-right: 0.5em;
    z-index: 2;
}

.w45-productdetail__main__content__detail__grbtn__btn::after {
    position: absolute;
    content: "";
    right: 0;
    height: 100%;
    top: 0;
    background-color: crimson;
    max-width: 2em;
    width: 100%;
    transform: translateY(0);
    transition: all 0.2s ease;
    display: block;
    z-index: 1;
    backface-visibility: hidden;
}

.w45-productdetail__main__content__detail__grbtn__btn:hover::after {
    max-width: 20em;
    width: 50%;
    height: 100%;
    transform: none;
}

.w45-productdetail__main__content__detail__grbtn__btn:hover {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.2);
    transform: translate(-0.2em, -0.2em);
}

.w45-productdetail__main__content__detail__more {
    cursor: pointer;
}

.w45-productdetail__main__content__detail__more__checkbox:checked ~ .w45-productdetail__main__content__detail__more__content {
    max-height: 100em;
    transition: all 0.2s;
    padding: 1em;
}

.w45-productdetail__main__content__detail__more__checkbox:checked ~ .w45-productdetail__main__content__detail__more__lbl {
    background-color: #e7e7e7;
}

    .w45-productdetail__main__content__detail__more__checkbox:checked ~ .w45-productdetail__main__content__detail__more__lbl .w45-productdetail__main__content__detail__more__lbl__iconplus-1 {
        display: block !important;
    }

    .w45-productdetail__main__content__detail__more__checkbox:checked ~ .w45-productdetail__main__content__detail__more__lbl .w45-productdetail__main__content__detail__more__lbl__iconplus {
        display: none !important;
    }

.w45-productdetail__main__content__detail__more__checkbox {
    display: none;
}

.w45-productdetail__main__content__detail__more__lbl {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-top: 1px solid #dfdfdf;
    padding: .7em;
    transition: all .2s ease;
}

.w45-productdetail__main__content__detail__more__lbl__text {
    cursor: pointer;
    font-size: 1.4em;
    display: block;
    margin-left: 0.5em;
}

.w45-productdetail__main__content__detail__more__lbl__iconplus {
    color: #b1b1b1;
    cursor: pointer;
    display: block;
    font-size: 2.5em;
}

.w45-productdetail__main__content__detail__more__lbl__iconplus-1 {
    display: none !important;
    color: #b1b1b1;
    cursor: pointer;
    font-size: 2.5em;
}

.w45-productdetail__main__content__detail__more__content {
    transition: all 0.2s ease;
    max-height: 0;
    overflow: hidden;
}

.w45-productdetail__main__content__detail__more__content__text {
    line-height: 1.6em;
    text-align: justify;
    font-size: 1.2em;
}

.w45-productdetail__main__content__detail__more__content__review {
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__more__content__review {
        flex-direction: column;
    }
}

.w45-productdetail__main__content__detail__more__content__review__first {
    width: 100%;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__more__content__review__first {
        width: 100%;
    }
}

.w45-productdetail__main__content__detail__more__content__review__first-col {
    display: flex;
    margin-top: 1em;
}

.w45-productdetail__main__content__detail__more__content__review__first__paging {
    text-align: center;
    margin-top: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w45-productdetail__main__content__detail__more__content__review__first__paging__items {
    padding: 1em;
    width: 3.3em;
    display: inline-block;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1em;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__more__content__review__first__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w45-productdetail__main__content__detail__more__content__review__first__paging__pre {
    cursor: pointer;
    margin-left: 1em;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1em;
}

.w45-productdetail__main__content__detail__more__content__review__first__paging__pre__text {
    font-size: 1.2em;
}

.w45-productdetail__main__content__detail__more__content__review__first__paging__pre__icon {
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w45-productdetail__main__content__detail__more__content__review__first__imgbox {
    width: 7em;
    min-width: 7em;
}

.w45-productdetail__main__content__detail__more__content__review__first__imgbox__img {
    width: 100%;
}

.w45-productdetail__main__content__detail__more__content__review__first__comment {
    margin-left: 2em;
    width: 100%;
}

.w45-productdetail__main__content__detail__more__content__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w45-productdetail__main__content__detail__more__content__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.3em;
}

.w45-productdetail__main__content__detail__more__content__review__first__comment__head__user__date {
    color: #777;
}

.w45-productdetail__main__content__detail__more__content__review__first__comment__star__icon {
    color: #f93;
}

.w45-productdetail__main__content__detail__more__content__review__first__comment__text {
    color: #777;
    margin-top: 1em;
    text-align: justify;
    line-height: 1.6em;
}

.w45-productdetail__main__content__detail__more__content__review__second {
    width: 100%;
    border: 2px solid rgba(var(--main-color-w), 1);
    padding: 2em;
    height: max-content;
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__more__content__review__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w45-productdetail__main__content__detail__more__content__review__second sup {
    color: black;
    font-size: 1.3em;
}

.w45-productdetail__main__content__detail__more__content__review__second__title {
    font-size: 1.6em;
    line-height: 1.6em;
    font-weight: 600;
}

.w45-productdetail__main__content__detail__more__content__review__second__textrate {
    margin-top: .5em;
    color: black;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 600;
}

.w45-productdetail__main__content__detail__more__content__review__second__stars {
    display: flex;
}

.w45-productdetail__main__content__detail__more__content__review__second__stars__star {
    margin-top: 1.5em;
    margin-right: 1em;
    padding-right: 1em;
}

    .w45-productdetail__main__content__detail__more__content__review__second__stars__star:not(:last-child) {
        border-right: 1px solid #dfdfdf;
    }

.w45-productdetail__main__content__detail__more__content__review__second__stars__star__icon {
    color: #dfdfdf;
    font-size: 1.5em;
}

.w45-productdetail__main__content__detail__more__content__review__second__textreview {
    margin-top: 0.5em;
    color: black;
    font-size: 1.2em;
    font-weight: 600;
}

.w45-productdetail__main__content__detail__more__content__review__second__textarea {
    width: 100%;
    height: 10em;
    margin-top: 0.5em;
    font-size: 1.2em;
    font-family: inherit;
    border: 1px solid black;
    padding: 1em;
}

.w45-productdetail__main__content__detail__more__content__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1em 0;
    width: 100%;
}

.w45-productdetail__main__content__detail__more__content__review__second__textform__name {
    width: 48%;
    display: block;
}

.w45-productdetail__main__content__detail__more__content__review__second__textform__name__info {
    margin-top: 0.5em;
    color: black;
    font-size: 1.2em;
    font-weight: 600;
}

.w45-productdetail__main__content__detail__more__content__review__second__textform__name__input {
    margin-top: 0.5em;
    display: inline-block;
    width: 100%;
    font-size: 1.2em;
    padding: 0.5em;
    border: 1px solid black;
}

.w45-productdetail__main__content__detail__more__content__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2em;
    padding: .5em 1em;
    margin-left: auto;
    display: block;
    width: 100%;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 600;
    font-size: 1.3em;
}

    .w45-productdetail__main__content__detail__more__content__review__second__button:hover {
        filter: brightness(0.8);
    }

.w45-productdetail__main__content__detail__gift {
    border: 0.2em solid red;
    border-top: 0.3em solid red;
    margin-top: 1em;
    border-radius: 0.5em;
    position: relative;
    display: block;
    overflow: hidden;
}

.w45-productdetail__main__content__detail__gift__lbl {
    cursor: pointer;
    background-color: #eee;
    padding: .5em 1em;
    position: relative;
    display: block;
    width: 100%;
    text-align: center;
}

.w45-productdetail__main__content__detail__gift__lbl__main {
    font-size: 1.4em;
    font-weight: 600;
    color: black;
}

.w45-productdetail__main__content__detail__gift__lbl__sub {
    margin-top: 0.5em;
    font-size: 1.2em;
    color: black;
}

.w45-productdetail__main__content__detail__gift__checkbox {
    display: none;
}

.w45-productdetail__main__content__detail__gift__content {
    overflow: hidden;
    transition: all 0.2s ease-in;
    padding: 1em;
    background-color: rgba(242, 226, 226, 0.558);
    margin: 1em;
    border-radius: .5em;
}

.w45-productdetail__main__content__detail__gift__content__name {
    line-height: 1.8em;
    text-align: justify;
    font-size: 1.3em;
    font-weight: 600;
}

.w45-productdetail__main__content__detail__gift__content__items {
    display: flex;
    align-items: baseline;
    margin-bottom: 1em;
}

.w45-productdetail__main__content__detail__gift__content__items__icon {
    font-size: 1em;
    color: black;
    width: 2em;
    min-width: 2em;
}

.w45-productdetail__main__content__detail__gift__content__items__text {
    line-height: 1.8em;
    text-align: justify;
    font-size: 1.2em;
    color: black;
}

.w45-productdetail__main__content__detail__price {
    background-color: #eeee;
    padding: 1em;
    margin-top: 1em;
    border-radius: 0.5em;
}

.w45-productdetail__main__content__detail__price__cost {
    display: flex;
    align-items: end;
}

.w45-productdetail__main__content__detail__price__cost__main {
    display: block;
    font-weight: 800;
    font-size: 2.5em;
    color: red;
    margin-right: 0.5em;
}

.w45-productdetail__main__content__detail__price__cost__down {
    display: block;
    font-size: 1.4em;
    text-decoration: line-through;
    color: #808089;
}

.w45-productdetail__main__content__detail__price__cost__per {
    background-color: rgba(255, 0, 0, 0.05);
    color: red;
    padding: 0.2em;
    font-size: 0.8em;
    border: 0.1em solid red;
    margin-left: 1em;
}

.w45-productdetail__main__content__detail__price__mb {
    display: flex;
    align-items: center;
    margin-top: 2em;
}

.w45-productdetail__main__content__detail__price__mb__icon {
    color: red;
    font-size: 1em;
    margin-top: 0.1em;
}

.w45-productdetail__main__content__detail__price__mb__text {
    color: red;
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 1.6em;
    margin-left: 0.5em;
}

.w45-productdetail__main__content__detail__price__mb__ask {
    height: 1.5em;
    width: 1.5em;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #0b74e5;
    color: #0b74e5;
    font-weight: 600;
    font-size: 0.7em;
    margin-left: 0.5em;
    margin-bottom: 0.1em;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__price__ht {
    display: flex;
    align-items: center;
    border: 1px solid #c6bcf8;
    width: fit-content;
    padding: 0.2em 0.5em;
    border-radius: 0.5em;
    background-color: #f2f0fe;
    margin-top: 1em;
}

.w45-productdetail__main__content__detail__price__ht__icon {
    color: #402da1;
    font-size: 1em;
    margin-top: 0.1em;
}

.w45-productdetail__main__content__detail__price__ht__text {
    color: #402da1;
    font-size: 1.2em;
    font-weight: bolder;
    line-height: 1.6em;
    margin-left: 0.5em;
}

.w45-productdetail__main__content__detail__price__ht__ask {
    height: 1.5em;
    width: 1.5em;
    text-align: center;
    border-radius: 50%;
    border: 1px solid #0b74e5;
    color: #0b74e5;
    font-weight: 600;
    font-size: 0.7em;
    margin-left: 0.5em;
    margin-bottom: 0.1em;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__status {
    margin-top: 1em;
}

.w45-productdetail__main__content__detail__status__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
}

.w45-productdetail__main__content__detail__status__text {
    color: black;
}

.w45-productdetail__main__content__detail__action {
    display: flex;
    margin-top: 1.5em;
    flex-wrap: wrap;
    align-items: center;
}

.w45-productdetail__main__content__detail__action__number {
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.w45-productdetail__main__content__detail__action__number__in {
    width: 2em;
    height: 2em;
    font-size: 1.6em;
    border: 0.05em solid #e7e7e7;
    border-right: none;
    outline: none;
    text-align: center;
}

.w45-productdetail__main__content__detail__action__number__cr {
    display: flex;
    flex-direction: column;
}

.w45-productdetail__main__content__detail__action__number__cr__tt {
    display: block;
    border: 0.1em solid #e7e7e7;
    padding: 0.2em;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__action__add {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: none;
    outline: none;
    padding: 1em 2em;
    border-radius: 0.1em;
    font-weight: 600;
    margin-right: 1em;
    height: fit-content;
    white-space: nowrap;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w45-productdetail__main__content__detail__action__add {
        font-size: 1em;
    }
}

.w45-productdetail__main__content__detail__action__buy {
    background-color: crimson;
    border-radius: 0.2em;
    color: white;
    border: none;
    outline: none;
    padding: 1em 2em;
    font-weight: 600;
    height: fit-content;
    white-space: nowrap;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w45-productdetail__main__content__detail__action__buy {
        font-size: 1em;
    }
}

.w45-productdetail__main__content__detail__action__like {
    display: flex;
    align-items: center;
    margin-left: auto;
    float: right;
    padding: 1em;
}

.w45-productdetail__main__content__detail__action__like__icon {
    color: orangered;
    font-size: 2.5em;
    margin-right: 0.2em;
    font-weight: 500;
}

.w45-productdetail__main__content__detail__action__like__text {
    font-size: 1.2em;
}

.w45-productdetail__main__content__detail__action__like:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w45-productdetail__main__content__detail__ms__heading {
    margin: 1em 0 0.5em 0;
    font-weight: 600;
    font-size: 2em;
}

.w45-productdetail__main__content__detail__ms__product {
    padding-bottom: 1em;
    border-bottom: 0.1em solid #cecece;
    overflow: hidden;
}

    .w45-productdetail__main__content__detail__ms__product .swiper-slide {
        width: 20%;
        cursor: pointer;
    }

.w45-productdetail__main__content__detail__ms__product__imgbox {
    background-size: contain;
    background-position: center;
}

.w45-productdetail__main__content__detail__ms__product__imgbox__img {
    width: 100%;
}

.w45-productdetail__main__content__detail__ms__body {
    margin-top: 0.5em;
    border-bottom: 0.1em solid #cecece;
    padding-bottom: 0.5em;
}

.w45-productdetail__main__content__detail__ms__body__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5em 0;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__ms__body__item__tt {
    display: flex;
    align-items: center;
    font-size: 1.3em;
}

.w45-productdetail__main__content__detail__ms__body__item__tt__cb {
    margin-right: 0.5em;
    cursor: pointer;
    width: 1.5em;
    height: 1.5em;
}

.w45-productdetail__main__content__detail__ms__body__item__text {
    font-size: 1.3em;
    padding: 0 0.5em;
}

.w45-productdetail__main__content__detail__ms__footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__ms__footer {
        margin-top: 1em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__ms__footer__first {
        width: 100%;
    }
}

.w45-productdetail__main__content__detail__ms__footer__first__button {
    color: white;
    background: crimson;
    padding: 1em 2em;
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 1.6em;
    cursor: pointer;
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__ms__footer__first__button {
        width: 100%;
    }
}

.w45-productdetail__main__content__detail__ms__footer__second {
    text-align: right;
    font-size: 1.3em;
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__ms__footer__second {
        width: 100%;
        text-align: center;
    }
}

.w45-productdetail__main__content__detail__ms__footer__second__text {
    padding: 0.5em 0;
}

.w45-productdetail__main__content__detail__cl {
    margin-top: 1em;
    display: block;
}

.w45-productdetail__main__content__detail__cl__name {
    display: flex;
}

.w45-productdetail__main__content__detail__cl__name__main {
    font-size: 1em;
}

.w45-productdetail__main__content__detail__cl__name__sub {
    font-size: 1em;
    font-weight: 600;
    margin-left: 0.5em;
}

.w45-productdetail__main__content__detail__cl__image {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

    .w45-productdetail__main__content__detail__cl__image .active {
        border: 1px solid #0d5cb6;
        background-color: #e5f2ff;
        position: relative;
    }

        .w45-productdetail__main__content__detail__cl__image .active::after {
            content: "";
            position: absolute;
            background-image: url(/img/w41/selected-variant-indicator.svg);
            height: 1.5em;
            width: 1.5em;
            background-position: center;
            background-repeat: no-repeat;
            right: 0;
            top: 0;
        }

    .w45-productdetail__main__content__detail__cl__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w45-productdetail__main__content__detail__cl__image__its {
    width: 31.3333333%;
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-left: 3%;
    margin-bottom: 1em;
    border-radius: 0.3em;
    overflow: hidden;
    cursor: pointer;
    font-weight: 600;
}

    .w45-productdetail__main__content__detail__cl__image__its:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w45-productdetail__main__content__detail__cl__image__its:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w45-productdetail__main__content__detail__cl__image__its {
        width: 48.5%;
    }

        .w45-productdetail__main__content__detail__cl__image__its:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w45-productdetail__main__content__detail__cl__image__its__imgbox {
    max-height: 5em;
    height: 5em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w45-productdetail__main__content__detail__cl__image__its__imgbox__img {
    height: 100%;
}

.w45-productdetail__main__content__detail__cl__image__its__text {
    font-size: 1em;
    margin-left: 1em;
}

.w45-productdetail__main__content__detail__cl__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w45-productdetail__main__content__detail__gd {
    margin-top: 1em;
}

.w45-productdetail__main__content__detail__gd__text {
    font-size: 1em;
}

.w45-productdetail__main__content__detail__gd__change {
    color: #0b74e5;
    font-size: 1em;
    font-weight: bolder;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__gd__checkbox:checked ~ .w45-productdetail__main__content__detail__gd__pop {
    display: block;
}

.w45-productdetail__main__content__detail__gd__checkbox {
    display: none;
}

.w45-productdetail__main__content__detail__gd__pop {
    position: fixed;
    width: 50em;
    background-color: #f2f2f2;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.278);
    top: 10%;
    padding: 1em;
    z-index: 5;
    border-radius: 0.5em;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 50em) {
    .w45-productdetail__main__content__detail__gd__pop {
        max-width: 90%;
    }
}

.w45-productdetail__main__content__detail__gd__pop__lbl {
    position: absolute;
    right: -1em;
    top: -1em;
    background-color: white;
    cursor: pointer;
    border-radius: 50%;
}

.w45-productdetail__main__content__detail__gd__pop__lbl__icon {
    font-size: 2em;
}

.w45-productdetail__main__content__detail__gd__pop__contain {
    background-color: white;
    padding: 1em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__name {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.6em;
    display: block;
    text-align: center;
}

.w45-productdetail__main__content__detail__gd__pop__contain__text {
    font-size: 1.2em;
    margin-top: 0.5em;
    line-height: 1.6em;
    display: block;
    text-align: center;
    border-top: 1px solid #f2f2f2;
    padding-top: 0.5em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__btn {
    display: block;
    width: fit-content;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7em 2em;
    font-size: 1.2em;
    border: 0;
    border-radius: 0.3em;
    margin: 1em auto;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chu {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 1em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chu__name {
    margin: 0 1em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chu__line {
    flex: 1;
    border-bottom: 2px solid gainsboro;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__it {
    display: flex;
    align-items: center;
    margin-bottom: 1em;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__it__rd {
    height: 1.5em;
    width: 1.5em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__it__text {
    font-size: 1.1em;
    margin-left: 0.5em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list {
    display: flex;
    align-items: center;
    padding: 0.5em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__name {
    font-size: 1.2em;
    white-space: nowrap;
    margin-right: 1em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung {
    padding: 0.7em;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    border-radius: 0.5em;
    background-color: white;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__checkbox {
    display: none;
}

    .w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__checkbox:checked ~ .w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2em;
    font-weight: 600;
    cursor: pointer;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__ad__name {
    color: rgba(var(--main-color-w), 1);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__ad__icon {
    margin-left: 0.5em;
    color: rgba(var(--main-color-w), 1);
    border-left: 1px solid #cecece;
    padding: 0 1em;
}

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__items {
    position: absolute;
    top: 4em;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__items .active {
        font-weight: 800;
    }

.w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__items__item {
    font-size: 1.2em;
    display: block;
    cursor: pointer;
    padding: 0.5em;
    margin-top: 0.5em;
}

    .w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__items__item:not(:last-child) {
        margin-bottom: 1em;
    }

    .w45-productdetail__main__content__detail__gd__pop__contain__chon__list__vung__items__item:hover {
        background-color: #eee;
    }

.w45-productdetail__main__content__detail__gd__pop__contain__btn-1 {
    display: block;
    width: fit-content;
    background-color: red;
    padding: 0.7em 2em;
    font-size: 1.2em;
    border: 0;
    border-radius: 0.3em;
    margin: 1em auto;
    cursor: pointer;
    color: white;
    font-weight: bolder;
}

.w45-productdetail__main__content__detail__size {
    margin-top: 1em;
    display: block;
}

.w45-productdetail__main__content__detail__size__name {
    display: flex;
}

.w45-productdetail__main__content__detail__size__name__main {
    font-size: 1em;
}

.w45-productdetail__main__content__detail__size__name__sub {
    font-size: 1em;
    font-weight: 600;
    margin-left: 0.5em;
}

.w45-productdetail__main__content__detail__size__image {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

    .w45-productdetail__main__content__detail__size__image .active {
        border: 1px solid #0d5cb6;
        background-color: #e5f2ff;
        position: relative;
    }

        .w45-productdetail__main__content__detail__size__image .active::after {
            content: "";
            position: absolute;
            background-image: url(/img/w41/selected-variant-indicator.svg);
            height: 1.5em;
            width: 1.5em;
            background-position: center;
            background-repeat: no-repeat;
            right: 0;
            top: 0;
        }

    .w45-productdetail__main__content__detail__size__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w45-productdetail__main__content__detail__size__image__its {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-left: 1.1111111%;
    margin-bottom: 1em;
    border-radius: 0.3em;
    overflow: hidden;
    cursor: pointer;
    font-weight: 600;
    flex-wrap: wrap;
}

.w45-productdetail__main__content__detail__size__image__its__text {
    font-size: 1em;
    padding: 0.5em 1em;
    text-align: center;
    width: fit-content;
    width: 100%;
}

.w45-productdetail__main__content__detail__size__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w45-productdetail__content {
    margin-top: 2em;
}

.w45-productdetail__content__tab {
    display: flex;
    align-items: center;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

    .w45-productdetail__content__tab .active {
        background-color: rgba(var(--main-color-w), 1);
        border-top-left-radius: 1em;
        border-top-right-radius: 1em;
        color: white;
    }

.w45-productdetail__content__tab__mt {
    padding: .5em 2em;
    text-align: center;
    color: black;
    cursor: pointer;
    font-size: 1.4em;
    font-weight: 600;
    margin-right: .5EM;
}

    .w45-productdetail__content__tab__mt:hover {
        background-color: rgba(var(--main-color-w), 1);
        border-top-left-radius: 1em;
        border-top-right-radius: 1em;
        color: white;
    }

.w45-productdetail__content__text {
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

.w45-productdetail__content__content {
    margin-top: -0.1em;
    padding: 0.7em 1em 1em 1em;
    overflow: hidden;
    line-height: 1.8em;
    font-size: 1.6em;
    text-align: justify;
}

/*ed*/
/*w45-video*/
.w45-video {
    width: 100%;
    padding: 2em 1em;
    background-color: rgba(17, 70, 175, 0.081);
}

.w45-video__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w45-video__tin {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75em) {
    .w45-video__tin {
        flex-direction: column;
    }
}

.w45-video__tin__first {
    width: 48%;
}

@media only screen and (max-width: 43.75em) {
    .w45-video__tin__first {
        width: 100%;
        padding: 1em;
    }
}

.w45-video__tin__first__card {
    box-shadow: 0 0 0.1em rgba(0, 0, 0, 0.379);
    border-radius: .5em;
    overflow: hidden;
}

.w45-video__tin__first__card__ifbox {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.w45-video__tin__first__card__ifbox__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    filter: brightness(0.8);
}

.w45-video__tin__first__card__ifbox__imgbox__img {
    width: 100%;
}

.w45-video__tin__first__card__ifbox__iconbox {
    padding: 2em 4em;
    background-color: red;
    color: white;
    opacity: 0.7 !important;
    position: absolute;
    border-radius: 2em;
    left: 0;
    right: 0;
    border: 1px solid white;
    box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.8);
    margin: 0 auto;
    width: fit-content;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease;
}

.w45-video__tin__first__card__ifbox__iconbox__icon {
    font-size: 3em;
    transition: all .2s ease;
    text-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.8);
}

.w45-video__tin__first__card__ifbox:hover .w45-video__tin__first__card__ifbox__iconbox {
    transform: translateY(-50%) scale(1.3);
}

.w45-video__tin__first__card__ifbox:hover .w45-video__tin__first__card__ifbox__iconbox__icon {
    transform: scale(1.4);
    text-shadow: 0.1em 0.1em 0.5em rgba(255, 255, 255, 0.8);
}

.w45-video__tin__first__card__ifbox iframe {
    width: 100%;
    height: 40em;
}

.w45-video__tin__first__card__content {
    padding: 1em;
    background-color: white;
}

.w45-video__tin__first__card__content__cate {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5em;
}

.w45-video__tin__first__card__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    color: white;
    border-radius: 1em;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w45-video__tin__first__card__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w45-video__tin__first__card__content__main {
    font-size: 1.6em;
    font-weight: 600;
    text-align: center;
    margin-top: 0.5em;
    display: block;
    color: #2e3192;
}

@media only screen and (max-width: 43.75em) {
    .w45-video__tin__first__card__content__main {
        font-size: 1.5em;
    }
}

.w45-video__tin__second {
    width: 50%;
    max-height: 40em;
    overflow: scroll;
}

@media only screen and (max-width: 43.75em) {
    .w45-video__tin__second {
        width: 100%;
        margin-top: 2em;
    }
}

.w45-video__tin__second__item {
    color: black;
    display: flex;
    align-items: center;
    background-color: white;
    margin-top: .1em;
    border-radius: .5em;
}

    .w45-video__tin__second__item:not(:last-child) {
        margin-bottom: 2em;
    }

.w45-video__tin__second__item__ifbox {
    width: 20%;
    min-width: 20%;
    position: relative;
    cursor: pointer;
}

.w45-video__tin__second__item__ifbox__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    filter: brightness(0.8);
    border-radius: .5em;
    overflow: hidden;
}

.w45-video__tin__second__item__ifbox__imgbox__img {
    width: 100%;
}

.w45-video__tin__second__item__ifbox__iconbox {
    padding: .5em 1em;
    background-color: red;
    color: white;
    opacity: 0.7 !important;
    position: absolute;
    border-radius: .5em;
    left: 0;
    right: 0;
    border: 1px solid white;
    box-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.8);
    margin: 0 auto;
    width: fit-content;
    top: 50%;
    transform: translateY(-50%);
    transition: all .2s ease;
}

.w45-video__tin__second__item__ifbox__iconbox__icon {
    font-size: 1em;
    transition: all .2s ease;
    text-shadow: 0.1em 0.1em 0.5em rgba(0, 0, 0, 0.8);
}

.w45-video__tin__second__item__ifbox:hover .w45-video__tin__second__item__ifbox__iconbox {
    transform: translateY(-50%) scale(1.3);
}

.w45-video__tin__second__item__ifbox:hover .w45-video__tin__second__item__ifbox__iconbox__icon {
    transform: scale(1.4);
    text-shadow: 0.1em 0.1em 0.5em rgba(255, 255, 255, 0.8);
}

.w45-video__tin__second__item__ifbox iframe {
    width: 100%;
    height: 40em;
}

.w45-video__tin__second__item__info {
    margin-left: 1em;
    width: 100%;
}

.w45-video__tin__second__item__info__main {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 1.3em;
    transition: all 0.2s ease;
    padding: 0 0.5em;
    display: block;
    color: #2e3192;
    text-align: center;
    width: 100%;
}

    .w45-video__tin__second__item__info__main:hover {
        text-decoration: underline;
    }

.w45-video__btn {
    padding: .7em 0;
    display: block;
    text-align: center;
    font-size: 1.6em;
    font-weight: bolder;
    border-radius: 2em;
    margin: 0 auto;
    margin-top: 2em;
    width: max-content;
    cursor: pointer;
    transition: all .2s ease;
    color: rgba(var(--main-color-w), 1);
    position: relative;
}

    .w45-video__btn::after {
        content: "";
        width: 50%;
        transition: all .2s ease;
        height: .2em;
        opacity: 0.5;
        position: absolute;
        margin: 0 auto;
        background-color: rgba(var(--main-color-w), 1);
        left: 0;
        right: 0;
        top: 80%;
    }

    .w45-video__btn:hover::after {
        width: 100%;
        opacity: 1;
    }

/*ed*/

/*w46-menu*/
.w46-menu {
    width: 100%;
    display: block;
    z-index: 4;
    position: relative;
}

.w46-menu__ab {
    background-color: transparent !important;
    color: white;
    position: absolute !important;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__ab {
        background-color: white;
        color: black;
    }
}

.w46-menu__scroll-menu {
    background-color: rgba(var(--main-color-w), 1);
    position: fixed;
    top: 0;
    width: 100%;
    color: white !important;
}

    .w46-menu__scroll-menu figure {
        border-radius: 0.4em;
    }

.w46-menu-row {
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
}

.w46-menu-row-1 {
    background-color: white;
    width: 100%;
}

.w46-menu__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
    max-width: 120em;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w46-menu__head {
        flex-wrap: wrap;
        display: flex;
    }
}

.w46-menu__head__logobox {
    text-align: center;
    background-size: contain;
    background-position: center;
    height: 7em;
    margin-bottom: 1em;
    margin-right: 1em;
    min-width: 7em;
    margin-left: 1em;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w46-menu__head__logobox {
        max-width: 30%;
        margin-bottom: .5em;
    }
}

.w46-menu__head__logobox__img {
    max-width: 100%;
}

.w46-menu__head__logobox--mobile {
    text-align: center;
    background-size: contain;
    background-position: center;
    height: 7em;
    min-width: 7em;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w46-menu__head__logobox--mobile {
        display: none;
    }
}

.w46-menu__head__logobox--mobile__img {
    max-width: 100%;
}

.w46-menu__head__search {
    position: relative;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w46-menu__head__search {
        display: inline-flex;
        width: 100%;
        margin-bottom: 1em;
    }
}

.w46-menu__head__search__checkbox:checked ~ .w46-menu__head__search__pop {
    display: block;
}

.w46-menu__head__search__checkbox {
    display: none;
}

.w46-menu__head__search__content {
    border-radius: 2em;
    display: flex;
    align-items: center;
    border: 0.2em solid rgba(var(--main-color-w), 1);
    position: relative;
    width: 100%;
    background-color: white;
}

.w46-menu__head__search__content__iconbox {
    background-color: rgba(var(--main-color-w), 1);
    z-index: 1;
    right: 0.5em;
    display: block;
    position: absolute;
    height: fit-content;
    border-radius: 50%;
    transition: all 0.2s ease;
    height: 2.5em;
    width: 2.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w46-menu__head__search__content__iconbox__icon {
    font-size: 1em;
    cursor: pointer;
    color: white;
}

.w46-menu__head__search__content__iconbox:hover {
    filter: brightness(0.9);
}

.w46-menu__head__search__content__in {
    margin-right: 0.5em;
    font-size: 1.2em;
    border: none;
    width: 100%;
    height: auto;
    outline: none;
    padding: 0.7em;
    background-color: transparent;
    font-style: italic;
}

@media only screen and (min-width: 50em) {
    .w46-menu__head__search__content__in {
        min-width: 21em;
    }
}

.w46-menu__head__search__live {
    position: absolute;
    width: 100%;
    top: 4em;
    left: 0;
    text-align: center;
    z-index: 3;
    background-color: white;
    border: 0.1em solid #f2f2f2;
    border-radius: 1em;
    overflow: hidden;
}

.w46-menu__head__search__live__pd {
    display: flex;
    cursor: pointer;
    border-bottom: 1px solid #ddd;
    padding: .5em;
}

    .w46-menu__head__search__live__pd:hover {
        background-color: #f8f8f8;
    }

.w46-menu__head__search__live__pd__imgbox {
    width: 25%;
    margin-right: 1em;
    background-size: contain;
    background-position: center;
}

.w46-menu__head__search__live__pd__imgbox__img {
    width: 100%;
}

.w46-menu__head__search__live__pd__content {
    padding: 1em;
}

.w46-menu__head__search__live__pd__content__price {
    display: flex;
    align-items: center;
}

.w46-menu__head__search__live__pd__content__price__count {
    margin-right: 1em;
    font-size: 1.6em;
    font-weight: 600;
    color: crimson;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__head__search__live__pd__content__price__count {
        font-size: 1em;
    }
}

.w46-menu__head__search__live__pd__content__price__main {
    margin-right: 1em;
    font-size: 1.3em;
    text-decoration: line-through;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__head__search__live__pd__content__price__main {
        font-size: 1em;
    }
}

.w46-menu__head__search__live__pd__content__text {
    font-size: 1.2em;
    font-weight: 600;
    margin-bottom: 2em;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__head__search__live__pd__content__text {
        font-size: 1em;
    }
}

.w46-menu__head__search__live__gy {
    background-color: #f2f2f2;
    padding: 0.5em;
}

.w46-menu__head__search__live__gyf {
    background-color: #f2f2f2;
    padding: 0.5em;
    text-decoration: underline;
    cursor: pointer;
    padding: 1em;
    font-size: 1.2em;
    display: block;
    width: 90%;
    margin: 1em auto;
    border-radius: .5em;
    border: 1px solid rgba(var(--main-color-w), 1);
}

    .w46-menu__head__search__live__gyf:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w46-menu__head__search__pop {
    display: none;
    position: absolute;
    background-color: #ededed;
    z-index: 2;
    border-radius: 1em;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w46-menu__head__search__pop {
        top: 4em;
        width: 100%;
        left: 0;
    }
}

.w46-menu__head__search__pop__iconbox {
    position: absolute;
    right: 1em;
    top: 0.8em;
    font-size: 1.5em;
    color: #757575;
    cursor: pointer;
}

.w46-menu__head__search__pop__tag {
    padding: 1em;
    background-color: white;
    margin-top: 0.5em;
}

    .w46-menu__head__search__pop__tag:first-child {
        margin-top: 0;
    }

.w46-menu__head__search__pop__tag__head {
    display: flex;
    align-items: center;
}

.w46-menu__head__search__pop__tag__head__icon {
    font-size: 1.3em;
    color: red;
    width: 1em;
}

.w46-menu__head__search__pop__tag__head__name {
    font-size: 1.2em;
    margin-left: 0.5em;
    color: #003464;
    font-weight: 600;
}

.w46-menu__head__search__pop__tag__main {
    display: flex;
    flex-wrap: wrap;
}

.w46-menu__head__search__pop__tag__main__text {
    padding: 0.3em 0.7em;
    background-color: #ededed;
    border-radius: 1em;
    margin-right: 0.5em;
    margin-top: 1em;
    font-size: 0.9em;
    cursor: pointer;
}

.w46-menu__head__search__pop__tag__sp {
    display: flex;
    flex-wrap: wrap;
}

.w46-menu__head__search__pop__tag__sp__card {
    width: 33.3%;
    text-align: center;
    padding: 0.5em 1em;
    cursor: pointer;
    border-bottom: 1px solid #ededed;
    border-right: 1px solid #ededed;
}

    .w46-menu__head__search__pop__tag__sp__card:nth-child(3n) {
        border-right: none;
    }

    .w46-menu__head__search__pop__tag__sp__card:nth-child(n + 4) {
        border-bottom: none;
    }

.w46-menu__head__search__pop__tag__sp__card__imgbox {
    background-size: contain;
    background-position: center;
}

.w46-menu__head__search__pop__tag__sp__card__imgbox__img {
    width: 100%;
}

.w46-menu__head__search__pop__tag__sp__card__price {
    font-size: 0.8em;
    margin-top: 0.5em;
}

.w46-menu__head__more {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w46-menu__head__more {
        margin-bottom: 1em;
        justify-content: center;
        width: 100%;
    }
}

.w46-menu__head__more__card {
    position: relative;
    cursor: pointer;
    background-color: #ffe68f;
    padding: 1em 1.5em;
    border-radius: 2em;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

.w46-menu__head__more__card__icon {
    font-size: 1.5em;
    margin-right: 0.3em;
    color: rgba(var(--main-color-w), 1);
}

.w46-menu__head__more__card__text {
    font-size: 0.8em;
    position: absolute;
    right: 1em;
    top: -1em;
    z-index: 1;
    background-color: red;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.w46-menu__head__more__card__value {
    font-size: 1em;
    font-weight: 600;
}

.w46-menu__head__more__hot {
    position: relative;
    margin-right: 1em;
    cursor: pointer;
    margin-left: 1em;
    background-color: #494be1;
    border: 1px solid #494be1;
    padding: 1em 1.5em;
    border-radius: 2em;
    display: flex;
    align-items: center;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w46-menu__head__more__hot {
        margin-left: 0;
    }
}

.w46-menu__head__more__hot:hover {
    background-color: rgba(var(--main-color-w), 1);
    border: 1px solid white;
    text-shadow: 0 0 3em rgba(255, 255, 255, 0.363);
    box-shadow: 0 0 3em rgba(255, 255, 255, 0.318);
}

.w46-menu__head__more__hot__icon {
    font-size: 1.5em;
    margin-right: 0.3em;
    color: white;
}

.w46-menu__head__more__hot__text {
    font-size: 0.8em;
    position: absolute;
    right: 1em;
    top: -1em;
    z-index: 1;
    background-color: red;
    border-radius: 50%;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}

.w46-menu__head__more__hot__value {
    font-size: 1em;
    font-weight: 600;
    color: white;
}

.w46-menu__head__more__lang {
    display: flex;
    position: relative;
}

.w46-menu__head__more__lang__checkbox:checked ~ .w46-menu__head__more__lang__items {
    display: block;
}

.w46-menu__head__more__lang__checkbox {
    display: none;
}

.w46-menu__head__more__lang__country {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.5em;
}

.w46-menu__head__more__lang__country__imgbox {
    width: 2em;
    height: 2em;
    background-size: contain;
    background-position: center;
}

.w46-menu__head__more__lang__country__imgbox__img {
    width: 100%;
}

.w46-menu__head__more__lang__country__text {
    font-size: 1em;
    margin-left: 0.5em;
}

.w46-menu__head__more__lang__country__icon {
    font-size: 1em;
    margin-left: 0.2em;
}

.w46-menu__head__more__lang__items {
    display: none;
    position: absolute;
    cursor: pointer;
    background-color: white;
    padding: 0.5em;
    top: 80%;
}

.w46-menu__head__more__lang__items__item {
    display: flex;
    align-items: center;
}

.w46-menu__head__more__lang__items__item__imgbox {
    width: 2em;
    height: 2em;
    background-size: contain;
    background-position: center;
}

.w46-menu__head__more__lang__items__item__imgbox__img {
    width: 100%;
}

.w46-menu__head__more__lang__items__item__text {
    font-size: 1em;
    margin-left: 0.5em;
}

.w46-menu__head__more__lang__items__item__icon {
    font-size: 1em;
    margin-left: 0.2em;
}

.w46-menu__head__dh {
    text-align: center;
    position: relative;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-left: auto;
    margin-right: 1em;
    float: right;
}

@media only screen and (min-width: 50em) {
    .w46-menu__head__dh {
        display: none;
    }
}

.w46-menu__head__dh__icon {
    font-size: 1.8em;
    display: block;
    color: white;
    padding: 0.3em 0.4em;
    border: 1px solid #ddd;
    border-radius: 0.2em;
}

.w46-menu__head__dh__text {
    display: block;
    font-size: 1em;
    margin-right: 0.5em;
    white-space: nowrap;
    color: white;
}

.w46-menu__head__dh__number {
    position: absolute;
    background-color: red;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: white;
}

.w46-menu__main {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    max-width: 120em;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main {
        justify-content: space-between;
    }
}

.w46-menu__main__nav__icon {
    display: none;
    cursor: pointer;
    background-color: black;
}

    .w46-menu__main__nav__icon::after, .w46-menu__main__nav__icon::before {
        background-color: black;
    }

@media only screen and (max-width: 50em) {
    .w46-menu__main__nav__icon {
        display: inline-block;
    }
}

.w46-menu__main__nav__checkbox {
    display: none;
}

    .w46-menu__main__nav__checkbox:checked ~ .w46-menu__main__contain {
        visibility: visible;
        opacity: 1;
        right: 0;
    }

.w46-menu__main__nav {
    height: 3.5em;
    padding: 1em;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__nav {
        display: none;
    }
}

.w46-menu__main__bar {
    position: fixed;
    bottom: 0;
    width: 100%;
    background-color: white;
    left: 0;
    padding: 0.5em 0;
    z-index: 1;
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__bar {
        display: none;
    }
}

.w46-menu__main__bar__list {
    display: flex;
    align-items: center;
    width: 100%;
    border-top: 1px solid rgba(0, 0, 0, 0.207);
    box-shadow: 0 0 3em rgba(0, 0, 0, 0.189);
}

.w46-menu__main__bar__list__dh {
    padding: 0.7em 0.5em;
    width: 100%;
    text-align: center;
    position: relative;
    cursor: pointer;
}

.w46-menu__main__bar__list__dh__icon {
    font-size: 2.7em;
    display: block;
    margin-bottom: 0.2em;
    color: rgba(var(--main-color-w), 1);
}

.w46-menu__main__bar__list__dh__text {
    display: block;
    font-size: 1em;
    white-space: nowrap;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w46-menu__main__bar__list__dh__number {
    position: absolute;
    background-color: red;
    height: 2em;
    width: 2em;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    top: 0.5em;
    right: 0.5em;
    color: white;
}

.w46-menu__main__contain {
    display: flex;
    align-items: center;
    width: 100%;
}

.w46-menu__main__contain__mohead {
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 1em;
    right: 0;
    z-index: 10;
    cursor: pointer;
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__contain__mohead {
        display: none;
    }
}

.w46-menu__main__contain__mohead__lblcl {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 0.3em;
    height: 3em;
    width: 3em;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5em;
    margin-bottom: 1em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.23);
    margin-left: auto;
    margin-right: 0.5em;
    border-radius: 50%;
}

.w46-menu__main__contain__mohead__lblcl__icon {
    font-size: 1.6em;
    color: white;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain {
        position: fixed;
        right: -30em;
        background-color: white;
        height: 100vh;
        width: 30em;
        flex-direction: column;
        transition: all 0.2s ease-in-out;
        top: 0;
        box-shadow: 0 0 1.5em rgba(0, 0, 0, 0.2);
        overflow: scroll;
        z-index: 2;
    }
}

.w46-menu__main__contain__items {
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items {
        display: block;
        width: 100%;
        height: max-content;
        z-index: 10;
    }
}

.w46-menu__main__contain__items__item {
    list-style: none;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item {
        color: black;
    }
}

.w46-menu__main__contain__items__item__link {
    display: flex;
    align-items: center;
    padding: 1.5em 1em;
    white-space: nowrap;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__main__contain__items__item__link {
        padding: 1em;
        border-bottom: 1px solid #eeee;
    }
}

.w46-menu__main__contain__items__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w46-menu__main__contain__items__item__link__iconbox {
    float: right;
    margin-left: 0.5em;
    position: relative;
    margin-top: 0.1em;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__main__contain__items__item__link__iconbox {
        margin-left: auto;
        margin-right: 0.5em;
        margin-top: 0;
    }
}

.w46-menu__main__contain__items__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.1s ease;
}

.w46-menu__main__contain__items__item__link::after {
    position: absolute;
    content: "";
    top: 95%;
    width: 0em;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 0.2em;
    background-color: black;
    transition: all 0.2s ease;
    opacity: 0;
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__contain__items__item__link:hover::after {
        width: 100%;
        opacity: 1;
    }
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__contain__items__item:hover .w46-menu__main__contain__items__item__drop {
        visibility: visible;
        transition: all 0.1s ease;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
    }
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item:hover .w46-menu__main__contain__items__item__drop--1 {
        transition: all 0.1s ease;
        opacity: 1;
        transform: translateY(0);
        visibility: visible;
    }
}

.w46-menu__main__contain__items__item__checkbox {
    display: none;
}

    .w46-menu__main__contain__items__item__checkbox:checked ~ .w46-menu__main__contain__items__item__drop {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        max-height: 100vh;
        background-color: #ededed;
    }

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__checkbox:checked ~ .w46-menu__main__contain__items__item__drop {
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w46-menu__main__contain__items__item__drop__item__checkbox {
    display: none;
}

    .w46-menu__main__contain__items__item__drop__item__checkbox:checked ~ .w46-menu__main__contain__items__item__drop--1 {
        visibility: visible;
        opacity: 1;
        transform: translateY(0);
        background-color: #ededed;
    }

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item__checkbox:checked ~ .w46-menu__main__contain__items__item__drop--1 {
        max-height: 100vh;
        transition: all 0.2s ease-in-out;
    }
}

.w46-menu__main__contain__items__item__drop--1__item__checkbox {
    display: none;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop--1__item__checkbox:checked ~ .w46-menu__main__contain__items__item__drop--1__item__link .w46-menu__main__contain__items__item__drop--1__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item__checkbox:checked ~ .w46-menu__main__contain__items__item__drop__item__link .w46-menu__main__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(-90deg);
        transition: all 0.2s ease;
    }
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__checkbox:checked ~ .w46-menu__main__contain__items__item__link .w46-menu__main__contain__items__item__link__iconbox__icon {
        transform: rotate(180deg);
        transition: all 0.2s ease;
    }
}

.w46-menu__main__contain__items__item__drop {
    position: absolute;
    left: 1em;
    top: 4.6em;
    background-color: white;
    visibility: hidden;
    opacity: 0;
    width: 100%;
    display: flex;
    max-height: 0;
    z-index: 2;
    transition: all 0.1s ease;
    transform: translateY(2em);
    backface-visibility: hidden;
    box-shadow: 0 0 1em rgba(213, 213, 213, 0.234);
    padding: 1em;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop {
        position: relative;
        top: auto;
        left: 0;
        width: 100%;
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        padding: 0;
    }
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__contain__items__item__drop {
        max-width: 120em;
        margin: 0 auto;
        left: 0;
        right: 0;
    }
}

.w46-menu__main__contain__items__item__drop .active {
    font-weight: bolder;
}

.w46-menu__main__contain__items__item__drop__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item:not(:last-child) {
        border-bottom: 1px solid #eeee;
    }
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item {
        width: 100%;
    }
}

.w46-menu__main__contain__items__item__drop__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
    cursor: pointer;
    position: relative;
}

    .w46-menu__main__contain__items__item__drop__item__link::after {
        position: absolute;
        content: "";
        height: .2EM;
        width: 80%;
        background-color: rgba(var(--main-color-w), 1);
        top: 100%;
        z-index: 1;
        border-radius: .2em;
    }

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item__link::after {
        top: 98%;
    }
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item__link {
        width: 100%;
        border-bottom: 1px solid #eeee;
        padding: 1em;
    }
}

.w46-menu__main__contain__items__item__drop__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w46-menu__main__contain__items__item__drop__item__link__iconbox {
    float: right;
    margin-left: auto;
    position: relative;
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__contain__items__item__drop__item__link__iconbox {
        display: none;
    }
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__main__contain__items__item__drop__item__link__iconbox {
        margin-right: 0.5em;
    }

        .w46-menu__main__contain__items__item__drop__item__link__iconbox::after {
            content: "";
            border-left: 1px solid #ddd;
            position: absolute;
            left: -1.5em;
            top: -1.1em;
        }
}

.w46-menu__main__contain__items__item__drop__item__link__iconbox__icon {
    font-size: 1.2em;
    transform: rotate(0);
    transition: all 0.2s ease;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__main__contain__items__item__drop__item__link__iconbox__icon {
        transform: rotate(90deg);
    }
}

.w46-menu__main__contain__items__item__drop--1 {
    position: absolute;
    left: 25em;
    top: 0;
    background-color: white;
    transition: all 0.2s ease;
    backface-visibility: hidden;
}

@media only screen and (min-width: 50em) {
    .w46-menu__main__contain__items__item__drop--1 {
        position: relative;
        left: 0.5em;
    }
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop--1 {
        position: relative;
        top: auto;
        left: 0;
        max-height: 0;
        overflow: hidden;
        transform: translateY(0);
        opacity: 1;
        width: 100%;
        z-index: 10;
        visibility: visible;
    }
}

.w46-menu__main__contain__items__item__drop--1 .active {
    font-weight: bolder;
}

.w46-menu__main__contain__items__item__drop--1__item {
    width: 25em;
    list-style: none;
    cursor: pointer;
    position: relative;
    text-align: center;
    list-style: none;
    white-space: nowrap;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop--1__item {
        color: black;
        width: 100%;
    }
}

.w46-menu__main__contain__items__item__drop--1__item__link {
    display: flex;
    align-items: center;
    padding: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w46-menu__main__contain__items__item__drop--1__item__link {
        padding: 1em;
    }
}

.w46-menu__main__contain__items__item__drop--1__item__link:hover .w46-menu__main__contain__items__item__drop--1__item__link__icon {
    max-width: 1em;
    margin-right: .5em;
}

.w46-menu__main__contain__items__item__drop--1__item__link__text {
    text-overflow: ellipsis;
    overflow: hidden;
    display: inline-block;
    margin-right: 0.5em;
    margin-left: 0.5em;
    font-size: 1.2em;
}

.w46-menu__main__contain__items__item__drop--1__item__link__icon {
    max-width: 0;
    font-size: 1.3em;
    overflow: hidden;
    transition: all .2s ease;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__items__item__drop--1__item__icon {
        max-height: 100%;
        text-align: left;
        padding: 0.5em;
        font-size: 1.5em;
    }
}

.w46-menu__main__contain__items__item__drop--1__item:hover .w46-menu__main__contain__items__item__drop--1__item__drop--1 {
    visibility: visible;
    transition: all 0.2s;
    opacity: 1;
    max-height: 100vh;
}

.w46-menu__main__contain__loca {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w46-menu__main__contain__loca {
        margin-top: 1em;
    }
}

.w46-menu__main__contain__loca__btn {
    display: flex;
    align-items: center;
    margin-right: 1em;
    cursor: pointer;
}

.w46-menu__main__contain__loca__btn__text {
    font-size: 1.2em;
    white-space: nowrap;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w46-menu__main__contain__loca__btn__icon {
    font-size: 1.2em;
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w46-menu__main__contain__loca__items {
    height: 2.8em;
    overflow: hidden;
}

.w46-menu__main__contain__loca__items__item {
    cursor: pointer;
    display: flex;
    align-items: center;
    padding: .5em 1em;
    border-radius: 2em;
    background-color: #494be1b8;
    animation: w46-menu__main__contain__loca__items__item 4s infinite;
    top: -11em;
    position: relative;
    margin-bottom: 1em;
    transition: all .2s ease;
}

.w46-menu__main__contain__loca__items__item-1 {
    background-color: #ffe68f;
}

.w46-menu__main__contain__loca__items__item__text {
    font-size: 1.2em;
    white-space: nowrap;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w46-menu__main__contain__loca__items__item__icon {
    font-size: 1.2em;
    margin-right: .5em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

@keyframes w46-menu__main__contain__loca__items__item {
    0% {
        transform: translateY(4.5em);
    }

    40% {
        transform: translateY();
    }

    98% {
        transform: translateY(11EM);
    }

    100% {
        transform: translateY(14EM);
    }
}

.w46-menu__group {
    margin: 0 auto;
    padding: 0;
}

/*ed*/
/*w46-product-1*/
.w46-product-1 {
    width: 100%;
    background-color: #F1F4FB;
    padding: 2em 1em;
}

.w46-product-1__group {
    margin: 0 auto;
    max-width: 120em;
}

.w46-product-1__heading {
    display: block;
}

.w46-product-1__heading__title {
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w46-product-1__heading__imgbox {
    width: fit-content;
    max-width: 100%;
    margin: 1em auto;
    background-size: contain;
    background-position: center;
}

.w46-product-1__heading__imgbox__img {
    width: 100%;
}

.w46-product-1__heading__sub {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6em;
    line-height: 1.6em;
    margin-top: .5em;
    max-width: 100%;
    margin-bottom: 1em;
}

.w46-product-1__heading__tabs {
    margin-bottom: 2em;
    border-radius: .5em;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border: 1px solid #e7efff;
}

    .w46-product-1__heading__tabs .active {
        background-color: #e7efff;
    }

.w46-product-1__heading__tabs__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    background-color: white;
    padding: 1em;
    border-left: 1px solid #e7efff;
    border-bottom: 1px solid #e7efff;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w46-product-1__heading__tabs__tab {
        width: 50%;
    }
}

.w46-product-1__heading__tabs__tab:hover {
    background-color: #e7efff;
}

.w46-product-1__heading__tabs__tab__imgbox {
    min-width: 20%;
    max-width: 20%;
    background-size: contain;
    background-position: center;
}

.w46-product-1__heading__tabs__tab__imgbox__img {
    width: 100%;
}

.w46-product-1__heading__tabs__tab__text {
    margin-left: .5em;
    font-size: 1.2em;
}

.w46-product-1__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w46-product-1__content__items {
    width: 100%;
}

.w46-product-1__content__items__item {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.w46-product-1__content__items__item__noidung {
    width: 24%;
    padding: 1em;
    margin-bottom: 1em;
    cursor: pointer;
    background-color: white;
    height: fit-content;
    border-radius: 0.5em;
}

    .w46-product-1__content__items__item__noidung:not(:first-child) {
        margin-left: 1.333333%;
    }

@media only screen and (min-width: 50em) {
    .w46-product-1__content__items__item__noidung:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w46-product-1__content__items__item__noidung {
        width: 49.333333%;
    }

        .w46-product-1__content__items__item__noidung:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w46-product-1__content__items__item__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: 0.5em;
}

.w46-product-1__content__items__item__noidung__imgbox__img {
    width: 100%;
}

.w46-product-1__content__items__item__noidung__km {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-color: orange;
    width: auto;
    padding: 0.3em;
    display: flex;
    align-items: center;
}

.w46-product-1__content__items__item__noidung__km__pr {
    font-size: 1em;
    display: block;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-right: 0.5em;
}

.w46-product-1__content__items__item__noidung__km__text {
    font-size: 1em;
    display: block;
    color: white;
    font-weight: 600;
}

.w46-product-1__content__items__item__noidung__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1em;
    bottom: 0;
    z-index: 2;
    border-top: 1em solid transparent;
    border-right: 0 solid transparent;
    border-left: 1em solid orange;
}

.w46-product-1__content__items__item__noidung__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1em;
    top: 0;
    z-index: 2;
    border-bottom: 1em solid transparent;
    border-right: 0 solid transparent;
    border-left: 1em solid orange;
}

.w46-product-1__content__items__item__noidung__text {
    display: block;
    font-size: 1.6em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    transition: all 0.3s ease;
    margin-top: 0.5em;
    color: black;
    font-weight: 600;
}

.w46-product-1__content__items__item__noidung:hover .w46-product-1__content__items__item__noidung__text {
    color: crimson;
    text-decoration: underline;
}

.w46-product-1__content__items__item__noidung__pricing {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w46-product-1__content__items__item__noidung__pricing {
        flex-wrap: wrap;
    }
}

.w46-product-1__content__items__item__noidung__pricing__main {
    min-width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w46-product-1__content__items__item__noidung__pricing__main {
        margin-bottom: 1em;
        width: 100%;
    }
}

.w46-product-1__content__items__item__noidung__pricing__main__vl {
    display: flex;
    align-items: center;
    margin-bottom: .5em;
    flex-wrap: wrap;
    padding: .5em;
}

.w46-product-1__content__items__item__noidung__pricing__main__vl__num {
    font-size: 1.2em;
    color: #7d7d7d;
    margin-right: 0.5em;
    text-decoration: line-through;
}

.w46-product-1__content__items__item__noidung__pricing__main__vl__per {
    color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    padding: 0.3em;
    font-size: 1em;
    border-radius: .2em;
}

.w46-product-1__content__items__item__noidung__pricing__main__count {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 600;
    display: block;
}

.w46-product-1__content__items__item__noidung__pricing__tg {
    border-left: 1px solid #cecece;
    width: 50%;
    padding-left: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w46-product-1__content__items__item__noidung__pricing__tg {
        width: 100%;
    }
}

.w46-product-1__content__items__item__noidung__pricing__tg__text {
    display: block;
    font-size: 1.2em;
    color: #7d7d7d;
    text-decoration: line-through;
    margin-bottom: .7em;
}

.w46-product-1__content__items__item__noidung__pricing__tg__vl {
    font-size: 1.3em;
}

.w46-product-1__content__items__item__noidung__bar {
    background-color: #1315a344;
    width: 100%;
    position: relative;
    display: block;
    border-radius: 1em;
    margin-top: 0.5em;
}

.w46-product-1__content__items__item__noidung__bar__pro {
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    width: 50%;
    height: 100%;
    border-radius: 1em;
    top: 0;
    z-index: 1;
}

.w46-product-1__content__items__item__noidung__bar__imgbox {
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    background-size: contain;
    background-position: center;
    left: 0.5em;
    top: initial;
    bottom: 0;
    z-index: 10;
}

.w46-product-1__content__items__item__noidung__bar__text {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-align: center;
    display: block;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 1em;
    z-index: 2;
    position: relative;
}

.w46-product-1__content__items__item__noidung__stars {
    margin-top: 0.5em;
}

.w46-product-1__content__items__item__noidung__stars__star {
    color: #ffc700;
}

.w46-product-1__content__items__item__noidung__stars__text {
    font-size: 1em;
    margin-left: 0.5em;
    color: #ffc700;
    margin-right: 0.3em;
}

.w46-product-1__content__items__item__noidung__stars__value {
    font-size: 1em;
}

.w46-product-1__content__items__item__noidung__grbtn {
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.w46-product-1__content__items__item__noidung__grbtn__btn {
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: 1px solid rgba(var(--main-color-w), 1);
    width: 50%;
    font-size: 1em;
    cursor: pointer;
    border-radius: .3em;
    transition: all .2s ease;
    font-weight: 600;
    letter-spacing: 1px;
}

    .w46-product-1__content__items__item__noidung__grbtn__btn:nth-child(2) {
        background-color: transparent;
        margin-left: 1em;
        color: rgba(var(--main-color-w), 1);
    }

    .w46-product-1__content__items__item__noidung__grbtn__btn:hover {
        background-color: crimson;
        border: 1px solid crimson;
        color: white;
    }

.w46-product-1__content__items__more {
    margin: 0 auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w46-product-1__content__items__more__link {
    display: flex;
    align-items: center;
    margin-right: 2em;
    cursor: pointer;
    border-bottom: 1PX solid black;
}

.w46-product-1__content__items__more__link__text {
    font-size: 1.2em;
}

.w46-product-1__content__items__more__link__icon {
    font-size: 1em;
    margin-top: 0.25em;
    margin-left: 0.5em;
}

.w46-product-1__content__items__more__nav {
    width: 7em;
    margin-right: 1em;
    margin-top: 1em;
    position: relative;
}

/*ed*/
/*w46-productdetail*/
.w46-productdetail {
    width: 100%;
    padding: 2em 1em;
    background-color: #f1f4fb;
}

.w46-productdetail__group {
    max-width: 120em;
    margin: 0 auto;
}

.w46-productdetail__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    border-radius: 0.2em;
    padding: 1em;
    background-color: white;
    margin-bottom: 1em;
}

.w46-productdetail__main__image {
    width: 49%;
    margin-right: 1%;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__main__image {
        margin-right: 0;
        width: 100%;
    }
}

.w46-productdetail__main__image__contain {
    overflow: hidden;
}

.w46-productdetail__main__image__contain__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w46-productdetail__main__image__contain__imgbox__img {
    width: 100%;
}

.w46-productdetail__main__image__contain__thumb {
    width: 100%;
    display: flex;
    position: relative;
}

    .w46-productdetail__main__image__contain__thumb .swiper-slide {
        width: 20%;
    }

@media only screen and (max-width: 50em) {
    .w46-productdetail__main__image__contain__thumb .swiper-slide {
        margin-right: 0;
        width: 33.33333333%;
    }
}

.w46-productdetail__main__image__contain__thumb .swiper-button-next {
    right: 0;
}

    .w46-productdetail__main__image__contain__thumb .swiper-button-next::after {
        font-size: 2em;
    }

.w46-productdetail__main__image__contain__thumb .swiper-button-prev {
    left: 0;
}

    .w46-productdetail__main__image__contain__thumb .swiper-button-prev::after {
        font-size: 2em;
    }

.w46-productdetail__main__image__contain__thumb__imgbox {
    width: 100%;
    background-color: transparent;
    border: none;
    margin-right: 0.5em;
    background-size: contain;
    background-position: center;
}

.w46-productdetail__main__image__contain__thumb__imgbox__img {
    width: 100%;
}

.w46-productdetail__main__image__imgbox {
    background-size: contain;
    background-position: center;
    margin-top: 1em;
}

.w46-productdetail__main__image__imgbox__img {
    height: 100%;
    width: 100%;
}

.w46-productdetail__main__image__services {
    display: flex;
    flex-wrap: wrap;
}

.w46-productdetail__main__image__services__item {
    display: flex;
    align-items: center;
    width: 32.44444%;
    margin-top: 2em;
    padding: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__image__services__item {
        flex-wrap: wrap;
        flex-direction: column;
        justify-content: center;
    }
}

.w46-productdetail__main__image__services__item:not(:first-child) {
    margin-left: 1.3333%;
}

.w46-productdetail__main__image__services__item__iconbox {
    width: 4em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__image__services__item__iconbox {
        width: 3em;
        margin-bottom: 1em;
    }
}

.w46-productdetail__main__image__services__item__iconbox__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 3em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__image__services__item__iconbox__icon {
        font-size: 2em;
    }
}

.w46-productdetail__main__image__services__item__name {
    line-height: 1.4em;
    font-size: 1.2em;
    margin-right: 0.5em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__image__services__item__name {
        text-align: center;
    }
}

.w46-productdetail__main__content {
    width: 50%;
    padding: 0 1em;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__main__content {
        width: 100%;
        margin-top: 2em;
    }
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__content {
        width: 100%;
    }
}

.w46-productdetail__main__content__head {
    margin-bottom: 1em;
}

.w46-productdetail__main__content__head__title {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.7em;
}

.w46-productdetail__main__content__head__stars {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.w46-productdetail__main__content__head__stars__text {
    text-decoration: underline;
    font-size: 1.2em;
    margin-right: 0.5em;
    color: #ffdf00;
}

.w46-productdetail__main__content__head__stars__icon {
    display: flex;
}

.w46-productdetail__main__content__head__stars__icon__star {
    font-size: 1.2em;
    margin-right: 0.3em;
    color: #ffdf00;
}

.w46-productdetail__main__content__head__stars__cm {
    cursor: pointer;
    display: inline-block;
    font-size: 1.2em;
}

    .w46-productdetail__main__content__head__stars__cm:not(:last-child) {
        padding: 0.3em 0.5em;
        margin-right: 0.5em;
        border-right: 1px solid #cecece;
    }

.w46-productdetail__main__content__detail {
    width: 100%;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__content__detail {
        width: 100%;
    }
}

.w46-productdetail__main__content__detail__price {
    display: flex;
    border-top: 1px solid #e7e7e7;
    padding: 1em 0;
}

.w46-productdetail__main__content__detail__price__cost__main {
    display: block;
    font-weight: bolder;
    font-size: 2.2em;
    color: red;
    margin-right: 0.5em;
}

.w46-productdetail__main__content__detail__price__cost__down {
    display: block;
    font-size: 1.4em;
    text-decoration: line-through;
    color: #808089;
    margin-bottom: 0.2em;
}

.w46-productdetail__main__content__detail__gift {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    position: relative;
    display: block;
    overflow: hidden;
    padding: 2em;
}

.w46-productdetail__main__content__detail__gift__action {
    display: flex;
    margin-top: 1.5em;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #e7e7e7;
    padding: 1em 0;
}

.w46-productdetail__main__content__detail__gift__action__buy__text {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    display: block;
    font-weight: 600;
}

.w46-productdetail__main__content__detail__gift__action__buy__number {
    display: flex;
    align-items: center;
    margin-right: 1em;
}

.w46-productdetail__main__content__detail__gift__action__buy__number__in {
    width: 3em;
    height: 2em;
    font-size: 1.2em;
    background-color: #f6f6f6;
    border: none;
    border-right: none;
    outline: none;
    text-align: center;
}

.w46-productdetail__main__content__detail__gift__action__buy__number__cr {
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.221);
    border-radius: 0.5em;
    height: 2.5em;
    width: 3em;
}

.w46-productdetail__main__content__detail__gift__action__buy__number__cr__tt {
    display: block;
    cursor: pointer;
    font-size: 1.2em;
}

.w46-productdetail__main__content__detail__gift__action__ch__status {
    margin-bottom: 1em;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__content__detail__gift__action__ch__status {
        margin-top: 1em;
    }
}

.w46-productdetail__main__content__detail__gift__action__ch__status__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5em;
}

.w46-productdetail__main__content__detail__gift__action__ch__status__text {
    color: black;
    font-size: 1em;
}

.w46-productdetail__main__content__detail__gift__action__ch__like {
    display: flex;
    align-items: center;
    margin-left: auto;
    float: right;
    padding: 0.7em 2em;
    border-radius: 0.5em;
    background-color: rgba(var(--main-color-w), 1);
}

.w46-productdetail__main__content__detail__gift__action__ch__like__icon {
    color: white;
    font-size: 1.2em;
    margin-right: 1em;
}

.w46-productdetail__main__content__detail__gift__action__ch__like__text {
    font-size: 1.2em;
    color: white;
}

.w46-productdetail__main__content__detail__gift__action__ch__like:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w46-productdetail__main__content__detail__gift__cl {
    margin-top: 1em;
    display: block;
}

.w46-productdetail__main__content__detail__gift__cl__name {
    display: flex;
}

.w46-productdetail__main__content__detail__gift__cl__name__main {
    font-size: 1.2em;
    font-weight: 600;
}

.w46-productdetail__main__content__detail__gift__cl__name__sub {
    font-size: 1.2em;
    margin-left: 0.5em;
}

.w46-productdetail__main__content__detail__gift__cl__image {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

    .w46-productdetail__main__content__detail__gift__cl__image .active {
        border: 1px solid #0d5cb6;
        background-color: #e5f2ff;
        position: relative;
    }

    .w46-productdetail__main__content__detail__gift__cl__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w46-productdetail__main__content__detail__gift__cl__image__its {
    width: 31.3333333%;
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-left: 3%;
    margin-bottom: 1em;
    border-radius: 0.3em;
    overflow: hidden;
    cursor: pointer;
    border: 1px solid #cecece;
    font-weight: 600;
}

    .w46-productdetail__main__content__detail__gift__cl__image__its:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5em) {
    .w46-productdetail__main__content__detail__gift__cl__image__its:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__main__content__detail__gift__cl__image__its {
        width: 48.5%;
    }

        .w46-productdetail__main__content__detail__gift__cl__image__its:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w46-productdetail__main__content__detail__gift__cl__image__its__imgbox {
    max-height: 5em;
    height: 5em;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w46-productdetail__main__content__detail__gift__cl__image__its__imgbox__img {
    height: 100%;
}

.w46-productdetail__main__content__detail__gift__cl__image__its__text {
    font-size: 1em;
    margin-left: 1em;
}

.w46-productdetail__main__content__detail__gift__cl__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w46-productdetail__main__content__detail__gift__size {
    display: block;
}

.w46-productdetail__main__content__detail__gift__size__name {
    display: flex;
    justify-content: space-between;
}

.w46-productdetail__main__content__detail__gift__size__name__main {
    font-size: 1.2em;
    font-weight: 600;
}

.w46-productdetail__main__content__detail__gift__size__name__sub {
    font-size: 1.2em;
    margin-left: 0.5em;
}

.w46-productdetail__main__content__detail__gift__size__image {
    margin-top: 1em;
    display: flex;
    flex-wrap: wrap;
}

    .w46-productdetail__main__content__detail__gift__size__image .active {
        border: 1px solid rgba(var(--main-color-w), 1);
        background-color: #e5f2ff;
        position: relative;
        color: rgba(var(--main-color-w), 1);
        font-weight: 600;
    }

    .w46-productdetail__main__content__detail__gift__size__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w46-productdetail__main__content__detail__gift__size__image__its {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-left: 1.1111111%;
    margin-bottom: 1em;
    border-radius: 0.3em;
    overflow: hidden;
    border: 1px solid #cecece;
    cursor: pointer;
    flex-wrap: wrap;
}

.w46-productdetail__main__content__detail__gift__size__image__its__text {
    font-size: 1.2em;
    padding: 0.5em 2em;
    text-align: center;
    width: fit-content;
    width: 100%;
}

.w46-productdetail__main__content__detail__gift__size__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w46-productdetail__main__content__detail__btn {
    background-color: crimson;
    outline: none;
    border: 1px solid crimson;
    width: 100%;
    margin-top: 1em;
    padding: 0.5em;
    font-size: 1em;
    border-radius: 0.5em;
    cursor: pointer;
}

    .w46-productdetail__main__content__detail__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
        border: 1px solid rgba(var(--main-color-w), 1);
    }

.w46-productdetail__main__content__detail__btn__text {
    font-size: 1.6em;
    color: white;
    display: block;
    font-weight: 600;
}

.w46-productdetail__main__content__detail__btn__value {
    display: block;
    color: white;
    font-size: 1em;
    margin-top: 0.5em;
}

.w46-productdetail__info {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w46-productdetail__info__chitiet {
    width: 75%;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__info__chitiet {
        width: 100%;
    }
}

.w46-productdetail__info__chitiet__tt {
    background-color: white;
    padding: 1em;
    position: relative;
}

.w46-productdetail__info__chitiet__tt__title {
    width: 100%;
    border-bottom: 0.1em solid #e7e7e7;
    background-color: white;
}

.w46-productdetail__info__chitiet__tt__title__text {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 1.6em;
    padding-bottom: 0.2em;
    display: inline-block;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

.w46-productdetail__info__chitiet__tt__con__gt {
    display: flex;
    padding: 1em 0.5em;
    align-items: center;
}

    .w46-productdetail__info__chitiet__tt__con__gt:nth-child(even) {
        background-color: #f6f6f6;
    }

.w46-productdetail__info__chitiet__tt__con__gt__text {
    font-size: 1.2em;
    width: 15em;
}

.w46-productdetail__info__chitiet__tt__con__gt__vl {
    display: inline-flex;
    align-items: center;
    background-color: #ebebff;
    padding: 0.5em 1em;
    border-radius: 2em;
}

.w46-productdetail__info__chitiet__tt__con__gt__vl__text {
    font-size: 1.2em;
    margin-right: 0.3em;
}

.w46-productdetail__info__chitiet__tt__con__gt__vl__icon {
    border-radius: 50%;
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 1.5em;
    color: #9597f2;
}

.w46-productdetail__info__chitiet__tt__text {
    padding: 0.5em;
}

.w46-productdetail__info__chitiet__comment {
    margin-top: 1em;
    border-top: 0.1em solid #f2f2f2;
    padding: 1em 0;
}

.w46-productdetail__info__chitiet__comment__gn {
    margin-top: 3em;
    background-color: white;
    padding: 1em;
}

.w46-productdetail__info__chitiet__comment__gn__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.4em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__xem {
    margin-bottom: 2em;
    display: flex;
    margin-top: 1em;
    align-items: center;
    flex-wrap: wrap;
}

    .w46-productdetail__info__chitiet__comment__gn__bl__xem .active {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w46-productdetail__info__chitiet__comment__gn__bl__xem__text {
    background-color: #ececec;
    padding: 0.5em 2em;
    font-size: 1.2em;
    margin-right: 0.5em;
    border-radius: 2em;
    margin-bottom: 1em;
    cursor: pointer;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items {
    margin-top: 1em;
    display: flex;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__first__imgbox {
    width: 8em;
    min-width: 8em;
    height: 8em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second {
    width: 80%;
    margin-left: 1em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__item__text {
    font-size: 1.2em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__text {
    margin-top: 1em;
    line-height: 1.6em;
    font-size: 1.2em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__abimg {
    margin-top: 1em;
    display: flex;
    gap: 1em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__abimg__imgbox {
    width: 20em;
    background-size: contain;
    background-position: center;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1em;
    position: relative;
    margin-top: 2.5em;
}

    .w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2em #f2f2f2;
        border-left: solid 2em transparent;
        border-right: solid 2em transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2em;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep__name__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep__name__human {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep__name__date {
    color: #777;
    font-size: 1.2em;
}

.w46-productdetail__info__chitiet__comment__gn__bl__cm__items__second__rep__ct {
    margin-top: 2em;
    line-height: 1.6em;
    font-size: 1.2em;
}

.w46-productdetail__info__chitiet__comment__nx {
    display: flex;
    align-items: center;
    background-color: white;
    padding: 1em;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__info__chitiet__comment__nx {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w46-productdetail__info__chitiet__comment__nx__col {
    width: 30%;
    margin-right: 1em;
    text-align: center;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__info__chitiet__comment__nx__col {
        width: 100%;
        margin-bottom: 1em;
    }
}

.w46-productdetail__info__chitiet__comment__nx__col__title {
    font-size: 1.6em;
    font-weight: 600;
}

.w46-productdetail__info__chitiet__comment__nx__col__point {
    font-size: 4em;
    font-weight: 600;
    color: gold;
}

.w46-productdetail__info__chitiet__comment__nx__col__stars__star {
    color: gold;
    font-size: 1.8em;
}

.w46-productdetail__info__chitiet__comment__nx__col__text {
    margin-top: 1em;
    color: #4e4e4e;
}

.w46-productdetail__info__chitiet__comment__nx__cs {
    text-align: center;
    margin-right: 2em;
    justify-content: center;
    min-width: 30%;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__info__chitiet__comment__nx__cs {
        width: 100%;
    }
}

.w46-productdetail__info__chitiet__comment__nx__cs__checkbox:checked ~ .w46-productdetail__info__chitiet__comment__nx__cs__pop {
    display: block;
}

.w46-productdetail__info__chitiet__comment__nx__cs__checkbox {
    display: none;
}

.w46-productdetail__info__chitiet__comment__nx__cs__text {
    font-size: 1.2em;
    margin-bottom: 0.5em;
    display: block;
}

.w46-productdetail__info__chitiet__comment__nx__cs__value {
    background-color: rgba(var(--main-color-w), 1);
    text-align: center;
    width: fit-content;
    margin: 0 auto;
    border-radius: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__value__lbl {
    font-size: 1.2em;
    color: white;
    padding: 0.5em 2em;
    display: block;
    cursor: pointer;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop {
    margin-top: 3em;
    display: none;
    position: fixed;
    z-index: 10;
    left: 50%;
    top: 30%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 2em;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.234);
    border-radius: 1em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__title {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 1.4em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__close {
    position: absolute;
    right: 0.5em;
    font-size: 2em;
    top: 0.5em;
    cursor: pointer;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__dg {
    margin-top: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__dg__imagebox__imgbox {
    display: block;
    background-position: center;
    background-size: contain;
    margin-bottom: 1em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__dg__imagebox__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__dg__imagebox__stars {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__dg__imagebox__stars__star {
    color: gold;
    font-size: 2em;
    margin-right: 0.5em;
    cursor: pointer;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__dg__name {
    font-size: 1.2em;
    margin-bottom: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__dg {
    display: flex;
    align-items: center;
    margin-top: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__dg__name {
    margin-right: 0.5em;
    font-size: 1.2em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__dg__stars__star {
    color: gold;
    font-size: 1.4em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__ntd {
    padding: 1em 0;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__ntd__text {
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__ntd__input {
    width: 100%;
    margin-top: 0.5em;
    padding: 0.5em;
    border: 0.1em solid #dfdfdf;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__action {
    display: flex;
    align-items: center;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__action__text {
    margin-right: 1em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__action__input {
    display: none;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__action__button {
    border: 0.1em solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5em;
    padding: 0.5em;
    border-radius: 0.5em;
    margin-right: 0.5em;
    font-size: 1.2em;
    cursor: pointer;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5em 2em;
    border: none;
    border-radius: 0.5em;
    font-size: 1.4em;
    cursor: pointer;
    margin-top: 1em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items {
    margin-top: 1em;
    display: flex;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__first__imgbox {
    width: 8em;
    min-width: 8em;
    height: 8em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.4em;
    margin-top: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second {
    width: 80%;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__item__stars {
    margin-right: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__text {
    margin-top: 1em;
    line-height: 1.6em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__abimg {
    margin-top: 1em;
    display: flex;
    gap: 1em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__abimg__imgbox {
    width: 20em;
    background-size: contain;
    background-position: center;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1em;
    position: relative;
    margin-top: 2.5em;
}

    .w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2em #f2f2f2;
        border-left: solid 2em transparent;
        border-right: solid 2em transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2em;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep__name__imgbox {
    width: 3em;
    height: 3em;
    min-width: 3em;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep__name__human {
    margin-right: 0.5em;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep__name__date {
    color: #777;
}

.w46-productdetail__info__chitiet__comment__nx__cs__pop__bl__cm__items__second__rep__ct {
    margin-top: 2em;
    line-height: 1.6em;
}

.w46-productdetail__info__chitiet__comment__nx__diem {
    width: 70%;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__info__chitiet__comment__nx__diem {
        width: 100%;
        margin-bottom: 2em;
    }
}

.w46-productdetail__info__chitiet__comment__nx__diem__range {
    display: flex;
    margin-top: 1em;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__info__chitiet__comment__nx__diem__range {
        justify-content: center;
    }
}

.w46-productdetail__info__chitiet__comment__nx__diem__range__number {
    margin-right: 0.5em;
    color: #4e4e4e;
    width: 1em;
    min-width: 1em;
}

.w46-productdetail__info__chitiet__comment__nx__diem__range__star {
    margin-right: 1em;
    color: #4e4e4e;
}

.w46-productdetail__info__chitiet__comment__nx__diem__range__bar {
    width: 15em;
    height: 0.5em;
    background-color: #cecece;
    margin-right: 1em;
    border-radius: 0.5em;
    position: relative;
    overflow: hidden;
}

    .w46-productdetail__info__chitiet__comment__nx__diem__range__bar::after {
        content: "";
        width: 50%;
        background-color: gold;
        height: 100%;
        position: absolute;
    }

.w46-productdetail__info__chitiet__comment__nx__diem__range__vl {
    color: #4e4e4e;
}

.w46-productdetail__info__qc {
    width: 24%;
    overflow: hidden;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__info__qc {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
    }
}

.w46-productdetail__info__qc__title {
    width: 100%;
    border-bottom: 0.1em solid #e7e7e7;
    background-color: white;
    padding: 1em;
    margin-bottom: 0.5em;
}

.w46-productdetail__info__qc__title__text {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 1.6em;
    padding-bottom: 0.2em;
    display: inline-block;
    border-bottom: 0.1em solid rgba(var(--main-color-w), 1);
}

.w46-productdetail__info__qc__noidung {
    width: 100%;
    padding: 1em;
    margin-bottom: 1em;
    position: relative;
    display: inline-block;
    cursor: pointer;
    background-color: white;
    height: fit-content;
    border-radius: 0.5em;
}

@media only screen and (max-width: 50em) {
    .w46-productdetail__info__qc__noidung {
        margin-left: 1.333333%;
        margin-right: 1.333333%;
        width: 47%;
    }
}

.w46-productdetail__info__qc__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: 0.5em;
}

.w46-productdetail__info__qc__noidung__imgbox__img {
    width: 100%;
}

.w46-productdetail__info__qc__noidung__km {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-color: orange;
    width: auto;
    padding: 0.3em;
    display: flex;
    align-items: center;
}

.w46-productdetail__info__qc__noidung__km__pr {
    font-size: 1em;
    display: block;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-right: 0.5em;
}

.w46-productdetail__info__qc__noidung__km__text {
    font-size: 1em;
    display: block;
    color: white;
    font-weight: 600;
}

.w46-productdetail__info__qc__noidung__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1em;
    bottom: 0;
    z-index: 2;
    border-top: 1em solid transparent;
    border-right: 0 solid transparent;
    border-left: 1em solid orange;
}

.w46-productdetail__info__qc__noidung__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1em;
    top: 0;
    z-index: 2;
    border-bottom: 1em solid transparent;
    border-right: 0 solid transparent;
    border-left: 1em solid orange;
}

.w46-productdetail__info__qc__noidung__text {
    display: block;
    font-size: 1.6em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    transition: all 0.3s ease;
    margin-top: 0.5em;
    color: black;
    font-weight: 600;
}

.w46-productdetail__info__qc__noidung:hover .w46-productdetail__info__qc__noidung__text {
    color: crimson;
    text-decoration: underline;
}

.w46-productdetail__info__qc__noidung__pricing {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__info__qc__noidung__pricing {
        flex-wrap: wrap;
    }
}

.w46-productdetail__info__qc__noidung__pricing__main {
    min-width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__info__qc__noidung__pricing__main {
        margin-bottom: 1em;
        width: 100%;
    }
}

.w46-productdetail__info__qc__noidung__pricing__main__vl {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
    flex-wrap: wrap;
    padding: 0.5em;
}

.w46-productdetail__info__qc__noidung__pricing__main__vl__num {
    font-size: 1.2em;
    color: #7d7d7d;
    margin-right: 0.5em;
    text-decoration: line-through;
}

.w46-productdetail__info__qc__noidung__pricing__main__vl__per {
    color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    padding: 0.3em;
    font-size: 1em;
    border-radius: 0.2em;
}

.w46-productdetail__info__qc__noidung__pricing__main__count {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 600;
    display: block;
}

.w46-productdetail__info__qc__noidung__pricing__tg {
    border-left: 1px solid #cecece;
    width: 50%;
    padding-left: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productdetail__info__qc__noidung__pricing__tg {
        width: 100%;
    }
}

.w46-productdetail__info__qc__noidung__pricing__tg__text {
    display: block;
    font-size: 1.2em;
    color: #7d7d7d;
    text-decoration: line-through;
    margin-bottom: 0.7em;
}

.w46-productdetail__info__qc__noidung__pricing__tg__vl {
    font-size: 1.3em;
}

.w46-productdetail__info__qc__noidung__bar {
    background-color: #1315a344;
    width: 100%;
    position: relative;
    display: block;
    border-radius: 1em;
    margin-top: 0.5em;
}

.w46-productdetail__info__qc__noidung__bar__pro {
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    width: 50%;
    height: 100%;
    border-radius: 1em;
    top: 0;
    z-index: 1;
}

.w46-productdetail__info__qc__noidung__bar__imgbox {
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    background-size: contain;
    background-position: center;
    left: 0.5em;
    top: initial;
    bottom: 0;
    z-index: 10;
}

.w46-productdetail__info__qc__noidung__bar__text {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-align: center;
    display: block;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 1em;
    z-index: 2;
    position: relative;
}

.w46-productdetail__info__qc__noidung__stars {
    margin-top: 0.5em;
}

.w46-productdetail__info__qc__noidung__stars__star {
    color: #ffc700;
}

.w46-productdetail__info__qc__noidung__stars__text {
    font-size: 1em;
    margin-left: 0.5em;
    color: #ffc700;
    margin-right: 0.3em;
}

.w46-productdetail__info__qc__noidung__stars__value {
    font-size: 1em;
}

.w46-productdetail__info__qc__noidung__grbtn {
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.w46-productdetail__info__qc__noidung__grbtn__btn {
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: 1px solid rgba(var(--main-color-w), 1);
    width: 50%;
    font-size: 1em;
    cursor: pointer;
    border-radius: 0.3em;
    transition: all 0.2s ease;
    font-weight: 600;
    letter-spacing: 1px;
}

    .w46-productdetail__info__qc__noidung__grbtn__btn:nth-child(2) {
        background-color: transparent;
        margin-left: 1em;
        color: rgba(var(--main-color-w), 1);
    }

    .w46-productdetail__info__qc__noidung__grbtn__btn:hover {
        background-color: crimson;
        border: 1px solid crimson;
        color: white;
    }

/*ed*/
/*w46-productlist*/
.w46-productlist {
    width: 100%;
    padding: 1em;
    background-color: #f1f4fb;
}

    .w46-productlist .w20-productlist__first__review {
        padding: 0;
    }

.w46-productlist__edit .w20-productlist__container__items__item__box__btn {
    opacity: 1 !important;
    margin-left: 50% !important;
    top: unset !important;
    bottom: 0;
}

.w46-productlist__edit .w20-productlist__container__items__item__box {
    margin-left: unset !important;
    opacity: 1 !important;
}

.w46-productlist__edit .w20-productlist__container__items__item__box__name,
.w46-productlist__edit .w20-productlist__container__items__item__box__price {
    opacity: 1 !important;
}

.w46-productlist__group {
    max-width: 120em;
    margin: 0 auto;
}

.w46-productlist__main {
    display: flex;
    flex-wrap: wrap;
}

.w46-productlist__main__first {
    width: 25%;
    max-width: 25%;
    max-height: 200em;
    overflow: scroll;
}

@media only screen and (max-width: 50em) {
    .w46-productlist__main__first {
        width: 100%;
        max-width: 100%;
    }
}

.w46-productlist__main__first__dm {
    margin-top: 1em;
    background-color: white;
}

.w46-productlist__main__first__dm__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
}

.w46-productlist__main__first__dm__title__text {
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 1.2em;
}

.w46-productlist__main__first__dm__title__icon {
    font-size: 1.2em;
}

.w46-productlist__main__first__checkbox {
    display: none;
}

    .w46-productlist__main__first__checkbox:checked ~ .w46-productlist__main__first__boloc__items-1 {
        max-height: 60em;
    }

    .w46-productlist__main__first__checkbox:checked ~ .w46-productlist__main__first__boloc__items-2 {
        max-height: 60em;
    }

.w46-productlist__main__first__boloc__row {
    background-color: white;
    margin-bottom: 1em;
    padding: 1em;
}

.w46-productlist__main__first__boloc__sub {
    font-weight: 600;
    padding: 1em;
    font-size: 1.2em;
    display: block;
}

.w46-productlist__main__first__boloc__items {
    max-height: 0em;
    transition: all 0.2s ease;
    overflow: scroll;
}

.w46-productlist__main__first__boloc__items__item {
    display: flex;
    align-items: center;
    margin-top: 1em;
    color: #333;
    transition: all 0.2s ease;
}

    .w46-productlist__main__first__boloc__items__item:hover {
        color: rgba(var(--main-color-w), 1);
        text-decoration: underline;
    }

.w46-productlist__main__first__boloc__items__item__text {
    cursor: pointer;
    font-size: 1.2em;
}

.w46-productlist__main__first__boloc__items__item__check {
    display: none;
}

    .w46-productlist__main__first__boloc__items__item__check:checked ~ .w46-productlist__main__first__boloc__items__item__lbl::after {
        display: block;
    }

.w46-productlist__main__first__boloc__items__item__lbl {
    border: 0.1em solid #e6e6e6;
    padding: 1em;
    margin-right: 1em;
    cursor: pointer;
    position: relative;
}

    .w46-productlist__main__first__boloc__items__item__lbl::after {
        content: "\2714";
        position: absolute;
        display: none;
        font-size: 2em;
        top: -0.2em;
        left: 0.15em;
        color: orangered;
    }

.w46-productlist__main__first__boloc__timkiem {
    border: 0.1em solid #e4e4e4;
    display: flex;
    margin-top: 1em;
}

.w46-productlist__main__first__boloc__timkiem__in {
    border: none;
    width: 80%;
    outline: none;
    margin-left: 1em;
    display: inline-block;
}

.w46-productlist__main__first__boloc__timkiem__btn {
    padding: 0.5em;
    border: none;
    outline: none;
    margin-left: auto;
    display: inline-block;
    cursor: pointer;
    background: rgba(var(--main-color-w), 1);
    color: white;
}

.w46-productlist__main__first__km {
    background-color: white;
    padding: 1em;
}

.w46-productlist__main__first__km__imgbox {
    margin-top: 1em;
    background-size: contain;
    background-position: center;
}

.w46-productlist__main__first__km__imgbox__img {
    width: 100%;
}

.w46-productlist__main__second {
    width: 74%;
    margin-left: 1%;
}

@media only screen and (max-width: 50em) {
    .w46-productlist__main__second {
        width: 100%;
        margin-top: 1em;
    }
}

.w46-productlist__main__second__choice {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1em;
}

.w46-productlist__main__second__choice__text {
    font-size: 1.2em;
    align-items: center;
    margin-right: 1em;
}

.w46-productlist__main__second__choice__choose {
    display: flex;
    align-items: center;
    background-color: #ebebff;
    border-radius: 2em;
    margin-right: 1em;
    padding: 1em;
    cursor: pointer;
}

    .w46-productlist__main__second__choice__choose:last-child {
        background-color: crimson;
        color: white;
    }

.w46-productlist__main__second__choice__choose__text {
    font-size: 1.2em;
    margin-right: 0.5em;
}

.w46-productlist__main__second__choice__choose__icon {
    font-size: 1.3em;
    margin-top: 0.1em;
}

.w46-productlist__main__second__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1em;
    background-color: white;
    padding: 1em;
    border-radius: .3em;
}

.w46-productlist__main__second__head__show {
    display: flex;
    align-items: center;
}

.w46-productlist__main__second__head__show__text {
    font-size: 1.6em;
    margin-right: 0.5em;
    font-weight: 600;
}

.w46-productlist__main__second__head__show__bl {
    font-size: 1.2em;
    margin-right: 1em;
}

.w46-productlist__main__second__head__sort {
    display: flex;
    align-items: center;
}

.w46-productlist__main__second__head__sort__text {
    font-weight: 600;
    white-space: nowrap;
}

.w46-productlist__main__second__head__sort__col {
    margin-left: 1em;
    border: 0.1em solid #e4e4e4;
    padding: 0.7em;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.w46-productlist__main__second__head__sort__col__name {
    width: 10em;
}

.w46-productlist__main__second__head__sort__col__name__icon {
    margin-left: auto;
    float: right;
}

.w46-productlist__main__second__head__sort__col:hover .w46-productlist__main__second__head__sort__items {
    display: block;
}

.w46-productlist__main__second__head__sort__items {
    list-style: none;
    position: absolute;
    background-color: white;
    left: -0.1em;
    top: 2.5em;
    display: none;
    width: 102%;
}

.w46-productlist__main__second__head__sort__items__item {
    width: 100%;
    border: 0.1em solid #e4e4e4;
    padding: 0.7em;
    cursor: pointer;
}

    .w46-productlist__main__second__head__sort__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w46-productlist__main__second__head__sort__items__item__icon {
    margin-left: auto;
    float: right;
}

.w46-productlist__main__second__paging {
    display: flex;
    align-items: center;
    margin-top: 2em;
    justify-content: center;
}

.w46-productlist__main__second__paging__list {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w46-productlist__main__second__paging__list__number {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    cursor: pointer;
    transition: all 0.2s;
    border-radius: 0.2em;
    margin-bottom: 1em;
}

    .w46-productlist__main__second__paging__list__number:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w46-productlist__main__second__paging__list__icon {
    padding: 0.7em 1.2em;
    border: 0.1em solid #f2f2f2;
    margin-right: 1em;
    margin-bottom: 1em;
    cursor: pointer;
    border-radius: 0.2em;
}

    .w46-productlist__main__second__paging__list__icon:hover {
        color: white;
        background: rgba(var(--main-color-w), 1);
    }

.w46-productlist__main__second__paging__list .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    font-weight: 800;
}

.w46-productlist__main__second__container {
    display: flex;
    flex-wrap: wrap;
}

.w46-productlist__main__second__container__noidung {
    width: 32.33333%;
    padding: 1em;
    margin-bottom: 1em;
    position: relative;
    cursor: pointer;
    background-color: white;
    height: fit-content;
    border-radius: 0.5em;
}

    .w46-productlist__main__second__container__noidung:not(:first-child) {
        margin-left: 1.333333%;
    }

@media only screen and (min-width: 50em) {
    .w46-productlist__main__second__container__noidung:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w46-productlist__main__second__container__noidung {
        width: 49.333333%;
    }

        .w46-productlist__main__second__container__noidung:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w46-productlist__main__second__container__noidung__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: 0.5em;
}

.w46-productlist__main__second__container__noidung__imgbox__img {
    width: 100%;
}

.w46-productlist__main__second__container__noidung__km {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-color: orange;
    width: auto;
    padding: 0.3em;
    display: flex;
    align-items: center;
}

.w46-productlist__main__second__container__noidung__km__pr {
    font-size: 1em;
    display: block;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-right: 0.5em;
}

.w46-productlist__main__second__container__noidung__km__text {
    font-size: 1em;
    display: block;
    color: white;
    font-weight: 600;
}

.w46-productlist__main__second__container__noidung__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1em;
    bottom: 0;
    z-index: 2;
    border-top: 1em solid transparent;
    border-right: 0 solid transparent;
    border-left: 1em solid orange;
}

.w46-productlist__main__second__container__noidung__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1em;
    top: 0;
    z-index: 2;
    border-bottom: 1em solid transparent;
    border-right: 0 solid transparent;
    border-left: 1em solid orange;
}

.w46-productlist__main__second__container__noidung__text {
    display: block;
    font-size: 1.6em;
    text-align: center;
    line-height: 1.6em;
    width: fit-content;
    transition: all 0.3s ease;
    margin-top: 0.5em;
    color: black;
    font-weight: 600;
}

.w46-productlist__main__second__container__noidung:hover .w46-productlist__main__second__container__noidung__text {
    color: crimson;
    text-decoration: underline;
}

.w46-productlist__main__second__container__noidung__pricing {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1em;
    margin-bottom: 1.5em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productlist__main__second__container__noidung__pricing {
        flex-wrap: wrap;
    }
}

.w46-productlist__main__second__container__noidung__pricing__main {
    min-width: 50%;
}

@media only screen and (max-width: 37.5em) {
    .w46-productlist__main__second__container__noidung__pricing__main {
        margin-bottom: 1em;
        width: 100%;
    }
}

.w46-productlist__main__second__container__noidung__pricing__main__vl {
    display: flex;
    align-items: center;
    margin-bottom: 0.5em;
    flex-wrap: wrap;
    padding: 0.5em;
}

.w46-productlist__main__second__container__noidung__pricing__main__vl__num {
    font-size: 1.2em;
    color: #7d7d7d;
    margin-right: 0.5em;
    text-decoration: line-through;
}

.w46-productlist__main__second__container__noidung__pricing__main__vl__per {
    color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    padding: 0.3em;
    font-size: 1em;
    border-radius: 0.2em;
}

.w46-productlist__main__second__container__noidung__pricing__main__count {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6em;
    font-weight: 600;
    display: block;
}

.w46-productlist__main__second__container__noidung__pricing__tg {
    border-left: 1px solid #cecece;
    width: 50%;
    padding-left: 1em;
}

@media only screen and (max-width: 37.5em) {
    .w46-productlist__main__second__container__noidung__pricing__tg {
        width: 100%;
    }
}

.w46-productlist__main__second__container__noidung__pricing__tg__text {
    display: block;
    font-size: 1.2em;
    color: #7d7d7d;
    text-decoration: line-through;
    margin-bottom: 0.7em;
}

.w46-productlist__main__second__container__noidung__pricing__tg__vl {
    font-size: 1.3em;
}

.w46-productlist__main__second__container__noidung__bar {
    background-color: #1315a344;
    width: 100%;
    position: relative;
    display: block;
    border-radius: 1em;
    margin-top: 0.5em;
}

.w46-productlist__main__second__container__noidung__bar__pro {
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    width: 50%;
    height: 100%;
    border-radius: 1em;
    top: 0;
    z-index: 1;
}

.w46-productlist__main__second__container__noidung__bar__imgbox {
    position: absolute;
    width: 2.5em;
    height: 2.5em;
    background-size: contain;
    background-position: center;
    left: 0.5em;
    top: initial;
    bottom: 0;
    z-index: 10;
}

.w46-productlist__main__second__container__noidung__bar__text {
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    text-align: center;
    display: block;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 1em;
    z-index: 2;
    position: relative;
}

.w46-productlist__main__second__container__noidung__stars {
    margin-top: 0.5em;
}

.w46-productlist__main__second__container__noidung__stars__star {
    color: #ffc700;
}

.w46-productlist__main__second__container__noidung__stars__text {
    font-size: 1em;
    margin-left: 0.5em;
    color: #ffc700;
    margin-right: 0.3em;
}

.w46-productlist__main__second__container__noidung__stars__value {
    font-size: 1em;
}

.w46-productlist__main__second__container__noidung__grbtn {
    display: flex;
    justify-content: center;
    margin-top: 1em;
}

.w46-productlist__main__second__container__noidung__grbtn__btn {
    padding: 1em;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: 1px solid rgba(var(--main-color-w), 1);
    width: 50%;
    font-size: 1em;
    cursor: pointer;
    border-radius: 0.3em;
    transition: all 0.2s ease;
    font-weight: 600;
    letter-spacing: 1px;
}

    .w46-productlist__main__second__container__noidung__grbtn__btn:nth-child(2) {
        background-color: transparent;
        margin-left: 1em;
        color: rgba(var(--main-color-w), 1);
    }

    .w46-productlist__main__second__container__noidung__grbtn__btn:hover {
        background-color: crimson;
        border: 1px solid crimson;
        color: white;
    }

/*ed*/
/*w47-abimg*/
.w47-abimg {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w47-abimg__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-abimg__tin {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w47-abimg__tin__heading {
    width: 50%;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w47-abimg__tin__heading {
        width: 100%;
    }
}

.w47-abimg__tin__heading__info {
    padding: 1em 2em;
}

.w47-abimg__tin__heading__info__main {
    font-size: 1.6em;
    font-weight: 600;
    margin-bottom: 0.5em;
    display: block;
    color: rgba(var(--main-color-w), 1);
    line-height: 1.4em;
    text-align: justify;
}

.w47-abimg__tin__heading__info__sub {
    font-size: 2.5em;
    font-weight: 600;
    display: block;
    line-height: 1.4em;
    margin-bottom: .5em;
    text-align: justify;
}

@media only screen and (max-width: 43.75em) {
    .w47-abimg__tin__heading__info__sub {
        font-size: 1.2em;
    }
}

.w47-abimg__tin__heading__info__des {
    font-size: 1.4em;
    line-height: 1.6em;
}

.w47-abimg__tin__items {
    width: 25%;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w47-abimg__tin__items {
        width: 50%;
    }
}

.w47-abimg__tin__items:nth-child(3n + 6) {
    width: 50%;
}

.w47-abimg__tin__items__imgbox {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    height: 100%;
}

    .w47-abimg__tin__items__imgbox:hover .w47-abimg__tin__items__imgbox__imgbox {
        filter: brightness(1);
    }

.w47-abimg__tin__items__imgbox__img {
    width: 100%;
}

.w47-abimg__tin__items__content {
    bottom: 0;
    padding: 4em 2em 2em 2em;
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.548) 0%, rgba(0, 0, 0, 0.4) 60%, transparent);
    width: 100%;
}

.w47-abimg__tin__items__content__main {
    font-size: 1.6em;
    margin-top: 0.5em;
    display: block;
    line-height: 1.4em;
    color: white;
}

.w47-abimg__wrap {
    display: flex;
    flex-wrap: wrap;
}

.w47-abimg__wrap__items {
    width: 25%;
    position: relative;
    cursor: pointer;
}

    .w47-abimg__wrap__items:nth-child(3n + 6) {
        width: 50%;
    }

.w47-abimg__wrap__items__imgbox {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    height: 100%;
}

.w47-abimg__wrap__items__imgbox__img {
    width: 100%;
}

.w47-abimg__wrap__items__content {
    bottom: 0;
    padding: 2em 2em;
    position: absolute;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.648), rgba(0, 0, 0, 0.259) 50%, transparent);
    width: 100%;
}

.w47-abimg__wrap__items__content__main {
    font-size: 1.6em;
    margin-top: 0.5em;
    display: block;
    line-height: 1.4em;
    color: white;
}

/*ed*/

/*w47-feature*/
.w47-feature {
    width: 100%;
    background-color: white;
    -webkit-backdrop-filter: brightness(0.5);
    position: relative;
    margin-bottom: 1em;
}

.w47-feature__group {
    max-width: 120em;
    margin: 0 auto;
    padding: 1em;
}

.w47-feature__imgbox {
    background-position: left;
    background-size: cover;
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    filter: brightness(1);
}

.w47-feature__imgbox__img {
    width: 100%;
}

.w47-feature__main {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 5%;
}

@media only screen and (max-width: 50em) {
    .w47-feature__main {
        flex-wrap: wrap;
    }
}

.w47-feature__main__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 1em;
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w47-feature__main__info {
        width: 100%;
    }
}

.w47-feature__main__info__name {
    font-size: 4em;
    position: relative;
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50em) {
    .w47-feature__main__info__name {
        font-size: 2em;
    }
}

.w47-feature__main__info__sub {
    font-size: 3em;
    line-height: 1.6em;
    margin-top: 1em;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 50em) {
    .w47-feature__main__info__sub {
        font-size: 1.3em;
    }
}

.w47-feature__items {
    display: flex;
    align-items: center;
    z-index: 1;
    position: relative;
    flex-wrap: wrap;
    margin-bottom: 5%;
    padding: 1em;
    width: 50em;
}

@media only screen and (max-width: 50em) {
    .w47-feature__items {
        border: none;
        width: auto;
    }
}

.w47-feature__items__icon {
    margin-right: .5em;
    color: white;
}

.w47-feature__items__item {
    display: flex;
    border-bottom: 1px solid #dbdbdb;
    padding: 1em 0;
    position: relative;
    width: 100%;
}

    .w47-feature__items__item::after {
        content: "";
        width: 45%;
        border-bottom: 1px solid black;
        left: 0;
        position: absolute;
        bottom: -1px;
    }

.w47-feature__items__item__text {
    font-size: 1.4em;
    width: 50%;
    min-width: 50%;
}

.w47-feature__items__item:hover {
    text-decoration: underline;
}

.w47-feature .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w47-feature .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w47-feature .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w47-feature .swiper-button-next {
    color: black;
}

.w47-feature .swiper-button-prev {
    color: black;
}

/*ed*/
/*w47-ads*/
.w47-ads {
    width: 100%;
    background-color: white;
    padding: 2em 1em;
    background-position: center;
    background-size: cover;
}

.w47-ads__group {
    max-width: 120em;
    position: relative;
    margin: 0 auto;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    flex-wrap: wrap;
}

.w47-ads__content {
    width: 40%;
    padding: 2em 0;
}

@media only screen and (max-width: 50em) {
    .w47-ads__content {
        width: 100%;
    }
}

.w47-ads__content__block {
    position: relative;
}

.w47-ads__content__thumbs {
    margin-top: 5em;
    overflow: hidden;
    max-height: 50em;
    padding-bottom: 5em;
}

@media only screen and (max-width: 37.5em) {
    .w47-ads__content__thumbs {
        min-height: 30em;
    }
}

.w47-ads__content__thumbs__thongtin {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-bottom: 4em;
}

.w47-ads__content__thumbs__thongtin__iconbox {
    background-color: rgba(var(--main-color-w), 1);
    height: 6em;
    width: 6em;
    min-width: 6em;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
}

    .w47-ads__content__thumbs__thongtin__iconbox::after {
        content: "";
        height: 3em;
        border-left: 1px dashed rgba(var(--main-color-w), 1);
        position: absolute;
        top: calc(100% + 1.5em);
        left: 50%;
    }

.w47-ads__content__thumbs__thongtin__iconbox__icon {
    color: white;
    padding: .1em;
    font-size: 3.5em;
}

.w47-ads__content__thumbs__thongtin__mota {
    margin-left: 5em;
}

.w47-ads__content__thumbs__thongtin__mota__name {
    font-weight: 600;
    font-size: 1.6em;
    line-height: 1.4em;
    text-align: justify;
}

.w47-ads__content__thumbs__thongtin__mota__des {
    display: inline-block;
    font-size: 1.3em;
    margin-top: 0.5em;
    line-height: 1.4em;
    text-align: justify;
}

.w47-ads__content__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    padding: 1em;
    text-align: center;
}

.w47-ads__content__info__name {
    font-size: 1.6em;
    position: relative;
    padding: 0.5em 0;
    display: inline-block;
    font-weight: 600;
    line-height: 1.3em;
    color: rgba(var(--main-color-w), 1);
}

.w47-ads__content__info__sub {
    font-size: 2.5em;
    line-height: 1.3em;
    display: inline-block;
    font-weight: 600;
    margin-bottom: .5em;
}

@media only screen and (max-width: 37.5em) {
    .w47-ads__content__info__sub {
        font-size: 1.3em;
    }
}

.w47-ads__content__info__des {
    font-size: 1.3em;
    line-height: 1.3em;
    display: inline-block;
}

.w47-ads .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w47-ads .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w47-ads .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w47-ads .swiper-button-next {
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (min-width: 37.5em) {
    .w47-ads .swiper-button-next {
        top: -3em !important;
        left: 50% !important;
        transform: translateX(-50%) rotate(-90deg);
    }
}

.w47-ads .swiper-button-next::after {
    font-size: 2em;
}

.w47-ads .swiper-button-prev {
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (min-width: 37.5em) {
    .w47-ads .swiper-button-prev {
        top: initial !important;
        left: 50% !important;
        bottom: -3em;
        transform: translateX(-50%) rotate(-90deg);
    }
}

.w47-ads .swiper-button-prev::after {
    font-size: 2em;
}

/*ed*/
/*w47-article*/
.w47-article {
    width: 100%;
    padding: 1em 0.5em;
    background-color: white;
}

.w47-article__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-article__heading {
    display: flex;
    margin-bottom: 2em;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w47-article__heading {
        justify-content: center;
        text-align: center;
    }
}

.w47-article__heading__main {
    margin-right: 1em;
}

@media only screen and (max-width: 50em) {
    .w47-article__heading__main {
        width: 100%;
        margin-right: 0;
    }
}

.w47-article__heading__main__title {
    font-size: 1.4em;
    margin-bottom: 1em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 1.6em;
}

.w47-article__heading__main__sub {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
}

.w47-article__heading__tab {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w47-article__heading__tab {
        width: 100%;
        justify-content: center;
    }
}

.w47-article__heading__tab__text {
    font-size: 1.3em;
    line-height: 1.6em;
    margin: .5em;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

    .w47-article__heading__tab__text:not(:first-child) {
        margin-left: 1em;
    }

    .w47-article__heading__tab__text:hover::before {
        width: 5em;
    }

    .w47-article__heading__tab__text::before {
        content: "";
        width: 0;
        position: relative;
        right: .5em;
        height: .2em;
        background-color: rgba(var(--main-color-w), 1);
        display: inline-block;
        transition: all .2s ease;
    }

.w47-article__heading__tab__icon {
    font-size: 3em;
    margin-left: .5em;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .2s ease;
}

    .w47-article__heading__tab__icon:hover {
        transform: scale(1.3);
    }

.w47-article__tin {
    display: flex;
    flex-wrap: wrap;
}

.w47-article__tin__container {
    width: 50%;
}

@media only screen and (max-width: 50em) {
    .w47-article__tin__container {
        width: 100%;
    }
}

.w47-article__tin__container--out {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (min-width: 50em) {
    .w47-article__tin__container--out .w47-article__tin__container__wrap {
        width: 50%;
    }
}

.w47-article__tin__container--out .w47-article__tin__container__wrap:nth-child(2) {
    flex-direction: row;
}

.w47-article__tin__container--out .w47-article__tin__container__wrap {
    align-items: unset;
}

.w47-article__tin__container__wrap {
    display: flex;
    height: 50%;
}

@media only screen and (max-width: 50em) {
    .w47-article__tin__container__wrap {
        width: 100%;
    }
}

.w47-article__tin__container__wrap:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white !important;
}

.w47-article__tin__container__wrap:nth-child(2) {
    flex-direction: row-reverse;
}

.w47-article__tin__container__wrap__imgbox {
    background-position: center;
    background-size: cover;
    width: 50%;
    height: auto;
}

.w47-article__tin__container__wrap__imgbox__img {
    width: 100%;
}

.w47-article__tin__container__wrap__imgbox--1 {
    background-position: center;
    background-size: cover;
    width: 50%;
    height: auto;
}

.w47-article__tin__container__wrap__imgbox--1__img {
    width: 100%;
}

.w47-article__tin__container__wrap__items {
    width: 50%;
    position: relative;
    cursor: pointer;
    align-self: center;
}

.w47-article__tin__container__wrap__items__content {
    bottom: 1em;
    padding: 1em 2em;
}

.w47-article__tin__container__wrap__items__content__cate {
    display: flex;
    align-items: center;
    margin-bottom: 2em;
}

.w47-article__tin__container__wrap__items__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    font-size: 1.3em;
    display: inline-block;
    color: white;
}

.w47-article__tin__container__wrap__items__content__cate__time {
    margin-left: 1em;
    font-size: 1.3em;
}

.w47-article__tin__container__wrap__items__content__main {
    font-size: 1.6em;
    margin-top: 0.5em;
    display: block;
    line-height: 1.4em;
}

.w47-article__tin__container__wrap__items__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all 0.2s ease;
    margin-bottom: .5em;
}

.w47-article__tin__container__wrap__items__content__des__view {
    margin-left: 1em;
}

.w47-article__tin__container__wrap__items__content__des__user {
    display: flex;
    align-items: center;
}

.w47-article__tin__container__wrap__items__content__des__user__imgbox {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-size: cover;
}

.w47-article__tin__container__wrap__items__content__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w47-article__tin__container__wrap__items__content__des__user__text {
    margin-left: 1em;
}

.w47-article__tin__container__wrap__items__content__icon {
    display: block !important;
    font-size: 3em;
    width: fit-content;
    margin-left: auto;
}

.w47-article__tin__items {
    width: 50%;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 50em) {
    .w47-article__tin__items {
        width: 100%;
    }
}

@media only screen and (max-width: 37.5em) {
    .w47-article__tin__items {
        width: 100%;
    }
}

.w47-article__tin__items:hover .w47-article__tin__items__imgbox {
    filter: brightness(1);
}

.w47-article__tin__items__imgbox {
    width: 100%;
    background-size: cover;
    background-position: top center;
    filter: brightness(0.6);
    height: 100%;
    transition: all .2s ease;
}

.w47-article__tin__items__imgbox__img {
    width: 100%;
}

.w47-article__tin__items__imgbox--1 {
    width: 100%;
    background-size: cover;
    background-position: top center;
    filter: brightness(0.6);
    height: 100%;
    transition: all .2s ease;
}

.w47-article__tin__items__imgbox--1__img {
    width: 100%;
}

.w47-article__tin__items__content {
    position: absolute;
    bottom: 1em;
    padding: 1em 2em;
}

.w47-article__tin__items__content__cate {
    display: flex;
    align-items: center;
}

.w47-article__tin__items__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.5em 1em;
    color: white;
    font-size: 1.3em;
    font-weight: 600;
    display: inline-block;
}

.w47-article__tin__items__content__cate__time {
    color: white;
    line-height: 1.4em;
    margin-left: 1em;
    font-size: 1.3em;
}

.w47-article__tin__items__content__main {
    font-size: 1.6em;
    font-weight: 600;
    margin-top: 0.5em;
    display: block;
    color: white;
    line-height: 1.4em;
    text-align: justify;
}

@media only screen and (min-width: 43.75em) and (max-width: 62.5em) {
    .w47-article__tin__items__content__main {
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 43.75em) {
    .w47-article__tin__items__content__main {
        font-size: 1.5em;
    }
}

.w47-article__tin__items__content__sub {
    margin-top: 1em;
    font-size: 1.6em;
    color: white;
    display: block;
    line-height: 1.4em;
    text-align: justify;
}

@media only screen and (max-width: 43.75em) {
    .w47-article__tin__items__content__sub {
        font-size: 1.2em;
    }
}

.w47-article__tin__items__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2em;
    margin-top: 1em;
    transition: all 0.2s ease;
    margin-bottom: -3em;
    opacity: 0;
}

.w47-article__tin__items__content__des__view {
    margin-left: 1em;
}

.w47-article__tin__items__content__des__user {
    display: flex;
    align-items: center;
}

.w47-article__tin__items__content__des__user__imgbox {
    width: 2em;
    height: 2em;
    border-radius: 50%;
    background-size: cover;
}

.w47-article__tin__items__content__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w47-article__tin__items__content__des__user__text {
    margin-left: 1em;
}

.w47-article__btn {
    border: none;
    border-radius: 0.3em;
    padding: 1em 2em;
    color: white;
    cursor: pointer;
    outline: none;
    margin-bottom: 1em;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    margin: 0 auto;
    width: fit-content;
    margin-top: 2em;
}

.w47-article__btn__text {
    font-size: 1.4em;
}

.w47-article__btn__icon {
    margin-left: 0.5em;
    font-size: 1.4em;
}

/*ed*/
/*w47-blankpage*/
.w47-blankpage {
    position: relative;
    width: 100%;
    background-color: #f7f7f7;
    padding: 2em 1em;
}

.w47-blankpage__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-blankpage__heading {
    display: flex;
    flex-direction: column;
}

.w47-blankpage__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w47-blankpage__heading__title__line {
    width: .1em;
    height: 5em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    opacity: 1;
    border-radius: 0.2em;
    margin: 0 auto;
    margin-bottom: 2em;
}

.w47-blankpage__heading__title__text {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w47-blankpage__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w47-blankpage__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2em;
}

.w47-blankpage__heading__imgbox__img {
    margin: 0 auto;
}

.w47-blankpage__card {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w47-blankpage__card__imgbox {
    width: 100%;
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w47-blankpage__card__imgbox__img {
    width: 100%;
}

.w47-blankpage__grbtn {
    display: flex;
    width: fit-content;
    align-items: center;
    margin: 2em auto;
    margin-bottom: 3em;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em .5em .5em 1.5em;
    border-radius: 2em;
}

.w47-blankpage__grbtn__icon {
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    height: 2em;
    width: 2em;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: .5em;
    transition: all .2s ease;
}

.w47-blankpage__grbtn__text {
    font-size: 1.3em;
    color: white;
    letter-spacing: 1px;
    font-weight: 600;
}

.w47-blankpage__grbtn__line {
    width: 50%;
    height: .2em;
    background-color: #3f02bd;
    position: absolute;
    top: 80%;
    margin: 1em auto;
    left: 0;
    display: none;
    right: 0;
    transition: all .2s ease;
    opacity: 0.4;
}

.w47-blankpage__grbtn:hover .w47-blankpage__grbtn__icon {
    margin-left: 1.5em;
}
/*ed*/
/*w47-breadcumb*/
.w47-breadcumb {
    width: 100%;
    background-color: white;
    padding: 1em 1em 4em 1em;
    -webkit-backdrop-filter: brightness(0.5);
    backdrop-filter: brightness(0.5);
}

.w47-breadcumb__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-breadcumb__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 37.5em) {
    .w47-breadcumb__main {
        flex-wrap: wrap;
    }
}

.w47-breadcumb__main__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    color: white;
    padding: 1em;
    width: 40%;
    margin-top: 10%;
    margin-bottom: 10%;
}

@media only screen and (max-width: 37.5em) {
    .w47-breadcumb__main__info {
        width: 100%;
    }
}

.w47-breadcumb__main__info__name {
    font-size: 4em;
    position: relative;
    display: block;
    font-weight: 600;
}

@media only screen and (max-width: 37.5em) {
    .w47-breadcumb__main__info__name {
        font-size: 2em;
    }
}

.w47-breadcumb__main__info__sub {
    font-size: 2em;
    line-height: 1.6em;
    margin-top: 1em;
    display: block;
}

@media only screen and (max-width: 37.5em) {
    .w47-breadcumb__main__info__sub {
        font-size: 1.3em;
    }
}

.w47-breadcumb__items {
    display: flex;
    align-items: center;
}

.w47-breadcumb__items__icon {
    margin-right: .5em;
    color: white;
}

.w47-breadcumb__items__item {
    font-size: 1.4em;
    display: inline-block;
    color: white;
}

    .w47-breadcumb__items__item:not(:last-child) {
        margin-right: .5em;
    }

    .w47-breadcumb__items__item:hover {
        text-decoration: underline;
    }

.w47-breadcumb__items .active {
    text-decoration: underline;
}

.w47-breadcumb .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w47-breadcumb .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5em) {
    .w47-breadcumb .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w47-breadcumb .swiper-button-next {
    color: black;
}

.w47-breadcumb .swiper-button-prev {
    color: black;
}

/*ed*/

/*w47-faq*/
.w47-faq {
    width: 100%;
}

.w47-faq__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-faq__heading {
    display: flex;
    flex-direction: column;
}

.w47-faq__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w47-faq__heading__title__line {
    width: .1em;
    height: 5em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    opacity: 1;
    border-radius: 0.2em;
    margin: 0 auto;
    margin-bottom: 2em;
}

.w47-faq__heading__title__text {
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w47-faq__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w47-faq__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2em;
}

.w47-faq__heading__imgbox__img {
    margin: 0 auto;
}

.w47-faq__heading__card {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2em;
    flex-wrap: wrap;
}

.w47-faq__heading__card__imgbox {
    width: 49%;
    border-radius: 1em;
    background-size: contain;
    background-position: center;
}

.w47-faq__heading__card__imgbox__img {
    width: 100%;
}

.w47-faq__contain__items {
    margin-bottom: 2em;
}

.active .w47-faq__contain__items__ques__lbl {
    background-color: rgba(var(--main-color-w), 1);
}

.active .w47-faq__contain__items__ques__lbl__icon {
    color: white;
}

.active .w47-faq__contain__items__ques__lbl__text {
    color: white;
}

.active .w47-faq__contain__items__ques__lbl__num {
    color: white;
    border-right: .1px solid white;
}

.w47-faq__contain__items__ques {
    border-bottom: 0.1em solid rgba(207, 207, 207, 0.5);
    margin-bottom: 2em;
}

.w47-faq__contain__items__ques__lbl {
    cursor: pointer;
    width: 100%;
    display: flex;
    align-items: center;
    padding: .5em;
    position: relative;
    padding-right: 5em;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.15);
}

.w47-faq__contain__items__ques__lbl__text {
    font-weight: 600;
    font-size: 1.4em;
    line-height: 1.4em;
    text-align: justify;
}

.w47-faq__contain__items__ques__lbl__icon {
    transition: all 0.2s ease;
    height: 2em;
    width: 2em;
    display: inline-flex !important;
    justify-content: center;
    align-items: center;
    margin-left: auto;
    position: absolute;
    font-size: 2em;
    right: .5em;
}

.w47-faq__contain__items__ques__lbl__num {
    font-size: 2em;
    border-right: .1px solid black;
    padding: .5em 1em;
    margin-right: 1em;
    font-weight: 600;
}

.w47-faq__contain__items__ques__checkbox:checked ~ .w47-faq__contain__items__ques__content {
    max-height: 500em;
    padding: 1em;
}

.w47-faq__contain__items__ques__checkbox:checked ~ .w47-faq__contain__items__ques__lbl .w47-faq__contain__items__ques__lbl__icon--plus {
    transform: scale(0);
    overflow: hidden;
    opacity: 0;
    transform: rotate(180deg);
}

.w47-faq__contain__items__ques__checkbox:checked ~ .w47-faq__contain__items__ques__lbl .w47-faq__contain__items__ques__lbl__icon--minus {
    border-radius: 50%;
    transition: all 0.3s ease;
    opacity: 1;
    transform: rotate(180deg) scale(1);
}

.w47-faq__contain__items__ques__checkbox {
    display: none;
}

.w47-faq__contain__items__ques__content {
    max-height: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}

.w47-faq__contain__items__ques__content__text {
    line-height: 1.6em;
    font-size: 1.4em;
}

/*ed*/
/*w47-introducer*/
.w47-introducer {
    width: 100%;
    padding: 2em 1em;
    background-color: white;
}

.w47-introducer__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-introducer__container__items {
    display: flex;
    justify-content: space-between;
    margin-top: 2em;
    flex-wrap: wrap;
    transition: all 0.3s ease;
    align-items: center;
}

    .w47-introducer__container__items:nth-child(even) {
        flex-direction: row-reverse;
    }

.w47-introducer__container__items__info {
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w47-introducer__container__items__info {
        width: 100%;
    }
}

.w47-introducer__container__items__info__name {
    display: block;
    font-size: 3.5em;
    font-weight: 600;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

.w47-introducer__container__items__info__des {
    font-size: 2em;
    font-weight: 600;
    line-height: 1.3em;
}

.w47-introducer__container__items__info__text {
    margin-top: 1em;
}

.w47-introducer__container__items__info__grbtn {
    display: flex;
    width: fit-content;
    align-items: center;
    margin: 2em auto;
    margin-bottom: 3em;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em .5em .5em 1.5em;
    border-radius: 2em;
}

.w47-introducer__container__items__info__grbtn__icon {
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    height: 2em;
    width: 2em;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: .5em;
    transition: all .2s ease;
}

.w47-introducer__container__items__info__grbtn__text {
    font-size: 1.3em;
    color: white;
    letter-spacing: 1px;
    font-weight: 600;
}

.w47-introducer__container__items__info__grbtn__line {
    width: 50%;
    height: .2em;
    background-color: #3f02bd;
    position: absolute;
    top: 80%;
    margin: 1em auto;
    left: 0;
    display: none;
    right: 0;
    transition: all .2s ease;
    opacity: 0.4;
}

.w47-introducer__container__items__info__grbtn:hover .w47-introducer__container__items__info__grbtn__icon {
    margin-left: 1.5em;
}

.w47-introducer__container__items__slider {
    width: 48%;
    position: relative;
    overflow: hidden;
}

    .w47-introducer__container__items__slider .swiper-pagination-bullet {
        background: white;
    }

    .w47-introducer__container__items__slider .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50em) {
    .w47-introducer__container__items__slider {
        width: 100%;
    }
}

.w47-introducer__container__items__slider__imgbox {
    background-size: contain;
    background-position: center;
    position: relative;
}

.w47-introducer__container__items__slider__imgbox__img {
    width: 100%;
}

.w47-introducer__container__items__slider__btn {
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    position: absolute;
    width: fit-content;
    height: fit-content;
    z-index: 1;
}

.w47-introducer__container__items__slider__btn__iconbox {
    background-color: rgba(var(--main-color-w), 1);
    padding: 2em;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: relative;
    background-size: contain;
    background-position: center;
    opacity: 0.8;
}

    .w47-introducer__container__items__slider__btn__iconbox::after {
        content: "";
        height: 150%;
        width: 150%;
        position: absolute;
        background-color: rgba(var(--main-color-w), 1);
        opacity: 0.8;
        box-shadow: 0 0 0 0 rgba(var(--main-color-w), 1);
        z-index: -1;
        left: -25%;
        top: -25%;
        border-radius: 50%;
        animation: ws-zoom 1s infinite;
        transition: all 0.5s ease;
    }

.w47-introducer__container__items__slider__btn__iconbox__icon {
    font-size: 2em;
    animation: ws-lac 1s infinite;
}

@keyframes ws-lac {
    0% {
    }

    50% {
        transform: rotate(0);
    }

    60% {
        transform: rotate(30deg);
    }

    70% {
        transform: rotate(-30deg);
    }

    80% {
        transform: rotate(30deg);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes ws-zoom {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0.1em 1.5em #2195f300;
    }
}

.w47-introducer__heading {
    display: flex;
    flex-direction: column;
}

.w47-introducer__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w47-introducer__heading__title__line {
    width: .1em;
    height: 5em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    opacity: 1;
    border-radius: 0.2em;
    margin: 0 auto;
    margin-bottom: 2em;
}

.w47-introducer__heading__title__text {
    text-align: center;
    font-size: 2.5em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w47-introducer__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.4em;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w47-introducer__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2em;
}

.w47-introducer__heading__imgbox__img {
    margin: 0 auto;
}

/*ed*/
/*w47-table*/
.w47-table {
    width: 100%;
    padding: 3em 1em;
    color: var(--text-color-w);
    background-color: white;
}

.w47-table__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-table__heading {
    display: flex;
    margin-bottom: 2em;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w47-table__heading {
        justify-content: center;
        text-align: center;
    }
}

.w47-table__heading__main {
    margin-right: 1em;
}

@media only screen and (max-width: 50em) {
    .w47-table__heading__main {
        width: 100%;
        margin-right: 0;
    }
}

.w47-table__heading__main__title {
    font-size: 1.4em;
    margin-bottom: 1em;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 1.6em;
}

.w47-table__heading__main__sub {
    font-size: 2.5em;
    font-weight: 600;
    line-height: 1.6em;
}

.w47-table__heading__tab {
    display: flex;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 50em) {
    .w47-table__heading__tab {
        width: 100%;
        justify-content: center;
    }
}

.w47-table__heading__tab__text {
    font-size: 1.3em;
    line-height: 1.6em;
    margin: .5em;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

    .w47-table__heading__tab__text:not(:first-child) {
        margin-left: 1em;
    }

    .w47-table__heading__tab__text:hover::before {
        width: 5em;
    }

    .w47-table__heading__tab__text::before {
        content: "";
        width: 0;
        position: relative;
        right: .5em;
        height: .2em;
        background-color: rgba(var(--main-color-w), 1);
        display: inline-block;
        transition: all .2s ease;
    }

.w47-table__tbl {
    border-collapse: collapse;
    width: 100%;
    margin-top: 0.5em;
    display: table;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl {
        margin: 0 auto;
    }
}

.w47-table__tbl td,
.w47-table__tbl th {
    border: 1px solid white;
    padding: 1em;
    line-height: 1.8em;
    padding: 1em;
    font-size: 1.3em;
    background-color: #F5F5F5;
}

    .w47-table__tbl td:nth-child(1),
    .w47-table__tbl th:nth-child(1) {
        width: 5%;
    }

@media only screen and (max-width: 50em) {
    .w47-table__tbl td:nth-child(1),
    .w47-table__tbl th:nth-child(1) {
        width: 100%;
    }
}

.w47-table__tbl td:nth-child(2),
.w47-table__tbl th:nth-child(2) {
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl td:nth-child(2),
    .w47-table__tbl th:nth-child(2) {
        width: 100%;
    }
}

.w47-table__tbl td:nth-child(3),
.w47-table__tbl th:nth-child(3) {
    width: 15%;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl td:nth-child(3),
    .w47-table__tbl th:nth-child(3) {
        width: 100%;
    }
}

.w47-table__tbl td:nth-child(4),
.w47-table__tbl th:nth-child(4) {
    width: 25%;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl td:nth-child(4),
    .w47-table__tbl th:nth-child(4) {
        width: 100%;
    }
}

.w47-table__tbl td:nth-child(5),
.w47-table__tbl th:nth-child(5) {
    width: 25%;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl td:nth-child(5),
    .w47-table__tbl th:nth-child(5) {
        width: 100%;
    }
}

.w47-table__tbl th {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl th {
        display: none;
    }
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl tr {
        display: block;
        margin-bottom: 2em;
        border: 1px solid rgba(var(--main-color-w), 1);
    }

        .w47-table__tbl tr:nth-child(1) {
            display: none;
        }
}

.w47-table__tbl tr:hover {
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.181);
}

.w47-table__tbl td:nth-child(1) {
    font-size: 2.5em;
    color: #7d7d7d;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl td:nth-child(1) {
        font-size: 1.3em;
    }
}

.w47-table__tbl__td {
    text-align: center;
}

.w47-table__tbl__td__btn {
    padding: .5em 1em;
    border: 1px solid rgba(var(--main-color-w), 1);
    border-radius: 2em;
    background-color: #E3E3E3;
    cursor: pointer;
    display: inline-block;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w47-table__tbl__td {
        display: flex;
        align-items: center;
    }

        .w47-table__tbl__td::before {
            content: attr(data-title);
            position: relative;
            width: 50%;
            height: 100%;
            min-width: 50%;
            font-weight: 600;
            display: inline-block;
        }
}

.w47-table__tbl__td__text {
    width: 50%;
    text-align: center;
}

.w47-table__des {
    display: block;
    margin-top: 1em;
    font-size: 1.3em;
    line-height: 1.3em;
    text-align: center;
}

.w47-table__grbtn {
    display: flex;
    width: fit-content;
    align-items: center;
    margin: 2em auto;
    margin-bottom: 3em;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5em .5em .5em 1.5em;
    border-radius: 2em;
}

.w47-table__grbtn__icon {
    font-size: 1.3em;
    color: rgba(var(--main-color-w), 1);
    background-color: white;
    height: 2em;
    width: 2em;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: .5em;
    transition: all .2s ease;
}

.w47-table__grbtn__text {
    font-size: 1.3em;
    color: white;
    letter-spacing: 1px;
    font-weight: 600;
}

.w47-table__grbtn__line {
    width: 50%;
    height: .2em;
    background-color: #3f02bd;
    position: absolute;
    top: 80%;
    margin: 1em auto;
    left: 0;
    display: none;
    right: 0;
    transition: all .2s ease;
    opacity: 0.4;
}

.w47-table__grbtn:hover .w47-table__grbtn__icon {
    margin-left: 1.5em;
}

/*ed*/
/*w47-award*/
.w47-award {
    width: 100%;
    padding: 2em 1em;
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.w47-award__group {
    margin: 0 auto;
}

.w47-award__heading {
    display: flex;
    flex-direction: column;
}

.w47-award__heading__title {
    display: flex;
    margin-bottom: 1em;
    flex-wrap: wrap;
    position: relative;
}

.w47-award__heading__title__line {
    width: .1em;
    height: 5em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    opacity: 1;
    border-radius: 0.2em;
    position: relative;
    margin-bottom: 2em;
}

.w47-award__heading__title__text {
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w47-award__heading__des {
    width: fit-content;
    display: block;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w47-award__heading__imgbox {
    width: fit-content;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2em;
}

.w47-award__heading__imgbox__img {
    margin: 0 auto;
}

.w47-award__container {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (max-width: 50em) {
    .w47-award__container {
        flex-wrap: wrap;
    }
}

.w47-award__container__first {
    width: 55%;
    margin-left: 45%;
    padding: 6em 0 3em 0;
}

@media only screen and (min-width: 75em) {
    .w47-award__container__first {
        margin-right: calc((100% - 120em) /2);
    }
}

@media only screen and (max-width: 50em) {
    .w47-award__container__first {
        width: 100%;
        margin-left: 0;
    }
}

.w47-award__container__first__bg {
    position: absolute;
    background: #F5F5F5;
    height: 100%;
    width: 70%;
    top: 50%;
    right: 0;
    transform: translateY(-50%) translateX(1em);
    z-index: -1;
}

@media only screen and (max-width: 50em) {
    .w47-award__container__first__bg {
        height: 90%;
        bottom: 0;
        width: calc(55% + .5em);
        top: unset;
        transform: translateY(0) translateX(1em);
    }
}

.w47-award__container__first__content {
    position: relative;
}

.w47-award__container__first__content__heading {
    margin-bottom: 0.5em;
    font-weight: bolder;
    font-size: 2.5em;
    overflow: hidden;
    display: block;
    color: white;
}

.w47-award__container__first__content__des {
    margin-bottom: 2em;
    font-size: 1.4em;
    font-weight: 400;
    overflow: hidden;
    display: block;
    line-height: 1.6em;
    color: white;
    text-align: justify;
}

.w47-award__container__first__items {
    display: flex;
    flex-wrap: wrap;
}

.w47-award__container__first__items__item {
    width: 47.5%;
    margin-left: 5%;
    margin-bottom: 6em;
}

    .w47-award__container__first__items__item:first-child {
        margin-left: 0;
    }

    .w47-award__container__first__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w47-award__container__first__items__item__info {
    display: flex;
    align-items: center;
}

.w47-award__container__first__items__item__info__heading {
    font-weight: bolder;
    font-size: 3.5em;
    display: inline-block;
    color: rgba(var(--main-color-w), 1);
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 37.5em) {
    .w47-award__container__first__items__item__info__heading {
        font-size: 1.6em;
    }
}

.w47-award__container__first__items__item__info__heading::after {
    content: attr(data-title);
    position: absolute;
    color: white;
    z-index: -1;
    transform: scale(2);
    text-shadow: 1px 0 0 #999999, -1px 0 0 #999999, 0 1px 0 #999999, 0 -2px 0 #999999, 1px 1px #999999, -1px -1px 0 #999999, 1px -1px 0 #999999, -1px 1px 0 #999999;
    left: 50%;
    opacity: 0.2;
}

.w47-award__container__first__items__item__des {
    margin-top: 0.5em;
    font-size: 1.4em;
    display: inline-block;
    line-height: 1.6em;
    text-align: justify;
}

.w47-award__container__imgbox {
    background-size: cover;
    background-position: center;
    position: absolute;
    left: 0;
    height: 80%;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 0;
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w47-award__container__imgbox {
        width: 100%;
        position: relative;
    }
}

.w47-award__container__imgbox__img {
    width: 100%;
}

/*ed*/
/*w47-service*/
.w47-service {
    width: 100%;
    padding: 2em 1em;
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

.w47-service__group {
    max-width: 120em;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

@media only screen and (max-width: 50em) {
    .w47-service__group {
        flex-wrap: wrap;
    }
}

.w47-service__first {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w47-service__first {
        width: 100%;
    }
}

.w47-service__first__content {
    position: relative;
    width: 40%;
}

@media only screen and (max-width: 50em) {
    .w47-service__first__content {
        width: 100%;
        margin-bottom: 2em;
    }
}

.w47-service__first__content__heading {
    margin-bottom: 1em;
    font-weight: bolder;
    font-size: 1.6em;
    overflow: hidden;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w47-service__first__content__des {
    font-size: 3em;
    font-weight: 600;
    overflow: hidden;
    display: block;
    line-height: 1.3em;
    margin-bottom: .5em;
}

.w47-service__first__content__sub {
    margin-bottom: 0.5em;
    font-size: 1.6em;
    overflow: hidden;
    display: block;
    line-height: 1.6em;
}

.w47-service__first__items {
    display: flex;
    flex-wrap: wrap;
    width: 50%;
    align-self: flex-end;
}

@media only screen and (max-width: 50em) {
    .w47-service__first__items {
        width: 100%;
    }
}

.w47-service__first__items__item {
    width: 47.5%;
    margin-left: 5%;
    margin-bottom: 5em;
}

    .w47-service__first__items__item:first-child {
        margin-left: 0;
    }

    .w47-service__first__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

    .w47-service__first__items__item:hover .w47-service__first__items__item__info__icon {
        animation: lac 1s ease;
    }

.w47-service__first__items__item__info {
    text-align: center;
    display: block;
    margin-bottom: 1em;
}

.w47-service__first__items__item__info__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 7em;
    display: block !important;
    margin: 0 auto;
    margin-bottom: .3em;
    width: fit-content;
}

@media only screen and (max-width: 50em) {
    .w47-service__first__items__item__info__icon {
        font-size: 3em;
    }
}

@keyframes lac {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(25deg);
    }

    20% {
        transform: rotate(-25deg);
    }

    30% {
        transform: rotate(20deg);
    }

    40% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    60% {
        transform: rotate(-15deg);
    }

    70% {
        transform: rotate(10deg);
    }

    80% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.w47-service__first__items__item__info__heading {
    margin-top: 0.5em;
    font-size: 1.4em;
    display: block;
    line-height: 1.6em;
    text-align: justify;
    margin: 0 auto;
    text-align: center;
}

.w47-service__first__items__item__sub {
    font-weight: bolder;
    font-size: 2em;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5em) {
    .w47-service__first__items__item__sub {
        font-size: 1.6em;
    }
}

.w47-service__first__items__item__des {
    font-size: 1.4em;
    display: block;
    margin: 0 auto;
    line-height: 1.3em;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w47-service__first__items__item__des {
        font-size: 1.6em;
    }
}

.w47-service__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50em) {
    .w47-service__second {
        width: 100%;
    }
}

.w47-service__second__content {
    position: relative;
    width: 40%;
}

.w47-service__second__content__heading {
    margin-bottom: 0.5em;
    font-weight: bolder;
    font-size: 1.6em;
    overflow: hidden;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w47-service__second__content__des {
    font-size: 3em;
    font-weight: 600;
    overflow: hidden;
    display: block;
    line-height: 1.3em;
    text-align: justify;
    margin-bottom: .2em;
}

.w47-service__second__content__sub {
    margin-bottom: 0.5em;
    font-size: 1.6em;
    overflow: hidden;
    display: block;
    line-height: 1.6em;
}

.w47-service__second__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w47-service__second__items__item {
    width: 24%;
    margin-left: 1.3333%;
    margin-bottom: 5em;
}

@media only screen and (min-width: 50em) {
    .w47-service__second__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50em) {
    .w47-service__second__items__item {
        width: 47.5%;
        margin-left: 5%;
    }

        .w47-service__second__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w47-service__second__items__item:first-child {
    margin-left: 0;
}

.w47-service__second__items__item:hover .w47-service__second__items__item__info__icon {
    animation: lac 1s ease;
}

.w47-service__second__items__item__info {
    text-align: center;
    display: block;
    margin-bottom: 1em;
}

.w47-service__second__items__item__info__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 7em;
    display: block !important;
    margin: 0 auto;
    margin-bottom: .3em;
    width: fit-content;
}

@media only screen and (max-width: 50em) {
    .w47-service__second__items__item__info__icon {
        font-size: 3em;
    }
}

@keyframes lac {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(25deg);
    }

    20% {
        transform: rotate(-25deg);
    }

    30% {
        transform: rotate(20deg);
    }

    40% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    60% {
        transform: rotate(-15deg);
    }

    70% {
        transform: rotate(10deg);
    }

    80% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.w47-service__second__items__item__info__heading {
    margin-top: 0.5em;
    font-size: 1.4em;
    display: block;
    line-height: 1.6em;
    text-align: justify;
    margin: 0 auto;
    text-align: center;
}

.w47-service__second__items__item__sub {
    font-weight: bolder;
    font-size: 2em;
    display: block;
    margin: 0 auto;
    text-align: center;
    line-height: 1.6em;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5em) {
    .w47-service__second__items__item__sub {
        font-size: 1.6em;
    }
}

.w47-service__second__items__item__des {
    font-size: 1.4em;
    display: block;
    margin: 0 auto;
    line-height: 1.3em;
    text-align: center;
}

@media only screen and (max-width: 37.5em) {
    .w47-service__second__items__item__des {
        font-size: 1.6em;
    }
}

/*ed*/
/*w47-teamus*/
.w47-teamus {
    background-color: white;
    color: var(--text-color-w);
    padding: 1em;
    position: relative;
    width: 100%;
}

.w47-teamus__group {
    max-width: 120em;
    margin: 0 auto;
}

.w47-teamus__heading {
    display: flex;
    flex-direction: column;
}

.w47-teamus__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1em;
    flex-wrap: wrap;
}

.w47-teamus__heading__title__line {
    width: .1em;
    height: 5em;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1em;
    opacity: 1;
    border-radius: 0.2em;
    margin: 0 auto;
    margin-bottom: 2em;
}

.w47-teamus__heading__title__text {
    text-align: center;
    font-size: 1.4em;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w47-teamus__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 2.4em;
    font-weight: 600;
    line-height: 1.6em;
    margin-bottom: 0.5em;
}

.w47-teamus__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2em;
}

.w47-teamus__heading__imgbox__img {
    margin: 0 auto;
}

.w47-teamus__heading__tab {
    display: flex;
    align-items: center;
    margin: 0 auto;
}

@media only screen and (max-width: 50em) {
    .w47-teamus__heading__tab {
        width: 100%;
        justify-content: center;
    }
}

.w47-teamus__heading__tab .active::before {
    width: 5em;
}

.w47-teamus__heading__tab .active {
    color: var(--main-color-w);
}

.w47-teamus__heading__tab__text {
    font-size: 1.3em;
    line-height: 1.6em;
    margin: .5em;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    width: fit-content;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}

    .w47-teamus__heading__tab__text:not(:first-child) {
        margin-left: 1em;
    }

    .w47-teamus__heading__tab__text:hover::before {
        width: 5em;
    }

    .w47-teamus__heading__tab__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

    .w47-teamus__heading__tab__text::before {
        content: "";
        width: 0;
        position: relative;
        right: .5em;
        height: .2em;
        background-color: rgba(var(--main-color-w), 1);
        display: inline-block;
        transition: all .2s ease;
    }

.w47-teamus__card {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    background-color: white;
    border-radius: 0.5em;
    z-index: 1;
    padding: 1em 0;
}

.w47-teamus__card__item {
    padding: 2em;
    border-radius: 0.5em;
    transition: all 0.2s linear;
    width: 24%;
    margin-left: 1.333333%;
    box-shadow: 0 0 2em rgba(0, 0, 0, 0.05);
    margin-bottom: 2em;
    height: max-content;
}

    .w47-teamus__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 50em) {
    .w47-teamus__card__item:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 37.5em) and (max-width: 50em) {
    .w47-teamus__card__item {
        width: 32.4%;
    }

        .w47-teamus__card__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5em) {
    .w47-teamus__card__item {
        width: 49.3%;
    }

        .w47-teamus__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w47-teamus__card__item__imgbox {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    max-width: 50%;
    min-width: 50%;
    position: relative;
    margin: 0 auto;
    margin-bottom: 2em;
    box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.05);
}

.w47-teamus__card__item__imgbox__img {
    width: 100%;
}

.w47-teamus__card__item__name {
    margin-top: 1em;
    font-size: 1.4em;
    font-weight: bolder;
    display: block;
    margin-left: 0.3em;
    position: relative;
    color: rgba(var(--main-color-w), 1);
}

    .w47-teamus__card__item__name::after {
        content: "";
        border-bottom: 1px solid rgba(var(--main-color-w), 1);
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        bottom: -1em;
    }

.w47-teamus__card__item__des {
    margin-top: 2em;
    font-size: 1.2em;
    display: block;
    margin-left: 0.3em;
    line-height: 1.6em;
}

/*ed*/
/*w54-ads*/
.w54-ads {
    width: 100%;
    padding: 0em 1rem 3rem;
    background-color: #f4f4f2;
}

.w54-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    padding: 4rem 0rem 5rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-ads__group {
        padding-bottom: 0rem;
        flex-wrap: wrap;
    }
}

.w54-ads__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 4rem;
}

.w54-ads__heading__content {
    width: 100%;
}

.w54-ads__heading__content__name {
    width: 100%;
    text-transform: uppercase;
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
}

.w54-ads__heading__content__des {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    line-height: 3rem;
    margin-top: 1rem;
    text-align: center;
}

.w54-ads__heading__figure {
    margin-left: 2em;
}

.w54-ads__main {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w54-ads__main__first {
    width: 49%;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w54-ads__main__first {
        width: 100%;
        margin-left: 0;
    }
}

.w54-ads__main__first__box {
    background: linear-gradient(0deg, rgba(var(--main-color-w), .7) 10%, rgba(var(--main-color-w), .8) 10%, rgba(var(--main-color-w), 0) 80%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.w54-ads__main__first__box__name {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 2rem 5rem 2rem 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w54-ads__main__first__box__name {
        padding: 1.5rem;
    }
}

.w54-ads__main__first__box__name__text {
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    line-height: 2.5rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-ads__main__first__box__name__text {
        max-width: 95%;
    }
}

.w54-ads__main__first:hover
.w54-ads__main__first__box__name__text {
    transform: scale(1.025);
}

.w54-ads__main__first__box__name__text__icon {
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: 1em;
    transition: all .5s;
}

.w54-ads__main__first:hover
.w54-ads__main__first__box__name__text__icon {
    transform: scale(1.05);
}

.w54-ads__main__first__box__name__des {
    font-size: 1.6rem;
    margin-top: .5rem;
    color: #fff;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w54-ads__main__first__box__name__des {
        display: none;
    }
}

.w54-ads__main__first__figure {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.w54-ads__main__first iframe {
    width: 100%;
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w54-ads__main__first iframe {
        height: 52rem;
    }

    @media only screen and (max-width:50rem) {
        .w54-ads__main__first iframe {
            height: 43rem;
        }
    }
}

.w54-ads__main__second {
    width: 49%;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w54-ads__main__second {
        width: 100%;
        margin-left: 0;
        padding-top: 3rem;
    }
}

.w54-ads__main__second__gallery {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w54-ads__main__second__gallery__swiper {
}

.w54-ads__main__second__gallery__swiper__item {
    width: 48% !important;
    margin-right: 4%;
    height: fit-content;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

@media only screen and (max-width:25rem) {
    .w54-ads__main__second__gallery__swiper__item {
        width: 100% !important;
        margin-right: 0%;
    }
}

.w54-ads__main__second__gallery__swiper__item__figure {
    width: 100%;
    background-size: cover;
    position: relative;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w54-ads__main__second__gallery__swiper__item__figure:hover {
        transform: scale(1.05);
    }

.w54-ads__main__second__gallery__swiper__item__name {
    display: block;
    margin-top: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: justify;
    line-height: 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w54-ads__main__second__gallery__swiper__item__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w54-ads__main__second__gallery__swiper__item__des {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-top: 1rem;
    text-align: justify;
    line-height: 2rem;
}

.w54-ads__main__second__gallery__pagination {
    z-index: 1;
}

    .w54-ads__main__second__gallery__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w), 1);
    }
/*ed*/
/*w54-banner*/
.w54-banner {
    width: 100%;
    padding: 0rem 1rem;
    overflow: hidden;
    background-color: #fff;
}

.w54-banner__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w54-banner__mains {
    width: 100%;
}

.w54-banner__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    z-index: 0;
    justify-content: center;
}

.w54-banner__mains__main__items {
    display: flex;
    z-index: 0;
}

.w54-banner__mains__main__items__item.swiper-slide {
    width: 100%;
    background-color: #fff;
    outline: none;
}

.w54-banner__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.2s all ease-in-out;
    width: 100%;
    cursor: pointer;
}

    .w54-banner__mains__main__items__item__imgbox:hover {
        transform: scale(1.1);
    }

    .w54-banner__mains__main__items__item__imgbox img {
        width: 100%;
    }

.w54-banner__mains__main__bottom {
    position: absolute;
    bottom: 7.5rem;
    left: 7.5rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: .75rem;
    border: solid #dfdfdf .1rem;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w54-banner__mains__main__bottom {
        bottom: 2.5rem;
        left: 2.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w54-banner__mains__main__bottom {
        bottom: 1rem;
        left: auto;
    }
}

.w54-banner__mains__main__bottom__pagination {
    position: relative;
    bottom: auto !important;
    left: auto !important;
    font-size: 1.3rem;
    width: 8.5rem;
}

@media only screen and (max-width:50rem) {
    .w54-banner__mains__main__bottom__pagination {
        width: 5rem;
    }
}

.w54-banner__mains__main__bottom__prev.swiper-button-prev {
    left: auto;
    border-right: solid .1rem #dfdfdf;
}

.w54-banner__mains__main__bottom__prev:hover:before {
    -webkit-animation: key-w54-banner__mains__main__bottom__prev .75s;
    animation: key-w54-banner__mains__main__bottom__prev .75s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w54-banner__mains__main__bottom__prev {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(-1.25rem);
        visibility: hidden;
    }

    50% {
        transform: translateX(1.25rem);
        visibility: hidden;
    }

    100% {
        visibility: visible;
        transform: translateX(0);
    }
}

.w54-banner__mains__main__bottom__next.swiper-button-next {
    right: auto;
    border-left: solid .1rem #dfdfdf;
    transition: all .5s;
}

.w54-banner__mains__main__bottom__next:hover:before {
    -webkit-animation: key-w54-banner__mains__main__bottom__next .75s;
    animation: key-w54-banner__mains__main__bottom__next .75s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w54-banner__mains__main__bottom__next {
    0% {
        transform: translateX(0);
    }

    25% {
        transform: translateX(1.25rem);
        visibility: hidden;
    }

    50% {
        transform: translateX(-1.25rem);
        visibility: hidden;
    }

    100% {
        visibility: visible;
        transform: translateX(0);
    }
}

.w54-banner__mains__main__bottom__next.swiper-button-next,
.w54-banner__mains__main__bottom__prev.swiper-button-prev {
    font-size: 1.6rem;
    width: 5.5rem;
    height: 5.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    opacity: 1;
    z-index: 1;
    color: #000;
    top: auto;
    margin: 0;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w54-banner__mains__main__bottom__next.swiper-button-next,
    .w54-banner__mains__main__bottom__prev.swiper-button-prev {
        width: 4rem;
        height: 4rem;
        font-size: 1.2rem;
    }
}

.w54-banner__mains__main__bottom__next:after,
.w54-banner__mains__main__bottom__prev:after {
    display: none;
}
/*ed*/
/*w54-blogdetail*/
.w54-blogdetail {
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w54-blogdetail__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w54-blogdetail__second {
    width: 25%;
    margin-top: 2rem;
    margin-left: 1%;
    background-color: #faf7f7;
    padding: 1rem;
    border-radius: .5rem;
}
.w54-blogdetail__second__container{
    position:sticky;
    top:1rem;
}
.w54-blogdetail__second__ads {
    width: 100%;
    margin-bottom: 1rem;
    display: block;
}

.w54-blogdetail__second__ads__imgbox {
    margin-bottom: 1rem;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
}

    .w54-blogdetail__second__ads__imgbox:hover {
        transform: scale(1.05)
    }

@media only screen and (max-width:62.5rem) {
    .w54-blogdetail__second {
        width: 100%;
        margin-left: 0;
    }
}

.w54-blogdetail__second__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    text-transform: uppercase;
}

.w54-blogdetail__second__line {
    width: 15%;
    border-bottom: solid .3rem rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    margin-bottom: .5rem;
}

.w54-blogdetail__second__item {
    display: flex;
    padding: 1rem 0;
    width: 100%;
    border-bottom: .1rem solid #ececec;
}

.w54-blogdetail__second__item__link {
    width: 25%;
}

.w54-blogdetail__second__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
}

    .w54-blogdetail__second__item__link__imgbox:hover {
        transform: scale(1.05)
    }

.w54-blogdetail__second__item__name {
    width: 71%;
    margin-left: 4%;
    font-size: 1.5rem;
    line-height: 2.4rem;
    cursor: pointer;
}

.w54-blogdetail__second__form {
    padding: 3rem 2rem;
    margin-top: 1rem;
    border-radius: .5rem;
    background: url(/img/w54-blogdetail_bg.png) no-repeat rgba(var(--main-color-w), 1) center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.w54-blogdetail__second__form__name {
    font-size: 1.8rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.w54-blogdetail__second__form__item {
    display: flex;
    position: relative;
    align-items: center;
    border: solid .1rem #fff;
    border-radius: .5rem;
    margin-top: 2rem;
    width: 100%;
}

.w54-blogdetail__second__form__item__icon {
    font-size: 1.4rem;
    color: #fff;
    background-color: rgba(255,255,255,.3);
    padding: 1rem 1rem;
    width: 4rem;
    height: 100%;
    transition: all .5s;
}

.w54-blogdetail__second__form__item:hover .w54-blogdetail__second__form__item__icon {
    background-color: rgba(255,255,255,1);
    color: rgba(var(--main-color-w), 1);
}

.w54-blogdetail__second__form__item__icon.capcha-code {
    font-size: 1.4rem !important;
    background-color: rgba(255,255,255,.3) !important;
    padding: 1rem !important;
    margin: 0 !important;
    position: relative !important;
}

.w54-blogdetail__second__form__item__input {
    background-color: transparent;
    outline: none;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    width: 100%;
}

    .w54-blogdetail__second__form__item__input::placeholder {
        color: #fff;
        opacity: 1;
    }

.w54-blogdetail__second__form__item__req {
    position: absolute;
    right: 1rem;
    color: #fff;
}

.w54-blogdetail__second__form__btn {
    margin-top: 2rem;
    background-color: #fff;
    display: flex;
    border-radius: .5rem;
    padding: 1rem 2.5rem;
    border: none;
    outline: none;
    font-family: inherit;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

    .w54-blogdetail__second__form__btn:hover {
        transform: scale(1.05);
    }

.w54-blogdetail__second__form__btn__text {
    font-size: 1.5rem;
}

.w54-blogdetail__second__form__btn__icon {
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w54-blogdetail__second__form__line {
    border-bottom: .2rem #fff solid;
    width: 50%;
    margin: 2rem 25% 1rem;
}

.w54-blogdetail__second__form__des {
    font-size: 1.5rem;
    color: #fff;
    line-height: 2.6rem;
    text-align: center;
}

.w54-blogdetail__main {
    margin-top: 2rem;
    width: 74%;
    background-color: #faf7f7;
    padding: 2rem;
    border-radius: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-blogdetail__main {
        width: 100%;
    }
}

.w54-blogdetail__main__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w54-blogdetail__main__heading__name {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
}

.w54-blogdetail__main__heading__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: left;
    margin: 2rem 0rem;
    width: 100%;
    padding: 1rem 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 .5rem 0 rgba(var(--main-color-w), 1);
    border-left: .5rem solid rgba(var(--main-color-w), 1);
}

.w54-blogdetail__main__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
}

    .w54-blogdetail__main__content ul,
    .w54-blogdetail__main__content ol {
        margin-left: 2.5rem;
    }
/*ed*/
/*w54-article*/
.w54-article {
    width: 100%;
    padding: 0em 1rem 3rem;
    background-color: #f4f4f2;
}

.w54-article__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    padding: 4rem 0rem 5rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__group {
        padding-bottom: 0rem;
        flex-wrap: wrap;
    }
}

.w54-article__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-bottom: 4rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__heading {
        margin-bottom: 2rem;
    }
}

.w54-article__heading__content {
    width: 100%;
}

.w54-article__heading__content__name {
    width: 100%;
    text-transform: uppercase;
    display: block;
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
}

.w54-article__heading__content__des {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: center;
}

.w54-article__heading__figure {
    margin-left: 2em;
}

.w54-article__first {
    width: 49%;
    position: relative;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w54-article__first {
        height: 41rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w54-article__first {
        width: 100%;
        margin-left: 0;
    }
}

.w54-article__first__box {
    background: linear-gradient(0deg, rgba(var(--main-color-w), .7) 10%, rgba(var(--main-color-w), .8) 10%, rgba(var(--main-color-w), 0) 80%);
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

.w54-article__first__box__name {
    position: relative;
    bottom: 0;
    width: 100%;
    left: 0;
    padding: 2rem 5rem 2rem 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__first__box__name {
        padding: 1.5rem;
    }
}

.w54-article__first__box__name__text {
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    line-height: 2.5rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__first__box__name__text {
        max-width: 95%;
    }
}

.w54-article__first:hover
.w54-article__first__box__name__text {
    transform: scale(1.025);
}

.w54-article__first__box__name__text__icon {
    width: 2rem;
    height: 2rem;
    font-size: 1.5rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    position: absolute;
    right: 1em;
    transition: all .5s;
}

.w54-article__first:hover
.w54-article__first__box__name__text__icon {
    transform: scale(1.05);
}

.w54-article__first__box__name__des {
    font-size: 1.6rem;
    margin-top: .5rem;
    color: #fff;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__first__box__name__des {
    }
}

.w54-article__first__link {
    display: contents;
}

.w54-article__first__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
}

.w54-article__first iframe {
    width: 100%;
    overflow: hidden;
    border: none;
    margin: 0;
    padding: 0;
    height: 33rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__first iframe {
        height: 45rem;
    }

    @media only screen and (max-width:50rem) {
        .w54-article__first iframe {
            height: 43rem;
        }
    }
}

.w54-article__second {
    width: 49%;
    margin-right: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__second {
        position: relative;
    }
}

@media only screen and (max-width:62.5rem) {
    .w54-article__second {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-bottom: 3rem;
    }
}

.w54-article__second__mains {
    width: 100%;
    overflow: hidden;
}

.w54-article__second__mains__main {
}

.w54-article__second__mains__main__item.swiper-slide {
    width: 48%;
    margin-right: 4%;
    height: fit-content;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

@media only screen and (max-width:25rem) {
    .w54-article__second__mains__main__item {
        width: 100% !important;
        margin-right: 0%;
    }
}

.w54-article__second__mains__main__item__imgbox {
    width: 100%;
    background-size: cover;
    position: relative;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w54-article__second__mains__main__item__imgbox:hover {
        transform: scale(1.05);
    }

.w54-article__second__mains__main__item__name {
    display: block;
    margin-top: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    text-align: justify;
    line-height: 2rem;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
}

    .w54-article__second__mains__main__item__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w54-article__second__mains__main__item__des {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-top: 1rem;
    text-align: justify;
    line-height: 2rem;
}

@media only screen and (min-width:62.5rem) {
    .w54-article__second__mains__pagination {
        display: none;
    }
}

.w54-article__second__bottom {
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    bottom: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__second__bottom {
        display: none;
    }
}

.w54-article__second__bottom__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.05em #f1f1f1;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(250,250,250,.9);
    color: #111;
    transition: all .5s;
    top: initial;
    bottom: -1rem;
    left: initial;
    right: initial;
    z-index: 1;
}

.w54-article__second__bottom__next.swiper-button-next {
    margin: 0;
    font-size: 2rem;
    border: solid 0.05em #f1f1f1;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(250,250,250,.9);
    color: #111;
    transition: all .5s;
    top: initial;
    bottom: -1rem;
    left: initial;
    right: initial;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w54-article__second__bottom__next.swiper-button-next {
        display: none !important;
    }

    .w54-article__second__bottom__prev.swiper-button-prev {
        display: none !important;
    }
}

.w54-article__second__bottom__prev.swiper-button-prev {
    transform: translateX(-2.5rem)
}

.w54-article__second__bottom__next.swiper-button-next {
    transform: translateX(2.5rem);
}

.w54-article__second__bottom__next:hover {
    background-color: #fff;
}

.w54-article__second__bottom__prev:hover {
    background-color: #fff;
}

.w54-article__second__bottom__next:after {
    display: none;
}

.w54-article__second__bottom__prev:after {
    display: none;
}
/*ed*/
/*w54-bloglist*/
.w54-bloglist {
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w54-bloglist__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w54-bloglist__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w54-bloglist__heading__name {
    font-size: 2.6rem;
    line-height: 4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    position: relative
}

.w54-bloglist__heading__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: justify;
    width: 100%;
    margin-top: 1rem;
}

.w54-bloglist__main {
    margin-top: 2rem;
}

.w54-bloglist__main__items {
    display: flex;
    flex-wrap: wrap;
}

.w54-bloglist__main__items__item {
    margin-bottom: 2.5rem;
    position: relative;
}

@media only screen and (min-width:62.5rem) {
    .w54-bloglist__main__items__item {
        margin-left: 2%;
        width: 32%;
    }

        .w54-bloglist__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w54-bloglist__main__items__item {
        margin-left: 2%;
        width: 49%;
    }

        .w54-bloglist__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w54-bloglist__main__items__item {
        margin-left: 0;
        width: 100%;
    }
}

.w54-bloglist__main__items__item__link {
    display: block;
}

.w54-bloglist__main__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all .5s;
    border-radius: .5rem .5rem 0 0;
    border-radius: .5rem;
    cursor: pointer;
}

    .w54-bloglist__main__items__item__link__imgbox:hover {
        transform: scale(1.01);
    }

.w54-bloglist__main__items__item__content {
    margin-top: 1.5rem;
}

.w54-bloglist__main__items__item__content__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
}

    .w54-bloglist__main__items__item__content__name:hover {
        transform: translateX(.5rem);
    }

.w54-bloglist__main__items__item__content__date {
    display: flex;
    gap: .5rem;
    align-items: center;
    color: #adadad;
    margin-top: 1rem;
}

.w54-bloglist__main__items__item__content__date__icon {
    font-size: 1.3rem;
}

.w54-bloglist__main__items__item__content__date__text {
    font-size: 1.3rem;
}

.w54-bloglist__main__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w54-bloglist__main__paging__item {
    list-style-type: none;
    margin: 1rem 0.5rem 0;
}

.w54-bloglist__main__paging__item__text {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .5rem;
    border: solid 0.1rem #f1f1f1;
    padding: 1rem 1.5rem;
    cursor: pointer;
    height: 4rem;
    width: 4rem;
}

.w54-bloglist__main__paging__item:hover .w54-bloglist__main__paging__item__text,
.w54-bloglist__main__paging__item.active .w54-bloglist__main__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w19-checkout*/
.w19-checkout {
    width: 100%;
    background-color: #f2f2f2;
}

.w19-checkout__group {
    max-width: 120rem;
    padding: .5rem;
    margin: 0 auto;
}

.w19-checkout__first {
    display: flex;
    flex-wrap: wrap;
}

.w19-checkout__first__ttmh {
    background-color: white;
    padding: 1rem;
    width: 49%;
}

@media only screen and (max-width: 50rem) {
    .w19-checkout__first__ttmh {
        width: 100%;
    }
}

.w19-checkout__first__ttmh__title {
    display: flex;
    align-items: center;
    border-bottom: .1rem solid #f2f2f2;
    padding: 1rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__ttmh__title {
        padding: 1rem 0rem;
        border-bottom: none;
    }

    .w19-checkout__first__ttmh__title--second {
        border-bottom: none;
    }
}

.w19-checkout__first__ttmh__title__icon {
    margin-right: 1rem;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w19-checkout__first__ttmh__title__text {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w19-checkout__first__ttmh__name {
    padding: 1rem;
    display: flex;
    font-size: 1.2rem;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__ttmh__name {
        padding: 1rem 0;
    }
}

.w19-checkout__first__ttmh__name__text {
    width: 28%;
    font-size: 1.6rem;
}

.w19-checkout__first__ttmh__name__input {
    width: 70%;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    padding: 1rem;
    border-radius: .3rem;
    margin-left: auto;
    outline: none;
    transition: all .5s;
    font-family: inherit;
}

    .w19-checkout__first__ttmh__name__input:focus {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w19-checkout__first__dh {
    width: 49%;
    margin-left: auto;
    background-color: white;
    padding: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w19-checkout__first__dh {
        width: 100%;
        margin-top: 2rem;
    }
}

.w19-checkout__first__dh__table {
    border-collapse: collapse;
    width: 100%;
}

    .w19-checkout__first__dh__table td {
        padding: .5rem;
        text-align: center;
    }

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table td {
        padding: 0;
    }
}

.w19-checkout__first__dh__table th {
    padding: .5rem;
    text-align: center;
    font-weight: 500;
    font-size: 1.2rem;
    white-space: nowrap;
}

.w19-checkout__first__dh__table .w19-checkout__first__dh__table__at {
    min-width: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table th {
        min-width: auto;
    }

    .w19-checkout__first__dh__table .w19-checkout__first__dh__table__at {
        min-width: auto;
    }
}

.w19-checkout__first__dh__table tr {
    border-bottom: .1em solid #f2f2f2;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table tr {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        position: relative;
        align-items: center;
        margin-bottom: 1rem;
        padding-bottom: 1rem;
        justify-content: space-between;
    }

    .w19-checkout__first__dh__table tbody tr:first-child {
        display: none;
    }

    .w19-checkout__first__dh__table tfoot tr td:first-child {
        display: none;
    }
}

.w19-checkout__first__dh__table__img {
    min-width: 7rem;
    width: 7rem;
}

@media only screen and (max-width: 62.5rem) {
    @media only screen and (min-width: 50rem) {
        .w19-checkout__first__dh__table__img {
            display: none;
        }

        .w19-checkout__first__dh__table__td__one {
            display: none;
        }

        .w19-checkout__first__dh__table__td__two {
            min-width: 8rem;
        }
    }
}

.w19-checkout__first__dh__table__total {
    color: orangered;
    font-weight: 600;
    font-size: 1.2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__total {
        font-size: 1.6rem;
    }
}

.w19-checkout__first__dh__table__tamtinh {
    font-weight: 600;
    font-size: 1.2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__tamtinh {
        font-size: 1.6rem;
    }
}

.w19-checkout__first__dh__table__td__two {
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table .w19-checkout__first__dh__table__td__two {
        width: 68%;
        text-align: left;
        margin-bottom: 1rem;
    }
}

.w19-checkout__first__dh__table__td__two__attr {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w19-checkout__first__dh__table__td__two__attr__item {
    border: solid .1em rgba(var(--main-color-w), .8);
    padding: .5rem;
    border-radius: .3rem;
    text-align: center;
    margin-right: 1rem;
    font-size: 1.1rem;
    background-color: #fefefe;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__two__attr__item {
        font-size: 1.3rem;
    }
}

.w19-checkout__first__dh__table__td__two__namesp {
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    font-size: 1.2rem;
    display: block;
    text-align: left;
    line-height: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__two__namesp {
        font-size: 1.6rem;
        font-weight: 400;
        line-height: 2.8rem;
    }
}

.w19-checkout__first__dh__table__td__two__namesp:hover {
    color: rgba(var(--main-color-w), 1);
}

.w19-checkout__first__dh__table__td__four {
}

.w19-checkout__first__dh__table__td__four__price {
    font-weight: 600;
    font-size: 1.2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__four__price {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w19-checkout__first__dh__table__td__three {
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__three {
        width: 28%;
        position: relative;
    }
}

.w19-checkout__first__dh__table__td__three__action {
    display: flex;
    align-items: center;
    font-weight: 600;
    width: 100%;
    justify-content: center;
    position: relative;
}

.w19-checkout__first__dh__table__td__three__action__icon {
    border: .1em solid #f2f2f2;
    cursor: pointer;
    display: flex;
    width: 3rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__three__action__icon--1 {
        position: absolute;
        left: 0;
    }

    .w19-checkout__first__dh__table__td__three__action__icon--2 {
        position: absolute;
        right: 0;
    }
}

.w19-checkout__first__dh__table__td__three__action__icon:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w19-checkout__first__dh__table__td__three__action__input {
    width: 3rem;
    height: 3rem;
    border: .1rem solid #f2f2f2;
    border-right: none;
    border-left: none;
    outline: none;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__three__action__input {
        width: 100%;
    }
}

.w19-checkout__first__dh__table__td__three__action__input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.w19-checkout__first__dh__table__td__three__action__input {
    -moz-appearance: textfield;
}

.w19-checkout__first__dh__table__td__six {
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table .w19-checkout__first__dh__table__td__six {
        position: absolute;
        top: 0;
        left: 0;
    }
}

.w19-checkout__first__dh__table__td__six__trash {
    cursor: pointer;
    transition: all .5s;
}

    .w19-checkout__first__dh__table__td__six__trash:hover {
        color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__six__trash {
        width: 3.5rem;
        height: 3.5rem;
        font-size: 1.6rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

        .w19-checkout__first__dh__table__td__six__trash:hover {
            color: #fff;
            transform: scale(1.05);
        }
}

.w19-checkout__first__dh__table__cts {
    display: flex;
    align-items: center;
    padding: .5rem;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__cts {
        display: none;
    }
}

.w19-checkout__first__dh__table__cts:hover {
    color: inherit;
}

.w19-checkout__first__dh__table__cts__icon {
    margin-right: .5rem;
    margin-top: .1rem;
    font-size: 1.2rem;
}

.w19-checkout__first__dh__table__cts__text {
    font-weight: 600;
    font-size: 1.2rem;
}

.w19-checkout__first__dh__code {
    display: flex;
    align-items: center;
    padding: 1rem 1rem 1rem 0;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__code {
        padding: 1rem 0rem;
    }
}

.w19-checkout__first__dh__code__input {
    margin-right: 1rem;
    padding: 1rem;
    border: .1rem solid #f2f2f2;
    outline: none;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__code__input {
        width: 63%;
    }
}

.w19-checkout__first__dh__code__input:focus {
    border-color: rgba(var(--main-color-w), 1);
}

.w19-checkout__first__dh__code__button {
    padding: 1rem 2rem;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-weight: 600;
    font-family: inherit;
    transition: all .5s;
    text-transform: capitalize;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__code__button {
        width: 34%;
        margin-left: auto;
    }
}

.w19-checkout__first__dh__code__button:hover {
    transform: scale(1.02);
}

.w19-checkout__second {
    padding: .5rem;
    margin-top: 2rem;
    background-color: white;
}

.w19-checkout__second__title {
    display: flex;
    align-items: center;
    padding: 1rem;
    border-bottom: .1rem solid #f2f2f2;
    margin-bottom: 1rem;
}

.w19-checkout__second__title__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: .5rem;
    font-size: 2rem;
}

.w19-checkout__second__title__text {
    font-weight: 600;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-left: 1rem;
}

.w19-checkout__second__inter {
    padding: 1rem;
}

.w19-checkout__second__inter__more {
    display: flex;
    align-items: center;
}

.w19-checkout__second__inter__more__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    line-height: 2.8rem;
    transition: all .5s;
}

.w19-checkout__second__inter__more__radio:checked ~ .w19-checkout__second__inter__more__text {
    font-weight: 600;
}

.w19-checkout__second__inter__more__radio {
    margin-right: .5rem;
}

.w19-checkout__second__inter__des {
    display: block;
    margin-top: 2rem;
    padding: 1rem;
    background-color: #f2f2f2;
    position: relative;
    width: 95%;
    line-height: 2.8rem;
    font-size: 1.6rem;
    margin-left: 3rem;
    text-align: justify
}

    .w19-checkout__second__inter__des::after {
        content: "";
        border-top: solid 1rem #f2f2f2;
        border-left: solid 1rem transparent;
        border-right: solid 1rem transparent;
        top: 0;
        left: 0;
        position: absolute;
        transform: rotate(180deg);
        top: -1rem;
    }

.w19-checkout__second__action {
    text-align: center;
    padding: 1rem;
}

.w19-checkout__second__action__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    font-weight: 600;
    padding: 1rem;
    cursor: pointer;
    display: flex;
    margin: 0 auto;
    align-items: center;
    font-family: inherit;
    text-transform: capitalize;
    transition: all .5s;
}

    .w19-checkout__second__action__button:hover {
        transform: scale(1.05);
    }

.w19-checkout__second__action__button__icon {
    font-size: 1.6rem;
}

.w19-checkout__second__action__button__text {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w19-checkout__second__action__text {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.w19-checkout__first__dh__table__td__one {
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__one {
        width: 28%;
        margin-right: 4%;
        margin-bottom: 1rem;
    }
}

.w19-checkout__first__dh__table__td__one__imgbox {
    width: 10rem;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w19-checkout__first__dh__table__td__one__imgbox {
        width: 100%;
    }
}

.w19-checkout__first__dh__table__td__one__imgbox:hover {
    transform: scale(1.02);
}

.w19-checkout__first__dh__table__td__one__imgbox__img {
    width: 100%;
}
/*ed*/

/*w54-ctaregister*/
.w54-ctaregister {
    display: block;
    width: 100%;
    padding: 4rem 1rem;
    background-image: url('../../Img/w54/05.jpg');
    background-size: 100%;
    background-position: center;
    transition: all .5s;
    background-size: cover;
    position: relative;
}

.w54-ctaregister__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w54-ctaregister__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    position: relative;
    flex-wrap: wrap;
}

.w54-ctaregister__main__first {
    width: 55%;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes key-wd-form-9__main__first {
    0% {
        transform: translateX(-10rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w54-ctaregister__main__first {
    -webkit-animation: key-wd-form-9__main__first 1s;
    animation: key-wd-form-9__main__first 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

@media only screen and (max-width:50rem) {
    .w54-ctaregister__main__first {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
}

.w54-ctaregister__main__first__heading {
}

.w54-ctaregister__main__first__heading__text {
    font-size: 3rem;
    color: #fff;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}

@media only screen and (max-width:50rem) {
    .w54-ctaregister__main__first__heading__text {
        font-size: 2.4rem;
        line-height: 4rem;
        text-align: center;
    }
}
.w54-ctaregister__main__first__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #fff;
}

.w54-ctaregister__main__first__heading__items {
    margin-top: 1rem;
}

.w54-ctaregister__main__first__heading__items__item {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w54-ctaregister__main__first__heading__items__item:hover {
        transform: translateX(1rem);
    }

.w54-ctaregister__main__first__heading__items__item__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w54-ctaregister__main__first__heading__items__item__name {
    font-size: 1.6rem;
    margin-left: 1rem;
    color: #fff;
}

.w54-ctaregister__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: center;
    width: 100%;
}

.w54-ctaregister__main__first__items__item {
    width: 48%;
    margin-left: 4%;
    display: flex;
    margin-bottom: 2.5rem;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w54-ctaregister__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w54-ctaregister__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w54-ctaregister__main__first__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w54-ctaregister__main__first__items__item__input {
    width: 100%;
    padding: 1.25rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.5rem;
    border-radius: .5rem;
    border: solid .1rem rgba(var(--main-color-w),0);
    transition: all .5s;
    font-family: inherit;
    color: #495057;
}

    .w54-ctaregister__main__first__items__item__input:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--text-color-w),.25);
        border: solid .1rem rgba(var(--second-color-w),1);
    }

.w54-ctaregister__main__first__items__item__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w54-ctaregister__main__first__items__item__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w54-ctaregister__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w54-ctaregister__main__first__items__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w54-ctaregister__main__first__items__item__dropdown {
        width: 100%;
    }
}

.w54-ctaregister__main__first__items__item__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .75rem;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w54-ctaregister__main__first__items__item__dropdown__check:checked ~
.w54-ctaregister__main__first__items__item__dropdown__label
.w54-ctaregister__main__first__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w54-ctaregister__main__first__items__item__dropdown__label__name {
    font-size: 1.4rem;
}

.w54-ctaregister__main__first__items__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w54-ctaregister__main__first__items__item__dropdown__check {
    display: none;
}

.w54-ctaregister__main__first__items__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
}

.w54-ctaregister__main__first__items__item__dropdown__check:checked ~
.w54-ctaregister__main__first__items__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w54-ctaregister__main__first__items__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w54-ctaregister__main__first__items__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w54-ctaregister__main__first__items__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w54-ctaregister__main__first__btn {
    border-radius: .25rem;
    padding: 1.25rem;
    font-size: 1.5rem;
    font-weight: 700;
    border: none;
    outline: none;
    color: #fff;
    width: 48%;
    background-color: rgba(var(--second-color-w),1);
    border: solid .1rem #f1f1f1;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
    font-family: inherit;
    text-transform: uppercase;
    text-align: center;
    display: block;
}

    .w54-ctaregister__main__first__btn:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }

.w54-ctaregister__main__first__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #fff;
    line-height: 2.6rem;
}

.w54-ctaregister__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    transition: all .5s;
    background: linear-gradient(90deg, rgba(var(--main-color-w), 1) 15%, rgba(var(--main-color-w), .9) 40%, rgba(0,212,255,0) 80%)
}

.w54-ctaregister__figure {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: 1;
    transition: all .5s;
    height: 100% !important;
}

.w54-ctaregister:hover .w54-ctaregister__figure {
    transform: scale(1.05);
}

.w54-ctaregister__figure__img {
    float: right;
}
/*ed*/
/*w54-ctaregister-2*/
.w54-ctaregister-2 {
    display: block;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 3.5rem 1rem 4.5rem;
    background-size: cover;
}

.w54-ctaregister-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w54-ctaregister-2__heading {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
    transition: all .5s;
}

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-w54-ctaregister-2__heading {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w54-ctaregister-2__heading {
        -webkit-animation: key-w54-ctaregister-2__heading 1s;
        animation: key-w54-ctaregister-2__heading 1s;
        animation-iteration-count: 1;
    }
}


@media only screen and (max-width:68.75rem) {
    .w54-ctaregister-2__heading {
        width: 100%;
        justify-content: center;
        text-align: center;
    }
}

@media only screen and (max-width:31.25rem) {
    .w54-ctaregister-2__heading {
        text-align: left;
    }
}

.w54-ctaregister-2__heading__name {
    color: #fff;
    font-size: 2rem;
    line-height: 3.4rem;
    text-transform: uppercase;
    font-weight: 600;
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w54-ctaregister-2__heading__name {
        text-align: center;
    }
}

.w54-ctaregister-2__heading__des {
    color: #fff;
    font-size: 1.8rem;
    width: 100%;
    line-height: 2.8rem;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w54-ctaregister-2__heading__des {
        text-align: center;
    }
}

.w54-ctaregister-2__items {
    width: 49%;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: space-evenly
}

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-w54-ctaregister-2__items {
        0% {
            transform: translateX(10rem);
        }

        70% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w54-ctaregister-2__items {
        -webkit-animation: key-w54-ctaregister-2__items 1s;
        animation: key-w54-ctaregister-2__items 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:68.75rem) {
    .w54-ctaregister-2__items {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }

    @media only screen and (max-width:31.25rem) {
        .w54-ctaregister-2__items {
            justify-content: space-around;
        }
    }
}

.w54-ctaregister-2__items__item {
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 33.33333%;
    margin-top: 1rem;
}

@media only screen and (max-width:31.25rem) {
    .w54-ctaregister-2__items__item {
        width: 49%;
    }
}

.w54-ctaregister-2__items__item:first-child {
    margin-left: 0;
}

.w54-ctaregister-2__items__item:last-child {
    border: none;
}

.w54-ctaregister-2__items__item__name {
    width: 100%;
    font-weight: 500;
}

.w54-ctaregister-2__items__item__des {
    display: flex;
    align-items: center;
    align-content: center;
    transition: all .5s;
}

    .w54-ctaregister-2__items__item__des:hover {
        transform: scale(1.1);
    }

.w54-ctaregister-2__items__item__des__btn {
    font-size: 1.6rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    margin-left: 1rem;
    font-weight: 600;
}

.w54-ctaregister-2__items__item__des__icon {
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
}

.w54-ctaregister-2__items__item__des__btn,
.w54-ctaregister-2__items__item__des__icon {
    display: inline-block;
}

.w54-ctaregister-2__items__item__link {
    display: block;
    width: 100%;
}

.w54-ctaregister-2__items__item__link__figure {
    background-size: contain;
    background-repeat: no-repeat;
    max-height: 4rem;
    background-position: center;
    width: 100%;
    cursor: pointer;
    transition: all .5s;
}

    .w54-ctaregister-2__items__item__link__figure:hover {
        transform: scale(1.05);
    }

.w54-ctaregister-2__items__item__name {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
    margin-top: 1rem;
}

@media only screen and (max-width:31.25rem) {
    .w54-ctaregister-2__items__item__name {
        font-size: 1.5rem;
    }
}

.w54-ctaregister-2__items__item__name:hover {
    transform: scale(1.1);
}
/*ed*/
/*w54-ctaregister-3*/
.w54-ctaregister-3 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #eee;
    padding: 4rem 1rem;
}

.w54-ctaregister-3__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w54-ctaregister-3__heading {
    display: flex;
    width: 60%;
    align-items: center;
    transition: all .5s;
}

    .w54-ctaregister-3__heading:hover {
        transform: translateX(1rem);
    }

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-w54-ctaregister-3__heading {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w54-ctaregister-3__heading {
        -webkit-animation: key-w54-ctaregister-3__heading 1s;
        animation: key-w54-ctaregister-3__heading 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w54-ctaregister-3__heading {
        width: 100%;
    }
}

.w54-ctaregister-3__heading__icon {
    width: 14%;
    display: flex;
    align-content: center;
    justify-content: center;
}

@media only screen and (max-width:68.75rem) {
    .w54-ctaregister-3__heading__icon {
        display: none;
    }
}

.w54-ctaregister-3__heading__icon__fa {
    font-size: 8rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w54-ctaregister-3__heading__icon__fa:hover {
        transform: scale(1.1);
    }

.w54-ctaregister-3__heading__main {
    display: flex;
    width: 84%;
    margin-left: 2%;
    flex-wrap: wrap;
}

@media only screen and (max-width:68.75rem) {
    .w54-ctaregister-3__heading__main {
        width: 100%;
        margin: 0;
    }
}

.w54-ctaregister-3__heading__main__name {
    text-transform: uppercase;
    font-size: 2rem;
    line-height: 3.4rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
}

    .w54-ctaregister-3__heading__main__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w54-ctaregister-3__heading__main__des {
    font-size: 1.5rem;
    line-height: 2.8rem;
    margin-top: .5rem;
    width: 100%;
}

.w54-ctaregister-3__form {
    width: 36%;
    margin-left: 4%;
    display: flex;
    align-items: center;
    padding: 1.75rem;
    background-color: white;
    border-radius: 3rem;
    box-shadow: 0 .4rem .4rem rgba(0,0,0,.25);
    position: relative;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-w54-ctaregister-3__form {
        0% {
            transform: translateX(10rem);
        }

        70% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w54-ctaregister-3__form {
        -webkit-animation: key-w54-ctaregister-3__form 1s;
        animation: key-w54-ctaregister-3__form 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w54-ctaregister-3__form {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
}

@media only screen and (max-width:68.75rem) {
}

.w54-ctaregister-3__form__text {
    border: none;
    outline: none;
    margin-left: .5rem;
    font-size: 1.3rem;
    width: 100%;
    font-family: inherit;
}

    .w54-ctaregister-3__form__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w54-ctaregister-3__form__button {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 1rem 1.5rem;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    border-radius: 3rem;
    position: absolute;
    right: .75rem;
    transition: all .5s;
}

    .w54-ctaregister-3__form__button:hover {
        filter: brightness(0.8);
    }
/*ed*/
/*w54-footer*/
.w54-footer {
    width: 100%;
    padding: 0rem 0rem 0rem;
    background-color: rgba(var(--main-color-w),.3);
}

.w54-footer__bg {
    width: 100%;
    height: 15rem;
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w54-footer__bg {
        height: 10rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w54-footer__bg {
        height: 8rem;
    }
}

@media only screen and (max-width:50rem) {
    .w54-footer__bg {
        height: 6rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w54-footer__bg {
        height: 4rem;
    }
}

.w54-footer__bg svg {
    width: 100%;
    height: 101%;
}

.w54-footer__bg path {
    fill: rgba(var(--main-color-w),.3);
    stroke: none;
}

.w54-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 1rem;
}

.w54-footer__heading {
    display: flex;
    justify-content: center;
}

.w54-footer__heading__figure {
    background-size: contain;
    transition: all .5s;
    cursor: pointer;
}

    .w54-footer__heading__figure:hover {
        transform: scale(1.05);
    }

.w54-footer__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
}

.w54-footer__items__item {
    margin-right: 2%;
    margin-bottom: 3rem;
    width: 23.5%;
}

@media only screen and (min-width:81.25rem) {
    .w54-footer__items__item:nth-child(2n+3) {
        margin-right: 0;
    }

    .w54-footer__items__item:nth-child(7),
    .w54-footer__items__item:nth-child(11),
    .w54-footer__items__item:nth-child(15) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w54-footer__items__item {
        width: 49%;
        margin-right: 2%;
    }

        .w54-footer__items__item:nth-child(2n+1) {
            margin-right: 0;
        }
}

@media only screen and (min-width:81.25rem) {
    @-webkit-keyframes key-wd-footer-10__items__item {
        0% {
            transform: translateX(10rem);
        }

        70% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w54-footer__items__item {
        -webkit-animation: key-wd-footer-10__items__item 1s;
        animation: key-wd-footer-10__items__item 1s;
        animation-iteration-count: 1;
    }
}

.w54-footer__items__item__name {
    margin-bottom: 2rem;
    position: relative;
}

.w54-footer__items__item__name__text {
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 500;
    display: block;
    transition: all .5s;
    cursor: pointer;
    text-transform: capitalize;
}

    .w54-footer__items__item__name__text:hover {
        transform: translateX(.5rem);
    }

.w54-footer__items__item__subs {
}

.w54-footer__items__item__subs__sub {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w54-footer__items__item__subs__sub__icon {
    font-size: 1.6rem;
    transition: all .5s;
    margin-right: 1rem;
}

    .w54-footer__items__item__subs__sub__icon:hover {
        transform: scale(1.3);
    }

.w54-footer__items__item__subs__sub__name {
    font-size: 1.6rem;
    line-height: 2.5rem;
    transition: all .5s;
    font-weight: 400;
    cursor: pointer;
}

    .w54-footer__items__item__subs__sub__name:hover {
        transform: translateX(.5rem);
    }

.w54-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:75rem) {
    .w54-footer__items__item__ads {
        justify-content: center;
    }
}

.w54-footer__items__item__ads__sub {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .25rem;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #fff;
    cursor: pointer;
    margin-left: 2rem;
}

    .w54-footer__items__item__ads__sub:first-child {
        margin-left: 0;
    }

    .w54-footer__items__item__ads__sub:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w54-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w54-footer__items__item__adv__sub {
    margin: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w54-footer__items__item__adv__sub {
        max-width: 44%;
    }
}

.w54-footer__items__item__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w54-footer__items__item__adv__sub__figure:hover {
        transform: scale(1.05);
    }

.w54-footer__items__item__code {
    padding-top: 1.5rem;
    display: block;
    width: 100%;
}

    .w54-footer__items__item__code iframe {
        border: none;
        overflow: hidden;
        width: 100%;
    }

.w54-footer__items__first {
    width: 49%;
    margin-bottom: 3rem;
}

@media only screen and (min-width:81.25rem) {
    @-webkit-keyframes key-wd-footer-10__items__first {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w54-footer__items__first {
        -webkit-animation: key-wd-footer-10__items__first 1s;
        animation: key-wd-footer-10__items__first 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:81.25rem) {
    .w54-footer__items__first {
        width: 100%;
    }
}

@media only screen and (max-width:43.75rem) {
    .w54-footer__items__first {
        width: 100%;
        margin-left: 0;
    }
}

.w54-footer__items__first__name {
    font-size: 2rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-bottom: 1rem;
    transition: all .5s;
    display: block;
    font-weight: 600;
    margin-bottom: 2rem;
    cursor: pointer;
}

.w54-footer__items__first__childs {
}

.w54-footer__items__first__childs__item {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w54-footer__items__first__childs__item__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    transition: all .5s;
}

    .w54-footer__items__first__childs__item__icon:hover {
        transform: scale(1.3);
    }

.w54-footer__items__first__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.5rem;
    transition: all .5s;
    cursor: pointer;
}

    .w54-footer__items__first__childs__item__name:hover {
        transform: translateX(.5rem);
    }

    .w54-footer__items__first__childs__item__name b,
    .w54-footer__items__first__childs__item__name strong {
        font-weight: 500;
    }

.w54-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:75rem) {
    .w54-footer__items__first__ads {
        justify-content: center;
    }
}

.w54-footer__items__first__ads__sub {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .25rem;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #fff;
    cursor: pointer;
    margin-left: 2rem;
}

    .w54-footer__items__first__ads__sub:first-child {
        margin-left: 0;
    }

    .w54-footer__items__first__ads__sub:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w54-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w54-footer__items__first__adv__sub {
    margin: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w54-footer__items__first__adv__sub {
        max-width: 44%;
    }
}

.w54-footer__items__first__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w54-footer__items__first__adv__sub__figure:hover {
        transform: scale(1.05);
    }

.w54-footer__items__first__code {
    padding-top: 1.5rem;
    display: block;
    width: 100%;
}

    .w54-footer__items__first__code iframe {
        border: none;
        overflow: hidden;
        width: 100%;
    }

.w54-footer__items__first__items {
}

.w54-footer__items__first__items__item {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w54-footer__items__first__items__item__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    transition: all .5s;
}

    .w54-footer__items__first__items__item__icon:hover {
        transform: scale(1.3);
    }

.w54-footer__items__first__items__item__name {
    font-size: 1.6rem;
    line-height: 2.5rem;
    transition: all .5s;
    cursor: pointer;
}

    .w54-footer__items__first__items__item__name:hover {
        transform: translateX(.5rem);
    }

    .w54-footer__items__first__items__item__name b,
    .w54-footer__items__first__items__item__name strong {
        font-weight: 500;
    }

.w54-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w54-footer__code {
    width: 100%;
    margin-top: 1rem;
}

.w54-footer__ads {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w54-footer__ads__item {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
    position: relative;
    margin-bottom: 1rem;
}

@media only screen and (max-width:75rem) {
    .w54-footer__ads__item {
        margin-left: 1.5rem;
        margin-right: 1.5rem;
    }
}

.w54-footer__ads__item__figure {
    background-size: contain;
    background-position: top center;
    transition: all .5s;
    cursor: pointer;
}

    .w54-footer__ads__item__figure:hover {
        transform: scale(1.05);
    }

.w54-footer__ads__item__name {
    display: block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 500;
    margin-top: .75rem;
    transition: all .5s;
    cursor: pointer;
}

    .w54-footer__ads__item__name:hover {
        transform: scale(1.05);
    }

.w54-footer__line {
    width: 100%;
    background-color: rgba(0,0,0,.2);
    height: .1rem;
    margin-top: 1.5rem;
}

.w54-footer__bottom {
    padding: 1.5rem 0rem 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w54-footer__bottom__name {
    max-width: 100%;
}

@media only screen and (max-width:75rem) {
    .w54-footer__bottom__name {
        width: 100%;
        text-align: center;
    }
}

.w54-footer__bottom__name__text {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 2.6rem;
}

.w54-footer__bottom__items {
    margin-left: auto;
    display: flex;
}

@media only screen and (max-width:75rem) {
    .w54-footer__bottom__items {
        margin-left: 0;
        justify-content: center;
        margin-top: 2rem;
        width: 100%;
    }
}

.w54-footer__bottom__items__item {
    margin-left: .5rem;
}

@media only screen and (max-width:75rem) {
    .w54-footer__bottom__items__item {
        margin-left: 1rem;
    }
}

.w54-footer__bottom__items__item:first-child {
    margin-left: 0;
}

.w54-footer__bottom__items__item__figure {
    background-size: contain;
    height: 2rem;
    transition: all .5s;
    cursor: pointer;
}

    .w54-footer__bottom__items__item__figure:hover {
        transform: scale(1.05);
    }
/*ed*/
/*w54-introducer*/
.w54-introducer {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #fff;
}

@media only screen and (max-width:50rem) {
    .w54-introducer {
        width: 100%;
        padding: 3rem 1rem;
    }
}

.w54-introducer__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w54-introducer__group {
        flex-wrap: wrap;
    }
}

.w54-introducer__first {
    width: 59%;
    margin-right: 3%;
}

@media only screen and (max-width:50rem) {
    .w54-introducer__first {
        width: 100%;
        margin: 0;
    }
}

.w54-introducer__first__heading {
    display: flex;
}

@media only screen and (max-width:25rem) {
    .w54-introducer__first__heading {
        flex-wrap: wrap;
    }
}

.w54-introducer__first__heading__content {
    width: 100%;
}

.w54-introducer__first__heading__content__name {
    font-size: 3rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    cursor: pointer;
    display: block;
    line-height: 5rem;
}

@media only screen and (max-width:37.5rem) {
    .w54-introducer__first__heading__content__name {
        font-size: 2.4rem;
        text-align: center;
        line-height: 5rem;
    }
}

.w54-introducer__first__heading__content__name:hover {
}

.w54-introducer__first__heading__figure {
    margin-left: 2rem;
}

.w54-introducer__first__des {
    font-size: 1.6rem;
    margin-top: 2rem;
    line-height: 3rem;
    text-align: justify;
}

    .w54-introducer__first__des > div,
    .w54-introducer__first__des > p {
        margin-bottom: .75rem;
    }

    .w54-introducer__first__des ul,
    .w54-introducer__first__des ol {
        margin-left: 2.5rem;
    }

.w54-introducer__first__footer {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w54-introducer__first__footer__btn {
    border: none;
    display: inline-block;
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    font-weight: 600;
    border: solid .1rem rgba(var(--main-color-w), 1);
    transition: 0.5s;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    margin-right: 2rem;
    margin-top: 1rem;
    cursor: pointer;
}

    .w54-introducer__first__footer__btn:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:31.25rem) {
    .w54-introducer__first__footer__btn {
        width: 100%;
        margin-right: 0;
        justify-content: center;
    }
}

.w54-introducer__first__footer__btn--1 {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    -webkit-animation: key-w54-introducer__first__footer__btn 1.5s infinite;
    animation: key-w54-introducer__first__footer__btn 1.5s infinite;
}

@media only screen and (max-width:37.5rem) {
    .w54-introducer__first__footer__btn--1 {
        justify-content: center
    }
}

.w54-introducer__first__footer__btn:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w54-introducer__first__footer__btn--1:hover {
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
}

@-webkit-keyframes key-w54-introducer__first__footer__btn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1);
    }
}

.w54-introducer__first__footer__btn__icon {
    font-size: 1.6rem;
}

.w54-introducer__first__footer__btn__text {
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w54-introducer__second {
    width: 38%;
}

@media only screen and (max-width:50rem) {
    .w54-introducer__second {
        width: 100%;
        margin: 4rem 0 0;
    }
}

.w54-introducer__second__gallery {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w54-introducer__second__gallery__swiper {
}

.w54-introducer__second__gallery__swiper__item {
    height: fit-content;
}

.w54-introducer__second__gallery__swiper__item__figure {
    background-size: cover;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    transition: 0.5s all ease-in-out;
}

    .w54-introducer__second__gallery__swiper__item__figure:hover {
        transform: scale(1.05);
    }

.w54-introducer__second__video {
}

    .w54-introducer__second__video img {
        width: 100%;
        margin-top: 0;
    }

    .w54-introducer__second__video iframe {
        width: 100%;
        min-height: 25rem;
    }
.w54-introducer__second__footer {
    margin-top: 1rem;
    border-left: solid .3rem rgba(var(--main-color-w), .8);
    padding-left: 1.5rem;
}

.w54-introducer__second__footer__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w54-introducer__second__footer__name {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w), 1);
    margin-top: .8rem;
    display: block;
    transition: all .5s;
    cursor: pointer;
}

    .w54-introducer__second__footer__name:hover {
        transform: translateX(1rem);
    }
/*ed*/
/*w47-menu*/
.w47-menu {
    width: 100%;
    position: relative;
    background-color: white;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.09);
}

@media only screen and (max-width: 75rem) {
    .w47-menu.ws1TransApply {
        box-shadow: none;
    }
}

.w47-menu__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    transition: all 0.2s;
    height: 6rem;
}

@media only screen and (max-width:75rem) {
    .w47-menu__group {
        position: relative;
        z-index: 1;
    }
}

.w47-menu__logobox {
    max-width: 20rem;
    max-height: 6rem;
    height: 6rem;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__logobox {
        max-width: 18rem;
    }
}

.w47-menu__logobox__logo {
    max-width: 100%;
}

.w47-menu__button {
    cursor: pointer;
    width: 5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w47-menu__button__icon {
    width: 3rem;
    height: .2rem;
    display: flex;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w47-menu__button__icon:before {
        width: 100%;
        height: .2rem;
        position: absolute;
        top: -.8rem;
        content: "";
        background-color: rgba(var(--main-color-w),1);
        transition: all .5s;
    }

    .w47-menu__button__icon:after {
        width: 100%;
        height: .2rem;
        position: absolute;
        top: .8rem;
        content: "";
        background-color: rgba(var(--main-color-w),1);
        transition: all .5s;
    }

.nav__checkbox:checked ~ .w47-menu__button .w47-menu__button__icon {
    background-color: transparent;
}

    .nav__checkbox:checked ~ .w47-menu__button .w47-menu__button__icon:before {
        transform: rotate(135deg);
        top: 0;
    }

    .nav__checkbox:checked ~ .w47-menu__button .w47-menu__button__icon:after {
        transform: rotate(45deg);
        top: 0;
    }

@media only screen and (min-width: 75rem) {
    .w47-menu__button {
        display: none;
    }
}

.w47-menu__checkbox:checked ~ .w47-menu__nav {
    margin-left: 0;
    visibility: visible;
}

.w47-menu__nav {
    list-style: none;
    display: flex;
    align-items: center;
    margin-left: auto;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav {
        flex-direction: column;
        position: absolute;
        background-color: white;
        top: 6rem;
        width: 100%;
        left: 0;
        margin-left: -80rem;
        visibility: hidden;
        align-items: flex-start;
        transition: all 0.2s;
        padding: 1rem 0.5rem;
        height: 94vh;
        overflow-y: scroll;
    }

        .w47-menu__nav::-webkit-scrollbar {
            width: .4em;
        }

        .w47-menu__nav::-webkit-scrollbar-track {
            border-radius: .3em;
        }

        .w47-menu__nav::-webkit-scrollbar-thumb {
            border-radius: .3em;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w47-menu__nav::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

.w47-menu__nav__item:hover .w47-menu__nav__item__drop {
    visibility: visible;
    opacity: 1;
    pointer-events: inherit;
}

.w47-menu__nav__item__checkbox:checked ~ .w47-menu__nav__item__drop {
    display: block;
    visibility: visible;
    opacity: 1;
}

.w47-menu__nav__item__checkbox:checked ~ .w47-menu__nav__item__drop--1 {
    display: block;
    visibility: visible;
    opacity: 1;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__checkbox:checked ~ .w47-menu__nav__item__drop--1 {
        top: inherit;
    }
}

.w47-menu__nav__icon {
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    padding: 0.4rem;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__icon {
        border-bottom: 1px solid #f1f1f1;
        padding-bottom: 1rem;
    }
}

.w47-menu__nav__item:hover::after {
    transition: all 0.2s;
    width: 100%;
    transform: scaleX(1);
}

.w47-menu__nav__item {
    display: flex;
    margin: 0 1rem;
    align-items: center;
    position: relative;
    padding: 0;
    transition: all .5s;
    position: relative;
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item:hover {
        background-color: rgba(var(--main-color-w), 1);
    }
}

.w47-menu__nav__item__checkbox {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item {
        flex-direction: column;
        align-items: flex-start;
        height: auto;
        border-bottom: 1px solid #f1f1f1;
        margin: 0;
        width: 100%;
    }
}

.w47-menu__nav__item__link {
    color: black;
    text-decoration: none;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
    align-items: center;
    overflow: hidden;
    text-overflow: ellipsis;
    cursor: pointer;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__link {
        display: flex;
        align-items: center;
        color: black;
        justify-content: left;
        width: 100%;
        position: relative;
    }
}

.w47-menu__nav__item__link__text {
    font-size: 1.4rem;
    transition: all .5s;
    display: block;
    padding: 2rem 1.5rem;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__link__text {
        width: 100%;
        padding: 1.5rem 1.5rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item:hover .w47-menu__nav__item__link__text {
        color: #fff;
    }
}

.w47-menu.ws1TransApply .w47-menu__nav__item__link__text {
}

.w47-menu__nav__item__link__icon {
    font-size: 1.4rem;
    color: black;
    margin-left: 0.5rem;
    transition: all .5s;
    position: absolute;
    right: .5rem;
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item:hover .w47-menu__nav__item__link__icon {
        color: #fff;
    }
}

.w47-menu.ws1TransApply .w47-menu__nav__item__link__icon {
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__link__icon {
        color: black;
        width: 3rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w47-menu__nav__item__checkbox:checked ~
    .w47-menu__nav__item__link
    .w47-menu__nav__item__link__icon:before {
        content: "\f106" !important;
    }
}

.w47-menu__nav__item__drop {
    position: absolute;
    background-color: rgb(255, 255, 255);
    visibility: hidden;
    opacity: 0;
    min-width: 25rem;
    width: max-content;
    z-index: 2;
    top: 5.8rem;
    right: 0;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.152);
    padding: .5rem 0;
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item__drop {
        pointer-events: none;
    }
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop {
        top: 1rem;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
        width: 100%;
        margin-bottom: 1rem;
    }
}


@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item__drop__child:hover .w47-menu__nav__item__drop--1 {
        opacity: 1;
        visibility: visible;
        display: block;
        z-index: 2;
    }
}

.w47-menu__nav__item__drop__child {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    position: relative;
    transition: all .5s;
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item__drop__child:hover {
        background-color: rgba(var(--main-color-w), 1);
    }
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop__child {
        flex-direction: column;
        align-items: flex-start;
    }
}

.w47-menu__nav__item__drop__child__link {
    display: flex;
    flex-direction: row-reverse;
    overflow: hidden;
    text-overflow: ellipsis;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    cursor: pointer;
    transition: all .5s;
    position: relative;
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item__drop__child:hover .w47-menu__nav__item__drop__child__link {
        color: #fff;
    }
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop__child__link {
        flex-direction: row;
    }
}

.w47-menu__nav__item__drop__child__link__text {
    font-size: 1.4rem;
    display: block;
    text-align: right;
    padding: 1rem 2rem;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop__child__link__text {
        text-align: left;
    }
}

.w47-menu__nav__item__drop__child__link__icon {
    font-size: 1.4rem;
    left: 1rem;
    position: absolute;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop__child__link__icon {
        left: auto;
        right: 1rem;
        width: 3rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .w47-menu__nav__item__drop__child__link__icon:before {
            content: "\f107" !important;
        }

    .w47-menu__nav__item__checkbox:checked ~
    .w47-menu__nav__item__drop__child__link
    .w47-menu__nav__item__drop__child__link__icon:before {
        content: "\f106" !important;
    }
}

.w47-menu__nav__item__drop--1 {
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: -.5rem;
    right: 100%;
    background-color: rgb(255, 255, 255);
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.152);
    min-width: 25rem;
    width: max-content;
    padding: 0.5rem 0;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop--1 {
        top: 1rem;
        position: relative;
        left: 0;
        background-color: transparent;
        opacity: 0;
        visibility: hidden;
        display: none;
        width: 100%;
    }
}

.w47-menu__nav__item__drop--1__child {
    list-style: none;
    display: flex;
    align-items: center;
    position: relative;
    padding: 0;
    transition: all .5s;
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item__drop--1__child:hover {
        background-color: rgba(var(--main-color-w), 1);
    }
}

@media only screen and (max-width:50em) {
    .w47-menu__nav__item__drop--1__child {
        flex-direction: column;
        align-items: flex-start;
    }
}

.w47-menu__nav__item__drop--1__child__link {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop--1__child__link {
        flex-direction: row;
    }
}

.w47-menu__nav__item__drop--1__child__link__text {
    font-size: 1.4em;
    cursor: pointer;
    text-align: right;
    display: block;
    transition: all .5s;
    padding: 1rem 2rem;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__nav__item__drop--1__child__link__text {
        text-align: left;
    }
}

@media only screen and (min-width: 75rem) {
    .w47-menu__nav__item__drop--1__child:hover .w47-menu__nav__item__drop--1__child__link__text {
        color: #fff;
    }
}

.w47-menu__user {
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (max-width: 75rem) {
    .w47-menu__user {
        color: black;
        margin-left: auto;
    }
}

.w47-menu__user__bg {
    height: 100%;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2rem;
    transition: all .5s;
}

.w47-menu.ws1TransApply .w47-menu__user__bg {
    background-color: rgba(var(--main-color-w), .9);
}

.w47-menu__user__bg:hover {
    background-color: rgba(var(--main-color-w), .8);
}

.w47-menu__user__bg:not(:last-child) {
    border-right: 0.1px solid white;
}

.w47-menu__user__bg__icon {
    font-size: 2rem;
    cursor: pointer;
    color: white;
}

.w47-menu__nav-checkbox-search {
    display: none;
}

    .w47-menu__nav-checkbox-search:checked ~ .w47-menu__search {
        visibility: visible;
        top: 0;
    }

.w47-menu__search {
    position: fixed;
    top: -15rem;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: rgba(var(--main-color-w), 1);
    padding: 4rem;
    color: #757575;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w47-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w47-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}

.w47-menu__search__content__title__text {
    color: white;
    text-transform: uppercase;
    font-size: 2rem;
}

.w47-menu__search__content__title__icon {
    font-size: 1.5rem;
    background: none;
    border: none;
    cursor: pointer;
    color: white;
}

.w47-menu__search__content__title__checkbox {
    cursor: pointer;
}

.w47-menu__search__content__input {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    align-items: center;
}

.w47-menu__search__content__input__text {
    border: none;
    font-size: 1.45rem;
    border-radius: 0.5rem;
    margin-right: 0.5rem;
    text-transform: uppercase;
    color: white;
    width: 100%;
    max-width: 90%;
    font-family: inherit;
    background-color: transparent;
    border: 0.1rem solid #f5f5f5 !important;
    padding: 1rem 2rem;
    transition: all .5s;
}

    .w47-menu__search__content__input__text:focus {
        background-color: #fff;
        color: inherit;
    }

    .w47-menu__search__content__input__text::placeholder {
        color: white;
    }

    .w47-menu__search__content__input__text:focus::placeholder {
        color: initial;
    }

    .w47-menu__search__content__input__text:focus {
        outline: none;
    }

.w47-menu__search__content__input__btn {
    color: white;
    background-color: crimson;
    border: none;
    border-radius: 0.5rem;
    cursor: pointer;
    outline: none;
    white-space: nowrap;
    padding: 1rem 2rem;
    font-size: 1.45rem;
    font-family: inherit;
}

    .w47-menu__search__content__input__btn:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }
/*ed*/
/*w54-product*/
.w54-product {
    width: 100%;
    padding: 3rem 1rem;
    background-image: url('../../img/w54/wd54-product_bg.jpg');
    background-repeat: repeat;
}

@media only screen and (max-width:50rem) {
    .w54-product {
        padding-bottom: 0rem;
    }
}

.w54-product__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w54-product__name {
    width: 100%;
}

.w54-product__name__text {
    display: block;
    font-size: 1.7rem;
    line-height: 3rem;
    text-align: center;
    font-weight: 500;
}

@media only screen and (max-width:31.25rem) {
    .w54-product__name__text {
        font-size: 1.4rem;
    }
}

.w54-product__mains {
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:31.25rem) {
    .w54-product__mains {
        margin-top: 0rem;
    }
}

.w54-product__mains__heading {
}

.w54-product__mains__heading__name {
    display: block;
    font-size: 3.4rem;
    line-height: 5rem;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
}

    .w54-product__mains__heading__name:hover {
        transform: scale(1.02);
    }

@media only screen and (max-width:31.25rem) {
    .w54-product__mains__heading__name {
        font-size: 2.4rem;
        line-height: 4rem;
    }
}

.w54-product__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w54-product__mains__main {
        margin-top: 1.5rem;
    }
}

.w54-product__mains__main__items {
    display: flex;
    padding-bottom: 1rem;
    flex-wrap: wrap;
}

.w54-product__mains__main__items__item {
    width: 23.125%;
    margin-left: 2.5%;
    margin-bottom: 3rem;
    position: relative;
    border-radius: .5rem;
}

@media only screen and (min-width:75rem) {
    .w54-product__mains__main__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w54-product__mains__main__items__item {
        width: 31.66666%;
    }

    @media only screen and (min-width:50rem) {
        .w54-product__mains__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w54-product__mains__main__items__item {
            width: 48.75%;
        }

            .w54-product__mains__main__items__item:nth-child(2n+1) {
                margin-left: 0;
            }
    }
}

.w54-product__mains__main__items__item__bottom {
    display: block;
    position: relative;
    margin-top: 1.5rem;
}

@media only screen and (max-width:31.25rem) {
    .w54-product__mains__main__items__item__bottom {
        margin-top: 1rem;
    }
}

.w54-product__mains__main__items__item__bottom__name {
    display: block;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:31.25rem) {
    .w54-product__mains__main__items__item__bottom__name {
        font-size: 1.4rem;
    }
}

.w54-product__mains__main__items__item__bottom__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w54-product__mains__main__items__item__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w54-product__mains__main__items__item__btns__btn {
    display: flex;
    justify-content: center;
    margin: 1rem .5rem 0;
}

@media only screen and (max-width:50rem) {
    .w54-product__mains__main__items__item__btns__btn {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.w54-product__mains__main__items__item__btns__btn__text {
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    border: solid #f1f1f1 .1rem;
}

@media only screen and (max-width:50rem) {
    .w54-product__mains__main__items__item__btns__btn__text {
        font-size: 1.4rem;
        display: block;
        width: 100%;
    }
}

.w54-product__mains__main__items__item__btns__btn__text--1 {
    background-color: rgba(var(--second-color-w), 1);
}

.w54-product__mains__main__items__item__btns__btn__text:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: #fff;
}

.w54-product__mains__main__items__item__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    border: solid #f1f1f1 .1rem;
    background-color: #fff;
    padding: 1rem;
}

.w54-product__mains__main__items__item__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .w54-product__mains__main__items__item__top__imgbox:hover {
        transform: scale(1.05);
    }

.w54-product__mains__main__items__item__price {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: 1rem;
    border-radius: .3rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:31.25rem) {
    .w54-product__mains__main__items__item__price {
        justify-content: center;
    }
}

.w54-product__mains__main__items__item__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
    font-weight: 500;
}

@media only screen and (max-width:31.25rem) {
    .w54-product__mains__main__items__item__price__main {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w54-product__mains__main__items__item__price__main {
        width: 100%;
        text-align: center
    }
}

.w54-product__mains__main__items__item__price__sub {
    color: #999999;
    font-size: 1.6rem;
    text-decoration: line-through;
}

@media only screen and (max-width:31.25rem) {
    .w54-product__mains__main__items__item__price__sub {
        width: 100%;
        text-align: center;
        margin-top: .5rem;
    }
}
/*ed*/
/*w54-productdetail*/
.w54-productdetail {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    background-color: #fff;
}

.w54-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w54-productdetail__top {
    flex-wrap: wrap;
    box-shadow: 2px 2px 20px #00000017;
    outline: none;
    border: .1rem solid #dee2e6;
    display: flex;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__top {
        display: flex;
        flex-wrap: wrap;
    }
}

.w54-productdetail__top__first {
    padding: 1.5rem;
    width: 40%;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__top__first {
        width: 60%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w54-productdetail__top__first {
        width: 100%;
    }
}

.w54-productdetail__top__first__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w54-productdetail__top__first__mains__items {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.w54-productdetail__top__first__mains__second {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fafafa;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

    .w54-productdetail__top__first__mains__second::-webkit-scrollbar {
        width: .3rem;
    }

    .w54-productdetail__top__first__mains__second::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }

.w54-productdetail__top__first__mains__items__item {
    align-items: center !important;
}

.w54-productdetail__top__first__mains__items__item__imgbox {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .w54-productdetail__top__first__mains__items__item__imgbox .zoomImg {
        background-color: #fff;
    }

.w54-productdetail__top__first__mains__items__item__imgbox__img {
    width: 100%;
}

.w54-productdetail__top__first__mains__items__item__imgbox img.w54-productdetail__top__first__mains__items__item__imgbox__img {
    opacity: 0;
}

.w54-productdetail__top__first__mains__second__items {
    height: max-content !important;
    align-items: center !important;
}

.w54-productdetail__top__first__mains__second__items__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-color: #e0e0e0;
    transition: all .5s;
}

.w54-productdetail__top__first__mains__second__items__item.swiper-slide-thumb-active,
.w54-productdetail__top__first__mains__second__items__item:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w54-productdetail__top__first__mains__second__items__item__imgbox {
    background-size: cover;
    margin: .2rem;
    cursor: pointer;
    height: 97%;
}

.w54-productdetail__top__first__mains__items__item__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (min-width:50rem) {
    .w54-productdetail__top__first__mains__items__item__imgbox__zoom {
        left: 1rem;
    }
}

.w54-productdetail__top__first__mains__items__item__imgbox__zoom.active,
.w54-productdetail__top__first__mains__items__item__imgbox__zoom:hover {
    border-radius: 2rem;
    padding: 0 1rem;
    width: auto;
    background-color: rgb(241,241,241,.7);
}

.w54-productdetail__top__first__mains__items__item__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
    animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-wd-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w54-productdetail__top__first__mains__items__item__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
    margin-left: 1rem;
}

.w54-productdetail__top__first__mains__items__item__imgbox__zoom.active .w54-productdetail__top__first__mains__items__item__imgbox__zoom__text,
.w54-productdetail__top__first__mains__items__item__imgbox__zoom:hover .w54-productdetail__top__first__mains__items__item__imgbox__zoom__text {
    display: block;
}

.w54-productdetail__top__first__mains__items__next.swiper-button-next,
.w54-productdetail__top__first__mains__items__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    z-index: 1;
}

.w54-productdetail__top__first__mains__items__prev__icon {
    font-size: 1.4rem;
}

.w54-productdetail__top__first__mains__items__next__icon {
    font-size: 1.4rem;
}

.w54-productdetail__top__first__mains__items__next:after,
.w54-productdetail__top__first__mains__items__prev:after {
    display: none;
}

.w54-productdetail__top__first__mains__second__next.swiper-button-next,
.w54-productdetail__top__first__mains__second__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    width: 3.5rem;
    border-radius: 50%;
    height: 3.5rem;
    background-color: rgba(255,255,255,.5);
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w54-productdetail__top__first__mains__second__next.swiper-button-next,
    .w54-productdetail__top__first__mains__second__prev.swiper-button-prev {
        width: 2rem;
        height: 2rem;
    }
}

.w54-productdetail__top__first__mains__second__prev__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w54-productdetail__top__first__mains__second__prev__icon {
        font-size: 1rem;
    }
}

.w54-productdetail__top__first__mains__second__next__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w54-productdetail__top__first__mains__second__next__icon {
        font-size: 1rem;
    }
}

.w54-productdetail__top__first__mains__second__next:after,
.w54-productdetail__top__first__mains__second__prev:after {
    display: none;
}

.w54-productdetail__top__second {
    padding: 1.5rem;
    border-left: .1rem solid #dee2e6;
    border-right: .1rem solid #dee2e6;
    width: 35%;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__top__second {
        width: 40%;
        border-right: none;
    }
}

@media only screen and (max-width:62.5rem) {
    .w54-productdetail__top__second {
        border-top: .1rem solid #dee2e6;
        width: 100%;
        border-left: none;
    }
}

.w54-productdetail__top__second__name {
    font-size: 2.4rem;
    color: #303030;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w54-productdetail__top__second__price {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.w54-productdetail__top__second__price__1 {
    color: rgba(var(--main-color-w), .7);
    font-size: 2rem;
    font-weight: 600;
}
.w54-productdetail__top__second__price__1--hide {
    opacity: 0;
    visibility: hidden;
    overflow: hidden;
}
.w54-productdetail__top__second__price__2 {
    text-decoration: line-through;
    font-size: 1.8rem;
    margin-left: .5rem;
    color: rgb(119 119 119 / 71%);
}
.w54-productdetail__top__second__price__2--hide{
    opacity:0;
    visibility:hidden;
    overflow:hidden;
    width:0;
}
.w54-productdetail__top__second__rate {
    margin-top: 1rem;
}

.w54-productdetail__top__second__rate__star {
    color: #efad0d;
    display: inline-block;
    margin-right: .5rem;
    font-size: 1rem;
}

.w54-productdetail__top__second__size {
    margin-top: 1rem;
}
.w54-productdetail__top__second__size--hide {
    display:none;
}
.w54-productdetail__top__second__size__text {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
}

.w54-productdetail__top__second__size__text__value {
    margin-left: 1rem;
}

.w54-productdetail__top__second__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: .1rem solid #dedede;
    border-bottom: .1rem solid #dedede;
    padding: 1rem 0 0rem;
    margin-bottom: 1rem;
    justify-content: flex-start;
}

.w54-productdetail__top__second__size__items__item {
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1rem;
    background-color: #dedede;
    border-radius: .4rem;
    padding: .5rem;
    position: relative;
    overflow: hidden;
    display:block !important;
    filter:brightness(1) !important;
}
.w54-productdetail__top__second__size__items__item--hide{
    display:none !important;
}
.w54-productdetail__top__second__size__items__item--hethang {
    cursor: not-allowed;
}

    .w54-productdetail__top__second__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w54-productdetail__top__second__size__items__item__check {
    display: none;
}

.w54-productdetail__top__second__size__items__item__label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w54-productdetail__top__second__size__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
}

.w54-productdetail__top__second__size__items__item.active .w54-productdetail__top__second__size__items__item__label__icon,
.w54-productdetail__top__second__size__items__item__check:checked ~
.w54-productdetail__top__second__size__items__item__label
.w54-productdetail__top__second__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w54-productdetail__top__second__size__items__item.active .w54-productdetail__top__second__size__items__item__label__icon:before,
    .w54-productdetail__top__second__size__items__item__check:checked ~
    .w54-productdetail__top__second__size__items__item__label
    .w54-productdetail__top__second__size__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w54-productdetail__top__second__size__items__item__label__text {
    font-size: 1.3rem;
    margin-left: 2.5rem;
}

.w54-productdetail__top__second__size__items__item__price {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    top: 0;
    width: 0%;
    right: 0;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
}

.w54-productdetail__top__second__size__items__item:hover .w54-productdetail__top__second__size__items__item__price {
    width: 80%;
}

.w54-productdetail__top__second__color {
    margin-top: 1rem;
}
.w54-productdetail__top__second__color--hide{
    display:none;
}
.w54-productdetail__top__second__color__text {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
}

.w54-productdetail__top__second__color__text__value {
    margin-left: 1rem;
}

.w54-productdetail__top__second__color__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-top: .1rem solid #dedede;
    border-bottom: .1rem solid #dedede;
    padding: 1rem 0 0rem;
    margin-bottom: 1rem;
    justify-content: flex-start;
}

.w54-productdetail__top__second__color__items__item {
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1rem;
    background-color: #dedede;
    border-radius: .4rem;
    padding: .5rem;
    position: relative;
    overflow: hidden;
    filter: brightness(1) !important;
    display: block !important;
}

.w54-productdetail__top__second__color__items__item--hide {
    display: none !important;
}

.w54-productdetail__top__second__color__items__item--hethang {
    cursor: not-allowed;
}

    .w54-productdetail__top__second__color__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w54-productdetail__top__second__color__items__item__check {
    display: none;
}

.w54-productdetail__top__second__color__items__item__label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w54-productdetail__top__second__color__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
}

.w54-productdetail__top__second__color__items__item.active .w54-productdetail__top__second__color__items__item__label__icon,
.w54-productdetail__top__second__color__items__item__check:checked ~
.w54-productdetail__top__second__color__items__item__label
.w54-productdetail__top__second__color__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w54-productdetail__top__second__color__items__item.active .w54-productdetail__top__second__color__items__item__label__icon:before,
    .w54-productdetail__top__second__color__items__item__check:checked ~
    .w54-productdetail__top__second__color__items__item__label
    .w54-productdetail__top__second__color__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w54-productdetail__top__second__color__items__item__label__text {
    font-size: 1.3rem;
    margin-left: 2.5rem;
}

.w54-productdetail__top__second__color__items__item__price {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    top: 0;
    width: 0%;
    right: 0;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
}

.w54-productdetail__top__second__color__items__item:hover .w54-productdetail__top__second__color__items__item__price {
    width: 80%;
}

.w54-productdetail__top__second__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w54-productdetail__top__second__detail__content {
    font-size: 1.5rem;
    line-height: 2.8rem;
    height: 5rem;
    overflow: hidden;
}

.w54-productdetail__top__second__detail__check:checked ~ .w54-productdetail__top__second__detail__content {
    height: max-content;
}

.w54-productdetail__top__second__detail__check {
    display: none;
}

.w54-productdetail__top__second__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w54-productdetail__top__second__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 2rem;
    padding: .5rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w54-productdetail__top__second__detail__bottom__label--top {
    display: none;
}

.w54-productdetail__top__second__detail__check:checked ~ .w54-productdetail__top__second__detail__bottom .w54-productdetail__top__second__detail__bottom__label--top {
    display: flex;
}

.w54-productdetail__top__second__detail__check:checked ~ .w54-productdetail__top__second__detail__bottom .w54-productdetail__top__second__detail__bottom__label--down {
    display: none;
}

.w54-productdetail__top__second__detail__bottom__label__text {
    font-size: 1.3rem;
}

.w54-productdetail__top__second__detail__bottom__label__icon {
    font-size: 1.3rem;
    margin-left: .5rem;
}

.w54-productdetail__top__second__1__support {
    background-color: #f6f3ec;
    border: .1rem solid #e6dbc0;
    border-radius: 5px;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w54-productdetail__top__second__code {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    justify-content: space-between;
    border-radius: .3rem;
}

.w54-productdetail__top__second__code--hide {
    display: none;
}

.w54-productdetail__top__second__code__first {
    font-size: 1.6rem;
    display: flex;
}

.w54-productdetail__top__second__code__first__name {
    font-weight: 600;
}

.w54-productdetail__top__second__code__first__value {
    margin-left: .75rem;
}

.w54-productdetail__top__second__code__soluong {
    font-size: 1.6rem;
    display: flex;
}

.w54-productdetail__top__second__code__soluong__name {
    font-weight: 600;
}

.w54-productdetail__top__second__code__soluong__value {
    margin-left: .75rem;
}

.w54-productdetail__top__second__cart {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    position: relative;
    flex-wrap: wrap;
}

.w54-productdetail__top__second__cart__box {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.w54-productdetail__top__second__cart__box__text {
    font-size: 1.5rem;
    margin-right: 2rem;
}

.w54-productdetail__top__second__cart__box__minus, .w54-productdetail__top__second__cart__box__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w54-productdetail__top__second__cart__box__minus {
    padding: 1.8rem 1.5rem;
    border-radius: .4rem 0 0 .4rem;
    transition: all .5s;
}

    .w54-productdetail__top__second__cart__box__minus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w54-productdetail__top__second__cart__box__plus {
    padding: 1.8rem 1.5rem;
    border-radius: 0 .4rem .4rem 0;
    transition: all .5s;
}

    .w54-productdetail__top__second__cart__box__plus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w54-productdetail__top__second__cart__box__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    width: 6rem;
    color: #777;
    outline: none;
    height: 100%;
    padding: 1.4rem 0rem;
    text-align: center;
    font-size: 1.6rem;
}

.w54-productdetail__top__second__cart__btn {
    width: 100%;
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.w54-productdetail__top__second__cart__btn__item {
    border-radius: 5px;
    background-color: #BF1E2E;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1.5rem;
    margin-left: 2%;
    color: #fff;
    font-size: 1.7rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    margin-top: 1rem;
    border: solid .1rem rgba(var(--main-color-w), 0);
}

    .w54-productdetail__top__second__cart__btn__item:hover {
        background-color: #f1f1f1;
        border: solid .1rem rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

.w54-productdetail__top__second__cart__btn__item--1 {
}

.w54-productdetail__top__second__cart__btn__item--2 {
}

.w54-productdetail__top__second__cart__box__input::-webkit-outer-spin-button,
.w54-productdetail__top__second__cart__box__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w54-productdetail__top__second__btncart {
    width: 100%;
    text-transform: uppercase;
    background-color: red;
    margin: 0;
    display: block;
}

.w54-productdetail__top__second__tuvan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
}

.w54-productdetail__top__second__tuvan__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    margin-left: 2%;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 1rem 1rem;
    border-radius: .5rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
    position: relative;
}

    .w54-productdetail__top__second__tuvan__item:hover {
        transform: scale(1.02);
    }

    .w54-productdetail__top__second__tuvan__item:after {
        height: .3rem;
        width: 0;
        bottom: 0;
        background-color: red;
        transition: all .5s;
        content: "";
        position: absolute;
        border-radius: .5rem;
    }

    .w54-productdetail__top__second__tuvan__item:hover:after {
        width: 100%;
    }

    .w54-productdetail__top__second__tuvan__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w54-productdetail__top__second__tuvan__item__icon {
    font-size: 1.7rem;
    margin-left: .5rem;
    font-weight: 600;
}

.w54-productdetail__top__second__tuvan__item__name {
    font-size: 1.7rem;
    margin-left: .5rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w54-productdetail__top__second__tuvan__item__name {
        font-size: 1.4rem;
        margin-left: .75rem;
    }
}

.w54-productdetail__top__second__tuvan__item__figure {
    height: 2rem;
    background-size: contain;
}

.w54-productdetail__top__second__bottom {
    margin-top: 1rem;
    border-top: solid .1rem #f1f1f1;
    padding-top: 1rem;
}

.w54-productdetail__top__second__bottom__items {
}

.w54-productdetail__top__second__bottom__item {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: center;
}

    .w54-productdetail__top__second__bottom__item:last-child {
        margin-bottom: 0;
    }

.w54-productdetail__top__second__bottom__item__name {
    font-size: 1.4rem;
    font-weight: 500;
    color: #333;
    min-width: 5rem;
}

.w54-productdetail__top__second__bottom__item__des {
    font-size: 1.4rem;
    color: #777;
    margin-left: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.w54-productdetail__top__second__bottom__item__icons {
    display: flex;
    margin-left: 1rem;
    align-items: center;
}

.w54-productdetail__top__second__bottom__item__icons__icon {
    font-size: 1.4rem;
    color: #777;
    font-weight: normal;
    transition: all 1s;
    margin-left: 2rem;
}

    .w54-productdetail__top__second__bottom__item__icons__icon:first-child {
        margin-left: 0;
    }

    .w54-productdetail__top__second__bottom__item__icons__icon:hover {
        transform: scale(1.4);
        color: rgba(var(--main-color-w), 1);
    }

.w54-productdetail__top__third {
    padding: 1.5rem 0 1.5rem;
    width: 25%;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__top__third {
        width: 100%;
        border-top: .1rem solid #dee2e6;
    }
}

.w54-productdetail__top__third__main {
    overflow:hidden;
}

.w54-productdetail__top__third__main__tuvan {
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__top__third__main__tuvan {
        display: flex;
        flex-wrap: wrap;
    }
}

.w54-productdetail__top__third__main__tuvan__item {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__top__third__main__tuvan__item {
        width: 50%;
    }
}

@media only screen and (max-width:43.75rem) {
    .w54-productdetail__top__third__main__tuvan__item {
        width: 100%;
    }
}

@media only screen and (min-width:75rem) {
    .w54-productdetail__top__third__main__tuvan__item:last-child {
        margin-bottom: 0;
    }
}

.w54-productdetail__top__third__main__tuvan__item__imgbox {
    background-size: cover;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

    .w54-productdetail__top__third__main__tuvan__item__imgbox:hover {
        transform: scale(1.05);
    }

.w54-productdetail__top__third__main__tuvan__item__figure {
    background-size: cover;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

    .w54-productdetail__top__third__main__tuvan__item__figure:hover {
        transform: scale(1.05);
    }

.w54-productdetail__top__third__main__tuvan__item__content {
    margin-left: 1.5rem;
}

.w54-productdetail__top__third__main__tuvan__item__content__name {
    display: block;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #ea0000;
    transition: all .5s;
    cursor: pointer;
}

    .w54-productdetail__top__third__main__tuvan__item__content__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w54-productdetail__top__third__main__tuvan__item__content__des {
    display: block;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 2.8rem;
}

.w54-productdetail__top__third__main__heading {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: 1.5rem;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__top__third__main__heading--first {
        margin-top: 0;
    }
}

.w54-productdetail__top__third__main__heading__text {
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w54-productdetail__top__third__main__menu {
    display: flex;
    flex-wrap: wrap;
}

.w54-productdetail__top__third__main__menu__item {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: .5rem;
}

    .w54-productdetail__top__third__main__menu__item:first-child {
        margin-top: 0;
    }

.w54-productdetail__top__third__main__menu__item__text {
    font-size: 1.5rem;
    line-height: 2.2rem;
    transition: all .5s;
    cursor: pointer;
}

    .w54-productdetail__top__third__main__menu__item__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w54-productdetail__top__third__main__des {
    padding-left: 1.5rem;
    padding-right: 2.6rem;
    margin-bottom: 1rem;
}

.w54-productdetail__top__third__main__des__text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.2rem;
    text-transform: uppercase;
}

.w54-productdetail__top__third__main__ads {
    display: flex;
    flex-wrap: wrap;
}

.w54-productdetail__top__third__main__ads__item {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-top: 1rem;
    display: block;
}

    .w54-productdetail__top__third__main__ads__item:first-child {
        margin-top: 0;
    }

.w54-productdetail__top__third__main__ads__item__text {
    font-size: 1.5rem;
    display: inline;
    line-height: 2.2rem;
}

    .w54-productdetail__top__third__main__ads__item__text b, .w54-productdetail__top__third__main__ads__item__text strong {
        font-weight: 600;
    }

    .w54-productdetail__top__third__main__ads__item__text div,
    .w54-productdetail__top__third__main__ads__item__text p {
        display: inline !important;
    }

.w54-productdetail__top__third__main__ads__item__icon {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: .5rem;
    line-height: 1.6rem;
    font-weight: 500;
}

.w54-productdetail__main {
    box-shadow: 2px 2px 20px #00000017;
    margin-top: 3rem;
    display: grid;
    grid-template-columns: 75% 25%;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__main {
        display: flex;
        flex-wrap: wrap;
    }
}

.w54-productdetail__main__first {
    border-right: .1rem solid #dee2e6;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__main__first {
        width: 100%;
    }
}

.w54-productdetail__main__first__tabs {
    display: flex;
    border-bottom: .1rem solid #dee2e6;
    display: flex;
    flex-wrap: wrap;
}

.w54-productdetail__main__first__tabs__item {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1rem 2rem;
    border-left: solid .1rem #dee2e6;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:31.25rem) {
    .w54-productdetail__main__first__tabs__item {
        width: 100%;
    }
}

.w54-productdetail__main__first__tabs__item:first-child {
    border: none;
}

.w54-productdetail__main__first__tabs__item.active,
.w54-productdetail__main__first__tabs__item:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w54-productdetail__main__first__content {
    font-size: 1.5rem;
    line-height: 2.8rem;
    padding: 1.5rem;
    margin-top: 1rem;
    overflow-x: hidden;
}

    .w54-productdetail__main__first__content iframe {
        width: 100%;
    }

    .w54-productdetail__main__first__content table {
        border-top: solid .1em #f1f1f1;
        border-left: solid .1em #f1f1f1;
        margin-top: 1rem;
    }

        .w54-productdetail__main__first__content table tr td {
            border-right: solid .1em #f1f1f1;
            border-bottom: solid .1em #f1f1f1;
            padding: .5rem;
        }

    .w54-productdetail__main__first__content ul,
    .w54-productdetail__main__first__content ol {
        margin-left: 2.5rem;
    }

    .w54-productdetail__main__first__content b,
    .w54-productdetail__main__first__content strong {
        font-weight: 600;
    }

.w54-productdetail__main__second {
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__main__second {
        width: 100%;
    }
}

.w54-productdetail__main__second__menu {
    position:sticky;
    top:0rem;
}

.w54-productdetail__main__second__menu__items {
    list-style-type: none;
    background-color: #fff;
    width: 100%;
    transition: all .5s;
}

    .w54-productdetail__main__second__menu__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w54-productdetail__main__second__menu__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w54-productdetail__main__second__menu__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w54-productdetail__main__second__menu__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w54-productdetail__main__second__menu__items__item {
}

.w54-productdetail__main__second__menu__items__item__check {
    display: none;
}

.w54-productdetail__main__second__menu__items__item__content {
    display: flex;
    align-items: center;
    border-top: solid #f1f1f1 .1rem;
    padding: 0 0 0 1rem;
}

.w54-productdetail__main__second__menu__items__item:first-child
.w54-productdetail__main__second__menu__items__item__content {
    border-top: none;
}

.w54-productdetail__main__second__menu__items__item__content__icon1 {
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w54-productdetail__main__second__menu__items__item__content:hover .w54-productdetail__main__second__menu__items__item__content__icon1 {
    color: rgba(var(--main-color-w),1);
}

.w54-productdetail__main__second__menu__items__item__content__name {
    font-size: 1.5rem;
    padding: .9rem 0rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
    margin-left: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w54-productdetail__main__second__menu__items__item__content__name {
        font-size: 1.4rem;
    }
}

.w54-productdetail__main__second__menu__items__item__content:hover .w54-productdetail__main__second__menu__items__item__content__name {
    color: rgba(var(--main-color-w),1);
}

.w54-productdetail__main__second__menu__items__item__content__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    padding: 1.1rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.w54-productdetail__main__second__menu__items__item:hover
.w54-productdetail__main__second__menu__items__item__content__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__main__second__menu__items__item__content__icon2 {
        border-left: solid .1rem #f1f1f1;
    }

    .w54-productdetail__main__second__menu__items__item__check:checked ~
    .w54-productdetail__main__second__menu__items__item__content
    .w54-productdetail__main__second__menu__items__item__content__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w54-productdetail__main__second__menu__items__item__check:checked ~
.w54-productdetail__main__second__menu__items__item__content
.w54-productdetail__main__second__menu__items__item__content__icon2
.w54-productdetail__main__second__menu__items__item__content__icon2__value:before {
    content: "\f106" !important;
}

.w54-productdetail__main__second__menu__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
}

.w54-productdetail__main__second__menu__items__item__check:checked ~ .w54-productdetail__main__second__menu__items__item__childs {
    max-height: 900vh;
}

.w54-productdetail__main__second__menu__items__item__childs__child {
}

    .w54-productdetail__main__second__menu__items__item__childs__child:first-child {
        border-bottom: none;
    }

.w54-productdetail__main__second__menu__items__item__childs__child__check {
    display: none;
}

.w54-productdetail__main__second__menu__items__item__childs__child__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem 2.6rem;
    border-top: solid .1rem #f1f1f1;
}

.w54-productdetail__main__second__menu__items__item__childs__child__main__name {
    font-size: 1.4rem;
    font-weight: 600;
    padding: .6rem 0rem;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
}

.w54-productdetail__main__second__menu__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    padding: .9rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

.w54-productdetail__main__second__menu__items__item__childs__child:hover .w54-productdetail__main__second__menu__items__item__childs__child__main__name,
.w54-productdetail__main__second__menu__items__item__childs__child:hover .w54-productdetail__main__second__menu__items__item__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:81.25rem) {
    .w54-productdetail__main__second__menu__items__item__childs__child__main__icon {
        border-left: solid .1rem #f1f1f1;
    }

    .w54-productdetail__main__second__menu__items__item__childs__child__check:checked ~
    .w54-productdetail__main__second__menu__items__item__childs__child__main
    .w54-productdetail__main__second__menu__items__item__childs__child__main__icon {
        background-color: #f1f1f1;
    }
}

.w54-productdetail__main__second__menu__items__item__childs__child__check:checked ~
.w54-productdetail__main__second__menu__items__item__childs__child__main
.w54-productdetail__main__second__menu__items__item__childs__child__main__icon
.w54-productdetail__main__second__menu__items__item__childs__child__main__icon__value:before {
    content: "\f106" !important;
}

.w54-productdetail__main__second__menu__items__item__childs__child__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0
}

.w54-productdetail__main__second__menu__items__item__childs__child__check:checked ~ .w54-productdetail__main__second__menu__items__item__childs__child__grands {
    max-height: 900vh;
}

.w54-productdetail__main__second__menu__items__item__childs__child__grands__grand {
}

.w54-productdetail__main__second__menu__items__item__childs__child__grands__grand__main {
    padding: .8rem 1rem .8rem 4rem;
    border-top: solid .1rem #f1f1f1;
    display: flex;
}

.w54-productdetail__main__second__menu__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 600;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

.w54-productdetail__main__second__menu__items__item__childs__child__grands__grand:hover .w54-productdetail__main__second__menu__items__item__childs__child__grands__grand__main__name {
    margin-left: .5rem;
    color: rgba(var(--main-color-w),1);
}

.w54-productdetail__main__second__menu__heading {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 1rem;
}

.w54-productdetail__main__second__menu__heading__text {
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w54-productdetail__bottom {
    margin-top: 2rem;
}

.w54-productdetail__bottom__mains {
    overflow: hidden;
    position: relative;
    width: 100%;
    margin-top: 3rem;
}

.w54-productdetail__bottom__mains__main {
}

.w54-productdetail__bottom__mains__main__item.swiper-slide {
    width: calc(18.4% - .2rem);
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    margin-bottom: 1rem;
}

@media only screen and (max-width:75rem) {
    .w54-productdetail__bottom__mains__main__item.swiper-slide {
        width: calc(23.5% - .2rem);
    }
}

@media only screen and (max-width:50rem) {
    .w54-productdetail__bottom__mains__main__item.swiper-slide {
        width: calc(32% - .2rem);
    }
}

@media only screen and (max-width:37.5rem) {
    .w54-productdetail__bottom__mains__main__item.swiper-slide {
        width: calc(49% - .2rem);
    }
}

.w54-productdetail__bottom__mains__main__item {
    position: relative;
    overflow: hidden;
    border: solid .1rem #eaeaea;
    box-shadow: 0 1px 5px rgba(0,0,0,.05);
    border-radius: .5rem;
    padding-bottom: 1rem;
}

.w54-productdetail__bottom__mains__main__item__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 0;
    padding-top: 1.5rem;
}

.w54-productdetail__bottom__mains__main__item__bottom__name {
    display: block;
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

    .w54-productdetail__bottom__mains__main__item__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w54-productdetail__bottom__mains__main__item__bottom__des {
    color: #474747;
    margin-bottom: .5rem;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1.5rem;
}

    .w54-productdetail__bottom__mains__main__item__bottom__des:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w54-productdetail__bottom__mains__main__item__bottom__des__text {
    font-size: 1.3rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-left: .75rem;
    cursor: pointer;
}

.w54-productdetail__bottom__mains__main__item__bottom__des__icon {
    font-size: 1.3rem;
}

.w54-productdetail__bottom__mains__main__item__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: .5rem .5rem 0 0;
}

.w54-productdetail__bottom__mains__main__item__top__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w54-productdetail__bottom__mains__main__item:hover .w54-productdetail__bottom__mains__main__item__top__imgbox {
    transform: scale(1.1);
}

.w54-productdetail__bottom__mains__main__item__top__imgbox:before {
    border-radius: .5rem;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), .5);
    transition: all .5s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(.9);
}

.w54-productdetail__bottom__mains__main__item:hover .w54-productdetail__bottom__mains__main__item__top__imgbox:before {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.w54-productdetail__bottom__mains__main__item__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
    border-radius: .3rem;
}

.w54-productdetail__bottom__mains__main__item__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    
}

.w54-productdetail__bottom__mains__main__item__price__sub {
    color: #858585;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-right: 1rem;
}

.w54-productdetail__bottom__mains__main__item__top__button {
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem;
    align-items: center;
    justify-content: center;
    background-color: #dedede;
    padding: .8rem 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: 0 0 .5rem .5rem;
    position: absolute;
    bottom: 2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    color: #474747;
}

.w54-productdetail__bottom__mains__main__item:hover .w54-productdetail__bottom__mains__main__item__top__button {
    bottom: 1rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.w54-productdetail__bottom__mains__main__item__top__button:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w54-productdetail__bottom__mains__main__item__top__button__icon {
    font-size: 1.2rem;
    font-weight: 600;
}

.w54-productdetail__bottom__mains__main__item__top__button__text {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .75rem;
}

.w54-productdetail__bottom__mains__main__item__top__view {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dedede;
    padding: .8rem 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem .5rem;
    position: absolute;
    left: 1rem;
    top: 2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    color: #474747;
}

.w54-productdetail__bottom__mains__main__item:hover .w54-productdetail__bottom__mains__main__item__top__view {
    top: 1rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.w54-productdetail__bottom__mains__main__item__top__view:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w54-productdetail__bottom__mains__main__item__top__view__icon {
    font-size: 1.2rem;
}

.w54-productdetail__bottom__mains__main__item__top__view__text {
    font-size: 1.2rem;
    margin-left: .75rem;
}

.w54-productdetail__bottom__mains__pagination {
    bottom: 0 !important;
}

    .w54-productdetail__bottom__mains__pagination .swiper-pagination-bullet {
        width: 3rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w54-productdetail__bottom__mains__pagination .swiper-pagination-bullet-active {
        width: 6rem;
        opacity: 1;
    }

.w54-productdetail__bottom__mains__next.swiper-button-next,
.w54-productdetail__bottom__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    cursor: pointer;
    height: 3rem;
    text-align: center;
    background-color: rgb(250,250,250,.6);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
}

@media only screen and (min-width:62.5rem) {
    .w54-productdetail__bottom__mains__next.swiper-button-next,
    .w54-productdetail__bottom__mains__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w54-productdetail__bottom__mains:hover .w54-productdetail__bottom__mains__next.swiper-button-next,
    .w54-productdetail__bottom__mains:hover .w54-productdetail__bottom__mains__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w54-productdetail__bottom__mains__next:hover,
.w54-productdetail__bottom__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w54-productdetail__bottom__mains__next:after,
.w54-productdetail__bottom__mains__prev:after {
    display: none;
}

.w54-productdetail__bottom__heading {
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    display: flex;
    padding: 1rem 0rem;
    justify-content: center;
    align-items: center;
}

.w54-productdetail__bottom__heading__text {
    font-size: 2.3rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.table__responsive {
    overflow-y: scroll;
}

    .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .table__responsive::-webkit-scrollbar-track {
    }

    .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .table__responsive table {
        width: max-content;
        min-width: 100%;
    }
/*ed*/
/*w54-productlist*/
.w54-productlist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w54-productlist__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
}

@media only screen and (max-width:68.75rem) {
    .w54-productlist__group {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}

.w54-productlist__menu {
    position: relative;
    width: 25%;
}

@media only screen and (max-width:68.75rem) {
    .w54-productlist__menu {
        width: 100%;
    }
}

.w54-productlist__menu__main {
    padding: 0;
    margin-top: 1.5rem;
}

    .w54-productlist__menu__main:first-child {
        margin-top: 0;
    }

@-webkit-keyframes key-wd-productlist-3__menu {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w54-productlist__menu {
    -webkit-animation: key-wd-productlist-3__menu 1s;
    animation: key-wd-productlist-3__menu 1s;
    animation-iteration-count: 1;
}
.w54-productlist__menu__container{
    position:sticky;
    top:1rem;
}
.w54-productlist__menu__main__items {
    list-style-type: none;
    background-color: #fff;
    width: 100%;
    transition: all .5s;
}

    .w54-productlist__menu__main__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w54-productlist__menu__main__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w54-productlist__menu__main__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w54-productlist__menu__main__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w54-productlist__menu__main__items__item {
}

.w54-productlist__menu__main__items__item__main {
    display: flex;
    align-items: center;
    border-top: solid #f1f1f1 .1rem;
    padding: 0 0 0 0rem;
}

.w54-productlist__menu__main__items__item:first-child
.w54-productlist__menu__main__items__item__main {
    border-top: none;
}

.w54-productlist__menu__main__items__item__check {
    display: none;
}

.w54-productlist__menu__main__items__item__main__icon1 {
    font-size: 1rem;
    font-weight: 400;
    margin-right: 1rem;
    cursor: pointer;
}

.w54-productlist__menu__main__items__item__main:hover .w54-productlist__menu__main__items__item__main__icon1 {
    color: rgba(var(--main-color-w),1);
}

.w54-productlist__menu__main__items__item__main__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    padding: .9rem 0rem;
    text-transform: uppercase;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
}

@media only screen and (max-width:68.75rem) {
    .w54-productlist__menu__main__items__item__main__name {
        font-size: 1.4rem;
    }
}

.w54-productlist__menu__main__items__item__main:hover .w54-productlist__menu__main__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w54-productlist__menu__main__items__item__main__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    padding: 1.5rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.w54-productlist__menu__main__items__item:hover
.w54-productlist__menu__main__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:68.75rem) {
    .w54-productlist__menu__main__items__item__main__icon2 {
    }

    .w54-productlist__menu__main__items__item__check:checked ~
    .w54-productlist__menu__main__items__item__main
    .w54-productlist__menu__main__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w54-productlist__menu__main__items__item__check:checked ~
.w54-productlist__menu__main__items__item__main
.w54-productlist__menu__main__items__item__main__icon2
.w54-productlist__menu__main__items__item__main__icon2__value:before {
    content: "\f106" !important;
}

.w54-productlist__menu__main__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
}

@media only screen and (min-width:81.25rem) {
    .w54-productlist__menu__main__items__item__childs {
    }
}

@media only screen and (max-width:81.25rem) {
    .w54-productlist__menu__main__items__item__childs {
        
    }
}

.w54-productlist__menu__main__items__item__check:checked ~ .w54-productlist__menu__main__items__item__childs {
    max-height: 900vh;
}

.w54-productlist__menu__main__items__item__childs__child {
}

    .w54-productlist__menu__main__items__item__childs__child:first-child {
        border-bottom: none;
    }

.w54-productlist__menu__main__items__item__childs__child__check {
    display: none;
}

.w54-productlist__menu__main__items__item__childs__child__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem 2.6rem;
    border-top: solid .1em #f1f1f1;
}

.w54-productlist__menu__main__items__item__childs__child__main__name {
    font-size: 1.6rem;
    padding: .6rem 0rem;
    line-height: 2.5rem;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
}

@media only screen and (max-width:68.75rem) {
    .w54-productlist__menu__main__items__item__childs__child__main__name {
    }
}

.w54-productlist__menu__main__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    padding: .9rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

.w54-productlist__menu__main__items__item__childs__child:hover .w54-productlist__menu__main__items__item__childs__child__main__name,
.w54-productlist__menu__main__items__item__childs__child:hover .w54-productlist__menu__main__items__item__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:81.25rem) {
    .w54-productlist__menu__main__items__item__childs__child__main__icon {
        padding: 1.5rem;
    }

    .w54-productlist__menu__main__items__item__childs__child__check:checked ~
    .w54-productlist__menu__main__items__item__childs__child__main
    .w54-productlist__menu__main__items__item__childs__child__main__icon {
        background-color: #f1f1f1;
    }
}

.w54-productlist__menu__main__items__item__childs__child__check:checked ~
.w54-productlist__menu__main__items__item__childs__child__main
.w54-productlist__menu__main__items__item__childs__child__main__icon
.w54-productlist__menu__main__items__item__childs__child__main__icon__value:before {
    content: "\f106" !important;
}

.w54-productlist__menu__main__items__item__childs__child__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0
}

@media only screen and (min-width:81.25rem) {
    .w54-productlist__menu__main__items__item__childs__child__grands {
    }
}

@media only screen and (max-width:81.25rem) {
    .w54-productlist__menu__main__items__item__childs__child__grands {
        
    }
}

.w54-productlist__menu__main__items__item__childs__child__check:checked ~ .w54-productlist__menu__main__items__item__childs__child__grands {
    max-height: 900vh;
}

.w54-productlist__menu__main__items__item__childs__child__grands__gramd {
}

.w54-productlist__menu__main__items__item__childs__child__grands__gramd__main {
    padding: .8rem 1rem .8rem 4rem;
    border-top: solid .1em #f1f1f1;
    display: flex;
}

.w54-productlist__menu__main__items__item__childs__child__grands__gramd__main__name {
    font-size: 1.6rem;
    line-height: 2.5rem;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

.w54-productlist__menu__main__items__item__childs__child__grands__gramd:hover .w54-productlist__menu__main__items__item__childs__child__grands__gramd__main__name {
    margin-left: .5rem;
    color: rgba(var(--main-color-w),1);
}

.w54-productlist__menu__main__name {
    font-size: 2rem;
    font-weight: 600;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    text-transform: uppercase;
}

.w54-productlist__menu__main__list {
    display: flex;
    flex-wrap: wrap;
}

.w54-productlist__menu__main__list__item {
    display: flex;
    padding: 1rem 0;
    width: 100%;
    border-bottom: .1rem dotted #d3d3d3;
}

@media only screen and (max-width:68.75rem) {
    .w54-productlist__menu__main__list__item {
        width: 49%;
        margin-left: 2%;
    }

        .w54-productlist__menu__main__list__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w54-productlist__menu__main__list__item {
        width: 100%;
        margin-left: 0;
    }

        .w54-productlist__menu__main__list__item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
}

@media only screen and (min-width:68.75rem) {
    .w54-productlist__menu__main__list__item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}

.w54-productlist__menu__main__list__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    width: 32%;
    transition: all 1s;
    cursor: pointer;
    border-radius: 1rem;
}

    .w54-productlist__menu__main__list__item__imgbox:hover {
        transform: scale(1.05)
    }

.w54-productlist__menu__main__list__item__name {
    width: 61%;
    margin-left: 7%;
    cursor: pointer;
}

.w54-productlist__menu__main__list__item__name__text {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2rem;
}

@media only screen and (min-width:62.5rem) {
    .w54-productlist__menu__main__list__item__name__text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition: all .5s;
    }
}

.w54-productlist__menu__main__list__item__name__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w54-productlist__menu__main__list__item__name__icon {
    display: inline-block;
    font-size: 1.2rem;
    color: #a6a6a6;
}

.w54-productlist__menu__main__list__item__name__des {
    display: block;
    font-size: 1.4rem;
    color: rgba(var(--main-color-w), 1);
}

.w54-productlist__menu__main__menu {
    margin-top: 3rem;
}

.w54-productlist__menu__main__ads {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.w54-productlist__menu__main__ads__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    width: 4rem;
    height: 4rem;
    margin: 1rem 2rem 0 0;
    background-color: #fff;
    border: solid .1em rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    transition: all 1s;
}

    .w54-productlist__menu__main__ads__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }
/*End First Menu*/
/*Second Menu*/
.w54-productlist__main {
    width: 72%;
    margin-left: 3%;
}

@media only screen and (max-width:68.75rem) {
    .w54-productlist__main {
        width: 100%;
        margin-left: 0;
    }
}

@-webkit-keyframes key-wd-productlist-3__main {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w54-productlist__main {
    -webkit-animation: key-wd-productlist-3__main 3s;
    animation: key-wd-productlist-3__main 3s;
    animation-iteration-count: 1;
}

.w54-productlist__main__items {
    display: flex;
    flex-wrap: wrap;
}

.w54-productlist__main__items__item {
    width: 31.66666%;
    margin-left: 2.5%;
    margin-bottom: 3rem;
    position: relative;
    border-radius: .5rem;
}

@media only screen and (min-width:50rem) {
    .w54-productlist__main__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w54-productlist__main__items__item {
        width: 48.75%;
    }

        .w54-productlist__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w54-productlist__main__items__item__bottom {
    display: block;
    position: relative;
    margin-top: 1.5rem;
}

.w54-productlist__main__items__item__bottom__name {
    display: block;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 1.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    line-height: 2.5rem;
}

@media only screen and (max-width:31.25rem) {
    .w54-productlist__main__items__item__bottom__name {
        font-size: 1.4rem;
    }
}

.w54-productlist__main__items__item__bottom__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w54-productlist__main__items__item__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w54-productlist__main__items__item__btns__btn {
    margin: 1rem .5rem 0;
}

@media only screen and (max-width: 50rem) {
    .w54-productlist__main__items__item__btns__btn {
        margin: 0;
        width: 100%;
    }
}

.w54-productlist__main__items__item__btns__btn__text {
    margin-top: 1rem;
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    text-align: center;
    padding: .5rem 1rem;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    border: solid #f1f1f1 .1rem;
}

@media only screen and (max-width: 50rem) {
    .w54-productlist__main__items__item__btns__btn__text {
        font-size: 1.4rem;
        display: block;
        width: 100%;
    }
}

.w54-productlist__main__items__item__btns__btn__text--1 {
    background-color: rgba(var(--second-color-w), 1);
}

.w54-productlist__main__items__item__btns__btn__text:hover {
    color: rgba(var(--main-color-w), 1);
    background-color: #fff;
}

.w54-productlist__main__items__item__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    border: solid #f1f1f1 .1rem;
    background-color: #fff;
    padding: 1rem;
}

.w54-productlist__main__items__item__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .w54-productlist__main__items__item__top__imgbox:hover {
        transform: scale(1.05);
    }

.w54-productlist__main__items__item__price {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    margin-top: 1rem;
    border-radius: .3rem;
}

@media only screen and (max-width: 31.25rem) {
    .w54-productlist__main__items__item__price {
        justify-content: center;
    }
}

.w54-productlist__main__items__item__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 500;
}

@media only screen and (max-width:31.25rem) {
    .w54-productlist__main__items__item__price__main {
        width: 100%;
        text-align: center;
    }
}

.w54-productlist__main__items__item__price__sub {
    color: #999999;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: auto;
}

@media only screen and (max-width:31.25rem) {
    .w54-productlist__main__items__item__price__sub {
        width: 100%;
        margin-top: .5rem;
        text-align: center;
    }
}

.w54-productlist__main__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w54-productlist__main__paging__item {
    list-style-type: none;
}

.w54-productlist__main__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
}

.w54-productlist__main__paging__item:hover .w54-productlist__main__paging__item__text,
.w54-productlist__main__paging__item.active .w54-productlist__main__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w54-productlist__main__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: .1rem solid #dee2e6;
}

.w54-productlist__main__heading__name {
    text-align: center;
    font-size: 2rem;
    line-height: 3.5rem;
    font-weight: 700;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
}

.w54-productlist__main__heading__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    width: 100%;
}

.w54-productlist__main__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .25rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w54-productlist__main__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w54-productlist__main__detail__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    height: 9rem;
    overflow: hidden;
}

.w54-productlist__main__detail__check:checked ~ .w54-productlist__main__detail__content {
    height: max-content !important;
}

.w54-productlist__main__detail__check {
    display: none;
}

.w54-productlist__main__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w54-productlist__main__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w54-productlist__main__detail__bottom__label--top {
    display: none;
}

.w54-productlist__main__detail__check:checked ~ .w54-productlist__main__detail__bottom .w54-productlist__main__detail__bottom__label--top {
    display: flex;
}

.w54-productlist__main__detail__check:checked ~ .w54-productlist__main__detail__bottom .w54-productlist__main__detail__bottom__label--down {
    display: none;
}

.w54-productlist__main__detail__bottom__label__text {
    font-size: 1.6rem;
}

.w54-productlist__main__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w54-productlist .table__responsive {
    overflow-y: scroll;
}

    .w54-productlist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w54-productlist .table__responsive::-webkit-scrollbar-track {
    }

    .w54-productlist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w54-productlist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w54-productlist .table__responsive table {
        width: max-content;
    }

.w54-productlist__main__detail table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w54-productlist__main__detail table td,
    .w54-productlist__main__detail table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }

/*ed*/
/*w54-testimonial*/
.w54-testimonial {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w54-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
    background-color: #ffff;
    padding: 0rem 0rem;
    position: relative;
}

.w54-testimonial__heading {
    text-align: center;
}

.w54-testimonial__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:50rem) {
    .w54-testimonial__heading__name {
        font-size: 2rem;
        line-height: 2.8rem;
    }
}

.w54-testimonial__heading__line {
    display: inline-block;
    background-color: rgba(var(--main-color-w), 1);
    width: 6rem;
    height: .4rem;
    margin: 1rem 0rem;
}

.w54-testimonial__heading__des {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w54-testimonial__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 4rem;
}

.w54-testimonial__mains__main {
    display: flex;
    padding-bottom: 10rem;
    z-index: 0;
}

.w54-testimonial__mains__main__item.swiper-slide {
    width: 31.33333%;
    margin-right: 3%;
    background-color: rgba(var(--main-color-w), 1);
    margin-top: 1rem;
    margin-bottom: 1rem;
    text-align: center;
    position: relative;
    padding: 3rem 0 6rem;
    border-radius: .3rem;
}

@media only screen and (max-width:50rem) {
    .w54-testimonial__mains__main__item.swiper-slide {
        width: 48.5%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w54-testimonial__mains__main__item.swiper-slide {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w54-testimonial__mains__main__item__icon {
    font-size: 3rem;
    color: #fff;
}

.w54-testimonial__mains__main__item__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #fff;
    margin: 1.3rem 0rem;
    text-transform: uppercase;
    padding: 0 2rem;
}

.w54-testimonial__mains__main__item__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: justify;
    color: #fff;
    max-height: 20rem;
    overflow-y: scroll;
    width: 90%;
    padding: 0 1rem;
    margin: 0 auto;
}

    .w54-testimonial__mains__main__item__des::-webkit-scrollbar {
        width: .2em;
    }

    .w54-testimonial__mains__main__item__des::-webkit-scrollbar-track {
        border-radius: .3em;
    }

    .w54-testimonial__mains__main__item__des::-webkit-scrollbar-thumb {
        border-radius: .3em;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, #f1f1f1 55%, rgba(255,255,255,0) 95%);
    }

        .w54-testimonial__mains__main__item__des::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, #f1f1f1 55%, rgba(255,255,255,0) 95%);
        }

.w54-testimonial__mains__main__item__bottom {
    position: absolute;
    width: 100%;
    position: absolute;
    bottom: -5rem;
    left: 0;
    display: flex;
    justify-content: center;
}

.w54-testimonial__mains__main__item__bottom__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    border: solid .8rem #f1f1f1;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
}

.w54-testimonial__mains__main__pagination {
    z-index: 1;
}

    .w54-testimonial__mains__main__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w), 1);
    }
/*ed*/
/*w54-service*/
.w54-service {
    width: 100%;
    padding: 5rem 1rem 2rem;
    background-image: url('../../img/w54/wd-service-7_bg.jpg');
    background-size: cover;
    background-position: center;
}

.w54-service__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w54-service__heading {
    text-align: center;
}

@-webkit-keyframes key-wd-service-7__heading {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w54-service__heading {
    -webkit-animation: key-wd-service-7__heading 1s;
    animation: key-wd-service-7__heading 1s;
    animation-iteration-count: 1;
}

.w54-service__heading__name {
    display: block;
    text-align: center;
    font-size: 2.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 4rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w54-service__heading__name {
        font-size: 2.4rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w54-service__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w54-service__heading__name:hover {
    transform: scale(1.1);
}

.w54-service__heading__line {
    display: inline-block;
    background-color: #fff;
    width: 6rem;
    height: .4rem;
    margin: 2rem 0rem;
}

.w54-service__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
    color: #fff;
}

.w54-service__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 3rem;
    padding-bottom: 3rem;
}

@-webkit-keyframes key-wd-service-7__gallery {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w54-service__mains {
    -webkit-animation: key-wd-service-7__gallery 2s;
    animation: key-wd-service-7__gallery 2s;
    animation-iteration-count: 1;
}

.w54-service__mains__main {
    display: flex;
    padding-bottom: 2.5rem;
}

.w54-service__mains__main__item.swiper-slide {
    width: 29.33333%;
    margin-right: 6%;
    margin-top: 1rem;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w54-service__mains__main__item.swiper-slide {
        width: 47%;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w54-service__mains__main__item.swiper-slide {
        width: 100%;
        border-right: none;
        margin-right: 0;
    }
}

.w54-service__mains__main__item__bottom {
    padding: .5rem 1rem 1rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 2rem;
}

.w54-service__mains__main__item__bottom__des {
    display: block;
    font-size: 1.5rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify;
    color: #fff;
    cursor: pointer;
}

.w54-service__mains__main__item__bottom__name {
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

    .w54-service__mains__main__item__bottom__name:hover {
        transform: scale(1.1);
    }

.w54-service__mains__main__item__top {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: rgba(var(--main-color-w), 1);
    width: 7.5rem;
    height: 7.5rem;
    border: .2rem #fff solid;
    border-radius: 50%;
}

.w54-service__mains__main__item__top__icon {
    font-size: 4rem;
    transition: all 1s;
    color: #fff;
    cursor: pointer;
}

    .w54-service__mains__main__item__top__icon:hover {
        transform: scale(1.2);
    }

.w54-service__mains__pagination {
    bottom: 0 !important;
    display: block;
    z-index: 0;
}

    .w54-service__mains__pagination .swiper-pagination-bullet {
        width: 3rem;
        border-radius: .5rem;
        background-color: #fff;
        transition: all .5s;
        opacity: .5;
        margin-top: 1rem !important;
    }

    .w54-service__mains__pagination .swiper-pagination-bullet-active {
        width: 6rem;
        opacity: 1;
    }
/*ed*/
/*w24-banner*/
.w24-banner {
    width: 100%;
    position: relative;
    z-index: 3;
    padding: 0 1rem;
    overflow: hidden;
}

.w24-banner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    z-index: 1;
    flex-wrap: wrap;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
    padding: 1rem;
    padding-bottom: 5rem;
}

@media only screen and (max-width: 800px) {
    .w24-banner__group {
        padding-bottom: 7rem;
    }
}

@media only screen and (max-width: 600px) {
    .w24-banner__group {
        padding-bottom: 2rem;
    }
}

.w24-banner__first {
    width: 38%;
    margin-right: 2%;
}

@media only screen and (max-width: 800px) {
    .w24-banner__first {
        width: 100%;
        margin-right: 0;
    }
}

.w24-banner__first__dot {
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w), 1);
}

.w24-banner__first__info {
    margin-top: 4rem;
}

@media only screen and (max-width: 800px) {
    .w24-banner__first__info {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 600px) {
    .w24-banner__first__info {
        margin-top: .5rem;
    }
}

.w24-banner__first__info__name {
    font-weight: 800;
    font-size: 3rem;
    padding: .1rem;
    letter-spacing: 1px;
    margin-left: 1.5REM;
}

@media only screen and (max-width: 800px) {
    .w24-banner__first__info__name {
        font-size: 2.8rem;
        text-align: center;
    }
}

@media only screen and (max-width: 600px) {
    .w24-banner__first__info__name {
        font-size: 2.5rem;
    }
}

.w24-banner__first__info__content {
    margin-top: 3.5rem;
}

@media only screen and (max-width: 800px) {
    .w24-banner__first__info__content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 1rem;
    }
}

.w24-banner__first__info__content__item {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
}

@media only screen and (max-width: 600px) {
    .w24-banner__first__info__content__item {
        margin-top: 1rem;
    }
}

.w24-banner__first__info__content__item__number {
    color: black;
    font-size: 3rem;
    text-shadow: 0.5rem 0.5rem 1rem rgba(0, 0, 0, 0.5);
    height: 4rem;
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

@media only screen and (max-width: 600px) {
    .w24-banner__first__info__content__item__number {
        font-size: 2rem;
        height: 2rem;
        width: 2rem;
    }
}

.w24-banner__first__info__content__item__text {
    color: black;
    background-color: rgba(var(--main-color-w), 0.8);
    backdrop-filter: blur(2rem);
    padding: 1rem 2rem;
    border-radius: 3rem;
    margin-left: 1rem;
    box-shadow: .5rem .5rem 1rem #2bd1ff29;
    font-size: 1.6rem;
    text-shadow: 0 0 1px #d65656;
    border: 1px solid rgba(255, 255, 255, 0.744);
}

@media only screen and (max-width: 600px) {
    .w24-banner__first__info__content__item__text {
        font-size: 1.4rem;
    }
}

.w24-banner__first__info__des {
    font-weight: 800;
    font-size: 3.8rem;
    padding: .1rem;
    letter-spacing: 2px;
}

.w24-banner__first__info__sub {
    font-size: 1.5rem;
    padding: .5rem;
    line-height: 1.8rem;
    text-align: justify;
}

.w24-banner__first__info__btn {
    position: relative;
    width: 15.5rem;
    height: 5rem;
    margin: 0 auto;
    margin-top: 4rem;
}

@media only screen and (max-width: 600px) {
    .w24-banner__first__info__btn {
        margin-left: 1rem;
        margin-top: 4rem;
    }
}

.w24-banner__first__info__btn__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1.5em 3.5em rgba(0, 0, 0, 0.2);
    border-top: 0.1em solid rgba(255, 255, 255, 0.1);
    border-bottom: 0.1em solid rgba(255, 255, 255, 0.1);
    border-radius: 3rem;
    color: #004369;
    z-index: 1;
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 1px;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
}

    .w24-banner__first__info__btn__button::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
        transform: skewX(45deg) translateX(0);
        transition: 0.5s;
    }

    .w24-banner__first__info__btn__button:hover {
        letter-spacing: .3rem;
    }

        .w24-banner__first__info__btn__button:hover::before {
            transform: skewX(45deg) translateX(200%);
        }

.w24-banner__first__info__btn::before {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -.5rem;
    width: 3rem;
    height: 1rem;
    background-color: #f00;
    border-radius: 1rem;
    transition: .5s;
}

.w24-banner__first__info__btn:hover::before {
    bottom: 0;
    height: 80%;
    width: 80%;
    border-radius: 3rem;
}

.w24-banner__first__info__btn::after {
    content: '';
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -.5rem;
    width: 3rem;
    height: 1rem;
    background-color: #f00;
    border-radius: 1rem;
    transition: .5s;
}

.w24-banner__first__info__btn:hover::after {
    top: 0;
    height: 80%;
    width: 80%;
    border-radius: 3rem;
}

.w24-banner__first__info__btn:hover .w24-banner__first__info__btn__button {
    color: white;
}

.w24-banner__first__info__btn::before, .w24-banner__first__info__btn::after {
    background: #2bd2ff;
    box-shadow: 0 0 .5rem #2bd2ff, 0 0 1.5em #2bd2ff, 0 0 3em #2bd2ff, 0 0 6em #2bd2ff;
}

.w24-banner__second {
    width: 60%;
    margin-top: 5rem;
    display: flex;
}

@media only screen and (max-width: 800px) {
    .w24-banner__second {
        width: 100%;
        padding-left: 5%;
    }
}

@media only screen and (max-width: 600px) {
    .w24-banner__second {
        width: 100%;
        padding-left: 0;
    }
}

.w24-banner__second__up {
    width: 39%;
    position: relative;
    border-radius: 1rem;
}

.w24-banner__second__up__ar {
    color: orangered;
    padding: 1.4rem 1rem;
    font-size: 3rem;
    background-color: rgba(255, 255, 255, 0.745);
    border-radius: 50%;
    margin-top: 1rem;
    margin: 0 auto;
    display: inline-block;
    position: relative;
    left: 2.2rem;
    top: 1rem;
    z-index: 1;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__up__ar {
        top: .3rem;
        left: 1.15rem;
    }
}

.w24-banner__second__up__feature {
    padding: 1rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.8);
    border-radius: .5rem;
    height: 12rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    width: 23rem;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
}

.w24-banner__second__up__feature__title {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
}

.w24-banner__second__up__feature__title__icon {
    color: #f00;
    font-size: 2rem;
    border-radius: 50%;
    height: 2rem;
    width: 2rem;
    display: flex !important;
    justify-self: center;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.815);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
}

.w24-banner__second__up__feature__title__text {
    padding: .5rem;
    font-size: 1.5rem;
    font-weight: 800;
}

.w24-banner__second__up__feature__items {
    padding: 1rem;
    position: absolute;
    box-shadow: 0.5rem 0.5rem 2rem rgba(0, 0, 0, 0.1);
    top: 6rem;
    width: 20rem;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    background-color: white;
}

@keyframes w24down1 {
    0% {
        transform: translateY(0rem);
    }

    20% {
        transform: translateY(1rem);
    }

    75% {
        transform: translateY(20rem);
    }

    100% {
        transform: translateY(22rem);
        background-color: rgba(255, 255, 255, 0.5);
    }
}

@media only screen and (max-width: 600px) {
    @keyframes w24down1 {
        0% {
            transform: translateY(0rem);
        }

        20% {
            transform: translateY(0.5rem);
            font-size: unset;
        }

        50% {
            transform: translateY(13rem) translateX(-3rem) scale(0.8);
            font-size: unset;
        }

        75% {
            transform: translateY(20rem) translateX(-3rem) scale(0.3);
        }

        100% {
            transform: translateY(30rem) scale(0);
            background-color: rgba(255, 255, 255, 0.5);
        }
    }
}

.w24-banner__second__up__feature__items:nth-child(5) {
    top: 6rem;
    transition: all .2s ease;
    z-index: 0;
}

.w24-banner__second__up__feature__items:nth-child(4) {
    top: 6rem;
    animation: w24down1 4s infinite;
    animation-delay: 3s;
    z-index: 1;
}

.w24-banner__second__up__feature__items:nth-child(3) {
    top: 6rem;
    animation: w24down1 4s infinite;
    animation-delay: 2s;
    z-index: 1;
}

.w24-banner__second__up__feature__items:nth-child(2) {
    animation: w24down1 4s infinite;
    animation-delay: 1s;
    z-index: 1;
}

.w24-banner__second__up__feature__items__icon {
    padding: .5rem;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem;
}

.w24-banner__second__up__feature__items__text {
    padding: .5rem;
    font-size: 1.4rem;
    font-weight: 300;
}

.w24-banner__second__up__store {
    padding: 1rem;
    border: 0.1em solid rgba(255, 255, 255, 0.5);
    border-radius: .5rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    width: 23rem;
    background-color: rgba(255, 255, 255, 0.8);
    margin-top: 5rem;
    z-index: 5;
    position: relative;
    backdrop-filter: blur(1rem);
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__up__store {
        margin-top: 3rem;
        width: 15rem;
    }
}

.w24-banner__second__up__store__title {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding-bottom: .5rem;
    border-bottom: 0.1rem solid rgba(0, 0, 0, 0.1);
}

.w24-banner__second__up__store__title__icon {
    padding: .2rem;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
    border-radius: 50%;
    display: none !important;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__up__store__title__icon {
        font-size: 1.4rem;
    }
}

.w24-banner__second__up__store__title__text {
    padding: .5rem;
    font-size: 1.5rem;
    font-weight: 800;
}

.w24-banner__second__up__store__contain {
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: -1rem;
}

.w24-banner__second__up__store__contain__icon {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    border-radius: 50%;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
    top: 5rem;
    height: 3rem;
    width: 3rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-left: 2.3rem;
    margin-top: 1rem;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__up__store__contain__icon {
        font-size: 1.4rem;
        height: 4rem;
        width: 4rem;
    }
}

.w24-banner__second__up__store__contain__icon--ab {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    border-radius: 50%;
    height: 3rem;
    width: 3rem;
    left: 3rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border: 0.2rem solid rgba(255, 255, 255, 0.5);
    position: absolute;
    background-color: red;
    top: 5.5rem;
    animation: w24BannerHand1 3.1s infinite;
    z-index: 1;
    animation-delay: .1s;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__up__store__contain__icon--ab {
        font-size: 1.4rem;
    }
}

@keyframes w24BannerHand1 {
    50% {
        transform: translate(33rem, 2rem);
        opacity: 1;
    }

    100% {
        transform: translate(33rem, 10rem);
        opacity: 0;
    }
}

@media only screen and (max-width: 600px) {
    @keyframes w24BannerHand1 {
        50% {
            transform: translate(25rem, 2rem);
            opacity: 1;
        }

        100% {
            transform: translate(25rem, 13rem);
            opacity: 0;
        }
    }
}

@media only screen and (max-width: 450px) {
    @keyframes w24BannerHand1 {
        50% {
            transform: translate(21.5rem, 2rem);
            opacity: 1;
        }

        100% {
            transform: translate(21.5rem, 13rem);
            opacity: 0;
        }
    }
}

.w24-banner__second__up__store__contain__icon--ac {
    color: #f00;
    font-size: 3.2rem;
    border-radius: 50%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border: 0.3rem solid rgba(255, 255, 255, 0.5);
    background-color: rgba(255, 255, 255, 0.5);
    top: 5rem;
    height: 6rem;
    width: 6rem;
    left: 1rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation: w24BannerHand2 3s infinite;
    z-index: 2;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__up__store__contain__icon--ac {
        font-size: 2.24rem;
    }
}

@keyframes w24BannerHand2 {
    50% {
        transform: translate(34rem, 2rem);
    }

    100% {
        transform: translate(34rem, 9rem);
    }
}

@media only screen and (max-width: 600px) {
    @keyframes w24BannerHand2 {
        50% {
            transform: translate(25.5rem, 2rem);
        }

        100% {
            transform: translate(25.5rem, 13rem);
        }
    }
}

@media only screen and (max-width: 450px) {
    @keyframes w24BannerHand2 {
        50% {
            transform: translate(22rem, 2rem);
        }

        100% {
            transform: translate(22rem, 13rem);
        }
    }
}

.w24-banner__second__up__store__contain__icon:nth-child(1) {
    animation: w24Zoom 1s infinite alternate;
    animation-delay: 3s;
}

.w24-banner__second__up__store__contain__icon:nth-child(2) {
    animation: w24Zoom 1s infinite alternate;
    animation-delay: 4s;
}

.w24-banner__second__up__store__contain__icon:nth-child(5) {
    animation: w24Zoom 1s infinite alternate;
    animation-delay: 5s;
}

@keyframes w24Zoom {
    0% {
        transform: scale(1);
    }

    100% {
        transform: scale(1.3);
        background-color: rgba(255, 255, 255, 0.5);
        color: rgba(var(--main-color-w), 1);
    }
}

.w24-banner__second__your {
    width: 65%;
    position: relative;
    z-index: -1;
}

.w24-banner__second__your__imgbox {
    position: absolute;
    top: -3rem;
    width: 40rem;
    left: -10rem;
    z-index: 3;
    background-size: contain;
    background-position: center;
    display: block;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your__imgbox {
        top: -10.5rem;
        left: -12rem;
        width: 35rem;
    }
}

.w24-banner__second__your__imgbox__img {
    max-width: 100%;
    height: 100%;
    z-index: 1;
    position: relative;
}

.w24-banner__second__your::before {
    content: '';
    height: 35rem;
    width: 35rem;
    backdrop-filter: blur(1px);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: 1;
    display: block;
    box-shadow: 2rem 2rem 1rem rgba(0, 0, 0, 0.01);
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your::before {
        top: -10rem;
        left: -6rem;
    }
}

.w24-banner__second__your::after {
    content: '';
    height: 35rem;
    width: 35rem;
    border: 4rem solid rgba(var(--main-color-w), 1);
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%;
    z-index: -1;
    display: block;
    box-shadow: 2rem 2rem 1rem rgba(0, 0, 0, 0.05);
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your::after {
        top: -10rem;
        left: -6rem;
    }
}

.w24-banner__second__your__content {
    z-index: 4;
    display: block;
    position: relative;
    top: 26rem;
    width: 23rem;
    padding: 1rem;
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
    border-radius: .5rem;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.05);
    background-color: rgba(255, 255, 255, 0.863);
    left: 7rem;
    backdrop-filter: blur(2rem);
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your__content {
        width: 15rem;
        left: 5rem;
        top: 24.2rem;
    }
}

.w24-banner__second__your__content__title {
    display: flex;
    align-items: center;
    margin: 0 auto;
    justify-content: center;
    width: 100%;
    text-align: center;
}

.w24-banner__second__your__content__title__icon {
    padding: .2rem;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
    border-radius: 50%;
    display: none !important;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your__content__title__icon {
        font-size: 1.4rem;
    }
}

.w24-banner__second__your__content__title__text {
    padding: .5rem;
    font-size: 1.5rem;
    font-weight: 800;
}

.w24-banner__second__your__content__web {
    height: 9.6rem;
    width: 100%;
    border-radius: .5rem;
    text-align: center;
    border: 0.1em solid rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your__content__web {
        border: none;
        height: max-content;
    }
}

.w24-banner__second__your__content__web__br {
    box-shadow: 1em 1em 1em rgba(0, 0, 0, 0.1);
    padding: .5rem;
    margin-top: 1rem;
    display: inline-block;
    font-size: 1.2rem;
}

.w24-banner__second__your__content__web__function {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your__content__web__function {
        margin-top: 2rem;
    }
}

.w24-banner__second__your__content__web__function__icon {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    border-radius: 50%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.1);
    border: 0.1rem solid rgba(255, 255, 255, 0.5);
    top: 5rem;
    height: 3rem;
    width: 3rem;
    display: flex !important;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
}

@media only screen and (max-width: 600px) {
    .w24-banner__second__your__content__web__function__icon {
        font-size: 1.8rem;
        height: 4rem;
        width: 4rem;
        margin: .5rem;
    }
}
/*ed*/

/*w24-menu*/
.w24-menu {
    width: 100%;
    z-index: 10;
    color: var(--text-color-w8);
    position: relative;
    padding: 0 1rem;
}

@media only screen and (min-width: 62.5rem) {
    .w24-menu-first .w24-menu__first-group__items__text--a::before {
        border-top-left-radius: 3rem;
        border-bottom-left-radius: 3rem;
    }

    .w24-menu-first .w24-menu__first-group__items__text--a {
        border-top-left-radius: 3rem;
        border-bottom-left-radius: 3rem;
    }

    .w24-menu-last .w24-menu__first-group__items__text--a::before {
        border-top-right-radius: 3rem;
        border-bottom-right-radius: 3rem;
    }

    .w24-menu-last .w24-menu__first-group__items__text--a {
        border-top-right-radius: 3rem;
        border-bottom-right-radius: 3rem;
    }
}

.w24-menu__sticky {
    background-color: #e4e4e4;
}

@media only screen and (min-width: 37.5rem) {
    .w24-menu__ab {
        background-color: transparent;
        position: absolute;
    }
}

.w24-menu__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 9rem;
    backdrop-filter: blur(0.5rem);
    -webkit-backdrop-filter: blur(0.5rem);
    background-color: #161623;
    border-top-right-radius: 3rem;
    border-top-left-radius: 3rem;
    border-top: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 37.5rem) {
    .w24-menu__group {
        margin-right: 0;
        width: 100%;
    }
}

.w24-menu__nav__button-nav {
    z-index: 15;
    display: block;
    padding: 1rem 0.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
}

@media only screen and (min-width: 62.5rem) {
    .w24-menu__nav__button-nav {
        display: none;
    }
}

.w24-menu__nav__dm {
    color: white;
    font-weight: 600;
    border: 0.1rem solid rgba(255, 255, 255, 0.1);
    box-shadow: 0 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.2);
    overflow: hidden;
    padding: 1rem 2rem;
    position: relative;
}

    .w24-menu__nav__dm::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background-color: rgba(255, 255, 255, 0.1);
    }

    .w24-menu__nav__dm::after {
        content: "";
        position: absolute;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.4), transparent);
        transition: 0.5s;
        transition-delay: 0.5s;
    }

.w24-menu__nav__dm__text {
    position: absolute;
    display: block;
    transition: all 0.5s ease;
}

    .w24-menu__nav__dm__text:nth-child(1) {
        top: 0;
        left: 0;
        width: 0;
        height: 1px;
        background-color: #fff;
    }

    .w24-menu__nav__dm__text:nth-child(2) {
        top: 0;
        left: 0;
        width: 0.2rem;
        height: 100%;
        background-color: #fff;
        transform: translateY(0);
    }

    .w24-menu__nav__dm__text:nth-child(3) {
        bottom: 0;
        right: 0;
        width: 0;
        height: 1px;
        background-color: #fff;
    }

    .w24-menu__nav__dm__text:nth-child(4) {
        top: 0;
        right: 0;
        width: 1px;
        height: 0;
        background-color: #fff;
    }

.w24-menu__nav__dm:hover::after {
    left: 100%;
}

.w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(1) {
    width: 100%;
    transform: translateX(100%);
}

.w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(2) {
    height: 100%;
    transform: translateX(100%);
}

.w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(3) {
    width: 100%;
    transform: translateX(-100%);
}

.w24-menu__nav__dm:hover .w24-menu__nav__dm__text:nth-child(4) {
    height: 100%;
    transform: translateY(100%);
}

.w24-menu__nav__icon {
    margin-right: 1rem;
    cursor: pointer;
    background-color: darkgray !important;
    display: none;
}

    .w24-menu__nav__icon::before,
    .w24-menu__nav__icon::after {
        background-color: darkgray !important;
    }

.w24-menu__nav__checkbox {
    display: none;
}

    .w24-menu__nav__checkbox:checked ~ .w24-menu__first-group .w24-menu__first-group__items {
        display: flex;
    }

@media only screen and (max-width: 62.5rem) {
    .w24-menu__nav__checkbox:checked ~ .w24-menu__first-group .w24-menu__first-group__items {
        display: block;
    }
}

.w24-menu__nav__checkbox:checked ~ .w24-menu__second-group {
    display: block;
}

.w24-menu__first-group {
    align-items: center;
}

@media only screen and (min-width: 62.5rem) {
    .w24-menu__first-group {
        display: flex;
    }
}

.w24-menu__first-group__imgbox {
    margin-right: 2rem;
    height: 9rem;
    border-radius: 1rem;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.w24-menu__first-group__imgbox__img {
    width: 100%;
    height: 100% !important;
}

.w24-menu__first-group__imgbox:hover {
    border: 0.1rem solid rgba(255, 255, 255, 1);
}

@media only screen and (max-width: 37.5rem) {
    .w24-menu__first-group__imgbox {
        margin-right: 0;
        text-align: right;
    }
}

.w24-menu__first-group__items {
    position: relative;
}

@media only screen and (min-width: 62.5rem) {
    .w24-menu__first-group__items {
        display: flex;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items {
        display: none;
        position: absolute;
        left: 0;
        top: 13.5rem;
        z-index: 2;
        width: 27rem;
        background-color: #161623c4;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w24-menu__first-group__items {
        left: 1rem;
    }
}

.w24-menu__first-group__items__bg {
    height: 50rem;
}

.w24-menu__first-group__items__text:nth-child(2):hover ~ .w24-menu__first-group__items__marker::before {
    content: "";
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #4db9db;
    box-shadow: 0 0 2.5rem #4db9db, 0 0 4.5rem #4db9db, 0 0 6.5rem #4db9db, 0 0 8.5rem #4db9db;
}

.w24-menu__first-group__items__text:nth-child(3):hover ~ .w24-menu__first-group__items__marker::before {
    content: "";
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #db37d9;
    box-shadow: 0 0 2.5rem #db37d9, 0 0 4.5rem #db37d9, 0 0 6.5rem #db37d9, 0 0 8.5rem #db37d9;
}

.w24-menu__first-group__items__text:nth-child(4):hover ~ .w24-menu__first-group__items__marker::before {
    content: "";
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #4db9db;
    box-shadow: 0 0 2.5rem #4db9db, 0 0 4.5rem #4db9db, 0 0 6.5rem #4db9db, 0 0 8.5rem #4db9db;
}

.w24-menu__first-group__items__text:nth-child(5):hover ~ .w24-menu__first-group__items__marker::before {
    content: "";
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #f00;
    box-shadow: 0 0 2.5rem #f00, 0 0 4.5rem #f00, 0 0 6.5rem #f00, 0 0 8.5rem #f00;
}

.w24-menu__first-group__items__text:nth-child(6):hover ~ .w24-menu__first-group__items__marker::before {
    content: "";
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #ff0;
    box-shadow: 0 0 2.5rem #ff0, 0 0 4.5rem #ff0, 0 0 6.5rem #ff0, 0 0 8.5rem #ff0;
}

.w24-menu__first-group__items__marker {
    position: absolute;
    top: 0rem;
    width: 5rem;
    height: 5rem;
    z-index: 1;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__marker {
        left: 11rem;
    }
}

.w24-menu__first-group__items__marker::before {
    content: "";
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    background-color: #f4e137;
    box-shadow: 0 0 3.5rem #f4bd37, 0 0 5.5rem #f4bd37, 0 0 7.5rem #f4bd37, 0 0 9.5rem #f4bd37;
}

.w24-menu__first-group__items__block {
    position: absolute;
    top: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__block {
        position: relative;
        top: initial;
    }
}

.w24-menu__first-group__items__text {
    list-style: none;
    cursor: pointer;
    height: 5rem;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__text {
        min-width: 25rem;
    }
}

.w24-menu__first-group__items__text--a {
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.2);
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.5rem;
    height: 100%;
    line-height: 3.33333rem;
    padding: 0 2rem;
    width: max-content;
    color: white;
    overflow: hidden;
    position: relative;
    backdrop-filter: blur(1rem);
    -webkit-backdrop-filter: blur(1rem);
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__text--a {
        width: 100%;
    }
}

.w24-menu__first-group__items__text:hover .w24-menu__first-group__items__drop {
    display: flex;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__text:hover .w24-menu__first-group__items__drop {
        visibility: visible;
    }
}

.w24-menu__first-group__items__drop__text:hover .w24-menu__first-group__items__drop-1 {
    visibility: visible;
}

.w24-menu__first-group__items__drop {
    display: none;
    position: absolute;
    background-color: #161623e3;
    box-shadow: 0 0.5rem 5rem rgb(0, 0, 0, 0.1);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.5);
    border-left: 0.1rem solid rgba(255, 255, 255, 0.5);
    border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
    z-index: 3;
    top: 5rem;
    left: 0;
    color: white;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__drop {
        top: initial;
        position: relative;
        display: block;
        left: auto;
        transition: all 0.2s;
        visibility: hidden;
        width: 27rem;
        backdrop-filter: blur(1rem);
        -webkit-backdrop-filter: blur(1rem);
    }
}

.w24-menu__first-group__items__drop__col {
    margin-top: 0rem;
    border-bottom: 0.1rem solid #e4e4e4;
    width: 100%;
}

.w24-menu__first-group__items__drop-before {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__drop-before {
        display: flex;
        position: absolute;
        align-items: center;
        top: -3rem;
        padding-left: 1rem;
        font-size: 1.3rem;
        font-weight: 600;
        z-index: 15;
        background-color: white !important;
        width: 100%;
        height: 3rem;
        border-bottom: 0.1rem solid var(--cl-four-light-2);
    }
}

.w24-menu__first-group__items__drop-before__icon {
    font-size: 1.2rem;
}

.w24-menu__first-group__items__drop__text {
    list-style: none;
    min-width: 15rem;
    position: relative;
}

.w24-menu__first-group__items__drop__text--a {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    color: white;
    text-overflow: ellipsis;
    padding: 0.5rem 2rem;
    line-height: 4rem;
    width: 100%;
    display: block;
}

    .w24-menu__first-group__items__drop__text--a:hover {
        color: rgba(var(--main-color-w), 1) !important;
    }

.w24-menu__first-group__items__drop__text:hover {
    background-color: rgba(244, 244, 244, 0.5);
    color: rgba(var(--main-color-w), 1) !important;
}

.w24-menu__first-group__items__drop-1 {
    display: flex;
    box-shadow: 0 0.5rem 5rem rgb(0, 0, 0, 0.1);
    width: 27rem;
    border-left: 0.1rem solid rgba(255, 255, 255, 0.5);
    border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 100%;
    z-index: 1;
    background-color: #161623f5;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    transition: all 0.2s;
    overflow: hidden;
}

.w24-menu__first-group__items__drop-1-before {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__first-group__items__drop-1-before {
        position: absolute;
        top: -3rem;
        padding-left: 1rem;
        font-size: 1.3rem;
        font-weight: 600;
        z-index: 15;
        background-color: white !important;
        width: 100%;
        height: 3rem;
        display: flex;
        border-bottom: 0.1rem solid var(--cl-four-light-2);
    }
}

.w24-menu__first-group__items__drop-1-before__icon {
    font-size: 1.2rem;
}

.w24-menu__first-group__items__drop-1__text {
    list-style: none;
    line-height: 4rem;
    transition: none;
    min-width: 15rem;
    padding: 0.5rem 2rem;
}

.w24-menu__first-group__items__drop-1__text--a {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    color: white;
}

.w24-menu__first-group__items__text--a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
    background: rgba(255, 255, 255, 0.1);
}

.w24-menu__first-group__items__drop-1__text--a:hover {
    color: rgba(var(--main-color-w), 1);
}

.w24-menu__first-group__items__drop-1__text:hover {
    background-color: rgba(244, 244, 244, 0.5) !important;
    color: rgba(var(--main-color-w), 1);
}

.w24-menu__second-group {
    height: 5rem;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__second-group {
        position: absolute;
        background-color: #161623c4;
        left: 0;
        top: 8.7rem;
        width: 27rem;
        display: none;
        z-index: 10;
        backdrop-filter: blur(1rem);
        -webkit-backdrop-filter: blur(1rem);
    }
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__second-group {
        left: 1rem;
    }
}

.w24-menu__second-group__items {
    display: flex;
    margin-right: 2rem;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

.w24-menu__second-group__items__item {
    position: relative;
    color: white;
    cursor: pointer;
    height: 5rem;
    width: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w24-menu__second-group__items__item__icon {
    font-size: 2rem;
    cursor: pointer;
    transition: all 0.2s;
}

.w24-menu__second-group__items__item:hover {
    background-color: rgba(244, 244, 244, 0.5);
}

.w24-menu__second-group__items__item__drop {
    display: none;
    position: absolute;
    top: 5rem;
    left: 0;
    background-color: #161623c4;
}

@media only screen and (max-width: 62.5rem) {
    .w24-menu__second-group__items__item__drop {
        box-shadow: rgba(0, 0, 0, 0.2);
    }
}

.w24-menu__second-group__items__item__drop__ul {
    list-style: none;
}

.w24-menu__second-group__items__item__drop__li {
    cursor: pointer;
    padding: 0 1rem;
    font-weight: 600;
    padding: 2rem;
}

    .w24-menu__second-group__items__item__drop__li:hover {
        background-color: rgba(255, 255, 255, 0.5);
    }

.w24-menu__second-group__items__item:hover .w24-menu__second-group__items__item__drop {
    display: block;
    z-index: 1;
}

.w24-menu__nav__checkbox-search:checked ~ .w24-menu__search {
    top: 0;
    visibility: visible;
}

.w24-menu__nav__checkbox-search {
    display: none;
    cursor: pointer;
}

.w24-menu__search {
    position: fixed;
    top: -15rem;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: #161623c4;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    padding: 4rem;
    color: #757575;
    box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.2);
    transition: all 0.2s;
    z-index: 15;
}

.w24-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
    color: white;
}

.w24-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}

.w24-menu__search__content__title__icon {
    font-size: 1.5rem;
    background: none;
    border: none;
    cursor: pointer;
}

.w24-menu__search__content__title__checkbox {
    cursor: pointer;
}

.w24-menu__search__content__input {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    border-bottom: 0.2rem solid #f5f5f5 !important;
}

.w24-menu__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2rem;
    text-transform: uppercase;
    background-color: transparent;
    width: 100%;
    font-family: "SVN-Sofia Pro Light";
    color: white;
}

    .w24-menu__search__content__input__text::-webkit-input-placeholder {
        color: white;
    }

    .w24-menu__search__content__input__text:focus {
        outline: none;
    }

.w24-menu__search__content__input__icon {
    cursor: pointer;
    font-size: 3rem;
}
/*ed*/

/*w24-service-1*/
.w24-service-1 {
    width: 100%;
    z-index: 0;
    padding: 0 1rem;
}

.w24-service-1__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    padding: 1rem;
    flex-wrap: wrap-reverse;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 37.5rem) {
    .w24-service-1__group {
    }
}

.w24-service-1__first {
    width: 50%;
    min-width: 50%;
    margin-bottom: 1rem;
    background-color: #cfcfcf98;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
    padding: 0.5rem;
    height: 20rem;
    margin-right: 5%;
}

@media only screen and (max-width: 75rem) {
    .w24-service-1__first {
        min-width: 60%;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w24-service-1__first {
        min-width: 70%;
    }
}

@media only screen and (max-width: 50rem) {
    .w24-service-1__first {
        min-width: 100%;
        margin-top: 2rem;
    }
}

.w24-service-1__first::after {
    content: '';
    background-image: linear-gradient(to bottom right, #ff00d0, transparent, transparent, transparent, transparent), linear-gradient(to right, rgb(255, 0, 234), rgb(0, 255, 98), transparent, transparent, transparent, transparent);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
}

.w24-service-1__first__contain {
    background-color: white;
    height: 99%;
    bottom: 0;
    width: 50rem;
    z-index: 13;
    border-radius: 2rem;
    display: flex;
    position: relative;
    align-items: flex-end;
}

@media only screen and (max-width: 37.5rem) {
    .w24-service-1__first__contain {
        width: 95%;
    }
}

.w24-service-1__first__contain__items {
    display: flex;
    align-items: flex-end;
}

.w24-service-1__first__contain__items__item {
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    width: 5rem;
    margin: 1rem 1rem 0 0;
    text-align: center;
    animation: w24featureitem1 2s infinite alternate;
}

@media only screen and (max-width: 37.5rem) {
    .w24-service-1__first__contain__items__item {
        margin: unset;
        margin-left: 0.5rem;
    }
}

.w24-service-1__first__contain__items__item:first-child {
    margin-left: 1.5rem;
}

.w24-service-1__first__contain__items__item__text {
    padding: 0.5rem;
    background-color: white;
    border-radius: 0.9rem;
    width: 90%;
    margin: 0.2rem auto;
    font-weight: 600;
}

@keyframes w24featureitem1 {
    0% {
    }

    100% {
        background-color: #338BE6;
    }
}

@keyframes w24featureitem2 {
    0% {
    }

    100% {
        background-color: #F20DE3;
        height: 15rem;
    }
}

@keyframes w24featureitem3 {
    0% {
    }

    100% {
        background-color: #45F288;
    }
}

.w24-service-1__first__contain__items__item:nth-child(1) {
    background-color: #F20DE3;
    height: 6rem;
    animation: w24featureitem1 2s infinite alternate;
}

.w24-service-1__first__contain__items__item:nth-child(2) {
    background-color: #45F288;
    height: 10rem;
    animation: w24featureitem2 2s infinite alternate;
}

.w24-service-1__first__contain__items__item:nth-child(3) {
    height: 4rem;
    background-color: #338BE6;
    animation: w24featureitem3 2s infinite alternate;
}

.w24-service-1__first__contain__slider {
    background-color: #ECF0F3;
    display: block;
    top: -25%;
    box-shadow: 0 0 3.5rem rgba(0, 0, 0, 0.1);
    position: relative;
    width: 50%;
}

@media only screen and (max-width: 25rem) {
    .w24-service-1__first__contain__slider {
        margin-left: -15%;
    }
}

.w24-service-1__first__contain__slider__info {
    display: block;
    margin: 3rem;
    position: relative;
}

@media only screen and (max-width: 37.5rem) {
    .w24-service-1__first__contain__slider__info {
        margin: 2rem 1rem;
    }
}

.w24-service-1__first__contain__slider__info__bar {
    width: 100%;
    display: block;
    height: 0.5rem;
    border-radius: 0.5rem;
    background: linear-gradient(to right, #338BE6, #F20DE3);
}

.w24-service-1__first__contain__slider__info__bar--2 {
    background: linear-gradient(to left, #338BE6, #F20DE3);
}

.w24-service-1__first__contain__slider__info__circle {
    width: 2rem;
    height: 2rem;
    position: absolute;
    backdrop-filter: blur(0.3rem);
    -webkit-backdrop-filter: blur(0.3rem);
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
    top: -0.75rem;
    border-radius: 50%;
}

.w24-service-1__first__contain__slider__info__circle--1 {
    cursor: pointer;
    left: 2rem;
    animation: w24featurecir1 2s infinite alternate;
}

.w24-service-1__first__contain__slider__info__circle--2 {
    cursor: pointer;
    left: 2rem;
}

@keyframes w24featurecir1 {
    20% {
    }

    100% {
        transform: translate(10rem, 0);
    }
}

.w24-service-1__first__contain__hand {
    position: absolute;
    top: 65%;
    right: 0;
    transform: translate(50%, -50%);
    font-size: 1.5rem;
    color: #338BE6;
    z-index: 2;
    background-color: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(1px);
    -webkit-backdrop-filter: blur(1px);
    padding: 0.75rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.w24-service-1__first__contain__angle {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5.5rem;
    height: 5.5rem;
    background-color: white;
    box-shadow: 0 0 3.5rem rgba(0, 0, 0, 0.2);
    border-radius: 50%;
}

.w24-service-1__first__contain__angle__icon {
    font-size: 3rem;
    margin: 0.4rem;
}

    .w24-service-1__first__contain__angle__icon:nth-child(1) {
        color: #338BE6;
    }

.w24-service-1__second {
    width: 45%;
}

@media only screen and (max-width: 75rem) {
    .w24-service-1__second {
        width: 25%;
    }
}

@media only screen and (max-width: 50rem) {
    .w24-service-1__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w24-service-1__second__title {
    font-weight: 800;
    font-size: 3.8rem;
    line-height: 5rem;
    letter-spacing: 2px;
    display: block;
}

@media only screen and (max-width: 75rem) {
    .w24-service-1__second__title {
        font-size: 2.4rem;
        line-height: 4rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w24-service-1__second__title {
        text-align: center;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w24-service-1__second__title {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w24-service-1__second__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    padding: 1.5rem 0;
}

@media only screen and (max-width: 75rem) {
    .w24-service-1__second__des {
        padding: 0.5rem 0;
    }
}
/*ed*/
/*w24-ads*/
.w24-ads {
    width: 100%;
    padding: 0 1rem;
}

.w24-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
    padding: 1rem;
}

.w24-ads__items {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    z-index: 2;
    position: relative;
    margin-left: -2%;
}

@media only screen and (max-width: 37.5rem) {
    .w24-ads__items {
        margin-left: 0;
    }
}

.w24-ads__items__item {
    position: relative;
    padding: 0.5rem;
    width: 31.333333%;
    margin-left: 2%;
    margin-bottom: 2rem;
    backface-visibility: hidden;
}

@media only screen and (max-width: 37.5rem) {
    .w24-ads__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w24-ads__items__item {
    box-shadow: 1rem 1rem 2rem rgba(0, 0, 0, 0.2);
    border-radius: 1.5rem;
    background-color: rgba(255, 255, 255, 0.1);
    overflow: hidden;
    justify-content: center;
    align-items: center;
    border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
    border-left: 0.1rem solid rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(0.5rem);
    -webkit-backdrop-filter: blur(0.5rem);
}

.w24-ads__items__item__imgbox {
    border-radius: 1rem;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    top: 0;
}

.w24-ads__items__item__imgbox__img {
    height: 100%;
    width: 100%;
}

.w24-ads__items__item:hover .w24-ads__items__item__card {
    transform: perspective(100rem) translateZ(5rem) translateY(-50%) translateX(-50%);
    box-shadow: 2rem 2rem 5rem rgba(0, 0, 0, 0.5);
}

.w24-ads__items__item__card {
    position: absolute;
    padding: 2rem;
    text-align: center;
    transform: translateY(-50%) translateX(-50%);
    transition: 0.5s;
    transform-style: preserve-3d;
    top: 50%;
    backdrop-filter: blur(0.5rem);
    -webkit-backdrop-filter: blur(0.5rem);
    left: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    width: 70%;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w24-ads__items__item__card {
        width: 90%;
    }
}

.w24-ads__items__item__card {
    border-radius: 1.5rem;
}

.w24-ads__items__item__card__name {
    font-size: 1.6rem;
    color: black;
    line-height: 2.8rem;
    font-weight: 800;
    transition: all 0.3s ease;
    transform-style: preserve-3d;
}

.w24-ads__items__item__card__link {
    position: relative;
    display: inline-block;
    padding: 0.8rem 2rem;
    margin-top: 1.5rem;
    background-color: rgba(var(--main-color-w), 1);
    color: black;
    border-radius: 2rem;
    font-weight: 600;
    box-shadow: 0 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
    cursor: pointer;
    font-size: 1.2rem;
    transition: all 0.3s ease;
}
/*ed*/
/*w13-support-1*/
.w13-support-1 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-1__item {
    background-color: rgb(0, 153, 209);
    padding: 1rem;
    color: white;
    display: inline-flex;
    align-items: center;
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    background-size: contain;
    background-position: center;
    border-radius: 0.2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0.5, 0.229);
    font-size: 1.4rem;
    overflow: hidden;
    border-radius: .3rem;
}

    .w13-support-1__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w13-support-1__item:hover:after {
        animation: key-w13-support-1__item 1.5s;
    }

@keyframes key-w13-support-1__item {
    100% {
        left: 125%;
    }
}

.w13-support-1__item__icon {
}

.w13-support-1__item__line {
    height: 1rem;
    position: relative;
    background-color: white;
    width: 0.1rem;
    display: inline-block;
    margin: 0 .75rem;
}

.w13-support-1__item__text {
    transition: all .5s;
    letter-spacing: .1rem;
}

.w13-support-1__item:hover .w13-support-1__item__text {
    letter-spacing: .3rem;
}
/*ed*/
/*w13-support-3*/
.w13-support-3 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-3__item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    padding: 1rem;
    color: white;
    display: inline-flex;
    align-items: center;
    background-size: 200% auto;
    animation: key-w13-support-3__item 0.5s infinite alternate-reverse;
    background-position: center;
    border-radius: 0.2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0.5, 0.229);
    background-image: linear-gradient(to right, #ff4b1f 0%, #1fddff 51%, #ff4b1f 100%);
    font-size: 1.4rem;
    border-radius: .3rem;
}

@keyframes key-w13-support-3__item {
    0% {
        background-position: right top;
    }

    100% {
        background-position: left bottom;
    }
}

.w13-support-3__item__icon {
}

.w13-support-3__item__line {
    height: 1rem;
    position: relative;
    background-color: white;
    width: 0.1rem;
    display: inline-block;
    margin: 0 .75rem;
    letter-spacing: .1rem;
}

.w13-support-3__item__text {
    transition: all .5s;
}

.w13-support-3__item:hover .w13-support-3__item__text {
    letter-spacing: .3rem;
}
/*ed*/
/*w13-support-2*/
.w13-support-2 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-2__item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    background-color: #00dbde;
    padding: 0.75rem;
    color: white;
    display: inline-flex;
    align-items: center;
    border-radius: 0.2rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0.5, 0.229);
    font-size: 1.4rem;
    border-radius: .5rem;
    overflow: hidden;
}

    .w13-support-2__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w13-support-2__item:hover:after {
        animation: key-w13-support-2__item 1.5s;
    }

@keyframes key-w13-support-2__item {
    100% {
        left: 125%;
    }
}

.w13-support-2__item__figure {
    width: 2rem;
    height: 2rem;
    background-size: contain;
}

.w13-support-2__item__icon {
}

.w13-support-2__item__line {
    height: 1rem;
    position: relative;
    background-color: white;
    width: 0.1rem;
    display: inline-block;
    margin: 0 0.75rem;
}

.w13-support-2__item__text {
    transition: all .5s;
    letter-spacing: .1rem;
}

.w13-support-2__item:hover .w13-support-2__item__text {
    letter-spacing: .3rem;
}
/*ed*/
/*w13-support-4*/
.w13-support-4 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-4__item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 0.2rem;
    animation: zoomBtnOp1 1s infinite alternate-reverse;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    overflow: hidden;
}

.w13-support-4__item__figure {
    width: 4rem;
    height: 4rem;
    background-size: contain;
    background-position: center;
}

.w13-support-4__item__img {
    width: 100%;
}
/*ed*/
/*w13-support-5*/
.w13-support-5 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-5__item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    background-color: #0099d1;
    padding: 0.5rem;
    color: white;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-size: 200% auto;
    border-radius: 0.5rem;
    animation: zoomBtnOp1 1s infinite alternate-reverse;
    z-index: 13;
    width: fit-content;
    height: fit-content;
    zoom: 100% !important;
    cursor: pointer;
}

.w13-support-5__item__icon {
    font-size: 2.5rem;
}

/*ed*/
/*w13-support-6*/
.w13-support-6 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-6__item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    padding: 0.7rem;
    color: white;
    display: inline-flex;
    align-items: center;
    background-size: 200% auto;
    border-radius: 0.5rem;
    cursor: pointer;
    animation: key-w13-support-6__item 1s infinite alternate-reverse;
    background-image: linear-gradient(to right, #ff00cc 0%, #333399 51%, #ff00cc 100%);
}

@keyframes key-w13-support-6__item {
    0% {
        background-position: right top;
    }

    100% {
        background-position: left bottom;
    }
}

.w13-support-6__item__icon {
    font-size: 2.5rem;
}
/*ed*/
/*w13-support-7*/
.w13-support-7 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-7__item {
    transform: translateZ(0);
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    color: white;
    display: inline-flex;
    align-items: center;
    background-size: 200% auto;
    border-radius: 50%;
    width: 7rem;
    height: 7rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: key-w13-support-7__item 1s infinite alternate-reverse;
    background-image: linear-gradient(to right, #ff00cc 0%, #333399 51%, #ff00cc 100%);
}

.w13-support-7__item__icon {
    font-size: 3em;
    animation: key-w13-support-7__item__icon ease-in-out 1s infinite 1s alternate-reverse;
}

@keyframes key-w13-support-7__item {
    0% {
        background-position: right top;
    }

    100% {
        background-position: left bottom;
    }
}

@keyframes key-w13-support-7__item__icon {
    0% {
        transform: rotateX(180deg);
    }

    50% {
        transform: rotateX(360deg);
    }

    100% {
        transform: rotateY(180deg);
    }
}
/*ed*/
/*w13-support-8*/
.w13-support-8 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

.w13-support-8__item {
    background-color: #2196f3;
    padding: 0.7rem;
    color: white;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    position: relative;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

    .w13-support-8__item::after {
        content: "";
        height: 150%;
        width: 150%;
        position: absolute;
        background-color: rgba(33, 150, 243, 0.7);
        box-shadow: 0 0 0 0 #2196f3;
        z-index: -1;
        left: -25%;
        top: -25%;
        border-radius: 50%;
        animation: key-w13-support-8__item 1s infinite;
        transition: all 0.5s ease;
    }

.w13-support-8__item__figure {
    width: 2rem;
    height: 2rem;
    animation: key-w13-support-8__item__figure 1s infinite;
    background-size: contain;
}

@keyframes key-w13-support-8__item__figure {
    0% {
    }

    50% {
        transform: rotate(0);
    }

    60% {
        transform: rotate(30deg);
    }

    70% {
        transform: rotate(-30deg);
    }

    80% {
        transform: rotate(30deg);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }
}

@keyframes key-w13-support-8__item {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0.1rem 1.5rem #2195f300;
    }
}
/*ed*/
/*w13-ctaregister-16*/
.w13-ctaregister-16 {
    width: 100%;
    padding: 0rem 1rem;
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent !important;
}

.w13-ctaregister-16__group {
    max-width: 120rem;
    margin: 0 auto;
    overflow: hidden;
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
    background-color: rgba(21, 21, 61, 0.9);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
    padding: 3rem 1rem 10rem;
    position: relative;
    z-index: 0;
    display: block;
}

    .w13-ctaregister-16__group::before {
        background-color: rgba(255, 255, 255, 0.05);
        content: "";
        top: 0;
        left: -50%;
        width: 100%;
        height: 100%;
        z-index: -1;
        position: absolute;
        transform: skewX(-15deg);
    }

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-16__group {
        padding-bottom: 3rem;
    }
}

.w13-ctaregister-16__heading {
    font-weight: 800;
    text-align: center;
    font-size: 3.5rem;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0.3rem;
    color: white;
    display: block;
    line-height: 5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w13-ctaregister-16__heading {
        font-size: 2rem;
        letter-spacing: 0.1rem;
        line-height: 3.6rem;
    }
}

.w13-ctaregister-16__items {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-16__items {
        margin-top: 2rem;
    }
}

.w13-ctaregister-16__items__contact {
    width: 48%;
    margin-top: 5rem;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-16__items__contact {
        width: 100%;
        margin-top: 20rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w13-ctaregister-16__items__contact {
    }
}

.w13-ctaregister-16__items__contact__form__input {
    display: flex;
    border-radius: 0.8rem;
    position: relative;
    align-items: flex-end;
    margin-bottom: 6rem;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-16__items__contact__form__input {
        margin-bottom: 5rem;
    }
}



.w13-ctaregister-16__items__contact__form__input__label {
    color: white;
    text-align: left;
    bottom: 1.5rem;
    left: 0;
    font-size: 1.6rem;
    padding: 0 1rem;
    transition: all 0.2s ease;
    line-height: 2.8rem;
    position: absolute;
}

.w13-ctaregister-16__items__contact__form__input__label__code {
    padding: 0.5rem;
    background-color: white;
    color: black;
    border-radius: 0.2rem;
}

.w13-ctaregister-16__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    height: 100%;
    display: inline-block;
    font-size: 1.6rem;
    background-color: transparent;
    color: black;
    line-height: 2.8rem;
    z-index: 1;
    bottom: 0;
    left: 0;
    padding: 1.25rem;
    position: relative;
    text-align: left;
}

    .w13-ctaregister-16__items__contact__form__input__text::placeholder {
        visibility: hidden;
    }

    .w13-ctaregister-16__items__contact__form__input__text:focus::placeholder {
        visibility: visible;
    }

.w13-ctaregister-16__items__contact__form__input__icon {
    color: red;
}

.w13-ctaregister-16__items__contact__form__input__line {
    background-color: white;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.2rem;
    border-radius: 0.2rem;
    transition: all 0.2s ease;
}

.w13-ctaregister-16__items__contact__form__input__text:focus ~ .w13-ctaregister-16__items__contact__form__input__label {
    bottom: 5rem;
    left: -1rem;
}

.w13-ctaregister-16__items__contact__form__input__text:valid ~ .w13-ctaregister-16__items__contact__form__input__label {
    bottom: 5rem;
    left: -1rem;
}

.w13-ctaregister-16__items__contact__form__input__text:focus ~ .w13-ctaregister-16__items__contact__form__input__line,
.w13-ctaregister-16__items__contact__form__input__text:valid ~ .w13-ctaregister-16__items__contact__form__input__line {
    height: 100%;
}

.w13-ctaregister-16__items__contact__form__des {
    color: white;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 2rem;
    display: block;
    text-align: center;
}

.w13-ctaregister-16__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 2rem;
}

.w13-ctaregister-16__items__contact__btn {
    position: relative;
    width: 15.5rem;
    height: 5rem;
    margin: 0 auto;
    margin-top: 7rem;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-16__items__contact__btn {
        margin-top: 5rem;
    }
}

.w13-ctaregister-16__items__contact__btn__button {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.05);
    box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.2);
    border-top: 0.1rem solid rgba(255, 255, 255, 0.1);
    border-bottom: 0.1rem solid rgba(255, 255, 255, 0.1);
    border-radius: 3rem;
    color: white;
    z-index: 1;
    font-weight: 600;
    font-size: 1.4rem;
    letter-spacing: 1px;
    overflow: hidden;
    transition: 0.5s;
    cursor: pointer;
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
}

    .w13-ctaregister-16__items__contact__btn__button::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 50%;
        height: 100%;
        background: linear-gradient(to left, rgba(255, 255, 255, 0.15), transparent);
        transform: skewX(45deg) translateX(0);
        transition: 0.5s;
    }

    .w13-ctaregister-16__items__contact__btn__button:hover {
        letter-spacing: 0.3rem;
    }

        .w13-ctaregister-16__items__contact__btn__button:hover::before {
            transform: skewX(45deg) translateX(200%);
        }

.w13-ctaregister-16__items__contact__btn::before {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -0.5rem;
    width: 3rem;
    height: 1rem;
    background-color: #f00;
    border-radius: 1rem;
    transition: 0.5s;
}

.w13-ctaregister-16__items__contact__btn:hover::before {
    bottom: 0;
    height: 80%;
    width: 80%;
    border-radius: 3rem;
}

.w13-ctaregister-16__items__contact__btn::after {
    content: "";
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -0.5rem;
    width: 3rem;
    height: 1rem;
    background-color: #f00;
    border-radius: 1rem;
    transition: 0.5s;
}

.w13-ctaregister-16__items__contact__btn:hover::after {
    top: 0;
    height: 80%;
    width: 80%;
    border-radius: 3rem;
}

.w13-ctaregister-16__items__contact__btn:hover .w13-ctaregister-16__items__contact__btn__button {
    color: white;
}

.w13-ctaregister-16__items__contact__btn::before, .w13-ctaregister-16__items__contact__btn::after {
    background: #2bd2ff;
    box-shadow: 0 0 0.5rem #2bd2ff, 0 0 1.5rem #2bd2ff, 0 0 3rem #2bd2ff, 0 0 6rem #2bd2ff;
}

.w13-ctaregister-16__items__item {
    position: relative;
    width: 52%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-16__items__item {
        width: 100%;
    }
}

.w13-ctaregister-16__items__item__imgbox {
    box-shadow: 0 0 2.5rem rgba(0, 0, 0, 0.05);
    border: 0.1rem solid white;
    border-radius: 50%;
    width: 60%;
    margin: 0 auto;
    position: relative;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5rem) {
    .w13-ctaregister-16__items__item__imgbox {
        width: 100%;
    }
}

.w13-ctaregister-16__items__item__imgbox__img {
    height: 100%;
}

.w13-ctaregister-16__items__item__mess {
    position: absolute;
    z-index: 1;
    background-color: rgba(255, 255, 255, 0.1);
    background-color: #202040ef;
    text-align: center;
    padding: 0.5rem;
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
    border-radius: 50%;
    width: 32rem;
    height: 32rem;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 1.5rem 3.5rem rgba(0, 0, 0, 0.1);
    border: 0.1rem solid rgba(255, 255, 255, 0.1);
    border-top: 0.1rem solid rgba(255, 255, 255, 0.5);
    border-left: 0.1rem solid rgba(255, 255, 255, 0.5);
    overflow: hidden;
    bottom: -6rem;
    padding: 3rem 0rem;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-16__items__item__mess {
        bottom: -16rem;
    }
}

.w13-ctaregister-16__items__item__mess::before {
    background-color: rgba(255, 255, 255, 0.05);
    content: "";
    top: 0;
    left: -50%;
    width: 100%;
    height: 100%;
    z-index: -1;
    position: absolute;
    transform: skewX(-15deg);
}

.w13-ctaregister-16__items__item__mess__title {
    font-size: 3.5rem;
    font-weight: 800;
    color: white;
    line-height: 6rem;
    letter-spacing: 2px;
    display: inline-block;
    padding: 0.5rem;
    text-align: center;
}

.w13-ctaregister-16__items__item__mess__content {
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(1.5rem);
    display: block;
    width: 64%;
}

.w13-ctaregister-16__items__item__mess__content__text {
    padding: 0.3rem;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    background-color: rgba(255, 255, 255, 0.1);
    color: white;
    border-radius: 2rem;
    display: block;
    width: 100%;
}
/*ed*/
/*w21-footer*/
.w21-footer {
    width: 100%;
    position: relative;
    padding: 2rem 1rem;
    background-color: #fff;
}

@media only screen and (max-width: 50rem) {
    .w21-footer {
        padding: 1rem;
    }
}

.w21-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-bottom-right-radius: 3rem;
    border-bottom-left-radius: 3rem;
}

.w21-footer-col {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 2%;
    margin-bottom: 1rem;
}

    .w21-footer-col:nth-child(3n+1) {
        margin-left: 0;
    }

@media only screen and (max-width: 50rem) {
    .w21-footer-col {
        width: 100%;
        margin-left: 0;
    }
}

.w21-footer__item {
    width: 100%;
    color: black;
}

.w21-footer__item__code {
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w21-footer__item {
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w21-footer__item {
        width: 100%;
    }
}

.w21-footer__item__connect {
    margin-top: 2rem;
}

.w21-footer__item__connect__info {
    margin-top: 1rem;
    max-width: 100%;
    color: black;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w21-footer__item__connect__info {
        justify-content: left;
    }
}

.w21-footer__item__connect__info__icon {
    font-size: 1.5rem;
}

.w21-footer__item__connect__info__text {
    margin-left: 1rem;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2.5rem;
    text-align: left;
}

@media only screen and (max-width: 37.5rem) {
    .w21-footer__item {
        max-width: 100%;
    }
}

.w21-footer__item__title {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    fill: black;
    color: black;
    line-height: 2.6rem;
}

.w21-footer__item__des {
    margin-top: 1rem;
    height: .2rem;
    width: 70%;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w21-footer__item__des {
        width: 100%;
    }
}

.w21-footer__item__des::after {
    position: absolute;
    content: "";
    background-color: rgba(var(--second-color-w), 1);
    width: 30%;
    height: 100%;
    left: 0;
}

/*ed*/
/*w1-ads*/
.w1-ads {
    width: 100%;
    background-color: #f7f7f7;
    padding: 1rem;
}

.w1-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w1-ads__heading {
    display: block;
    background-color: white;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: 0.5rem;
}

.w1-ads__heading__title {
    text-align: center;
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    max-width: 100%;
    margin-top: 0.2rem;
}

.w1-ads__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-bottom: 0.5rem;
}

.w1-ads__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w1-ads__heading__imgbox__img {
    margin: 0 auto;
}

.w1-ads__card {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: white;
    padding: 1.75rem 1.75rem .0rem 1.75rem;
    border-radius: 0.5rem;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w1-ads__card {
        padding: 1rem;
    }
}

.w1-ads__card__item {
    border: 0.1rem solid rgb(222, 222, 222);
    padding: 0.7rem;
    border-radius: 0.5rem;
    transition: all 0.2s linear;
    width: 23.875%;
    margin-left: 1.5%;
    margin-bottom: 1.75rem;
    overflow: hidden;
}

@media only screen and (min-width: 50rem) {

    @media only screen and (min-width: 62.5rem) {
        .w1-ads__card__item:nth-child(4n + 1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 62.5rem) {
        .w1-ads__card__item {
            width: 32.3333%;
        }

            .w1-ads__card__item:nth-child(3n + 1) {
                margin-left: 0;
            }
    }
}



@media only screen and (max-width: 50rem) {
    .w1-ads__card__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 1rem;
    }

        .w1-ads__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}




.w1-ads__card__item__content {
    display: block;
}

.w1-ads__card__item__content__salebox {
    position: absolute;
    background-color: #3e4c66;
    top: 1rem;
    left: 1rem;
    color: white;
    padding: 1rem;
    border-radius: 0.3rem;
}

.w1-ads__card__item__content__saleprice {
    position: absolute;
    left: 0;
    color: white;
    padding: 0.3rem;
    border-radius: 0.3rem;
    bottom: 0;
    font-size: 3rem;
}

.w1-ads__card__item__content__imgbox {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 0.5rem;
    position: relative;
}

.w1-ads__card__item__content__imgbox__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 1);
    z-index: 1;
    opacity: 0.2;
    transition: all 0.2s ease;
    top: 0;
}

    .w1-ads__card__item__content__imgbox__overlay:hover {
        opacity: 0;
    }

.w1-ads__card__item__content__imgbox__img {
    width: 100%;
    border-radius: 0.5rem;
}

.w1-ads__card__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    font-weight: 600;
    display: block;
    margin-top: 1rem;
}

/*ed*/
/*w18-table-1*/
.w18-table-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

    .w18-table-1 table {
        margin: 0 auto;
        border-collapse: collapse;
    }

        .w18-table-1 table td,
        .w18-table-1 table th {
            border: 1px solid black;
            padding: 1rem;
            line-height: 2.6rem;
        }

.w18-table-1__group {
    max-width: 120rem;
    margin: 0 auto;
    overflow: hidden;
}

.w18-table-1__heading {
    text-align: center;
    margin-bottom: 2rem;
}

.w18-table-1__heading__title {
    font-weight: 600;
    font-size: 2rem;
    margin-bottom: 1rem;
    line-height: 3rem;
    display: block;
}

.w18-table-1__heading__sub {
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.w18-table-1__tbl {
    border-collapse: collapse;
    margin-top: 0.5rem;
    display: table;
    width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w18-table-1__tbl {
        margin: 0 auto;
    }
}

.w18-table-1__tbl td,
.w18-table-1__tbl th {
    border: 1px solid #dddddd;
    padding: 1rem;
    line-height: 1.8rem;
}

.w18-table-1__tbl tr:nth-child(even) {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w18-table-1__tbl__th-1 {
    width: 45%;
}

.w18-table-1__tbl__th-2 {
    width: 25%;
}

.w18-table-1__tbl__th-3 {
    width: 15%;
}

.w18-table-1__tbl__th-4 {
    width: 15%;
}

.w18-table-1__des {
    display: block;
    margin-top: 1rem;
    font-weight: 300;
}

.w18-table-1 .table__responsive {
    overflow-y: scroll;
}

    .w18-table-1 .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w18-table-1 .table__responsive::-webkit-scrollbar-track {
    }

    .w18-table-1 .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w18-table-1 .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w18-table-1 .table__responsive table {
        width: max-content;
    }
/*ed*/
/*w5-ctaregister*/
.w5-ctaregister {
    width: 100%;
    color: var(--text-color-w);
    padding: 3rem 1rem;
    background-color: #f5f5f5;
}

.w5-ctaregister__group {
    margin: 0 auto;
    max-width: 120rem;
    text-align: center;
}

.w5-ctaregister__heading {
    text-align: center;
    display: block;
}

.w5-ctaregister__heading__main {
    font-weight: 700;
    font-size: 3rem;
    line-height: 4.6rem;
    display: block;
}

@media only screen and (max-width:50rem) {
    .w5-ctaregister__heading__main {
        font-size: 2.4rem;
        line-height: 4rem;
    }
}

.w5-ctaregister__heading__line {
    margin-top: 2rem;
    border-bottom: 0.2rem solid rgba(var(--main-color-w), 1);
    width: 15rem;
    display: inline-block;
}

.w5-ctaregister__heading__sub {
    margin-top: 2rem;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.w5-ctaregister__btn {
    margin-top: 2rem;
    padding: 1rem 2rem;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 2rem;
    font-weight: 600;
    color: white;
    cursor: pointer;
    transition: all 0.2s;
    display: inline-block;
}

    .w5-ctaregister__btn:hover {
        border: 0.1rem solid rgba(var(--main-color-w), 1);
        background-color: white;
        color: rgba(var(--second-color-w), 1);
    }
/*ed*/
/*w21-pricingplan-1*/
.w21-pricingplan-1 {
    width: 100%;
    z-index: 10;
    position: relative;
    padding: 1em;
}

.w21-pricingplan-1__group {
    max-width: 120em;
    margin: 0 auto;
    overflow: hidden;
    transition: all 0.5s ease;
    justify-content: center;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2em);
    -webkit-backdrop-filter: blur(2em);
    border-left: 0.2em solid rgba(255, 255, 255, 0.5);
    border-right: 0.2em solid rgba(255, 255, 255, 0.5);
    border-top-left-radius: 2rem;
    border-top-right-radius: 2rem;
}

    .w21-pricingplan-1__group:hover {
        overflow: hidden;
    }

@media only screen and (max-width: 600px) {
    .w21-pricingplan-1__group {
        padding: 0.5em;
    }
}

.w21-pricingplan-1__block {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w21-pricingplan-1__heading a {
    display: inline-block;
}

.w21-pricingplan-1__heading__title {
    font-size: 3em;
    display: block;
    text-align: center;
    margin: 0 auto;
    font-weight: 800;
    padding: 0.3em;
}

.w21-pricingplan-1__heading__des {
    text-align: justify;
    padding: 0.5em;
    line-height: 1.8em;
    font-size: 1.6em;
    display: block;
}

.w21-pricingplan-1__items {
    width: 32.5%;
    height: fit-content;
    border: 0.1em solid #a3a3a3;
    background-color: rgba(255, 255, 255, 0.075);
    transition: all 0.2s;
    border-top: 0.1em solid white !important;
    border-top: none;
    border-bottom: none;
}

@media only screen and (max-width: 800px) {
    .w21-pricingplan-1__items {
        width: 100%;
        margin: 0 auto;
        margin-bottom: 2em;
    }
}

.w21-pricingplan-1__items--2 .w21-pricingplan-1__items__heading {
    background-color: #920000e3;
}

.w21-pricingplan-1__items--2 .w21-pricingplan-1__items__btn {
    background-color: #920000e3;
}

.w21-pricingplan-1__items--3 .w21-pricingplan-1__items__heading {
    background-color: #0019fe94;
}

.w21-pricingplan-1__items--3 .w21-pricingplan-1__items__btn {
    background-color: #0019fe94;
}

.w21-pricingplan-1__items--3 .w21-pricingplan-1__items__content__item__text {
    width: 100%;
}

.w21-pricingplan-1__items--4 .w21-pricingplan-1__items__heading {
    background-color: #00273c;
}

.w21-pricingplan-1__items--4 .w21-pricingplan-1__items__btn {
    background-color: #00273c;
}

.w21-pricingplan-1__items__heading {
    text-align: center;
    background-color: #0c0e3ec7;
    color: white;
    padding: 1.5em;
    position: relative;
    overflow: hidden;
}

    .w21-pricingplan-1__items__heading::before {
        background-color: rgba(255, 255, 255, 0.05);
        content: "";
        width: 120%;
        height: 100%;
        top: -50%;
        left: -10%;
        position: absolute;
    }

    .w21-pricingplan-1__items__heading span {
        text-decoration: line-through;
    }

.w21-pricingplan-1__items__heading__name {
    font-size: 1.3em;
    position:relative;
    z-index:2;
}

.w21-pricingplan-1__items__heading__price {
    padding: 1em;
    font-size: 2em;
    font-weight: 800;
}

.w21-pricingplan-1__items__heading__des {
    font-weight: 500;
}

.w21-pricingplan-1__items__content__item {
    transition: all 0.2s ease;
    padding: 1em;
    display: flex;
    align-items: center;
    line-height: 1.8em;
}

    .w21-pricingplan-1__items__content__item:nth-child(odd) {
        background-color: rgba(255, 255, 255, 0.5);
    }

.w21-pricingplan-1__items__content__item__text {
    font-size: 1.4em;
    width: 75%;
    min-width: 75%;
    text-align: justify;
    color: black;
    line-height: 1.8em;
}

@media only screen and (max-width: 600px) {
    .w21-pricingplan-1__items__content__item__text {
        width: 70%;
        min-width: 70%;
    }
}

.w21-pricingplan-1__items__content__item__text__important {
    background-color: #0019fe94;
    padding: .5rem 1rem;
    border-radius: 2rem;
    color: white;
    text-shadow: 0 0 3rem white;
    margin-right: .5rem;
    margin-bottom: .5rem;
}

.w21-pricingplan-1__items__content__item__text span {
    text-decoration: line-through;
}

.w21-pricingplan-1__items__content__item__vl {
    width: 25%;
    min-width: 25%;
    padding-left: 1em;
    font-size: 1.4em;
    color: black;
}

@media only screen and (max-width: 37.5rem) {
    .w21-pricingplan-1__items__content__item__vl {
        width: 30%;
        min-width: 30%;
    }
}

.w21-pricingplan-1__items__btn {
    padding: 1.5em;
    font-size: 1.5em;
    border: none;
    outline: none;
    width: 100%;
    font-weight: 800;
    background-color: #0c0e3ec7;
    color: white;
    cursor: pointer;
    transition: all 0.2s ease;
    z-index: 1;
    display: block;
    text-align: center;
    position: relative;
    backdrop-filter: blur(1.5rem);
    -webkit-backdrop-filter: blur(2rem);
}

    .w21-pricingplan-1__items__btn::before {
        background-color: rgba(255, 255, 255, 0.05);
        content: "";
        width: 100%;
        height: 100%;
        bottom: -50%;
        left: 0;
        position: absolute;
        transition: all 0.1s ease-in-out;
    }

    .w21-pricingplan-1__items__btn:hover::before {
        bottom: 0;
    }

.w21-pricingplan-1__items:hover .w21-pricingplan-1__items__btn {
    z-index: 3;
    letter-spacing: 2px;
}
/*ed*/
/*w9-partner*/
.w9-partner {
    width: 100%;
    position:relative;
    z-index:0;
    display:flex;
    justify-content:center;
    overflow:hidden;
}

.w9-partner__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 2rem 1rem;
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
    padding: 2rem 1rem;
    position:relative;
    z-index:1;
}

.w9-partner__heading {
    text-transform: capitalize;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    line-height: 5rem;
    padding: 1rem;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 37.5rem) {
    .w9-partner__heading {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w9-partner__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
    border-top: .1rem solid #eee;
    border-left: .1rem solid #eee;
    overflow:hidden;
}

@media only screen and (max-width: 37.5rem) {
    .w9-partner__items {
        flex-wrap: wrap;
        justify-content: flex-start;
    }
}

.w9-partner__items__item {
    padding: 3rem;
    width: 16.66666666666666666666%;
    display: flex;
    align-items: center;
    border-right: .1rem solid #eee;
    border-bottom: .1rem solid #eee;
    overflow: hidden;
    cursor: pointer;
    justify-content: center;
}

@media only screen and (max-width: 62.5rem) {
    .w9-partner__items__item {
        width: 25%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w9-partner__items__item {
        width: 50%;
    }
}

.w9-partner__items__item__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

.w9-partner__items__item:hover .w9-partner__items__item__imgbox {
    transform: scale(1.3);
}


.w9-partner__items__item__imgbox__img {
    width: 100%;
}
/*ed*/


/*w16-bloglist*/
.w16-bloglist {
    width: 100%;
    padding: 2rem 1rem;
    background-color: #fff;
}

.w16-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w16-bloglist__heading {
    padding: 1rem 0rem 1rem;
}

.w16-bloglist__heading__name {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 600;
}

.w16-bloglist__items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #eee;
    margin-top: 3rem;
}

.w16-bloglist__items--2 {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist__items {
        flex-wrap: wrap;
        height: auto;
        align-items: flex-start;
    }
}

.w16-bloglist__items__imgbox {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 55%;
    height: 100%;
    margin-right: 1rem;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist__items__imgbox {
        width: 100%;
        margin-right: 0;
    }
}

.w16-bloglist__items__imgbox__img {
    width: 100%;
}

.w16-bloglist__items__content {
    width: 43%;
    padding: 2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist__items__content {
        width: 100%;
    }
}

.w16-bloglist__items__content__number {
    font-size: 4rem;
    font-weight: 700;
}

    .w16-bloglist__items__content__number::before {
        content: "";
        background-color: rgba(var(--main-color-w), 1);
        width: 8rem;
        height: 0.4rem;
        margin-left: -10rem;
        margin-right: 2rem;
        display: inline-block;
    }

    .w16-bloglist__items__content__number::after {
        content: "/";
        display: inline-block;
        font-size: 0.5rem;
        margin-left: 0.5rem;
    }

.w16-bloglist__items__content__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 1.5rem;
}

.w16-bloglist__items__content__des {
    font-size: 1.6rem;
    margin-top: 2rem;
    line-height: 2.8rem;
}

.w16-bloglist__items__content__button {
    padding: 0.75rem 3rem;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 2rem;
    display: inline-block;
    position: relative;
    height: max-content;
    margin-top: 2rem;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: none;
    outline: none;
    color: white;
}

    .w16-bloglist__items__content__button:hover {
        color: rgba(var(--second-color-w), 1);
        background: white;
        box-shadow: 0.1rem 0.1rem 1rem 0.1rem #eee;
    }

.w16-bloglist__paging {
    text-align: center;
    margin-top: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.w16-bloglist__paging__items {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 2rem;
    cursor: pointer;
    border: 0.1rem solid #eee;
    transition: all 0.2s;
    font-size: 1.6rem;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist__paging__items {
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
        margin-left: 1rem;
    }
}

.w16-bloglist__paging__items:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
}

.w16-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w16-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
    border-radius: 50%;
    border: 0.1rem solid #eee;
    transition: all 0.2s;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .w16-bloglist__paging__pre:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w16-bloglist__paging__pre__icon {
}

.w16-bloglist .table__responsive {
    overflow-y: scroll;
}

    .w16-bloglist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w16-bloglist .table__responsive::-webkit-scrollbar-track {
    }

    .w16-bloglist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w16-bloglist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w16-bloglist .table__responsive table {
        width: max-content;
    }

.w16-bloglist__add {
    margin: 1.5rem 0rem;
}

.w16-bloglist__add__text {
    color: var(--text-color-w);
    display: none;
}

.w16-bloglist__add__text__nd {
    margin-top: 1rem;
}

.w16-bloglist__add__text__tableoct {
    width: 100%;
    margin-top: 1rem;
}

.w16-bloglist__add__text__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    overflow: hidden;
    border: solid .1rem #000;
}

.w16-bloglist__add__text__tableoct__cbcl:checked ~ .w16-bloglist__add__text__tableoct__clone {
    display: block;
}

.w16-bloglist__add__text__tableoct__cbcl {
    display: none;
}

.w16-bloglist__add__text__tableoct__checkbox {
    display: none;
}

    .w16-bloglist__add__text__tableoct__checkbox:checked ~ .w16-bloglist__add__text__tableoct__body {
        max-height: 100vh;
        overflow: unset;
        padding: 1rem 1rem 1rem;
    }

.w16-bloglist__add__text__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w16-bloglist__add__text__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: 0.1rem solid black;
    padding: 0.2rem 0.3rem;
    border-radius: 0.3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w16-bloglist__add__text__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1rem solid white;
    }

.w16-bloglist__add__text__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
}

.w16-bloglist__add__text__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w16-bloglist__add__text__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: 0.2rem;
}

.w16-bloglist__add__text__tableoct__heading__title__text {
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w16-bloglist__add__text__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w16-bloglist__add__text__tableoct__checkbox:checked ~
.w16-bloglist__add__text__tableoct__heading
.w16-bloglist__add__text__tableoct__heading__icon {
    transform: rotate(180deg);
}

.w16-bloglist__add__text__tableoct__heading:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w16-bloglist__add__text__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
    padding: 0 1rem;
    background-color: #fff;
}

.w16-bloglist__add__text__tableoct__body__ol {
    list-style: none;
    padding-left: 1rem;
}

.w16-bloglist__add__text__tableoct__body__ol__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    transition: all .25s;
    cursor: pointer;
}

    .w16-bloglist__add__text__tableoct__body__ol__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w16-bloglist__add__text__tableoct__body__ol__text {
    font-size: 1.5rem;
    line-height: 2.8rem;
    font-weight: 600;
    transition: all .25s;
    position: relative;
    display: flex;
    align-items: flex-start
}

    .w16-bloglist__add__text__tableoct__body__ol__text:before {
        content: "\f068";
        font-family: "Font Awesome 5 Pro";
        font-size: 1.2rem;
        font-weight: 600;
        margin-right: .75rem;
        margin-top: .2rem;
    }

    .w16-bloglist__add__text__tableoct__body__ol__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w16-bloglist__add__text__tableoct__body__ol--1__text {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 5rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.4rem;
    margin-bottom: .5rem;
}

    .w16-bloglist__add__text__tableoct__body__ol--1__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w16-bloglist__tableoct {
    width: 100%;
    padding: 2rem 1rem;
    background: white;
}

.w16-bloglist__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: .2rem solid black;
    border-radius: .5rem;
    padding: .25rem .5rem;
}

.w16-bloglist__tableoct__cbcl:checked ~ .w16-bloglist__tableoct__clone {
    display: block;
}

.w16-bloglist__tableoct__cbcl {
    display: none;
}

.w16-bloglist__tableoct__checkbox {
    display: none;
}

    .w16-bloglist__tableoct__checkbox:checked ~ .w16-bloglist__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w16-bloglist__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w16-bloglist__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w16-bloglist__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w16-bloglist__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w16-bloglist__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w16-bloglist__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
}

.w16-bloglist__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
    margin-left: .5rem;
    margin-top: .2rem;
}

.w16-bloglist__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w16-bloglist__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all .2s ease-in-out;
}

.w16-bloglist__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w16-bloglist__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w16-bloglist__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w16-bloglist__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w16-bloglist__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w16-bloglist__tableoct__body__ol {
    list-style: none;
}

.w16-bloglist__tableoct__body__ol__text {
    margin-bottom: .5rem;
    padding: .5rem 1rem .5rem 3rem;
    list-style: none;
    font-weight: 600;
    font-size: 1.3rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w16-bloglist__tableoct__body__ol > .w16-bloglist__tableoct__body__ol__text {
    font-size: 1.4rem;
}

.w16-bloglist__tableoct__body__ol__text:hover .w16-bloglist__tableoct__body__ol--1__text {
    color: #fff;
}

    .w16-bloglist__tableoct__body__ol__text:hover .w16-bloglist__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w16-bloglist__tableoct__body__ol__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .3s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w16-bloglist__tableoct__body__ol__text:hover::after {
    max-width: 120rem;
}

.w16-bloglist__tableoct__body__ol__text:hover {
    color: #fff;
}

    .w16-bloglist__tableoct__body__ol__text:hover .w16-bloglist__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w16-bloglist-tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
}

.w16-bloglist__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    left: 1.5rem;
}

.w16-bloglist__tableoct__body__ol__text__cbx {
    display: none;
}

    .w16-bloglist__tableoct__body__ol__text__cbx:checked ~ .w16-bloglist__tableoct__body__ol--1 {
        display: block;
    }

    .w16-bloglist__tableoct__body__ol__text__cbx:checked ~ .w16-bloglist__tableoct__body__ol__text__lbl .w16-bloglist__tableoct__body__ol__text__lbl__icon {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

.w16-bloglist__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w16-bloglist__tableoct__body__ol--1__text {
    margin-top: .5rem;
    padding: .5rem 1rem .5rem 4.2rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.3rem;
}

ol > li > ol > .w16-bloglist__tableoct__body__ol--1__text {
    padding-left: 3rem;
}

ol ol ol .w16-bloglist__tableoct__body__ol--1__text {
    padding-left: 2rem;
}

.w16-bloglist__tableoct__body__ol--1__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .3s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w16-bloglist__tableoct__body__ol--1__text:hover::after {
    max-width: 120rem;
}

.w16-bloglist__tableoct__body__ol--1__text:hover {
    color: white;
}

.w16-bloglist__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
}
/*ed*/
/*w47-blogdetail*/
.w47-blogdetail {
    width: 100%;
    padding: 2rem 1rem;
    background-color: white;
}

.w47-blogdetail__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50rem) {
    .w47-blogdetail__group {
        flex-direction: column;
    }
}

.w47-blogdetail__first {
    width: 72%;
}

@media only screen and (max-width: 50rem) {
    .w47-blogdetail__first {
        width: 100%;
    }
}

.w47-blogdetail__first__text {
    margin-top: 1rem;
}

.w47-blogdetail__first__heading {
    display: block;
}

.w47-blogdetail__first__heading__cate {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: max-content;
    color: rgba(var(--main-color-w), 1);
    display: block;
    margin-bottom: 0.5rem;
    max-width: 100%;
    text-transform: uppercase;
}

.w47-blogdetail__first__heading__title {
    width: max-content;
    display: block;
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 0.5rem;
    max-width: 100%;
}

.w47-blogdetail__first__heading__info {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 0rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.w47-blogdetail__first__heading__info__date {
    display: flex;
    align-items: center;
}

.w47-blogdetail__first__heading__info__date__icon {
    font-size: 1.2rem;
    margin-right: 0.5rem;
}

.w47-blogdetail__first__heading__info__date__text {
    font-size: 1.4rem;
}

.w47-blogdetail__first__heading__info__social {
    display: flex;
    align-items: center;
}

.w47-blogdetail__first__heading__info__social__text {
    font-size: 1.4rem;
}

.w47-blogdetail__first__heading__info__social__icon {
    font-size: 1.6rem;
    margin-left: 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w47-blogdetail__first__heading__info__social__icon:hover {
        transform: scale(1.05);
        color: rgba(var(--main-color-w),1);
    }

.w47-blogdetail__first__heading__vote {
    display: flex;
    align-items: center;
    padding: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
    cursor: pointer;
}

.w47-blogdetail__first__heading__vote__stars {
    display: flex;
    align-items: center;
}

.w47-blogdetail__first__heading__vote__stars__star {
    color: #f93;
    margin-right: 0.75rem;
    font-size: 1.6rem;
}

.w47-blogdetail__first__heading__vote__text {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w47-blogdetail__first__review {
    padding: 2rem;
}

.w47-blogdetail__first__review__first {
    width: 100%;
}

.w47-blogdetail__first__review__first-col {
    display: flex;
    margin-top: 4rem;
}

.w47-blogdetail__first__review__first__imgbox {
    width: 10rem;
    height: 10rem;
    min-width: 10rem;
    background-size: contain;
    background-position: center;
}

.w47-blogdetail__first__review__first__imgbox__img {
    width: 100%;
}

.w47-blogdetail__first__review__first__comment {
    margin-left: 2rem;
    border: 0.1rem solid #eee;
    padding: 1rem;
    border-radius: 0.5rem;
}

.w47-blogdetail__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w47-blogdetail__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.w47-blogdetail__first__review__first__comment__head__user__date {
    font-size: 1.5rem;
    margin-top: .5rem;
}

.w47-blogdetail__first__review__first__comment__star__icon {
    color: #f93;
}

.w47-blogdetail__first__review__first__comment__text {
    margin-top: 1rem;
    text-align: justify;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.w47-blogdetail__first__review__second {
    width: 100%;
    margin-top: 2rem;
    border: 0.1rem solid #eee;
    padding: 2rem;
    border-radius: 0.7rem;
}

    .w47-blogdetail__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3rem;
    }

.w47-blogdetail__first__review__second__title {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-transform: uppercase;
}

.w47-blogdetail__first__review__second__textrate {
    margin-top: 2rem;
}

.w47-blogdetail__first__review__second__textreview {
    margin-top: 1rem;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.w47-blogdetail__first__review__second__textarea {
    width: 100%;
    height: 10rem;
    margin-top: 0.5rem;
    border: 0.1rem solid #eee;
    padding: 1rem;
    outline: none;
    transition: all .5s;
    font-family: inherit;
}

    .w47-blogdetail__first__review__second__textarea:focus {
        border-color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail__first__review__second__star {
    display: flex;
    align-items: center;
}

.w47-blogdetail__first__review__second__star__items {
    margin-left: 1rem;
}

.w47-blogdetail__first__review__second__star__items__icon {
    color: darkgray;
}

.w47-blogdetail__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    width: 100%;
}

.w47-blogdetail__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w47-blogdetail__first__review__second__textform__name__info {
    margin-top: 1rem;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.w47-blogdetail__first__review__second__textform__name__input {
    margin-top: 0.5rem;
    display: inline-block;
    width: 100%;
    padding: 1rem;
    border: 0.1rem solid #eee;
    transition: all .5s;
    outline: none;
    font-family: inherit;
}

    .w47-blogdetail__first__review__second__textform__name__input:focus {
        border-color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2rem;
    padding: 1rem 2rem;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6rem;
    margin-top: 1rem;
    border: 0.1rem solid #eee;
    text-align: center;
    text-transform: uppercase;
    font-family: inherit;
}

    .w47-blogdetail__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w47-blogdetail__second {
    width: 25%;
    margin-top: 4rem;
}

@media only screen and (max-width: 50rem) {
    .w47-blogdetail__second {
        width: 100%;
    }
}
.w47-blogdetail__second__container {
    position: sticky;
    top: 1rem;
}
.w47-blogdetail__second__search {
    display: flex;
    align-items: center;
    border: 0.1rem solid #eee;
    border-radius: 0.5rem;
    overflow: hidden;
}

    .w47-blogdetail__second__search:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w47-blogdetail__second__search__input {
    border: none;
    outline: none;
    margin-left: 1rem;
    width: 100%;
    height: max-content;
    transition: all .5s;
    font-size: 1.6rem;
    padding: 1.5rem 0rem;
    font-family: inherit;
}

.w47-blogdetail__second__search__icon {
    font-size: 1.6rem;
    padding: 1.5rem;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: inline-block;
    margin-left: auto;
}

.w47-blogdetail__second__blog {
    margin-top: 2rem;
    height: fit-content;
}

.w47-blogdetail__second__blog__heading {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem;
    border-radius: 0.5rem;
    margin-bottom: 2rem;
    display: block;
}

.w47-blogdetail__second__blog__heading__text {
    font-weight: 600;
    font-size: 1.6rem;
    text-transform: capitalize;
    display: block;
    color: white;
}

.w47-blogdetail__second__blog__content {
    padding: 0.5rem 1rem;
    background-color: #eee;
    border-radius: 0.3rem;
}

.w47-blogdetail__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1.5rem 0.5rem;
    transition: all 0.2s ease;
}

    .w47-blogdetail__second__blog__content__info:not(:last-child) {
        border-bottom: 0.1rem solid rgb(219, 219, 219);
    }

.w47-blogdetail__second__blog__content__info__text {
    font-size: 1.5rem;
    display: block;
    line-height: 2.6rem;
}

.w47-blogdetail__second__blog__content__info__icon {
    font-size: 1.6rem;
    margin-left: auto;
}

.w47-blogdetail__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w47-blogdetail__second__blog__wrap {
    width: 100%;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-bottom: 2rem;
}

    .w47-blogdetail__second__blog__wrap:hover .w47-blogdetail__second__blog__wrap__items {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

    .w47-blogdetail__second__blog__wrap:nth-child(2) {
        flex-direction: row-reverse;
    }

.blogdetail__second__blog__wrap__link_ {
    display: block;
    overflow: hidden;
}

.blogdetail__second__blog__wrap__link__imgbox {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: all .5s;
}

.w47-blogdetail__second__blog__wrap:hover .blogdetail__second__blog__wrap__link__imgbox {
    transform: scale(1.05);
}

.blogdetail__second__blog__wrap__link__imgbox__img {
    width: 100%;
}

.w47-blogdetail__second__blog__wrap__items {
    width: 100%;
    position: relative;
    background-color: #F6F6F6;
    cursor: pointer;
    align-self: center;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w47-blogdetail__second__blog__wrap__items__cate {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%;
}

.w47-blogdetail__second__blog__wrap__items__cate__time {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}

.w47-blogdetail__second__blog__wrap__items__cate__time__hour {
    margin-left: .5rem;
}

.w47-blogdetail__second__blog__wrap__items__cate__time__text {
    margin-left: .5rem;
}

.w47-blogdetail__second__blog__wrap__items__main {
    font-size: 1.6rem;
    margin-top: 0.5rem;
    font-weight: 600;
    display: block;
    width: 100%;
    line-height: 2.8rem;
}

.w47-blogdetail__second__blog__wrap__items__sub {
    font-size: 1.6rem;
    margin-top: 0.5rem;
    display: block;
    line-height: 2.8rem;
}

.w47-blogdetail__second__blog__wrap__items__des {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 1rem;
    transition: all 0.2s ease;
    margin-bottom: 0.5rem;
    line-height: 2.2rem;
    width: max-content;
}

.w47-blogdetail__second__blog__wrap__items__des__view {
}

.w47-blogdetail__second__blog__wrap__items__des__user {
    align-items: center;
    display: none;
    margin-right: 1rem;
}

.w47-blogdetail__second__blog__wrap__items__des__user__imgbox {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-size: cover;
}

.w47-blogdetail__second__blog__wrap__items__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w47-blogdetail__second__blog__wrap__items__des__user__text {
    margin-left: 1rem;
}

.w47-blogdetail__second__blog__wrap__items__icon {
    display: block !important;
    font-size: 3rem;
    width: max-content;
    margin-left: auto;
}

.w47-blogdetail .table__responsive {
    overflow-y: scroll;
}

    .w47-blogdetail .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w47-blogdetail .table__responsive::-webkit-scrollbar-track {
    }

    .w47-blogdetail .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w47-blogdetail .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w47-blogdetail .table__responsive table {
        width: max-content;
    }

.w47-blogdetail__first__text table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w47-blogdetail__first__text table td,
    .w47-blogdetail__first__text table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }

.w47-blogdetail__add {
    margin: 1.5rem 0rem;
}

.w47-blogdetail__add__text {
    color: var(--text-color-w);
    display: none;
}

.w47-blogdetail__add__text__nd {
    margin-top: 1rem;
}

.w47-blogdetail__add__text__tableoct {
    width: 100%;
    margin-top: 1rem;
}

.w47-blogdetail__add__text__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    overflow: hidden;
    border: solid .1rem #000;
}

.w47-blogdetail__add__text__tableoct__cbcl:checked ~ .w47-blogdetail__add__text__tableoct__clone {
    display: block;
}

.w47-blogdetail__add__text__tableoct__cbcl {
    display: none;
}

.w47-blogdetail__add__text__tableoct__checkbox {
    display: none;
}

    .w47-blogdetail__add__text__tableoct__checkbox:checked ~ .w47-blogdetail__add__text__tableoct__body {
        max-height: 999vh;
        overflow: unset;
        padding: 1rem .5rem 1rem 1rem;
    }

.w47-blogdetail__add__text__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w47-blogdetail__add__text__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: 0.1rem solid black;
    padding: 0.2rem 0.3rem;
    border-radius: 0.3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w47-blogdetail__add__text__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1rem solid white;
    }

.w47-blogdetail__add__text__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w47-blogdetail__add__text__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w47-blogdetail__add__text__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: 0.2rem;
}

.w47-blogdetail__add__text__tableoct__heading__title__text {
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w47-blogdetail__add__text__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w47-blogdetail__add__text__tableoct__checkbox:checked ~
.w47-blogdetail__add__text__tableoct__heading
.w47-blogdetail__add__text__tableoct__heading__icon {
    transform: rotate(180deg);
}

.w47-blogdetail__add__text__tableoct__heading:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w47-blogdetail__add__text__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
    padding: 0 1rem;
    background-color: #fff;
}

.w47-blogdetail__add__text__tableoct__body__ol {
    list-style: none;
    padding-left: 1rem;
    max-height: 50vh;
    overflow-y: scroll;
}

    .w47-blogdetail__add__text__tableoct__body__ol::-webkit-scrollbar {
        width: .4rem;
    }

    .w47-blogdetail__add__text__tableoct__body__ol::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w47-blogdetail__add__text__tableoct__body__ol::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w47-blogdetail__add__text__tableoct__body__ol::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w47-blogdetail__add__text__tableoct__body__ol__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    transition: all .25s;
    cursor: pointer;
}

    .w47-blogdetail__add__text__tableoct__body__ol__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w47-blogdetail__add__text__tableoct__body__ol__text {
    font-size: 1.5rem;
    line-height: 2.8rem;
    font-weight: 600;
    transition: all .25s;
    position: relative;
    display: flex;
    align-items: flex-start
}

    .w47-blogdetail__add__text__tableoct__body__ol__text:before {
        content: "\f068";
        font-family: "Font Awesome 5 Pro";
        font-size: 1.2rem;
        font-weight: 600;
        margin-right: .75rem;
        margin-top: .2rem;
    }

    .w47-blogdetail__add__text__tableoct__body__ol__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w47-blogdetail__add__text__tableoct__body__ol--1__text {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 5rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.4rem;
    margin-bottom: .5rem;
}

    .w47-blogdetail__add__text__tableoct__body__ol--1__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w47-blogdetail__tableoct {
    width: 100%;
    padding: 2rem 1rem;
}

.w47-blogdetail__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: .2rem solid black;
    border-radius: .5rem;
    padding: .25rem .5rem;
}

.w47-blogdetail__tableoct__cbcl:checked ~ .w47-blogdetail__tableoct__clone {
    display: block;
}

.w47-blogdetail__tableoct__cbcl {
    display: none;
}

.w47-blogdetail__tableoct__checkbox {
    display: none;
}

    .w47-blogdetail__tableoct__checkbox:checked ~ .w47-blogdetail__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w47-blogdetail__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w47-blogdetail__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w47-blogdetail__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w47-blogdetail__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w47-blogdetail__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w47-blogdetail__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
}

.w47-blogdetail__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
    margin-left: .5rem;
    margin-top: .2rem;
}

.w47-blogdetail__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w47-blogdetail__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all .2s ease-in-out;
}

.w47-blogdetail__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w47-blogdetail__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w47-blogdetail__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w47-blogdetail__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w47-blogdetail__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w47-blogdetail__tableoct__body__ol {
    list-style: none;
}

.w47-blogdetail__tableoct__body__ol__text {
    margin-bottom: .5rem;
    padding: .5rem 1rem .5rem 3rem;
    list-style: none;
    font-weight: 600;
    font-size: 1.3rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w47-blogdetail__tableoct__body__ol > .w47-blogdetail__tableoct__body__ol__text {
    font-size: 1.4rem;
}

.w47-blogdetail__tableoct__body__ol__text:hover .w47-blogdetail__tableoct__body__ol--1__text {
    color: #fff;
}

    .w47-blogdetail__tableoct__body__ol__text:hover .w47-blogdetail__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail__tableoct__body__ol__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .3s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w47-blogdetail__tableoct__body__ol__text:hover::after {
    max-width: 120rem;
}

.w47-blogdetail__tableoct__body__ol__text:hover {
    color: #fff;
}

    .w47-blogdetail__tableoct__body__ol__text:hover .w47-blogdetail__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail-tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
}

.w47-blogdetail__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    left: 1.5rem;
}

.w47-blogdetail__tableoct__body__ol__text__cbx {
    display: none;
}

    .w47-blogdetail__tableoct__body__ol__text__cbx:checked ~ .w47-blogdetail__tableoct__body__ol--1 {
        display: block;
    }

    .w47-blogdetail__tableoct__body__ol__text__cbx:checked ~ .w47-blogdetail__tableoct__body__ol__text__lbl .w47-blogdetail__tableoct__body__ol__text__lbl__icon {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

.w47-blogdetail__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w47-blogdetail__tableoct__body__ol--1__text {
    margin-top: .5rem;
    padding: .5rem 1rem .5rem 4.2rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.3rem;
}

ol > li > ol > .w47-blogdetail__tableoct__body__ol--1__text {
    padding-left: 3rem;
}

ol ol ol .w47-blogdetail__tableoct__body__ol--1__text {
    padding-left: 2rem;
}

.w47-blogdetail__tableoct__body__ol--1__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .3s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w47-blogdetail__tableoct__body__ol--1__text:hover::after {
    max-width: 120rem;
}

.w47-blogdetail__tableoct__body__ol--1__text:hover {
    color: white;
}

.w47-blogdetail__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
}

/*ed*/

/*w38-abimg-1*/
.w38-abimg-1 {
    width: 100%;
    padding: 2rem 1rem;
    background-color: white;
}

.w38-abimg-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w38-abimg-1__heading {
    padding: 1%;
    text-align: center;
}

.w38-abimg-1__heading__title {
    font-size: 3rem;
    display: block;
    text-transform: uppercase;
    line-height: 5rem;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w38-abimg-1__heading__title {
        font-size: 2.4rem;
        line-height: 4rem;
    }
}

.w38-abimg-1__heading__sub {
    display: block;
    margin-top: 1rem;
    font-weight: 300;
    line-height: 2.8rem;
    font-size: 1.6rem;
}

.w38-abimg-1__swiper {
    overflow: hidden;
    position: relative;
}

.w38-abimg-1__swiper__thumbs__wrapper__slide {
    position: relative;
}

.w38-abimg-1__swiper__thumbs__next {
    color: white;
}

.w38-abimg-1__swiper__thumbs__prev {
    color: white;
}

.w38-abimg-1__swiper__thumbs__pagination {
    margin-top: 2rem;
    position: relative;
}

    .w38-abimg-1__swiper__thumbs__pagination .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        position: relative;
    }

    .w38-abimg-1__swiper__thumbs__pagination .swiper-pagination-bullet-active {
        position: relative;
    }

        .w38-abimg-1__swiper__thumbs__pagination .swiper-pagination-bullet-active::after {
            content: "";
            width: 100%;
            height: 100%;
            border: 1px solid rgba(var(--main-color-w), 1);
            position: absolute;
            border-radius: 50%;
            left: 0;
            top: 0;
            transform: scale(2);
        }

.w38-abimg-1__swiper__thumbs__wrapper__slide__items {
    display: flex;
    flex-wrap: wrap;
}

.w38-abimg-1__swiper__thumbs__wrapper__slide__items__item {
    width: 19%;
    margin-right: 1%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
}

.w38-abimg-1__swiper__thumbs__wrapper__slide__items__item__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

@media only screen and (max-width: 50rem) {
    .w38-abimg-1__swiper__thumbs__wrapper__slide__items__item__imgbox {
    }
}

@media only screen and (max-width: 31.25rem) {
    .w38-abimg-1__swiper__thumbs__wrapper__slide__items__item__imgbox {
        width: 99%;
    }
}

.w38-abimg-1__swiper__thumbs__wrapper__slide__items__item__imgbox__img {
    width: 100%;
}

.w38-abimg-1__swiper__thumbs__wrapper__slide__items__item__imgbox:hover {
    filter: brightness(1.1);
    border-radius: 1rem;
}

.w38-abimg-1__swiper__thumbs__wrapper__slide__items__item__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-top: 1rem;
    color: black;
    z-index: 10;
}
/*ed*/
/*w21-blankpage*/
.w21-blankpage {
    width: 100%;
    background-color: white;
}

.w21-blankpage__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 2rem 1rem;
}
.w21-blankpage__content {
    line-height: 2.8rem;
    font-size: 1.6rem;
    text-align: justify;
}
/*ed*/

/*w50-article*/
.w50-article {
    width: 100%;
    padding: 2rem 1rem;
    background-color: white;
}

.w50-article__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w50-article__heading {
    display: block;
}

.w50-article__heading__title {
    font-size: 2.5rem;
    line-height: 3.8rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w50-article__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w50-article__mains {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 1rem 0;
    margin-top: 2rem;
}

    .w50-article__mains .swiper-wrapper {
        display: flex;
        box-sizing: border-box;
    }

.w50-article__mains__main__next {
    color: rgba(var(--main-color-w), 1);
    z-index: 1;
}

    .w50-article__mains__main__next::after {
        font-size: 2rem;
    }

.w50-article__mains__main__prev {
    color: rgba(var(--main-color-w), 1);
    z-index: 1;
}

    .w50-article__mains__main__prev::after {
        font-size: 2rem;
    }

.w50-article__mains__main__items__item.swiper-slide {
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
    width: 31.333%;
    margin: 0 1%;
    transition: all .2s ease;
}

@media only screen and (max-width: 37.5rem) {
    .w50-article__mains__main__items__item.swiper-slide {
        width: 49%;
    }
}

.w50-article__mains__main__items__item:hover {
    border: 1px solid rgba(var(--main-color-w), 1);
    transition: all .2s ease;
}

.w50-article__mains__main__items__item__image {
    padding: .5rem;
    position: relative;
}

.w50-article__mains__main__items__item__image__create {
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    padding: .5rem;
    top: -1rem;
}

.w50-article__mains__main__items__item__image__create__text--1 {
    display: block;
    padding: .3rem;
    color: white;
    font-weight: 600;
    font-size: 1.3rem;
}

    .w50-article__mains__main__items__item__image__create__text--1:not(:last-child) {
        border-bottom: .1rem solid white;
    }

.w50-article__mains__main__items__item__image__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
}

.w50-article__mains__main__items__item__image__imgbox__img {
    width: 100%;
}

.w50-article__mains__main__items__item__content {
    overflow: hidden;
    padding: 1.5rem 2rem;
}

.w50-article__mains__main__items__item__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
    text-align: justify;
    display: block;
}

.w50-article__mains__main__items__item__content__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    text-align: justify;
}

.w50-article__mains__main__items__item__content__link {
    line-height: 1.5rem;
    font-size: 1.4rem;
    text-align: justify;
    display: block;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    border-bottom: 1px solid rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w50-article__mains__main__items__item__content__link:hover {
        letter-spacing: .2rem;
    }

.w50-article__btn {
    font-weight: 600;
    font-size: 1.3rem;
    display: block;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    width: fit-content;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: 1px solid #eee;
    transition: all .2s ease-in-out;
    margin: 0 auto;
    margin-top: 2rem;
}

    .w50-article__btn:not(:last-child) {
        border-right: 1px solid rgba(0, 0, 0, 0.207);
    }

    .w50-article__btn:hover {
        background: linear-gradient(145deg, rgba(var(--second-color-w), 0.5), rgba(var(--main-color-w), 0.9), rgba(var(--main-color-w), 0.75));
        color: white;
        transition: all .2s ease-in-out;
    }

/*ed*/
/*w50-article*/
.w50-article {
    width: 100%;
    padding: 2rem 1rem;
    background-color: white;
}

.w50-article__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w50-article__heading {
    display: block;
}

.w50-article__heading__title {
    font-size: 2.5rem;
    line-height: 3.8rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

.w50-article__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w50-article__mains {
    width: 100%;
    position: relative;
    overflow: hidden;
    padding: 1rem 0;
    margin-top: 2rem;
}

    .w50-article__mains .swiper-wrapper {
        display: flex;
        box-sizing: border-box;
    }

.w50-article__mains__main__next {
    color: rgba(var(--main-color-w), 1);
}

    .w50-article__mains__main__next::after {
        font-size: 2rem;
    }

.w50-article__mains__main__prev {
    color: rgba(var(--main-color-w), 1);
}

    .w50-article__mains__main__prev::after {
        font-size: 2rem;
    }

.w50-article__mains__main__items__item {
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.15);
    border: 1px solid transparent;
    width: 31.333% !important;
    margin: 0 1%;
    transition: all .2s ease;
}

@media only screen and (max-width: 37.5rem) {
    .w50-article__mains__main__items__item {
        width: 49% !important;
    }
}

.w50-article__mains__main__items__item:hover {
    border: 1px solid rgba(var(--main-color-w), 1);
    transition: all .2s ease;
}

.w50-article__mains__main__items__item__image {
    padding: .5rem;
    position: relative;
}

.w50-article__mains__main__items__item__image__create {
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    padding: .5rem;
    top: -1rem;
}

.w50-article__mains__main__items__item__image__create__text--1 {
    display: block;
    padding: .3rem;
    color: white;
    font-weight: 600;
    font-size: 1.3rem;
}

    .w50-article__mains__main__items__item__image__create__text--1:not(:last-child) {
        border-bottom: .1rem solid white;
    }

.w50-article__mains__main__items__item__image__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
}

.w50-article__mains__main__items__item__image__imgbox__img {
    width: 100%;
}

.w50-article__mains__main__items__item__content {
    overflow: hidden;
    padding: 1.5rem 2rem;
}

.w50-article__mains__main__items__item__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.8rem;
    text-align: justify;
    display: block;
}

.w50-article__mains__main__items__item__content__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
    text-align: justify;
}

.w50-article__mains__main__items__item__content__link {
    line-height: 1.5rem;
    font-size: 1.4rem;
    text-align: justify;
    display: block;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    border-bottom: 1px solid rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w50-article__mains__main__items__item__content__link:hover {
        letter-spacing: .2rem;
    }

.w50-article__btn {
    font-weight: 600;
    font-size: 1.3rem;
    display: block;
    line-height: 1.5rem;
    padding: 1rem 2rem;
    width: fit-content;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: 1px solid #eee;
    transition: all .2s ease-in-out;
    margin: 0 auto;
    margin-top: 2rem;
}

    .w50-article__btn:not(:last-child) {
        border-right: 1px solid rgba(0, 0, 0, 0.207);
    }

    .w50-article__btn:hover {
        background: linear-gradient(145deg, rgba(var(--second-color-w), 0.5), rgba(var(--main-color-w), 0.9), rgba(var(--main-color-w), 0.75));
        color: white;
        transition: all .2s ease-in-out;
    }
/*ed*/
/*w56-footer*/
.w56-footer {
    width: 100%;
    padding: 3rem 0rem 1rem;
    background-color: #1e1e1e;
    background-image: url('../../img/w56/footer.png');
    background-size: cover;
    background-position: top center;
}

.w56-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 1rem;
}

.w56-footer__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
}

.w56-footer__items__item {
    margin-right: 3%;
    margin-bottom: 3rem;
    width: 24%;
}

@media only screen and (min-width:81.25rem) {
    .w56-footer__items__item:nth-child(3n+3) {
        margin-right: 0;
    }
}

@media only screen and (min-width:81.25rem) {
    @-webkit-keyframes key-w56-footer__items__item {
        0% {
            transform: translateX(10rem);
        }

        70% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w56-footer__items__item {
        -webkit-animation: key-w56-footer__items__item 1s;
        animation: key-w56-footer__items__item 1s;
        animation-iteration-count: 1;
    }
}

.w56-footer__items__item--1 {
    width: 38%;
}

.w56-footer__items__second {
    width: 38%;
    margin-right: 3%;
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__items__second {
        width: 48.5%;
    }
}

@media only screen and (max-width:50rem) {
    .w56-footer__items__second {
        width: 100%;
        margin-right: 0;
    }
}

.w56-footer__items__second__name {
    margin-bottom: 2rem;
    position: relative;
    display: block;
}

.w56-footer__items__second__name__text {
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
    display: block;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

    .w56-footer__items__second__name__text:hover {
        transform: translateX(.5rem);
    }

.w56-footer__items__second__name__line {
    width: 3rem;
    height: .2rem;
    margin-top: 1rem;
    display: block;
    background-color: rgba(var(--main-color-w),1);
}

.w56-footer__items__second__childs__item {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w56-footer__items__second__childs__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
    color: #fff;
}

    .w56-footer__items__second__childs__item__icon:hover {
        transform: scale(1.3);
    }

.w56-footer__items__second__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-left: 1rem;
    transition: all .5s;
    cursor: pointer;
    color: #fff;
}

    .w56-footer__items__second__childs__item__name:hover {
        transform: translateX(.5rem);
    }

    .w56-footer__items__second__childs__item__name b,
    .w56-footer__items__second__childs__item__name strong {
        font-weight: 500;
    }

.w56-footer__items__second__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.w56-footer__items__second__adv__item {
    margin-top: 2rem;
    max-width: 47%;
}

.w56-footer__items__second__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w56-footer__items__second__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w56-footer__items__second__ads {
    display: flex;
    margin-top: 2rem;
    gap: 1.6rem;
}

@media only screen and (max-width:75rem) {
    .w56-footer__items__second__ads {
        justify-content: center;
    }
}

.w56-footer__items__second__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .25rem;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #fff;
    cursor: pointer;
}

    .w56-footer__items__second__ads__item:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w56-footer__items__second__ma {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    text-align: center;
}

    .w56-footer__items__second__ma iframe {
        border: none;
        overflow: hidden;
    }

@media only screen and (max-width:50rem) {
    .w56-footer__items__second__ma iframe {
        margin-top: 2rem;
    }

    .w56-footer__items__second__ma img {
        margin-top: 2rem;
    }
}

.w56-footer__items__third {
    width: 24%;
    margin-right: 0;
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__items__third {
        width: 48.5%;
        margin-right: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w56-footer__items__third {
        width: 100%;
        margin-right: 0;
    }
}

.w56-footer__items__third__name {
    margin-bottom: 2rem;
    position: relative;
    display: block;
}

.w56-footer__items__third__name__text {
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
    display: block;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

    .w56-footer__items__third__name__text:hover {
        transform: translateX(.5rem);
    }

.w56-footer__items__third__name__line {
    width: 3rem;
    height: .2rem;
    margin-top: 1rem;
    display: block;
    background-color: rgba(var(--main-color-w),1);
}

.w56-footer__items__third__childs__item {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w56-footer__items__third__childs__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
    color: #fff;
}

    .w56-footer__items__third__childs__item__icon:hover {
        transform: scale(1.3);
    }

.w56-footer__items__third__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-left: 1rem;
    transition: all .5s;
    cursor: pointer;
    color: #fff;
}

    .w56-footer__items__third__childs__item__name:hover {
        transform: translateX(.5rem);
    }

    .w56-footer__items__third__childs__item__name b,
    .w56-footer__items__third__childs__item__name strong {
        font-weight: 500;
    }

.w56-footer__items__third__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.w56-footer__items__third__adv__item {
    margin-top: 2rem;
    max-width: 47%;
}

.w56-footer__items__third__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w56-footer__items__third__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w56-footer__items__third__ads {
    display: flex;
    margin-top: 2rem;
    gap: 1.6rem;
}

@media only screen and (max-width:75rem) {
    .w56-footer__items__third__ads {
        justify-content: center;
    }
}

.w56-footer__items__third__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .25rem;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #fff;
    cursor: pointer;
}

    .w56-footer__items__third__ads__item:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w56-footer__items__third__ma {
    padding: 1rem 0rem 0rem;
    display: flex;
    justify-content: center;
    text-align: center;
}

    .w56-footer__items__third__ma iframe {
        border: none;
        overflow: hidden;
    }

@media only screen and (max-width:50rem) {
    .w56-footer__items__third__ma iframe {
        margin-top: 2rem;
    }

    .w56-footer__items__third__ma img {
        margin-top: 2rem;
    }
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__items__item {
        width: 48%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

@media only screen and (max-width:50rem) {
    .w56-footer__items__item {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.w56-footer__items__item__name {
    margin-bottom: 2rem;
    position: relative;
    display: block;
}

.w56-footer__items__item__name__text {
    font-size: 2rem;
    color: #fff;
    font-weight: 500;
    display: block;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

    .w56-footer__items__item__name__text:hover {
        transform: translateX(.5rem);
    }

.w56-footer__items__item__name__line {
    width: 3rem;
    height: .2rem;
    margin-top: 1rem;
    display: block;
    background-color: rgba(var(--main-color-w),1);
}

.w56-footer__items__first__ma {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    text-align: center;
}

    .w56-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
    }

@media only screen and (max-width:50rem) {
    .w56-footer__items__first__ma iframe {
        margin-top: 2rem;
    }

    .w56-footer__items__first__ma img {
        margin-top: 2rem;
    }
}

.w56-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
    gap: 1.6rem;
}

@media only screen and (max-width:75rem) {
    .w56-footer__items__first__ads {
        justify-content: center;
    }
}

.w56-footer__items__first__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: .25rem;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #fff;
    cursor: pointer;
}

    .w56-footer__items__first__ads__item:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w56-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}

.w56-footer__items__first__adv__item {
    margin-top: 2rem;
    max-width: 47%;
}

.w56-footer__items__first__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w56-footer__items__first__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w56-footer__items__first {
    width: 32%;
    margin-bottom: 3rem;
    margin-right: 3%;
}

@media only screen and (min-width:81.25rem) {
    @-webkit-keyframes key-w56-footer__items__first {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w56-footer__items__first {
        -webkit-animation: key-w56-footer__items__first 1s;
        animation: key-w56-footer__items__first 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__items__first {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (max-width:43.75rem) {
    .w56-footer__items__first {
        width: 100%;
        margin-left: 0;
    }
}

.w56-footer__items__first__heading {
    display: flex;
    justify-content: center;
}

.w56-footer__items__first__heading__imgbox {
    background-size: contain;
    transition: all .5s;
    cursor: pointer;
}

    .w56-footer__items__first__heading__imgbox:hover {
        transform: scale(1.05);
    }

.w56-footer__items__first__name {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-bottom: 1rem;
    transition: all .5s;
    display: block;
    color: #fff;
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__items__first__name {
        margin-top: 3rem;
    }
}

.w56-footer__items__first__childs {
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__items__first .w56-footer__items__first__childs {
        margin-top: 2rem;
    }
}

.w56-footer__items__first__childs__item {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w56-footer__items__first__childs__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
    color: #fff;
}

    .w56-footer__items__first__childs__item__icon:hover {
        transform: scale(1.3);
    }

.w56-footer__items__first__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    margin-left: 1rem;
    transition: all .5s;
    cursor: pointer;
    color: #fff;
}

    .w56-footer__items__first__childs__item__name:hover {
        transform: translateX(.5rem);
    }

    .w56-footer__items__first__childs__item__name b,
    .w56-footer__items__first__childs__item__name strong {
        font-weight: 500;
    }

.w56-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w56-footer__code {
    width: 100%;
    margin-top: 1rem;
}

.w56-footer__line {
    width: 100%;
    display: block;
    height: .1rem;
    background-color: #fff;
    margin-bottom: .5rem;
}

.w56-footer__bottom {
    padding: 1rem 0rem 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w56-footer__bottom__name {
    font-size: 1.5rem;
    font-weight: 400;
    color: #999;
    line-height: 2.6rem;
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__bottom__name {
        width: 100%;
        text-align: center;
    }
}

.w56-footer__bottom__des {
    margin-left: auto;
    color: #999;
    font-size: 1.5rem;
}

@media only screen and (max-width:81.25rem) {
    .w56-footer__bottom__des {
        margin: 1rem 0 0;
    }
}

.w56-footer__bottom a {
    color: #fff;
}
/*ed*/
/*w56-menu*/
.w56-menu {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    background-color: #fff;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w56-menu {
    }
}

@media only screen and (min-width:75rem) {
    .w56-menu {
        background-color: rgba(var(--main-color-w),.9);
    }
}

@media only screen and (max-width:75rem) {
    .w56-menu {
        padding: 0;
    }
}

.w56-menu__check {
    display: none;
}

.w56-menu__label {
    background-color: #f4f4f4;
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    display: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w56-menu__label {
        display: flex;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w56-menu__label__icon {
    font-size: 2.4rem;
    font-weight: normal;
}

@media only screen and (max-width:75rem) {
    .w56-menu__check:checked ~
    .w56-menu__label
    .w56-menu__label__icon:before {
        content: "\f141";
    }
}

.w56-menu__label__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
}

.w56-menu__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


.w56-menu__first {
    position: relative;
    transition: all .5s;
    margin-left: auto;
    display: flex;
}

@-webkit-keyframes key-w56-menu__first {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

@media only screen and (min-width:75rem) {
    section.in .w56-menu__first {
        -webkit-animation: key-w56-menu__first 1s;
        animation: key-w56-menu__first 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w56-menu__first {
        width: 100%;
        background-color: rgba(var(--main-color-w),1);
        padding: 1rem;
        display: flex;
        justify-content: center;
    }

    .w56-menu.ws1TransApply .w56-menu__first {
        background: none;
        background-color: transparent;
    }
}

.w56-menu__first__input {
    width: 18rem;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w56-menu__first__input {
        width: 80%;
    }
}

@media only screen and (max-width:50rem) {
    .w56-menu__first__input {
        width: 70%;
    }
}

.w56-menu__first__input__text {
    width: 100%;
    background-color: #fff;
    outline: none;
    font-size: 1.6rem;
    padding: .5rem 1rem;
    font-family: inherit;
    border-radius: .3rem;
    border: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w56-menu__first__input__text {
        padding: .75rem 1rem;
    }

    .w56-menu.ws1TransApply .w56-menu__first__input__text {
        background-color: rgba(255,255,255,.5);
    }
}

.w56-menu__first__input__icon {
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    font-size: 1.4rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    position: absolute;
    right: 0rem;
    cursor: pointer;
    transition: all .5s;
    border-radius: 0 .3rem .3rem 0;
}

@media only screen and (max-width:75rem) {
    .w56-menu__first__input__icon {
        width: 4rem;
    }

    .w56-menu.ws1TransApply .w56-menu__first__input__icon {
        background-color: rgba(var(--second-color-w),.8);
    }
}

.w56-menu__first__input__icon:hover {
    transform: scale(1.05);
}

.w56-menu__first__input:focus {
    outline: .1rem rgba(var(--second-color-w),1) solid;
}

.w56-menu__first__checksearch {
    display: none;
}

    .w56-menu__first__checksearch:checked ~
    .w56-menu__first__main {
        visibility: visible;
        opacity: 1;
        z-index: 2;
    }

.w56-menu__first__label {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w56-menu__first__label {
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: auto;
        color: #fff;
        cursor: pointer;
    }

    .w56-menu.ws1TransApply .w56-menu__first__label {
        color: rgba(var(--main-color-w),1);
    }

    .w56-menu__first__label__icon {
        font-size: 2rem;
        margin-left: 1rem;
    }

    .w56-menu__first__label__name {
        text-transform: uppercase;
        font-size: 2rem;
    }
}

.w56-menu__first__main {
    transition: all .5s;
    position: absolute;
    width: 50rem;
    background-color: #fff;
    top: 4.5rem;
    min-height: 10rem;
    max-height: 70vh;
    overflow-y: scroll;
    right: 0;
    box-shadow: 0 5px 50px rgba(0, 0,0,0.2);
    border-radius: .5rem;
    padding: .5rem 1rem;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}

.w56-menu.ws1TransApply .w56-menu__first__main {
    background-color: rgba(255, 255,255,0.7);
}

.w56-menu__first__main::-webkit-scrollbar {
    width: .4rem;
}

.w56-menu__first__main::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w56-menu__first__main::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w56-menu__first__main::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

@media only screen and (max-width:75rem) {
    .w56-menu__first__main {
        width: 95%;
        right: auto;
        top: 6rem;
    }
}

.w56-menu__first__main__items {
    margin: 0;
    padding: 0;
}

.w56-menu__first__main__items__item {
    list-style-type: none;
    border-bottom: solid .1rem #f1f1f1;
    width: 100%;
    padding: .5rem;
}

    .w56-menu__first__main__items__item:last-child {
        border: none;
    }

.w56-menu__first__main__items__item__name {
    font-size: 1.5rem;
    display: block;
    line-height: 2.8rem;
    cursor: pointer;
    color: rgba(var(--main-color-w),1)
}

    .w56-menu__first__main__items__item__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w56-menu__first__main__close {
}

.w56-menu__first__main__close__icon {
    transition: all .5s;
    display: flex;
    width: 2.4rem;
    height: 2.4rem;
    background-color: red;
    color: #fff;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    border-radius: 50%;
    top: .5rem;
    right: .5rem;
    transform: rotate(45deg);
    position: absolute;
    cursor: pointer;
    z-index: 2;
}

    .w56-menu__first__main__close__icon:hover {
        transform: rotate(145deg);
    }
/*End First Menu*/
/*Second Menu*/
.w56-menu__second {
    transition: all .5s;
}

@-webkit-keyframes key-w56-menu__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    section.in .w56-menu__second {
        -webkit-animation: key-w56-menu__second 1s;
        animation: key-w56-menu__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w56-menu__second {
        margin: 0;
        padding: 1rem 0rem;
        width: 90%;
        background-color: rgba(var(--main-color-w), 1);
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .6s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100vh;
    }

    .w56-menu__check:checked ~ .w56-menu__second {
        overflow-y: scroll;
        left: 0;
    }

    .w56-menu__second::-webkit-scrollbar {
        width: .4rem;
    }

    .w56-menu__second::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w56-menu__second::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w56-menu__second::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w56-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items {
        width: 100%;
    }
}

.w56-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item {
        width: 100%;
    }
}

@media only screen and (min-width:75rem) {
}

.w56-menu__second__items__item__check {
    display: none;
}

.w56-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__main {
        padding: 0;
        transition: .5s;
    }

        .w56-menu__second__items__item__main:hover {
            background-color: rgba(var(--second-color-w),1);
        }
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__main {
        padding: 0 0 0 1rem;
    }

    .w56-menu__second__items__item__check:checked ~
    .w56-menu__second__items__item__main {
        position: fixed;
        background-color: rgba(var(--second-color-w),1);
        top: 0;
        left: 0;
        width: 90%;
        z-index: 2;
        justify-content: center;
        padding: 1rem 1rem 1rem 3rem;
    }
}

.w56-menu__second__items__item__main__name {
    font-size: 1.5rem;
    padding: 1.75rem 2rem;
    display: block;
    cursor: pointer;
    text-transform: uppercase;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__main__name {
        transition: all 0s;
        padding: 1rem 3rem 1rem 0;
        margin-left: 1rem;
        color: #fff;
    }

    .w56-menu__second__items__item:hover .w56-menu__second__items__item__main__name {
    }

    .w56-menu__second__items__item__check:checked ~
    .w56-menu__second__items__item__main
    .w56-menu__second__items__item__main__name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 1;
        padding: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__main__name {
        color: #fff;
        transition: all .5s;
    }

    .w56-menu__second__items__item:hover .w56-menu__second__items__item__main__name {
        color: #fff;
    }

    .w56-menu__second__items__item__check:checked ~
    .w56-menu__second__items__item__main
    .w56-menu__second__items__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

.w56-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__main__icon1 {
        display: inline-block;
        padding: .9rem 0rem;
    }

        .w56-menu__second__items__item__main__icon1:before {
            content: "\f105" !important;
        }

    .w56-menu__second__items__item__check:checked ~
    .w56-menu__second__items__item__main
    .w56-menu__second__items__item__main__icon1 {
        display: none;
    }
}

.w56-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__main__icon2 {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        right: 0;
        height: 100%;
        width: 3rem;
    }

    .w56-menu__second__items__item__main__icon2__value:before {
        content: "\f105" !important;
    }

    .w56-menu__second__items__item__check:checked ~
    .w56-menu__second__items__item__main
    .w56-menu__second__items__item__main__icon2 {
        color: #fff;
        position: absolute;
        left: .5rem;
        right: auto;
    }

        .w56-menu__second__items__item__check:checked ~
        .w56-menu__second__items__item__main
        .w56-menu__second__items__item__main__icon2
        .w56-menu__second__items__item__main__icon2__value:before {
            content: "\f104" !important;
        }
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__main__icon2 {
        color: #fff;
        margin-left: 1rem;
    }
}

.w56-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs {
        overflow: hidden;
        height: 100vh;
        position: fixed;
        z-index: 2;
        top: 4.5rem;
        left: -100%;
        width: 90%;
        transition: all .5s;
        background-color: rgba(var(--main-color-w),1);
        overflow-y: scroll;
    }

        .w56-menu__second__items__item__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w56-menu__second__items__item__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w56-menu__second__items__item__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w56-menu__second__items__item__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w56-menu__second__items__item__check:checked ~
    .w56-menu__second__items__item__childs {
        left: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 6rem;
        background-color: rgba(var(--main-color-w), .9);
        width: max-content;
        max-width: 50rem;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
    }

    .w56-menu__second__items__item:hover .w56-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        border: none;
        pointer-events: inherit;
    }
}

.w56-menu__second__items__item__childs__child {
    position: relative;
}

.w56-menu__second__items__item__childs__child--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs__child--back {
        display: list-item;
        background-color: rgba(var(--second-color-w),1);
    }
}

.w56-menu__second__items__item__childs__child:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w56-menu__second__items__item__childs__child--back:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w56-menu__second__items__item__childs__child:last-child {
    border: none;
}

.w56-menu__second__items__item__childs__child__main {
    display: flex;
    position: relative;
    padding: 0;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__childs__child__main {
        padding-right:1rem;
    }


    .w56-menu__second__items__item__childs__child:first-child .w56-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs__child__main {
        padding: 0 0 0 1rem;
    }

    .w56-menu__second__items__item__childs__child__check:checked ~ .w56-menu__second__items__item__childs__child__main {
        position: fixed;
        background-color: rgba(var(--second-color-w), 1);
        top: 0;
        left: 0;
        width: 90%;
        z-index: 3;
        justify-content: center;
        padding: 1rem 1rem 1rem 3rem;
    }

        .w56-menu__second__items__item__childs__child__check:checked ~
        .w56-menu__second__items__item__childs__child__main
        .w56-menu__second__items__item__childs__child__main__name {
            text-align: center;
            padding: 0;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 1;
        }

    .w56-menu__second__items__item__childs__child--back .w56-menu__second__items__item__childs__child__main {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w56-menu__second__items__item__childs__child__main__back {
        color: #fff;
        margin-right: 1rem;
        font-size: 1.6rem;
    }
}

.w56-menu__second__items__item__childs__child__main__name {
    font-size: 1.6rem;
    cursor: pointer;
    color: #fff;
    padding: 1.2rem 1rem;
    display: block;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs__child__main__name {
        text-transform: capitalize;
        font-size: 1.6rem;
        font-weight: 500;
        padding: 1rem 3rem 1rem 0;
        transition: all 0s;
        color: #fff;
        display: block;
        width: 100%;
    }

    .w56-menu__second__items__item__childs__child--back .w56-menu__second__items__item__childs__child__main__name {
        text-transform: uppercase;
    }

    .w56-menu__second__items__item__childs__child:hover .w56-menu__second__items__item__childs__child__main__name {
    }

    .w56-menu__second__items__item__childs__child--back:hover .w56-menu__second__items__item__childs__child__main__name {
        color: #fff;
    }
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__childs__child__main__name {
        transition: all .5s;
    }

    .w56-menu__second__items__item__childs__child:hover .w56-menu__second__items__item__childs__child__main__name {
        color: #fff;
    }
}

.w56-menu__second__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    position: absolute;
    right: 1rem;
    font-weight: normal;
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }

    .w56-menu__second__items__item__childs__child:hover .w56-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs__child__main__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w56-menu__second__items__item__childs__child__check:checked ~
    .w56-menu__second__items__item__childs__child__main
    .w56-menu__second__items__item__childs__child__main__icon {
        position: absolute;
        left: .5rem;
        right: auto;
    }

    .w56-menu__second__items__item__childs__child__main__icon:before {
    }

    .w56-menu__second__items__item__childs__child__check:checked ~
    .w56-menu__second__items__item__childs__child__main
    .w56-menu__second__items__item__childs__child__main__icon
    .w56-menu__second__items__item__childs__child__main__icon__value:before {
        content: "\f104" !important;
    }
}

.w56-menu__second__items__item__childs__child__check {
    display: none;
}

.w56-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .25s;
}

.w56-menu__second__items__item__childs__child__grands__grand--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs__child__grands {
        overflow: hidden;
        height: 100vh;
        width: 90%;
        overflow-y: scroll;
        position: fixed;
        z-index: 3;
        top: 4.5rem;
        background-color: rgba(var(--main-color-w),1);
        left: -100%;
    }

        .w56-menu__second__items__item__childs__child__grands::-webkit-scrollbar {
            width: .4rem;
        }

        .w56-menu__second__items__item__childs__child__grands::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w56-menu__second__items__item__childs__child__grands::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w56-menu__second__items__item__childs::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

    .w56-menu__second__items__item__childs__child__check:checked ~
    .w56-menu__second__items__item__childs__child__grands {
        left: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__childs__child__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        border: solid #f1f1f1 .1rem;
        background-color: rgba(var(--main-color-w), .9);
        width: 20rem;
    }

    .w56-menu__second__items__item__childs__child:hover .w56-menu__second__items__item__childs__child__grands {
        left: 100%;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        border: none;
    }
}

.w56-menu__second__items__item__childs__child__grands__grand {
}

.w56-menu__second__items__item__childs__child__grands__grand__main {
    padding: 0;
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w56-menu__second__items__item__childs__child__grands__grand:first-child .w56-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w56-menu__second__items__item__childs__child__grands__grand:hover .w56-menu__second__items__item__childs__child__grands__grand__main {
        background-color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w56-menu__second__items__item__childs__child__grands__grand--back {
        display: list-item;
    }

        .w56-menu__second__items__item__childs__child__grands__grand--back .w56-menu__second__items__item__childs__child__grands__grand__main {
            background-color: rgba(var(--second-color-w),1);
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
        }

    .w56-menu__second__items__item__childs__child__grands__grand__main__back {
        color: #fff;
        font-size: 1.6rem;
        margin-right: 1rem;
    }
}

.w56-menu__second__items__item__childs__child__grands__grand__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    padding: 1.2rem 1rem;
}

@media only screen and (min-width:75rem) {
    .w56-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w56-menu__second__items__item__childs__child__grands__grand__main:hover .w56-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

@media only screen and (max-width:75rem) {
    .w56-menu__second__items__item__childs__child__grands__grand__main__name {
        font-size: 1.6rem;
        text-transform: capitalize;
        color: #fff
    }

    .w56-menu__second__items__item__childs__child__grands__grand:hover .w56-menu__second__items__item__childs__child__grands__grand__main__name {
    }

    .w56-menu__second__items__item__childs__child__grands__grand__main:hover .w56-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

.w56-menu__heading {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w56-menu__heading {
        display: flex;
        align-items: center;
        padding: 1rem 0rem 1rem 1rem;
    }

    .w56-menu__heading__figure {
        background-size: contain;
        background-position: top left;
        background-repeat: no-repeat;
        max-height: 7rem;
    }

    .w56-menu__heading__label {
        margin-left: auto;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        text-align: center;
        padding: .75rem 1rem;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
    }

        .w56-menu__heading__label:hover {
            transform: scale(1.05);
        }

    .w56-menu__heading__label__icon {
        font-size: 1.6rem;
    }
}

.w56-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    display: none;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    transition: all .35s;
}

@media only screen and (max-width:75rem) {
    .w56-menu__bg {
        display: block;
    }

    .w56-menu__check:checked ~ .w56-menu__bg {
        left: 0;
    }
}
/*ed*/
/*w56-header*/
.w56-header {
    width: 100%;
    background-color: #fff;
    padding: 1.5rem 1rem;
}

.w56-header__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-header__first {
    width: 26%;
}

@media only screen and (max-width:50rem) {
    .w56-header__first {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.w56-header__first__link {
}

@media only screen and (max-width:50rem) {
    .w56-header__first__link {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.w56-header__first__link__imgbox {
    max-width: 100%;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
    max-block-size: 9rem;
}

@media only screen and (max-width:50rem) {
    .w56-header__first__link__imgbox {
        max-width: 60%;
    }
}

.w56-header__two {
    width: 46%;
    margin-left: 2%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w56-header__two {
        width: 100%;
        margin: 1rem 0;
    }
}

.w56-header__two__name {
    width: 100%;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    font-size: 2.4rem;
    line-height: 3.5rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    letter-spacing: .1rem;
    text-transform: uppercase;
}

@media only screen and (max-width:75rem) {
    .w56-header__two__name {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.w56-header__two__name:hover {
    
}

.w56-header__third {
    margin-left: 2%;
    width: 24%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w56-header__third {
        width: 100%;
        margin: 0;
        justify-content: space-around;
    }
}

.w56-header__third__item {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    margin: .5rem 0rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w56-header__third__item {
        width: max-content;
        margin-right: 1rem;
    }

        .w56-header__third__item:last-child {
            margin-right: 0;
        }
}

.w56-header__third__item__icon {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:62.5rem) {
    .w56-header__third__item__icon {
        font-size: 1.6rem;
    }
}

.w56-header__third__item__name {
    font-size: 2rem;
    margin-left: .75rem;
    font-weight: 600;
    letter-spacing: .1rem;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w56-header__third__item__name {
        font-size: 1.6rem;
    }
}

.w56-header__third__item:hover .w56-header__third__item__name {
    text-decoration:underline;
}
/*ed*/
/*w56-product*/
.w56-product {
    width: 100%;
    padding: 0rem 0rem;
    position: relative;
    background-color: #f5f5f5;
    background-repeat: repeat;
}

@media only screen and (max-width:50rem) {
    .w56-product {
        padding-bottom: 0rem;
    }
}

.w56-product__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
}

.w56-product__name {
    width: 100%;
}

.w56-product__name__text {
    display: block;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 5rem;
    text-align: center;
    font-weight: 500;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w56-product__name__text:hover {
        color: rgba(var(--second-color-w),1);
        letter-spacing: .2rem;
    }

@media only screen and (max-width:31.25rem) {
    .w56-product__name__text {
        font-size: 2rem;
    }
}

.w56-product__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: center;
}

.w56-product__mains {
    width: 100%;
    margin-top: 2rem;
}

@media only screen and (max-width:31.25rem) {
    .w56-product__mains {
        margin-top: 0rem;
    }
}

.w56-product__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w56-product__mains__main {
        margin-top: 1.5rem;
    }
}

.w56-product__mains__main__items {
    display: flex;
    padding-bottom: 1rem;
}

.w56-product__mains__main__items__item {
    width: 24.25%;
    margin-right: 1%;
    position: relative;
    border-radius: .5rem;
    border: solid #f1f1f1 .1rem;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w56-product__mains__main__items__item {
        width: 32%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:56.25rem) {
    .w56-product__mains__main__items__item {
        width: 48%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w56-product__mains__main__items__item {
        width: 99%;
        margin-left: .5%;
        margin-right: .5%;
    }
}

.w56-product__mains__main__items__item__bottom {
    width: calc(100% - 2rem);
    padding: 1rem;
}

.w56-product__mains__main__items__item__bottom__name {
    display: block;
    position: relative;
}

@media only screen and (max-width:31.25rem) {
    .w56-product__mains__main__items__item__bottom__name {
        margin-top: 1rem;
    }
}

.w56-product__mains__main__items__item__bottom__name__text {
    display: block;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w56-product__mains__main__items__item__bottom__name__text {
        font-size: 1.4rem;
    }
}

.w56-product__mains__main__items__item__bottom__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w56-product__mains__main__items__item__bottom__des {
    line-height: 2.6rem;
    color: #333;
    display: flex;
    align-items: center;
}

.w56-product__mains__main__items__item__bottom__des__icon {
    display: inline-block;
    margin-right: .5rem;
    font-size: 1.4rem;
}

.w56-product__mains__main__items__item__bottom__des__name {
    font-size: 1.4rem;
    display: inline;
}

.w56-product__mains__main__items__item__bottom__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w56-product__mains__main__items__item__bottom__btns__btn {
    display: flex;
    justify-content: center;
    margin: 1rem 0rem 0;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w56-product__mains__main__items__item__bottom__btns__btn {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.w56-product__mains__main__items__item__bottom__btns__btn__text {
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    text-align: center;
    padding: .75rem 1rem;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    border: solid #f1f1f1 .1rem;
    border-radius: .3rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w56-product__mains__main__items__item__bottom__btns__btn__text {
        font-size: 1.4rem;
        display: block;
        width: 100%;
    }
}

.w56-product__mains__main__items__item__bottom__btns__btn__text:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .2rem;
}

.w56-product__mains__main__items__item__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    background-color: #fff;
}

    .w56-product__mains__main__items__item__top:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w56-product__mains__main__items__item:hover .w56-product__mains__main__items__item__top:after {
    animation: key-w56-product__mains__main__items__item__top 1.5s;
}

@keyframes key-w56-product__mains__main__items__item__top {
    100% {
        left: 125%;
    }
}

.w56-product__mains__main__items__item__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .w56-product__mains__main__items__item__top__imgbox:hover {
        transform: scale(1.05);
    }

.w56-product__mains__main__items__item__bottom__price {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: .75rem;
    padding: .75rem 0;
    flex-wrap: wrap;
    justify-content: center;
    border-top: dotted .1rem #cecece;
    border-bottom: dotted .1rem #cecece;
}

@media only screen and (max-width:31.25rem) {
    .w56-product__mains__main__items__item__bottom__price {
        justify-content: center;
    }
}

.w56-product__mains__main__items__item__bottom__price__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.6rem;
    font-weight: 500;
}

@media only screen and (max-width:31.25rem) {
    .w56-product__mains__main__items__item__bottom__price__main {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w56-product__mains__main__items__item__bottom__price__main {
        text-align: center
    }
}

.w56-product__mains__main__items__item__bottom__price__sub {
    color: #999999;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: auto;
}

@media only screen and (max-width:31.25rem) {
    .w56-product__mains__main__items__item__bottom__price__sub {
        text-align: center;
        margin-top: .5rem;
    }
}

.w56-product__mains__main__items__item__bottom__price__sale {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.3rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: flex;
}

.w56-product__mains__main__items__item__bottom__attrs {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 0.375rem;
}

.w56-product__mains__main__items__item__bottom__attrs__attr {
    list-style-type: none;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: stretch;
    border-bottom: dotted .1rem #cecece;
    flex-wrap: wrap;
}

    .w56-product__mains__main__items__item__bottom__attrs__attr:last-child {
        border-bottom: none;
    }

.w56-product__mains__main__items__item__bottom__attrs__attr__name {
    font-weight: 600;
    font-size: 1.5rem;
    white-space: nowrap;
    padding: 0.375rem 1rem 0.375rem 0;
}

.w56-product__mains__main__items__item__bottom__attrs__attr__value {
    font-size: 1.5rem;
    padding: 0.375rem 1rem 0.375rem 0;
}

.w56-product__mains__main__pagination {
    bottom: 0 !important;
    display: block;
    z-index: 1;
}

    .w56-product__mains__main__pagination .swiper-pagination-bullet {
        width: 1.5rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
        margin-top: 1rem !important;
    }

    .w56-product__mains__main__pagination .swiper-pagination-bullet-active {
        width: 3rem;
        opacity: 1;
    }
/*ed*/
/*w56-article-2*/
.w56-article-2 {
    width: 100%;
    padding: 0;
    padding: 5rem 0rem 4.5rem;
    background-color: #f5f5f5;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2 {
        padding-bottom: 3rem;
    }
}

.w56-article-2__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 1rem;
    padding: 0rem;
}

.w56-article-2__heading {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__heading {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w56-article-2__heading__tab {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    z-index: 2;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__heading__tab {
        justify-content: center;
    }
}

.w56-article-2__heading__tab__item {
    padding: .5rem 2rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 2rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    border: solid .1rem #f1f1f1;
    transition: all .5s;
    margin-right: 1rem;
    text-align: center;
    margin-left: 2rem;
    margin-top: .5rem;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w56-article-2__heading__tab__item {
        margin-right: 0rem;
        width: 49%;
        margin-left: 2%;
    }

        .w56-article-2__heading__tab__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w56-article-2__heading__tab__item:hover {
    background-color: #fff;
    color: rgba(var(--second-color-w), 1);
}

.w56-article-2__heading__tab__item--active,
.w56-article-2__heading__tab__item.active {
    background-color: #fff;
    color: rgba(var(--second-color-w), 1);
}

.w56-article-2__heading__line {
    position: absolute;
    width: 100%;
    z-index: 1;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:50rem) {
    .w56-article-2__heading__line {
        display: none;
    }
}

.w56-article-2__main {
    margin-top: 3rem;
    width: 100%;
}

.w56-article-2__main__item {
    flex-wrap: wrap;
    display: flex;
    position: relative;
    margin-bottom: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__main__item {
        margin-bottom: 1rem;
    }
}

.w56-article-2__main__item__first {
    width: 15%;
    background-color: #fff;
    padding: 2rem 1.5rem;
    position: relative
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__main__item__first {
        width: 100%;
        padding: 2rem 0rem 0rem;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.w56-article-2__main__item__first__dot {
    width: 2rem;
    height: 2rem;
    outline: #ededed solid .4rem;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -1.25rem;
    top: 2.5rem;
    transition: all .5s;
}

.w56-article-2__main__item:hover .w56-article-2__main__item__first__dot {
    outline: rgba(var(--main-color-w), 1) solid .4rem;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__main__item__first__dot {
        position: relative;
        right: auto;
        margin-right: 1rem;
        top: auto;
    }
}

.w56-article-2__main__item__first__name {
    width: 85%;
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__main__item__first__name {
        width: 40%;
    }
}

.w56-article-2__main__item__first__name__text {
    font-size: 1.6rem;
    width: 100%;
    background-color: #ededed;
    padding: .5rem .5rem .5rem 1rem;
    letter-spacing: .1rem;
    transition: all .5s;
}

.w56-article-2__main__item:hover .w56-article-2__main__item__first__name__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__main__item__first__name__text {
        padding: 1rem;
    }
}

.w56-article-2__main__item__first__name__bg {
    border: 1.48rem solid rgba(238, 0, 0, 0);
    border-left: 1.48rem solid #ededed;
    position: absolute;
    transition: all .5s;
    right: -2.8rem;
}

.w56-article-2__main__item:hover .w56-article-2__main__item__first__name__bg {
    border-left: 1.48rem solid rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__main__item__first__name__bg {
        border: 1.9rem solid rgba(238, 0, 0, 0);
        border-left: 1.9rem solid #ededed;
        right: -3.8rem;
    }

    .w56-article-2__main__item:hover .w56-article-2__main__item__first__name__bg {
        border-left: 1.9rem solid rgba(var(--main-color-w), 1);
    }
}

.w56-article-2__main__item__second {
    margin-left: auto;
    width: 84.5%;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 2rem 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w56-article-2__main__item__second {
        width: 100%;
        padding: 2rem 1rem;
        margin-left: 0;
    }
}

.w56-article-2__main__item__second__one {
    width: 75%;
}

@media only screen and (max-width:50rem) {
    .w56-article-2__main__item__second__one {
        width: 100%;
    }
}

.w56-article-2__main__item__second__one__name {
    display: block;
    font-size: 1.8rem;
    font-weight: 500;
    color: rgba(var(--main-color-w), 1);
    line-height: 3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w56-article-2__main__item__second__one__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w56-article-2__main__item__second__one__create {
    display: flex;
    font-size: 1.6rem;
    margin-top: 1rem;
    color: #333;
    font-style: italic
}

.w56-article-2__main__item__second__one__create__name {
    margin-left: .5rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 500;
}

.w56-article-2__main__item__second__one__des {
    font-size: 1.6rem;
    color: #333;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify
}

.w56-article-2__main__item__second__one__view {
    display: flex;
    font-size: 1.6rem;
    margin-top: 1rem;
    color: #333;
    font-style: italic
}

.w56-article-2__main__item__second__one__view__text {
    margin-left: .5rem;
}

.w56-article-2__main__item__second__two {
    margin-left: auto;
    width: 23%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w56-article-2__main__item__second__two {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w56-article-2__main__item__second__two:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w56-article-2__main__item:hover .w56-article-2__main__item__second__two:after {
    animation: key-w56-article-2__main__item__second__two 1.5s;
}

@keyframes key-w56-article-2__main__item__second__two {
    100% {
        left: 125%;
    }
}

.w56-article-2__main__item__second__two__imgbox {
    background-size: cover;
    width: 100%;
    background-position: top center;
    transition: all .5s;
    cursor: pointer;
}

    .w56-article-2__main__item__second__two__imgbox:hover {
        transform: scale(1.05);
    }

.w56-article-2__main__item__second__two__imgbox__img {
    width: 100%;
}
/*ed*/
/*w56-article*/
.w56-article {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w56-article {
        padding: 0rem 1rem 2rem;
    }
}

.w56-article__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w56-article__items {
    display: flex;
    flex-wrap: wrap;
}

.w56-article__items__item {
    margin-top: 2rem;
    width: 100%;
}

    .w56-article__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w56-article__items__item__heading {
    margin-bottom: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w56-article__items__item__heading {
        justify-content: center;
    }
}

.w56-article__items__item__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w56-article__items__item__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w56-article__items__item__heading__text:hover {
    transform: scale(1.05);
}

.w56-article__items__item__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w56-article__items__item__heading__btn {
        display: none;
    }
}

.w56-article__items__item__heading__btn:hover {
    transform: scale(1.05);
}

.w56-article__items__item__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
}

.w56-article__items__item__heading__btn__icon {
    font-size: 1.5rem;
    margin-left: .5rem;
    color: rgba(var(--main-color-w), 1);
}

.w56-article__items__item__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w56-article__items__item__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w56-article__items__item__mains__main {
    margin-bottom: 3rem;
    width: 23.5%;
    margin-left: 2%;
    overflow:hidden;
}

@media only screen and (min-width:62.5rem) {
    .w56-article__items__item__mains__main:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w56-article__items__item__mains__main {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w56-article__items__item__mains__main:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w56-article__items__item__mains__main {
        width: 48%;
        margin-left: 4%;
    }

        .w56-article__items__item__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w56-article__items__item__mains__main__first {
    overflow: hidden;
    border-radius: .5rem;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w56-article__items__item__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

.w56-article__items__item__mains__main:hover .w56-article__items__item__mains__main__first:after {
    animation: key-w56-article__items__item__mains__main__first 1.5s;
}

@keyframes key-w56-article__items__item__mains__main__first {
    100% {
        left: 125%;
    }
}

.w56-article__items__item__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .5rem;
    transition: all .5s;
}

    .w56-article__items__item__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w56-article__items__item__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w56-article__items__item__mains__main__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1.5rem;
    cursor: pointer;
}

    .w56-article__items__item__mains__main__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w56-article__items__item__mains__main__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:31.25rem) {
    .w56-article__items__item__mains__main__second__des {
        display: none;
    }
}
/*ed*/
/*w56-abimg*/
.w56-abimg {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
    background-size: cover;
    position: relative;
    background-position: top center;
    overflow: hidden;
}

.w56-abimg__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
}

.w56-abimg__heading {
}

.w56-abimg__heading__name {
    display: block;
    position: relative;
    cursor: pointer;
}

.w56-abimg__heading__name__text {
    font-size: 3rem;
    text-transform: uppercase;
    position: relative;
    transition: all .5s;
    font-weight: 600;
    line-height: 5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w56-abimg__heading__name__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:75rem) {
    .w56-abimg__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w56-abimg__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w56-abimg__mains {
    overflow: hidden;
    padding-bottom: 1rem;
}

.w56-abimg__mains__main {
    z-index: 0;
}

.w56-abimg__mains__main__items {
    display: flex;
    justify-content: center;
    width: 99%;
    margin-right: .5%;
    margin-left: .5%;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.w56-abimg__mains__main__items__item {
    width: 23.5%;
    margin-left: 2%;
    padding: 1rem 0;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width:50rem) {
    .w56-abimg__mains__main__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w56-abimg__mains__main__items__item {
        width: 32%;
    }

    @media only screen and (min-width:37.5rem) {
        .w56-abimg__mains__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:37.5rem) {
        .w56-abimg__mains__main__items__item {
            width: 49%;
            margin-left: 2%;
            margin-top: 1rem;
        }

            .w56-abimg__mains__main__items__item:nth-child(2n+1) {
                margin-left: 0;
            }
    }
}

.w56-abimg__mains__main__items__item__imgbox {
    background-size: cover;
    border-radius: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
    height: 100%;
}

.w56-abimg__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w56-abimg__mains__main__items__item__imgbox__main {
    background-color: rgba(0,0,0,0.5);
    width: 94%;
    height: 92%;
    border-radius: 1.5rem;
    position: absolute;
    transition: all .5s;
    transform: scale(0);
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w56-abimg__mains__main__items__item__imgbox__main__content {
}

.w56-abimg__mains__main__items__item__imgbox:hover .w56-abimg__mains__main__items__item__imgbox__main {
    transform: scale(1);
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w56-abimg__mains__main__items__item__imgbox__main__content__name {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    padding: 0 .5rem;
    letter-spacing: .1rem;
}

@media only screen and (max-width:37.5rem) {
    .w56-abimg__mains__main__items__item__imgbox__main__content__name {
        font-size: 1.6rem;
    }
}

.w56-abimg__mains__pagination {
    bottom: 0 !important;
    display: block;
    position: relative;
    margin-top: 1.5rem;
    z-index: 0;
}

    .w56-abimg__mains__pagination .swiper-pagination-bullet {
        width: 1.5rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
        margin-top: 1rem !important;
    }

    .w56-abimg__mains__pagination .swiper-pagination-bullet-active {
        width: 3rem;
        opacity: 1;
    }
/*ed*/

/*w56-product-2*/
.w56-product-2 {
    width: 100%;
    padding: 3rem 1rem;
    position: relative;
    background-repeat: repeat;
    background-color: #fff;
}

@media only screen and (max-width:50rem) {
    .w56-product-2 {
        padding-bottom: 0rem;
    }
}

.w56-product-2__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w56-product-2__name {
    width: 100%;
}

.w56-product-2__name__text {
    display: block;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 5rem;
    text-align: center;
    font-weight: 500;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w56-product-2__name__text:hover {
        color: rgba(var(--second-color-w),1);
        letter-spacing: .2rem;
    }

@media only screen and (max-width:31.25rem) {
    .w56-product-2__name__text {
        font-size: 2rem;
    }
}

.w56-product-2__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: center;
}

.w56-product-2__tabs {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w56-product-2__tabs__item {
    margin-top: 1rem;
    padding: .5rem 2rem;
    background-color: #fff;
    border-radius: 2rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin-right: 1rem;
    text-align: center;
}

    .w56-product-2__tabs__item:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w56-product-2__tabs__item {
        margin-right: 0rem;
        width: 49%;
        margin-left: 2%;
    }

        .w56-product-2__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w56-product-2__tabs__item:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

.w56-product-2__tabs__item--active,
.w56-product-2__tabs__item.active {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
    border: solid .1rem #fff;
}

.w56-product-2__mains {
    width: 100%;
    margin-top: 0rem;
}

@media only screen and (max-width:31.25rem) {
    .w56-product-2__mains {
        margin-top: 0rem;
    }
}

.w56-product-2__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w56-product-2__mains__main {
        margin-top: 1.5rem;
    }
}

.w56-product-2__mains__main__items {
    display: flex;
    padding-bottom: 1rem;
    flex-wrap: wrap;
}

.w56-product-2__mains__main__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 2rem;
    position: relative;
    border-radius: .5rem;
    border: solid #f1f1f1 .1rem;
    overflow: hidden;
}

@media only screen and (min-width:75rem) {
    .w56-product-2__mains__main__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w56-product-2__mains__main__items__item {
        width: 32%;
    }

    @media only screen and (min-width:56.25rem) {
        .w56-product-2__mains__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:56.25rem) {
    .w56-product-2__mains__main__items__item {
        width: 49%;
    }

    @media only screen and (min-width:37.5rem) {
        .w56-product-2__mains__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w56-product-2__mains__main__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w56-product-2__mains__main__items__item__bottom {
    width: 100%;
    padding: 1rem;
}

.w56-product-2__mains__main__items__item__bottom__name {
    display: block;
    position: relative;
}

@media only screen and (max-width:31.25rem) {
    .w56-product-2__mains__main__items__item__bottom__name {
        margin-top: 1rem;
    }
}

.w56-product-2__mains__main__items__item__bottom__name__text {
    display: block;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w56-product-2__mains__main__items__item__bottom__name__text {
        font-size: 1.4rem;
    }
}

.w56-product-2__mains__main__items__item__bottom__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w56-product-2__mains__main__items__item__bottom__des {
    line-height: 2.6rem;
    color: #333;
    display: flex;
    align-items: center;
}

.w56-product-2__mains__main__items__item__bottom__des__icon {
    display: inline-block;
    margin-right: .5rem;
    font-size: 1.4rem;
}

.w56-product-2__mains__main__items__item__bottom__des__name {
    font-size: 1.4rem;
    display: inline;
}

.w56-product-2__mains__main__items__item__bottom__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w56-product-2__mains__main__items__item__bottom__btns__btn {
    display: flex;
    justify-content: center;
    margin: 1rem 0rem 0;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w56-product-2__mains__main__items__item__bottom__btns__btn {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.w56-product-2__mains__main__items__item__bottom__btns__btn__text {
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    text-align: center;
    padding: .75rem 1rem;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    border: solid #f1f1f1 .1rem;
    border-radius: .3rem;
    width: 100%;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w56-product-2__mains__main__items__item__bottom__btns__btn__text {
        font-size: 1.4rem;
        display: block;
        width: 100%;
    }
}

.w56-product-2__mains__main__items__item__bottom__btns__btn__text:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .2rem;
}

.w56-product-2__mains__main__items__item__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    background-color: #fff;
}

    .w56-product-2__mains__main__items__item__top:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w56-product-2__mains__main__items__item:hover .w56-product-2__mains__main__items__item__top:after {
    animation: key-w56-product-2__mains__main__items__item__top 1.5s;
}

@keyframes key-w56-product-2__mains__main__items__item__top {
    100% {
        left: 125%;
    }
}

.w56-product-2__mains__main__items__item__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .w56-product-2__mains__main__items__item__top__imgbox:hover {
        transform: scale(1.05);
    }

.w56-product-2__mains__main__items__item__bottom__price {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: .75rem;
    padding: .75rem 0;
    flex-wrap: wrap;
    justify-content: center;
    border-top: dotted .1rem #cecece;
    border-bottom: dotted .1rem #cecece;
}

@media only screen and (max-width:31.25rem) {
    .w56-product-2__mains__main__items__item__bottom__price {
        justify-content: center;
    }
}

.w56-product-2__mains__main__items__item__bottom__price__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.6rem;
    font-weight: 500;
}

@media only screen and (max-width:31.25rem) {
    .w56-product-2__mains__main__items__item__bottom__price__main {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w56-product-2__mains__main__items__item__bottom__price__main {
        text-align: center
    }
}

.w56-product-2__mains__main__items__item__bottom__price__sub {
    color: #999999;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: auto;
}

@media only screen and (max-width:31.25rem) {
    .w56-product-2__mains__main__items__item__bottom__price__sub {
        text-align: center;
        margin-top: .5rem;
    }
}

.w56-product-2__mains__main__items__item__bottom__price__sale {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.3rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: flex;
}

.w56-product-2__mains__main__items__item__bottom__attrs {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 0.375rem;
}

.w56-product-2__mains__main__items__item__bottom__attrs__attr {
    list-style-type: none;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: stretch;
    border-bottom: dotted .1rem #cecece;
    flex-wrap: wrap;
}

    .w56-product-2__mains__main__items__item__bottom__attrs__attr:last-child {
        border-bottom: none;
    }

.w56-product-2__mains__main__items__item__bottom__attrs__attr__name {
    font-weight: 600;
    font-size: 1.5rem;
    padding: 0.375rem 1rem 0.375rem 0;
    white-space: nowrap;
}

.w56-product-2__mains__main__items__item__bottom__attrs__attr__value {
    font-size: 1.5rem;
    padding: 0.375rem 1rem 0.375rem 0;
}
/*ed*/
/*w56-productlist*/
.w56-productlist {
    width: 100%;
    padding: 0rem 1rem 2rem;
    position: relative;
    background-repeat: repeat;
    background-color: #fff;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w56-productlist {
        padding-bottom: 0rem;
    }
}

.w56-productlist__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w56-productlist__heading {
    padding: 3rem 1rem 1rem;
    position: relative;
    width: 100%;
    z-index: 0;
}

.w56-productlist__heading__bg {
    width: 200%;
    left: -50%;
    top: 0;
    height: 100%;
    position: absolute;
    background: #f5f5f5;
}

.w56-productlist__heading__name {
    width: 100%;
    position: relative;
    z-index: 2;
}

.w56-productlist__heading__name__text {
    display: block;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 5rem;
    text-align: center;
    font-weight: 500;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w56-productlist__heading__name__text:hover {
        color: rgba(var(--second-color-w),1);
        letter-spacing: .2rem;
    }

@media only screen and (max-width:31.25rem) {
    .w56-productlist__heading__name__text {
        font-size: 2rem;
    }
}

.w56-productlist__heading__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify;
}

.w56-productlist__heading__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
    position: relative;
    z-index: 2;
}

.w56-productlist__heading__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w56-productlist__heading__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w56-productlist__heading__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w56-productlist__heading__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__heading__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w56-productlist__heading__detail__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    height: 9rem;
    overflow: hidden;
}

.w56-productlist__heading__detail__check:checked ~ .w56-productlist__heading__detail__content {
    height: max-content;
}

.w56-productlist__heading__detail__check {
    display: none;
}

.w56-productlist__heading__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w56-productlist__heading__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

.w56-productlist__heading__detail__check:checked ~
.w56-productlist__heading__detail__bottom
.w56-productlist__heading__detail__bottom__label {
    background-color: rgba(var(--second-color-w), 1);
}

.w56-productlist__heading__detail__bottom__label__text {
    font-size: 1.6rem;
    letter-spacing: .1rem;
    transition: all .5s;
}

.w56-productlist__heading__detail__bottom__label:hover .w56-productlist__heading__detail__bottom__label__text {
    letter-spacing: .3rem;
}

.w56-productlist__heading__detail__bottom__label__text--2 {
    display: none;
}

.w56-productlist__heading__detail__check:checked ~
.w56-productlist__heading__detail__bottom
.w56-productlist__heading__detail__bottom__label .w56-productlist__heading__detail__bottom__label__text--2 {
    display: inline-block;
}

.w56-productlist__heading__detail__check:checked ~
.w56-productlist__heading__detail__bottom
.w56-productlist__heading__detail__bottom__label .w56-productlist__heading__detail__bottom__label__text--1 {
    display: none;
}

.w56-productlist__heading__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w56-productlist__heading__detail__check:checked ~
.w56-productlist__heading__detail__bottom
.w56-productlist__heading__detail__bottom__label .w56-productlist__heading__detail__bottom__label__icon:before {
    content: "\f102" !important;
}

.w56-productlist__tabs {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w56-productlist__tabs__item {
    margin-top: 1rem;
    padding: .5rem 2rem;
    background-color: #fff;
    border-radius: 2rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin-right: 1rem;
    text-align: center;
}

    .w56-productlist__tabs__item:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w56-productlist__tabs__item {
        margin-right: 0rem;
        width: 49%;
        margin-left: 2%;
    }

        .w56-productlist__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w56-productlist__tabs__item:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

.w56-productlist__tabs__item.active {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
    border: solid .1rem #fff;
}

.w56-productlist__mains {
    width: 100%;
    margin-top: 0rem;
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__mains {
        margin-top: 0rem;
    }
}

.w56-productlist__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w56-productlist__mains__main {
        margin-top: 1.5rem;
    }
}

.w56-productlist__mains__main__items {
    display: flex;
    padding-bottom: 1rem;
    flex-wrap: wrap;
}

.w56-productlist__mains__main__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 2rem;
    position: relative;
    border-radius: .5rem;
    border: solid #f1f1f1 .1rem;
}

@media only screen and (min-width:75rem) {
    .w56-productlist__mains__main__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w56-productlist__mains__main__items__item {
        width: 32%;
    }

    @media only screen and (min-width:56.25rem) {
        .w56-productlist__mains__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:56.25rem) {
    .w56-productlist__mains__main__items__item {
        width: 49%;
    }

    @media only screen and (min-width:37.5rem) {
        .w56-productlist__mains__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w56-productlist__mains__main__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w56-productlist__mains__main__items__item__bottom {
    width: 100%;
    padding: 1rem;
}

.w56-productlist__mains__main__items__item__bottom__name {
    display: block;
    position: relative;
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__mains__main__items__item__bottom__name {
        margin-top: 1rem;
    }
}

.w56-productlist__mains__main__items__item__bottom__name__text {
    display: block;
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__mains__main__items__item__bottom__name__text {
        font-size: 1.4rem;
    }
}

.w56-productlist__mains__main__items__item__bottom__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w56-productlist__mains__main__items__item__bottom__des {
    line-height: 2.6rem;
    color: #333;
    display: flex;
    align-items: center;
}

.w56-productlist__mains__main__items__item__bottom__des__icon {
    display: inline-block;
    margin-right: .5rem;
    font-size: 1.4rem;
}

.w56-productlist__mains__main__items__item__bottom__des__name {
    font-size: 1.4rem;
    display: inline;
}

.w56-productlist__mains__main__items__item__bottom__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w56-productlist__mains__main__items__item__bottom__btns__btn {
    display: flex;
    justify-content: center;
    margin: 1rem 0rem 0;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w56-productlist__mains__main__items__item__bottom__btns__btn {
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}

.w56-productlist__mains__main__items__item__bottom__btns__btn__text {
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    text-align: center;
    padding: .75rem 1rem;
    display: inline-block;
    cursor: pointer;
    transition: all .5s;
    border: solid #f1f1f1 .1rem;
    border-radius: .3rem;
    width: 100%;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w56-productlist__mains__main__items__item__bottom__btns__btn__text {
        font-size: 1.4rem;
        display: block;
        width: 100%;
    }
}

.w56-productlist__mains__main__items__item__bottom__btns__btn__text:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .2rem;
}

.w56-productlist__mains__main__items__item__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    background-color: #fff;
}

    .w56-productlist__mains__main__items__item__top:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w56-productlist__mains__main__items__item:hover .w56-productlist__mains__main__items__item__top:after {
    animation: key-w56-productlist__mains__main__items__item__top 1.5s;
}

@keyframes key-w56-productlist__mains__main__items__item__top {
    100% {
        left: 125%;
    }
}

.w56-productlist__mains__main__items__item__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .w56-productlist__mains__main__items__item__top__imgbox:hover {
        transform: scale(1.05);
    }

.w56-productlist__mains__main__items__item__bottom__price {
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: .75rem;
    padding: .75rem 0;
    flex-wrap: wrap;
    justify-content: center;
    border-top: dotted .1rem #cecece;
    border-bottom: dotted .1rem #cecece;
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__mains__main__items__item__bottom__price {
        justify-content: center;
    }
}

.w56-productlist__mains__main__items__item__bottom__price__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.6rem;
    font-weight: 500;
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__mains__main__items__item__bottom__price__main {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__mains__main__items__item__bottom__price__main {
        text-align: center
    }
}

.w56-productlist__mains__main__items__item__bottom__price__sub {
    color: #999999;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: auto;
}

@media only screen and (max-width:31.25rem) {
    .w56-productlist__mains__main__items__item__bottom__price__sub {
        text-align: center;
        margin-top: .5rem;
    }
}

.w56-productlist__mains__main__items__item__bottom__price__sale {
    width: 3.2rem;
    height: 3.2rem;
    font-size: 1.3rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    align-items: center;
    justify-content: center;
    display: flex;
}

.w56-productlist__mains__main__items__item__bottom__attrs {
    margin: 0;
    padding: 0;
    width: 100%;
    margin-top: 0.375rem;
}

.w56-productlist__mains__main__items__item__bottom__attrs__attr {
    list-style-type: none;
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    justify-content: stretch;
    border-bottom: dotted .1rem #cecece;
}

    .w56-productlist__mains__main__items__item__bottom__attrs__attr:last-child {
        border-bottom: none;
    }

.w56-productlist__mains__main__items__item__bottom__attrs__attr__name {
    font-weight: 600;
    font-size: 1.5rem;
    padding: 0.375rem 1rem 0.375rem 0;
}

.w56-productlist__mains__main__items__item__bottom__attrs__attr__value {
    font-size: 1.5rem;
    padding: 0.375rem 1rem 0.375rem 0;
}

.w56-productlist__mains__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w56-productlist__mains__paging__item {
    list-style-type: none;
}

.w56-productlist__mains__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
}

.w56-productlist__mains__paging__item:hover .w56-productlist__mains__paging__item__text,
.w56-productlist__mains__paging__item.active .w56-productlist__mains__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w56-productlist .table__responsive {
    overflow-y: scroll;
}

    .w56-productlist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w56-productlist .table__responsive::-webkit-scrollbar-track {
    }

    .w56-productlist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w56-productlist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w56-productlist .table__responsive table {
        width: max-content;
    }

.w56-productlist__heading__detail__content table {
    border-top: solid .1rem #e1e1e1;
    border-left: solid .1rem #e1e1e1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w56-productlist__heading__detail__content table td,
    .w56-productlist__heading__detail__content table th {
        border-bottom: solid .1rem #e1e1e1;
        border-right: solid .1rem #e1e1e1;
        padding: .75rem;
    }
/*ed*/
/*w56-productdetail*/
.w56-productdetail {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    background-color: #fff;
}

.w56-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w56-productdetail__top {
    flex-wrap: wrap;
    outline: none;
    display: flex;
}

@media only screen and (max-width:75rem) {
    .w56-productdetail__top {
        display: flex;
        flex-wrap: wrap;
    }
}

.w56-productdetail__top__first {
    width: 48.5%;
}

@media only screen and (max-width:62.5rem) {
    .w56-productdetail__top__first {
        width: 100%;
    }
}

.w56-productdetail__top__first__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w56-productdetail__top__first__mains__items {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 0;
}

.w56-productdetail__top__first__mains__second {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fafafa;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    z-index: 0;
}

    .w56-productdetail__top__first__mains__second::-webkit-scrollbar {
        width: .3rem;
    }

    .w56-productdetail__top__first__mains__second::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }

.w56-productdetail__top__first__mains__items__item {
    align-items: center !important;
}

.w56-productdetail__top__first__mains__items__item__imgbox {
    background-size: cover;
    width: 100%;
    height: max-content !important;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .w56-productdetail__top__first__mains__items__item__imgbox .zoomImg {
        background-color: #fff;
    }

.w56-productdetail__top__first__mains__items__item__imgbox__img {
    width: 100%;
}

.w56-productdetail__top__first__mains__items__item__imgbox img.w56-productdetail__top__first__mains__items__item__imgbox__img {
    opacity: 0;
}

.w56-productdetail__top__first__mains__second__items {
    height: max-content !important;
    align-items: center !important;
}

.w56-productdetail__top__first__mains__second__items__item.swiper-slide {
    width: 18.4%;
    margin-right: 2%;
    background-color: #e0e0e0;
    transition: all .5s;
}

.w56-productdetail__top__first__mains__second__items__item.swiper-slide-thumb-active,
.w56-productdetail__top__first__mains__second__items__item:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w56-productdetail__top__first__mains__second__items__item__imgbox {
    background-size: cover;
    margin: .2rem;
    cursor: pointer;
    height: 97%;
}

.w56-productdetail__top__first__mains__items__item__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (min-width:50rem) {
    .w56-productdetail__top__first__mains__items__item__imgbox__zoom {
        left: 1rem;
    }
}

.w56-productdetail__top__first__mains__items__item__imgbox__zoom:hover {
    border-radius: 2rem;
    padding: 0 1rem;
    width: auto;
    background-color: rgb(241,241,241,.7);
}

.w56-productdetail__top__first__mains__items__item__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
    animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-wd-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w56-productdetail__top__first__mains__items__item__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
    margin-left: 1rem;
}

.w56-productdetail__top__first__mains__items__item__imgbox__zoom:hover .w56-productdetail__top__first__mains__items__item__imgbox__zoom__text {
    display: block;
}

.w56-productdetail__top__first__mains__items__next.swiper-button-next,
.w56-productdetail__top__first__mains__items__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    z-index: 1;
}

.w56-productdetail__top__first__mains__items__prev__icon {
    font-size: 1.4rem;
}

.w56-productdetail__top__first__mains__items__next__icon {
    font-size: 1.4rem;
}

.w56-productdetail__top__first__mains__items__next:after,
.w56-productdetail__top__first__mains__items__prev:after {
    display: none;
}

.w56-productdetail__top__first__mains__second__next.swiper-button-next,
.w56-productdetail__top__first__mains__second__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    width: 3.5rem;
    border-radius: 50%;
    height: 3.5rem;
    background-color: rgba(255,255,255,.5);
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__first__mains__second__next.swiper-button-next,
    .w56-productdetail__top__first__mains__second__prev.swiper-button-prev {
        width: 2rem;
        height: 2rem;
    }
}

.w56-productdetail__top__first__mains__second__prev__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__first__mains__second__prev__icon {
        font-size: 1rem;
    }
}

.w56-productdetail__top__first__mains__second__next__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__first__mains__second__next__icon {
        font-size: 1rem;
    }
}

.w56-productdetail__top__first__mains__second__next:after,
.w56-productdetail__top__first__mains__second__prev:after {
    display: none;
}

.w56-productdetail__top__first__mains__tuvan {
    margin-top: 1rem;
    background-color: #b90d0d;
    border-radius: .5rem;
    padding: 2rem;
    position: relative;
    color: #fff;
    width: 100%;
    z-index: 0;
}

.w56-productdetail__top__first__mains__tuvan__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w56-productdetail__top__first__mains__tuvan__item__icon {
    font-size: 2.4rem;
    margin-right: 2rem;
    width: 5rem;
    height: 5rem;
    background-color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    cursor: pointer;
    transition: all 1s;
}

    .w56-productdetail__top__first__mains__tuvan__item__icon:hover {
        transform: rotate(360deg);
    }

.w56-productdetail__top__first__mains__tuvan__item__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 86%;
}

.w56-productdetail__top__first__mains__tuvan__input {
    margin-top: 2rem;
    position: relative;
}

.w56-productdetail__top__first__mains__tuvan__input__text {
    width: 100%;
    outline: .1rem solid #ced4da;
    border-left: 0;
    border-right: 0;
    padding: 1rem 1rem;
    font-size: 1.6rem;
    font-family: inherit;
    border: none;
}

.w56-productdetail__top__first__mains__tuvan__input__btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    font-size: 1.6rem;
    padding: 1rem 2rem;
    color: #fff;
    background: #313131;
    text-transform: uppercase;
    font-family: inherit;
    cursor: pointer;
    transition: all .5s;
}

    .w56-productdetail__top__first__mains__tuvan__input__btn:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w56-productdetail__top__second {
    width: 48.5%;
    margin-left: auto
}

@media only screen and (max-width:62.5rem) {
    .w56-productdetail__top__second {
        width: 100%;
        margin: 2rem 0 0 0;
    }
}

.w56-productdetail__top__second__name {
    font-size: 3rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 4rem;
}

@media only screen and (max-width:62.5rem) {
    .w56-productdetail__top__second__name {
        text-align: center
    }
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__name {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w56-productdetail__top__second__price {
    margin-top: 2rem;
    display: flex;
    align-items: baseline;
    justify-content: center;
    flex-wrap: wrap;
}

.w56-productdetail__top__second__price__text {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__price__text {
        width: 100%;
        justify-content: center;
        margin-bottom: 1rem;
    }
}

.w56-productdetail__top__second__price__text__icon {
    font-size: 2rem;
    color: #999;
}

.w56-productdetail__top__second__price__text__name {
    font-size: 2rem;
    margin-left: 1rem;
    color: #999;
}

.w56-productdetail__top__second__price__1 {
    color: rgba(var(--main-color-w), 1);
    font-size: 4rem;
    font-weight: 600;
    margin: 0 2rem;
}
.w56-productdetail__top__second__price__1--hide {
    opacity:0;
    visibility:hidden;
}
@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__price__1 {
        font-size: 3rem;
        margin: 0 1rem 0 0;
    }
}

.w56-productdetail__top__second__price__2 {
    text-decoration: line-through;
    font-size: 1.8rem;
    color: #999;
}
.w56-productdetail__top__second__price__2--hide {
    display: none;
}
.w56-productdetail__top__second__rate {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__rate {
        margin-top: 1rem;
    }
}

.w56-productdetail__top__second__rate__items {
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__rate__items {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
}

.w56-productdetail__top__second__rate__items__item {
    color: #efad0d;
    display: inline-block;
    font-size: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w56-productdetail__top__second__rate__items__item {
        font-size: 1.6rem;
    }
}

.w56-productdetail__top__second__rate__text1 {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    margin-left: .5rem;
    font-weight: 600;
}

.w56-productdetail__top__second__rate__text2 {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    margin-left: .5rem;
    font-weight: 600;
}

.w56-productdetail__top__second__rate__text3 {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    margin-left: .5rem;
    font-weight: 600;
}

.w56-productdetail__top__second__rate__view {
    margin-left: auto;
    display: flex;
}

.w56-productdetail__top__second__rate__view__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w56-productdetail__top__second__rate__view__value {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w56-productdetail__top__second__size {
    margin-top: 2rem;
}
.w56-productdetail__top__second__size--hide{
    display:none;
}
.w56-productdetail__top__second__size__text {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display:flex;
}
.w56-productdetail__top__second__size__text__value{
    margin-left:1rem;
}
.w56-productdetail__top__second__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    border: .1rem solid #f1f1f1;
    padding: 1rem 0 0rem;
    margin-bottom: 1rem;
    justify-content: flex-start;
}

.w56-productdetail__top__second__size__items__item {
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1rem;
    background-color: #dedede;
    border-radius: .4rem;
    padding: .5rem;
    position: relative;
    overflow: hidden;
    display:block !important;
    filter:brightness(1) !important;
    border:solid .1rem rgba(var(--main-color-w), 0);
    transition:all .5s;
}
.w56-productdetail__top__second__size__items__item:hover{
    border-color:rgba(var(--main-color-w), 1);
}
.w56-productdetail__top__second__size__items__item--hide{
    display:none !important;
}
.w56-productdetail__top__second__size__items__item--hethang {
    cursor: not-allowed;
}

    .w56-productdetail__top__second__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w56-productdetail__top__second__size__items__item__check {
    display: none;
}

.w56-productdetail__top__second__size__items__item__label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w56-productdetail__top__second__size__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w56-productdetail__top__second__size__items__item.active .w56-productdetail__top__second__size__items__item__label__icon,
.w56-productdetail__top__second__size__items__item__check:checked ~
.w56-productdetail__top__second__size__items__item__label
.w56-productdetail__top__second__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w56-productdetail__top__second__size__items__item.active .w56-productdetail__top__second__size__items__item__label__icon:before,
    .w56-productdetail__top__second__size__items__item__check:checked ~
    .w56-productdetail__top__second__size__items__item__label
    .w56-productdetail__top__second__size__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w56-productdetail__top__second__size__items__item__label__text {
    font-size: 1.3rem;
    margin-left: 1rem;
}

.w56-productdetail__top__second__size__items__item__price {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    top: 0;
    width: 0%;
    right: 0;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
}

.w56-productdetail__top__second__size__items__item:hover .w56-productdetail__top__second__size__items__item__price {
    width: 80%;
}

.w56-productdetail__top__second__color {
    margin-top: 2rem;
}
.w56-productdetail__top__second__color--hide {
    display: none;
}
.w56-productdetail__top__second__color__text {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display:flex;
}
.w56-productdetail__top__second__color__text__value{
    margin-left:1rem;
}
.w56-productdetail__top__second__color__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    border: .1rem solid #f1f1f1;
    padding: 1rem 0 0rem;
    margin-bottom: 1rem;
    justify-content: flex-start;
}

.w56-productdetail__top__second__color__items__item {
    width: 31.3333%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1rem;
    background-color: #dedede;
    border-radius: .4rem;
    padding: .5rem;
    position: relative;
    overflow: hidden;
    display: block !important;
    filter:brightness(1) !important;
    border: solid .1rem rgba(var(--main-color-w), 0);
    transition: all .5s;
}
.w56-productdetail__top__second__color__items__item:hover {
    border-color: rgba(var(--main-color-w), 1);
}

.w56-productdetail__top__second__color__items__item--hide {
    display: none !important;
}

.w56-productdetail__top__second__color__items__item--hethang {
    cursor: not-allowed;
}

    .w56-productdetail__top__second__color__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w56-productdetail__top__second__color__items__item__check {
    display: none;
}

.w56-productdetail__top__second__color__items__item__label {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w56-productdetail__top__second__color__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w56-productdetail__top__second__color__items__item.active .w56-productdetail__top__second__color__items__item__label__icon,
.w56-productdetail__top__second__color__items__item__check:checked ~
.w56-productdetail__top__second__color__items__item__label
.w56-productdetail__top__second__color__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w56-productdetail__top__second__color__items__item.active .w56-productdetail__top__second__color__items__item__label__icon:before,
    .w56-productdetail__top__second__color__items__item__check:checked ~
    .w56-productdetail__top__second__color__items__item__label
    .w56-productdetail__top__second__color__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w56-productdetail__top__second__color__items__item__label__text {
    font-size: 1.3rem;
    margin-left: 1rem;
}

.w56-productdetail__top__second__color__items__item__price {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    top: 0;
    width: 0%;
    right: 0;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
}

.w56-productdetail__top__second__color__items__item:hover .w56-productdetail__top__second__color__items__item__price {
    width: 80%;
}

.w56-productdetail__top__second__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w56-productdetail__top__second__detail__content {
    font-size: 1.5rem;
    line-height: 2.8rem;
    height: 5rem;
    overflow: hidden;
}

.w56-productdetail__top__second__detail__check:checked ~ .w56-productdetail__top__second__detail__content {
    height: max-content;
}

.w56-productdetail__top__second__detail__check {
    display: none;
}

.w56-productdetail__top__second__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w56-productdetail__top__second__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 2rem;
    padding: .5rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w56-productdetail__top__second__detail__bottom__label--top {
    display: none;
}

.w56-productdetail__top__second__detail__check:checked ~ .w56-productdetail__top__second__detail__bottom .w56-productdetail__top__second__detail__bottom__label--top {
    display: flex;
}

.w56-productdetail__top__second__detail__check:checked ~ .w56-productdetail__top__second__detail__bottom .w56-productdetail__top__second__detail__bottom__label--down {
    display: none;
}

.w56-productdetail__top__second__detail__bottom__label__text {
    font-size: 1.3rem;
}

.w56-productdetail__top__second__detail__bottom__label__icon {
    font-size: 1.3rem;
    margin-left: .5rem;
}

.w56-productdetail__top__second__1__support {
    background-color: #f6f3ec;
    border: .1rem solid #e6dbc0;
    border-radius: 5px;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w56-productdetail__top__second__table {
    width: 100%;
}

.w56-productdetail__top__second__table__main {
    width: 100%;
}

.w56-productdetail__top__second__table__main {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
}

    .w56-productdetail__top__second__table__main td {
        padding: .75rem .75rem 0rem .75rem;
        border-right: solid .1rem #f1f1f1;
        min-width: 12rem;
        border-bottom: solid .1rem #f1f1f1;
        vertical-align: baseline;
    }

.w56-productdetail__top__second__table__head {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-size: 1.6rem;
    padding: .75rem;
}

.w56-productdetail__top__second__table__main__name {
    display: flex;
    align-items: center;
}

.w56-productdetail__top__second__table__main__name__icon {
    font-size: 1.5rem;
}

.w56-productdetail__top__second__table__main__name__text {
    font-size: 1.5rem;
    margin-left: .5rem;
    font-weight: 600;
}

.w56-productdetail__top__second__table__main__sub {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.w56-productdetail__top__second__table__main__sub__item {
    display: inline-block;
    margin-right: 1rem;
    margin-bottom: .75rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w56-productdetail__top__second__table__main__item {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: .75rem;
}

.w56-productdetail__top__second__table__main__item__button {
    font-size: 1.6rem;
    padding: .75rem 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    font-weight: 600;
    text-align: center;
    border-radius: .3rem;
}

    .w56-productdetail__top__second__table__main__item__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__table__main__item__button {
        width: 100%;
    }
}

.w56-productdetail__top__second__table__main__item__name {
    margin-left: auto;
    font-size: 1.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__table__main__item__name {
        width: 100%;
        margin: 0;
        padding: 1rem;
    }
}

.w56-productdetail__top__second__code {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    justify-content: space-between;
    border-radius: .3rem;
}

.w56-productdetail__top__second__code--hide {
    display: none;
}

.w56-productdetail__top__second__code__first {
    font-size: 1.6rem;
    display: flex;
}

.w56-productdetail__top__second__code__first__name {
    font-weight: 600;
}

.w56-productdetail__top__second__code__first__value {
    margin-left: .75rem;
}

.w56-productdetail__top__second__code__soluong {
    font-size: 1.6rem;
    display: flex;
}

.w56-productdetail__top__second__code__soluong__name {
    font-weight: 600;
}

.w56-productdetail__top__second__code__soluong__value {
    margin-left: .75rem;
}

.w56-productdetail__top__second__cart {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    position: relative;
    flex-wrap: wrap;
}

.w56-productdetail__top__second__cart__box {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.w56-productdetail__top__second__cart__box__text {
    font-size: 1.5rem;
    margin-right: 2rem;
}

.w56-productdetail__top__second__cart__box__minus, .w56-productdetail__top__second__cart__box__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w56-productdetail__top__second__cart__box__minus {
    padding: 1.8rem 1.5rem;
    border-radius: .4rem 0 0 .4rem;
    transition: all .5s;
}

    .w56-productdetail__top__second__cart__box__minus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w56-productdetail__top__second__cart__box__plus {
    padding: 1.8rem 1.5rem;
    border-radius: 0 .4rem .4rem 0;
    transition: all .5s;
}

    .w56-productdetail__top__second__cart__box__plus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w56-productdetail__top__second__cart__box__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    width: 6rem;
    color: #777;
    outline: none;
    height: 100%;
    padding: 1.4rem 0rem;
    text-align: center;
    font-size: 1.6rem;
}

.w56-productdetail__top__second__cart__btn {
    width: 100%;
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.w56-productdetail__top__second__cart__btn__item {
    border-radius: 5px;
    background-color: #BF1E2E;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1.5rem;
    margin-left: 2%;
    color: #fff;
    font-size: 1.7rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    margin-top: 1rem;
    border: solid .1rem rgba(var(--main-color-w), 0);
}

    .w56-productdetail__top__second__cart__btn__item:hover {
        background-color: #f1f1f1;
        border: solid .1rem rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

.w56-productdetail__top__second__cart__btn__item--1 {
}

.w56-productdetail__top__second__cart__btn__item--2 {
}

.w56-productdetail__top__second__cart__box__input::-webkit-outer-spin-button,
.w56-productdetail__top__second__cart__box__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w56-productdetail__top__second__btncart {
    width: 100%;
    text-transform: uppercase;
    background-color: red;
    margin: 0;
    display: block;
}

.w56-productdetail__top__second__tuvan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
}

.w56-productdetail__top__second__tuvan__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    margin-left: 2%;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 1rem 1rem;
    border-radius: .5rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
    position: relative;
}

    .w56-productdetail__top__second__tuvan__item:hover {
        transform: scale(1.02);
    }

    .w56-productdetail__top__second__tuvan__item:after {
        height: .3rem;
        width: 0;
        bottom: 0;
        background-color: red;
        transition: all .5s;
        content: "";
        position: absolute;
        border-radius: .5rem;
    }

    .w56-productdetail__top__second__tuvan__item:hover:after {
        width: 100%;
    }

    .w56-productdetail__top__second__tuvan__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w56-productdetail__top__second__tuvan__item__icon {
    font-size: 1.7rem;
    margin-left: .5rem;
    font-weight: 600;
}

.w56-productdetail__top__second__tuvan__item__name {
    font-size: 1.7rem;
    margin-left: .5rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__top__second__tuvan__item__name {
        font-size: 1.4rem;
        margin-left: .75rem;
    }
}

.w56-productdetail__top__second__tuvan__item__figure {
    height: 2rem;
    background-size: contain;
}

.w56-productdetail__mid {
    width: 100%;
    margin-top: 2rem;
    position: relative;
    padding: 2rem 0rem .5rem;
}

.w56-productdetail__mid__bg {
    position: absolute;
    width: 200%;
    top: 0;
    left: -50%;
    height: 100%;
    background: #f1f1f1;
}

@media only screen and (max-width:120rem) {
    .w56-productdetail__mid__bg {
        width: 100%;
        left: 0;
    }
}

.w56-productdetail__mid__main {
    position: relative;
    z-index: 2;
}

.w56-productdetail__mid__main__tuvan {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w56-productdetail__mid__main__tuvan {
        display: flex;
        flex-wrap: wrap;
    }
}

.w56-productdetail__mid__main__tuvan__item {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    width: 23.5%;
    margin-left: 2%;
}

@media only screen and (min-width:62.5rem) {
    .w56-productdetail__mid__main__tuvan__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w56-productdetail__mid__main__tuvan__item {
        width: 49%;
    }

        .w56-productdetail__mid__main__tuvan__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__mid__main__tuvan__item {
        width: 100%;
        margin-left: 0;
    }
}

.w56-productdetail__mid__main__tuvan__item__imgbox {
    background-size: cover;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

    .w56-productdetail__mid__main__tuvan__item__imgbox:hover {
        transform: scale(1.05);
    }

.w56-productdetail__mid__main__tuvan__item__figure {
    background-size: cover;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

    .w56-productdetail__mid__main__tuvan__item__figure:hover {
        transform: scale(1.05);
    }

.w56-productdetail__mid__main__tuvan__item__content {
    margin-left: 1.5rem;
}

.w56-productdetail__mid__main__tuvan__item__content__name {
    display: block;
    font-size: 2rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #ea0000;
    transition: all .5s;
    cursor: pointer;
}

    .w56-productdetail__mid__main__tuvan__item__content__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w56-productdetail__mid__main__tuvan__item__content__des {
    display: block;
    font-style: italic;
    font-size: 1.5rem;
    line-height: 2.8rem;
}

.w56-productdetail__mid__main__des {
    padding-left: 1.5rem;
    padding-right: 2.6rem;
    margin-bottom: 1rem;
}

.w56-productdetail__mid__main__des__text {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.2rem;
    text-transform: uppercase;
}

.w56-productdetail__mains {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w56-productdetail__mains {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
    }
}

.w56-productdetail__mains__main {
    width: 68%;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w56-productdetail__mains__main {
        width: 100%;
    }
}

.w56-productdetail__mains__main__first {
    border: .1rem solid #dee2e6;
    width: 100%;
    box-shadow: 2px 2px 20px #00000017;
    margin-bottom: 2rem;
}

@media only screen and (max-width:75rem) {
    .w56-productdetail__mains__main__first {
        width: 100%;
    }
}

.w56-productdetail__mains__main__first__tabs {
    display: flex;
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 1rem 0rem;
    background-color: rgba(var(--main-color-w),1);
}

.w56-productdetail__mains__main__first__tabs__item {
    font-size: 1.6rem;
    font-weight: 600;
    padding: 1rem 2rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
    color: #fff;
    margin-right: 1rem;
}

    .w56-productdetail__mains__main__first__tabs__item:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:31.25rem) {
    .w56-productdetail__mains__main__first__tabs__item {
        width: 100%;
    }
}

.w56-productdetail__mains__main__first__tabs__item:first-child {
    border: none;
}

.w56-productdetail__mains__main__first__tabs__item.active,
.w56-productdetail__mains__main__first__tabs__item:hover {
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    border-radius: .5rem .5rem 0 0;
}

.w56-productdetail__mains__main__first__content {
    font-size: 1.5rem;
    line-height: 2.8rem;
    padding: 1.5rem;
    margin-top: 1rem;
    overflow-x: hidden;
}

    .w56-productdetail__mains__main__first__content table {
        border-top: solid .1rem #f1f1f1;
        border-left: solid .1rem #f1f1f1;
        margin-top: 1rem;
    }

        .w56-productdetail__mains__main__first__content table tr td {
            border-right: solid .1rem #f1f1f1;
            border-bottom: solid .1rem #f1f1f1;
            padding: .5rem;
        }

    .w56-productdetail__mains__main__first__content ul,
    .w56-productdetail__mains__main__first__content ol {
        margin-left: 2.5rem;
    }

    .w56-productdetail__mains__main__first__content b,
    .w56-productdetail__mains__main__first__content strong {
        font-weight: 600;
    }

.w56-productdetail__mains__main__first__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w56-productdetail__mains__main__first__heading__button {
    background: rgba(var(--main-color-w),1);
    color: #fff;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 500;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__mains__main__first__heading__button {
        width: 100%;
        text-align: center;
    }
}

.w56-productdetail__mains__main__first__heading__text {
    margin-left: auto;
    margin-right: 1rem;
    font-size: 1.6rem;
    font-weight: 500;
}

@media only screen and (max-width:37.5rem) {
    .w56-productdetail__mains__main__first__heading__text {
        width: 100%;
        justify-content: center;
        margin: 0;
        padding: 1rem;
        text-align: center;
    }
}

.w56-productdetail__mains__main__first__bang {
    font-size: 1.6rem;
    width: 100%;
    padding: 1rem;
}

    .w56-productdetail__mains__main__first__bang a {
        color: rgba(var(--main-color-w),1);
        cursor: pointer;
    }

.w56-productdetail__mains__main__first table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    width:100%;
}

    .w56-productdetail__mains__main__first table th {
        font-weight: 600;
        text-align: center;
    }

    .w56-productdetail__mains__main__first table th,
    .w56-productdetail__mains__main__first table td {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem 1rem;
    }

        .w56-productdetail__mains__main__first table td:first-child {
        }

.w56-productdetail__mains__main__tag {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.w56-productdetail__mains__main__tag__name {
    font-size: 1.5rem;
    padding: .5rem 1rem;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 500;
}

.w56-productdetail__mains__main__tag__item {
    margin-bottom: 1rem;
    margin-right: 1rem;
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    padding: .5rem 1rem;
    cursor: pointer;
    transition: all .5s;
    font-size: 1.5rem;
}

    .w56-productdetail__mains__main__tag__item:hover {
        background: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w56-productdetail__mains__main__tag__item:last-child {
        margin-right: 0;
    }

.w56-productdetail__mains__main__face {
    width: 100%;
    margin-bottom: 2rem;
    overflow: hidden;
}

.w56-productdetail__mains__main__face__button {
    display: flex;
}

.w56-productdetail__mains__main__face__comment {
    width: 100%;
    margin-top: 1rem;
}

    .w56-productdetail__mains__main__face__comment iframe {
        width: 100%;
        overflow: hidden;
    }

.w56-productdetail__mains__second {
    width: 30%;
    margin-left: auto;
}
.w56-productdetail__mains__second__container{
    position:sticky;
    top:1rem;
}
.w56-productdetail__mains__main__relate {
}

.w56-productdetail__mains__main__relate__name {
    text-transform: uppercase;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    display: block;
}

.w56-productdetail__mains__main__relate__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    width: 100%;
}

.w56-productdetail__mains__main__relate__items__item {
    display: flex;
    width: 49%;
    margin-left: 1rem;
    margin-top: 1rem;
}

    .w56-productdetail__mains__main__relate__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w56-productdetail__mains__main__relate__items__item {
        width: 100%;
        margin-left: 0rem;
    }
}

.w56-productdetail__mains__main__relate__items__item__link {
    width: 25%;
    overflow: hidden;
    border: solid .1rem #f1f1f1;
    padding: .3rem;
    border-radius: .3rem;
}

.w56-productdetail__mains__main__relate__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
}

    .w56-productdetail__mains__main__relate__items__item__link__imgbox:hover {
        transform: scale(1.05)
    }

.w56-productdetail__mains__main__relate__items__item__name {
    width: 71%;
    margin-left: 4%;
    cursor: pointer;
    font-weight: 500;
}

.w56-productdetail__mains__main__relate__items__item__name__text {
    font-size: 1.5rem;
    line-height: 2.4rem;
    color: rgba(var(--main-color-w), 1);
    display: block;
    cursor: pointer;
    transition: all .5s;
}

    .w56-productdetail__mains__main__relate__items__item__name__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w56-productdetail__mains__main__relate__items__item__name__price {
    display: flex;
    margin-top: .5rem;
}

.w56-productdetail__mains__main__relate__items__item__name__price__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.5rem;
}

.w56-productdetail__mains__main__relate__items__item__name__price__sub {
    color: #999;
    font-size: 1.5rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

@media only screen and (max-width:75rem) {
    .w56-productdetail__mains__second {
        width: 100%;
    }
}

.w56-productdetail__mains__second__main {
    border: solid .1rem #f1f1f1;
    box-shadow: 2px 2px 20px #00000017;
    margin-bottom: 2rem;
}

.w56-productdetail__mains__second__main__items {
    list-style-type: none;
    background-color: #fff;
    width: 100%;
    transition: all .5s;
}

    .w56-productdetail__mains__second__main__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w56-productdetail__mains__second__main__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w56-productdetail__mains__second__main__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w56-productdetail__mains__second__main__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w56-productdetail__mains__second__main__items__item {
}

.w56-productdetail__mains__second__main__items__item__check {
    display: none;
}

.w56-productdetail__mains__second__main__items__item__content {
    display: flex;
    align-items: center;
    border-top: solid #f1f1f1 .1rem;
    padding: 0 0 0 1rem;
}

.w56-productdetail__mains__second__main__items__item:first-child
.w56-productdetail__mains__second__main__items__item__content {
    border-top: none;
}

.w56-productdetail__mains__second__main__items__item__content__icon1 {
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w56-productdetail__mains__second__main__items__item__content:hover .w56-productdetail__mains__second__main__items__item__content__icon1 {
    color: rgba(var(--main-color-w),1);
}

.w56-productdetail__mains__second__main__items__item__content__name {
    font-size: 1.5rem;
    padding: .9rem 0rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
    margin-left: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w56-productdetail__mains__second__main__items__item__content__name {
        font-size: 1.4rem;
    }
}

.w56-productdetail__mains__second__main__items__item__content:hover .w56-productdetail__mains__second__main__items__item__content__name {
    color: rgba(var(--main-color-w),1);
}

.w56-productdetail__mains__second__main__items__item__content__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    padding: 1.1rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.w56-productdetail__mains__second__main__items__item:hover
.w56-productdetail__mains__second__main__items__item__content__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w56-productdetail__mains__second__main__items__item__content__icon2 {
        border-left: solid .1rem #f1f1f1;
    }

    .w56-productdetail__mains__second__main__items__item__check:checked ~
    .w56-productdetail__mains__second__main__items__item__content
    .w56-productdetail__mains__second__main__items__item__content__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w56-productdetail__mains__second__main__items__item__check:checked ~
.w56-productdetail__mains__second__main__items__item__content
.w56-productdetail__mains__second__main__items__item__content__icon2
.w56-productdetail__mains__second__main__items__item__content__icon2__fa:before {
    content: "\f106" !important;
}

.w56-productdetail__mains__second__main__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
}

.w56-productdetail__mains__second__main__items__item__check:checked ~ .w56-productdetail__mains__second__main__items__item__childs {
    max-height: 900vh;
}

.w56-productdetail__mains__second__main__items__item__childs__child {
}

    .w56-productdetail__mains__second__main__items__item__childs__child:first-child {
        border-bottom: none;
    }

.w56-productdetail__mains__second__main__items__item__childs__child__check {
    display: none;
}

.w56-productdetail__mains__second__main__items__item__childs__child__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem 2.6rem;
    border-top: solid .1rem #f1f1f1;
}

.w56-productdetail__mains__second__main__items__item__childs__child__main__name {
    font-size: 1.4rem;
    font-weight: 600;
    padding: .6rem 0rem;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
}

.w56-productdetail__mains__second__main__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    padding: .9rem 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

.w56-productdetail__mains__second__main__items__item__childs__child:hover .w56-productdetail__mains__second__main__items__item__childs__child__main__name,
.w56-productdetail__mains__second__main__items__item__childs__child:hover .w56-productdetail__mains__second__main__items__item__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:81.25rem) {
    .w56-productdetail__mains__second__main__items__item__childs__child__main__icon {
        border-left: solid .1rem #f1f1f1;
    }

    .w56-productdetail__mains__second__main__items__item__childs__child__check:checked ~
    .w56-productdetail__mains__second__main__items__item__childs__child__main
    .w56-productdetail__mains__second__main__items__item__childs__child__main__icon {
        background-color: #f1f1f1;
    }
}

.w56-productdetail__mains__second__main__items__item__childs__child__check:checked ~
.w56-productdetail__mains__second__main__items__item__childs__child__main
.w56-productdetail__mains__second__main__items__item__childs__child__main__icon
.w56-productdetail__mains__second__main__items__item__childs__child__main__icon__fa:before {
    content: "\f106" !important;
}

.w56-productdetail__mains__second__main__items__item__childs__child__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0
}

.w56-productdetail__mains__second__main__items__item__childs__child__check:checked ~ .w56-productdetail__mains__second__main__items__item__childs__child__grands {
    max-height: 900vh;
}

.w56-productdetail__mains__second__main__items__item__childs__child__grands__grand {
}

.w56-productdetail__mains__second__main__items__item__childs__child__grands__grand__main {
    padding: .8rem 1rem .8rem 4rem;
    border-top: solid .1rem #f1f1f1;
    display: flex;
}

.w56-productdetail__mains__second__main__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 600;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

.w56-productdetail__mains__second__main__items__item__childs__child__grands__grand:hover .w56-productdetail__mains__second__main__items__item__childs__child__grands__grand__main__name {
    margin-left: .5rem;
    color: rgba(var(--main-color-w),1);
}

.w56-productdetail__mains__second__main__heading {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 1.5rem;
}

.w56-productdetail__mains__second__main__heading__text {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w56-productdetail__mains__second__main__news__item {
    display: flex;
    padding: 1rem;
    width: 100%;
    border-bottom: .1rem solid #ececec;
}

.w56-productdetail__mains__second__main__news__item__first {
    width: 25%;
}

.w56-productdetail__mains__second__main__news__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
}

    .w56-productdetail__mains__second__main__news__item__first__imgbox:hover {
        transform: scale(1.05)
    }

.w56-productdetail__mains__second__main__news__item__name {
    width: 71%;
    margin-left: 4%;
    font-size: 1.5rem;
    line-height: 2.4rem;
    cursor: pointer;
    font-weight: 500;
}

.table__responsive {
    overflow-y: scroll;
}

    .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .table__responsive::-webkit-scrollbar-track {
    }

    .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .table__responsive table {
        width: max-content;
        min-width: 100%;
    }
/*ed*/
/*w57-footer*/
.w57-footer {
    width: 100%;
    padding: 5rem 1rem 3rem;
    background: linear-gradient(180deg,rgba(var(--main-color-w,1)) 0%,#000000 100%);
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:1200px) {
    .w57-footer {
        padding: 3rem 1rem 3rem;
    }
}

@media only screen and (max-width:800px) {
    .w57-footer {
        overflow: hidden;
    }
}

.w57-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w57-footer__items {
    display: flex;
    flex-wrap: wrap;
}

@-webkit-keyframes key-w57-footer__items {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w57-footer__items {
    -webkit-animation: key-w57-footer__items 1s;
    animation: key-w57-footer__items 1s;
    animation-iteration-count: 1;
}

.w57-footer__items__item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:1300px) {
    .w57-footer__items__item:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:1300px) {
    .w57-footer__items__item {
        width: 49%;
    }

        .w57-footer__items__item:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:450px) {
    .w57-footer__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w57-footer__items__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
}

    .w57-footer__items__item__name:hover {
        letter-spacing: .1rem;
    }

.w57-footer__items__item__line {
    width: 100%;
    position: relative;
    margin-top: 1.5rem;
    height: .1rem;
    background-color: rgba(255,255,255,.5);
}

.footer__items__item__line__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 8rem;
    height: .3rem;
    top: -.05rem;
    background-color: rgba(var(--second-color-w), 1);
    content: "";
}

.w57-footer__items__item__childs {
    margin-top: 2rem;
}

.w57-footer__items__item__childs__child {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w57-footer__items__item__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
    color: #fff;
}

    .w57-footer__items__item__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w57-footer__items__item__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    margin-left: 1rem;
    color: #fff;
    cursor: pointer;
}

    .w57-footer__items__item__childs__child__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w57-footer__items__item__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1rem;
}

    .w57-footer__items__item__ads__item:first-child {
        margin-left: 0;
    }

    .w57-footer__items__item__ads__item:hover {
        background: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w57-footer__items__item__supports {
}

.w57-footer__items__item__supports {
    margin-top: 3rem;
}

.w57-footer__items__item__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .w57-footer__items__item__supports__child:last-child {
        margin-bottom: 0;
    }

.w57-footer__items__item__supports__child__first {
    width: 4rem;
    height: 4rem;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    transition: all .5s;
}

.w57-footer__items__item__social {
    display: flex;
    margin-top: 2rem;
}

.w57-footer__items__item__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    border-radius: .3rem;
    color: rgba(var(--main-color-w,1));
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w57-footer__items__item__social__item:hover {
        background: rgba(var(--second-color-w,1));
        color: #fff;
    }

.w57-footer__items__item__tuvan {
    margin-top: 2rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w57-footer__items__item__tuvan__input {
    width: 100%;
    font-family: inherit;
    font-size: 1.6rem;
    background-color: #fff;
    outline: none;
    border: none;
    transition: all .5s;
    padding: 1rem;
}

    .w57-footer__items__item__tuvan__input:focus {
        outline: rgba(var(--second-color-w,1)) .1rem solid;
    }

.w57-footer__items__item__tuvan__btn {
    padding: 1rem 2rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.6rem;
    background-color: rgba(var(--second-color-w,1));
    color: #fff;
    right: 0;
    text-align: center;
    position: absolute;
    transition: all .5s;
}

    .w57-footer__items__item__tuvan__btn:hover {
        letter-spacing: .1rem;
    }

.w57-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
}

.w57-footer__items__item__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w57-footer__items__item__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w57-footer__items__item__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w57-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w57-footer__items__item__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

    .w57-footer__items__item__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }
/*ed*/
/*w57-ads*/
.w57-ads {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-image: url('../../img/w57/bg_01.webp');
    background-size: cover;
    background-position: center center;
    position: relative;
    z-index: 0;
}
.w57-ads__bg {
    background-color: rgba(0,0,0,.8);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width:75rem) {
    .w57-ads {
        padding: 0rem 1rem 2rem;
    }
}

.w57-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w57-ads__items {
    display: flex;
    flex-wrap: wrap;
}

.w57-ads__items__item {
    margin-top: 2rem;
    width: 100%;
}

    .w57-ads__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w57-ads__items__item__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w57-ads__items__item__heading {
        justify-content: center;
    }
}

.w57-ads__items__item__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w57-ads__items__item__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w57-ads__items__item__heading__text:hover {
    transform: scale(1.05);
}

.w57-ads__items__item__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w57-ads__items__item__heading__btn {
        display: none;
    }
}

.w57-ads__items__item__heading__btn__text {
    font-size: 1.5rem;
    color: #fff;
    transition: all .5s;
}

.w57-ads__items__item__heading__btn:hover .w57-ads__items__item__heading__btn__text {
    color: rgba(var(--second-color-w), 1);
}

.w57-ads__items__item__heading__btn__icon {
    font-size: 2rem;
    margin-left: 1rem;
    color: #fff;
    transition: all .5s;
}

.w57-ads__items__item__heading__btn:hover .w57-ads__items__item__heading__btn__icon {
    color: rgba(var(--second-color-w), 1);
}

.w57-ads__items__item__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    color: #fff;
}

.w57-ads__items__item__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.w57-ads__items__item__mains__main {
    margin-bottom: 3rem;
    width: 32%;
    margin-left: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 2px 0 rgba(0,0,0,.5);
    border-radius: .3rem;
    overflow: hidden;
}

@media only screen and (min-width:68.75rem) {
    .w57-ads__items__item__mains__main:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:68.75rem) {
    .w57-ads__items__item__mains__main {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 2rem;
    }

        .w57-ads__items__item__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w57-ads__items__item__mains__main {
            width: 100%;
            margin-left: 0;
        }
    }
}

.w57-ads__items__item__mains__main__status {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    padding: 1rem;
    text-align: center;
    font-size: 1.6rem;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(var(--second-color-w), .9);
    letter-spacing: .1rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads__items__item__mains__main__status {
        font-size: 1.4rem;
    }
}

.w57-ads__items__item__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w57-ads__items__item__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-ads__items__item__mains__main:hover .w57-ads__items__item__mains__main__first:after {
    animation: key-w57-ads__items__item__mains__main__first 1.5s;
}

@keyframes key-w57-ads__items__item__mains__main__first {
    100% {
        left: 125%;
    }
}

.w57-ads__items__item__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w57-ads__items__item__mains__main__first__imgbox:hover {
        transform: scale(1.02);
    }
.w57-ads__items__item__mains__main__first__imgbox__img{
    width:100%;
}
.w57-ads__items__item__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5rem;
}

.w57-ads__items__item__mains__main__second__name {
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 600;
    text-align: left;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

@media only screen and (max-width:68.75rem) {
    .w57-ads__items__item__mains__main__second__name {
        font-size: 2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w57-ads__items__item__mains__main__second__name {
            font-size: 1.8rem;
        }
    }
}

.w57-ads__items__item__mains__main__second__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w57-ads__items__item__heading__line {
    background-color: rgba(var(--second-color-w), 1);
    width: 100%;
    display: block;
    height: .3rem;
    margin-top: 1rem;
}

.w57-ads__items__item__mains__main__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 0rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    color: #595959;
}
/*ed*/
/*w57-ads-2*/
.w57-ads-2 {
    width: 100%;
    padding: 3rem 0rem 0rem;
    background-color: #fff;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:120rem) {
    .w57-ads-2 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w57-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 4rem 4rem 1rem;
    border-radius: .5rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w57-ads-2__items {
    display: flex;
    flex-wrap: wrap;
}

.w57-ads-2__items__item {
    width: 100%;
    overflow: hidden;
    padding-bottom: 3rem;
}

    .w57-ads-2__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w57-ads-2__items__item__heading {
    margin-bottom: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:31.25rem) {
    .w57-ads-2__items__item__heading {
        justify-content: center;
    }
}

.w57-ads-2__items__item__heading__first {
    margin-right: 2rem;
    font-size: 4rem;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads-2__items__item__heading__first {
        font-size: 3rem;
    }
}

.w57-ads-2__items__item__heading__first__icon {
}

.w57-ads-2__items__item__heading__second {
}

.w57-ads-2__items__item__heading__second__text {
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads-2__items__item__heading__second__text {
        font-size: 2.6rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w57-ads-2__items__item__heading__second__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w57-ads-2__items__item__heading__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #fff;
}

.w57-ads-2__items__item__mains {
    width: 100%;
    display: flex;
    margin-top: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads-2__items__item__mains {
        margin-top: 2rem;
    }
}

.w57-ads-2__items__item__mains__main {
    width: 16.4%;
    margin-right: 2%;
    background-color: #fff;
    padding-left: 1%;
    padding-right: 1%;
    padding-top: 1rem;
    padding-bottom: 1rem;
    position: relative;
    border-radius: .3rem;
    height: max-content;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads-2__items__item__mains__main {
        width: 30%;
    }
}

.w57-ads-2__items__item__mains__main__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w57-ads-2__items__item__mains__main__imgbox:hover {
        transform: scale(1.05);
    }

.w57-ads-2__items__item__pagination {
    bottom: 0rem;
    z-index: 1;
}

    .w57-ads-2__items__item__pagination .swiper-pagination-bullet {
        background-color: #fff;
    }
/*ed*/
/*w57-article*/
.w57-article {
    width: 100%;
    padding: 3rem 1rem 0rem;
    background-color: #fff;
    overflow: hidden;
}

.w57-article__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w57-article__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width:31.25rem) {
    .w57-article__heading {
        justify-content: center;
    }
}

.w57-article__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w57-article__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w57-article__heading__text:hover {
    transform: scale(1.05);
}

.w57-article__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w57-article__heading__btn {
        display: none;
    }
}

.w57-article__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-article__heading__btn:hover .w57-article__heading__btn__text {
    color: rgba(var(--second-color-w), 1);
}

.w57-article__heading__btn__icon {
    font-size: 2rem;
    margin-left: 1rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-article__heading__btn:hover .w57-article__heading__btn__icon {
    color: rgba(var(--second-color-w), 1);
}

.w57-article__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w57-article__items {
    width: 100%;
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: hidden;
}

@media only screen and (max-width:68.75rem) {
    .w57-article__items {
        margin-left: -.5rem;
        margin-right: -.5rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

.w57-article__items.swiper-slide-active {
}

.w57-article__items:nth-child(2n+1) {
    margin-left: 0;
}

.w57-article__items__mains {
    width: 100%;
    display: flex;
}

.w57-article__items__mains__main {
    width: 24.25%;
    margin-right: 1%;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    transition: all 1s;
}

    .w57-article__items__mains__main:hover {
        box-shadow: 0 0 1rem rgba(0,0,0,.3);
    }

@media only screen and (max-width:68.75rem) {
    .w57-article__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

        .w57-article__items__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w57-article__items__mains__main {
            width: 100%;
        }
    }
}

.w57-article__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w57-article__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-article__items__mains__main:hover .w57-article__items__mains__main__first:after {
    animation: key-w57-article__items__mains__main__first 1.5s;
}

@keyframes key-w57-article__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w57-article__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w57-article__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w57-article__items__mains__main__second {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 5%;
    padding-right: 5%;
}

@media only screen and (max-width:37.5rem) {
    .w57-article__items__mains__main__second {
        padding: 1rem;
    }
}

.w57-article__items__mains__main__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

    .w57-article__items__mains__main__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-article__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
    display: block;
    height: .3rem;
    margin-top: 1rem;
}

.w57-article__items__mains__main__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    color: #595959;
    display: flex;
}

.w57-article__items__mains__main__second__des__text {
}

.w57-article__items__mains__main__second__bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    align-items: center;
    cursor: pointer;
    color: #595959;
    transition: all .5s;
}

    .w57-article__items__mains__main__second__bottom:hover {
        color: rgba(var(--second-color-w), 1);
        letter-spacing: .1rem;
    }

.w57-article__items__mains__main__second__bottom__icon {
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w57-article__items__mains__main__second__bottom__name {
    font-size: 1.5rem;
}

.w57-article__items__mains__main__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
}

.w57-article__items__mains__main__head__child {
    display: flex;
    align-items: center;
    color: #595959;
}

a.w57-article__items__mains__main__head__child {
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    a.w57-article__items__mains__main__head__child:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-article__items__mains__main__head__child__icon {
    font-size: 1.3rem;
}

.w57-article__items__mains__main__head__child__name {
    margin-left: .5rem;
    font-size: 1.3rem;
}

.w57-article__items__next.swiper-button-next,
.w57-article__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w57-article__items__next:hover,
.w57-article__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w57-article__items__next:after,
.w57-article__items__prev:after {
    display: none;
}
/*ed*/
/*w57-banner*/
.w57-banner {
    width: 100%;
    padding: 0rem 1rem;
}

.w57-banner__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w57-banner__mains {
    width: 100%;
}

.w57-banner__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    z-index: 0;
    justify-content: center;
}

.w57-banner__mains__main__items {
    display: flex;
    z-index: 0;
}

.w57-banner__mains__main__items__item.swiper-slide {
    width: 100%;
    background-color: #fff;
    position: relative;
    outline: none;
}

.w57-banner__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    cursor: pointer;
}

    .w57-banner__mains__main__items__item__imgbox:hover {
    }

    .w57-banner__mains__main__items__item__imgbox img {
        width: 100%;
    }

.w57-banner__mains__main__next.swiper-button-next:after {
    display: none !important;
}

.w57-banner__mains__main__prev.swiper-button-prev:after {
    display: none !important;
}

.w57-banner__mains__main__prev {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    left: 3rem;
    z-index: 1;
}

.w57-banner__mains__main__next {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    right: 3rem;
    z-index: 1;
}

    .w57-banner__mains__main__next:hover {
        color: rgba(var(--second-color-w),1);
    }

.w57-banner__mains__main__prev:hover {
    color: rgba(var(--second-color-w),1);
}
/*ed*/
/*w57-ctaregister*/
.w57-ctaregister {
    width: 100%;
    padding: 12rem 1rem 5rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w57-ctaregister {
        width: 100%;
        padding: 4rem 1rem 2rem;
        position: relative;
    }
}

@media only screen and (max-width:37.5rem) {
    .w57-ctaregister {
        padding: 5rem 1rem 5rem;
    }
}

.w57-ctaregister__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 65%;
    z-index: 1;
    background-image: url('../../img/w57/09.webp');
    background-size: cover;
    background-attachment: fixed;
}

@media only screen and (max-width:62.5rem) {
    .w57-ctaregister__bg {
        height: 100%;
    }
}

.w57-ctaregister__bg__effect {
    position: absolute;
    width: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,.7);
    height: 100%
}

.w57-ctaregister__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.w57-ctaregister__mains {
    width: 100%;
}

.w57-ctaregister__mains__main {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.w57-ctaregister__mains__main__items {
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w57-ctaregister__mains__main__items {
        flex-wrap: wrap;
    }
}

.w57-ctaregister__mains__main__items__item {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

@media only screen and (max-width:62.5rem) {
    .w57-ctaregister__mains__main__items__item {
        margin-bottom: 2rem;
        align-items: center;
    }
}

.w57-ctaregister__mains__main__items__item.swiper-slide {
    width: 100%;
    position: relative;
    outline: none;
    display: flex;
    justify-content: center;
    transition: all 1s;
}

@media only screen and (max-width:37.5rem) {
    .w57-ctaregister__mains__main__items__item {
        align-items: center;
    }
}

.w57-ctaregister__mains__main__items__item__colleft {
    width: 63%;
    margin-right: 2%;
    display: flex;
    justify-content: flex-end;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:75rem) {
    .w57-ctaregister__mains__main__items__item__colleft {
        padding: 0 1rem;
        width: 68%;
    }
}

.w57-ctaregister__mains__main__items__item__colleft__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
    text-align: right;
    color: #fff;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-ctaregister__mains__main__items__item__colleft__name {
        text-align: justify;
    }
}

.w57-ctaregister__mains__main__items__item__colleft__btn {
    font-size: 1.6rem;
    padding: 1rem 2rem;
    background-color: rgba(var(--second-color-w),.9);
    color: #fff;
    text-align: center;
    margin-top: 2rem;
    border-radius: .3rem;
    transition: all .5s;
    cursor: pointer;
}

    .w57-ctaregister__mains__main__items__item__colleft__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .2rem;
    }

.w57-ctaregister__mains__main__items__item__colright {
    width: 28%;
    position: relative;
    display: flex;
    justify-content: flex-start;
}

@media only screen and (max-width:62.5rem) {
    .w57-ctaregister__mains__main__items__item__colright {
        width: 30%;
    }
}

.w57-ctaregister__mains__main__items__item__colright___imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.2s all ease-in-out;
    position: relative;
    cursor: pointer;
    position: absolute;
    left: 0;
    bottom: 0rem;
    transform: translateY(5rem);
    max-width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w57-ctaregister__mains__main__items__item__colright___imgbox {
        position: relative;
        left: initial;
        right: initial;
        transform: translateY(0);
        bottom: inherit;
    }
}

.w57-ctaregister__mains__main__items__item__colright___imgbox img {
    max-height: 30rem !important;
}

.w57-ctaregister__mains__main__pagination {
    bottom: -3rem !important;
}

    .w57-ctaregister__mains__main__pagination .swiper-pagination-bullet {
        background-color: #fff;
        opacity: 1;
    }

    .w57-ctaregister__mains__main__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--second-color-w),1);
    }
/*ed*/
/*w57-menu*/
.w57-menu {
    width: 100%;
    position: relative;
    padding: 0rem 1rem;
    background: linear-gradient(180deg,rgba(var(--main-color-w),1) 0%,#000000 100%)
}
@-webkit-keyframes key-w57-menu {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu.in {
        -webkit-animation: key-w57-menu 1s;
        animation: key-w57-menu 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w57-menu {
        padding: 0;
    }
}

.w57-menu__check {
    display: none;
}

.w57-menu__label {
    background: linear-gradient(180deg,rgba(var(--main-color-w),1) 0%,#000000 100%);
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1.5rem 2rem;
    display: none;
    transition: all .5s;
}

.w57-menu.ws1TransApply .w57-menu__label {
    background: none;
    background-color: transparent;
}

.w57-menu.ws1TransApply
.w57-menu__check:checked ~
.w57-menu__label {
    background: linear-gradient(180deg,rgba(var(--main-color-w),1) 0%,#000000 100%);
}

@media only screen and (max-width:75rem) {
    .w57-menu__label {
        display: flex;
    }
}

.w57-menu__label__logo__imgbox {
    background-size: contain;
    max-height: 5rem;
    background-repeat: no-repeat;
}

@media only screen and (max-width:31.25rem) {
    .w57-menu__label__logo__imgbox {
        max-height: 5rem !important;
    }
}

.w57-menu__label__logo__imgbox__img {
    max-height: 5rem !important;
}

.w57-menu__label__main {
    display: flex;
    margin-left: auto;
    align-items: center;
}

.w57-menu__label__main__link {
    margin-left: 3rem;
}

.w57-menu__label__main__link__imgbox {
    width: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.w57-menu__label__main__item {
    margin-left: 2rem;
    position: relative;
    height: 3rem;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w57-menu__label__main__item {
    }
}

.w57-menu__label__main__item__count {
    position: absolute;
    top: -1rem;
    right: -1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    width: 1.4rem;
    height: 1.4rem;
    justify-content: center;
    align-items: center;
}

.w57-menu__label__main__item:first-child {
    margin-left: 0;
}

.w57-menu__label__main__item__icon {
    font-size: 2.4rem;
    font-weight: normal;
    cursor: pointer;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w57-menu__label__main__item__icon {
        font-size: 2rem;
    }

    .w57-menu__check:checked ~
    .w57-menu__label
    .w57-menu__label__main
    .w57-menu__label__main__item--menu
    .w57-menu__label__main__item__icon:before {
        content: "\f141";
    }
}

.w57-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 120rem;
}

@media only screen and (max-width:75rem) {
    .w57-menu__group {
        margin: 0;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        position: absolute;
        z-index: 9;
        transition: all .6s;
        display: block;
        top: 100%;
        height: 0;
    }

    .w57-menu__check:checked ~ .w57-menu__group {
        overflow-y: scroll;
        height: 80vh;
    }

    .w57-menu__group::-webkit-scrollbar {
        width: .1rem;
    }

    .w57-menu__group::-webkit-scrollbar-track {
        border-radius: .1rem;
    }

    .w57-menu__group::-webkit-scrollbar-thumb {
        border-radius: .1rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w57-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w57-menu__first {
    width: max-content;
}

@media only screen and (max-width:75rem) {
    .w57-menu__first {
        display: none;
    }
}

.w57-menu__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}

.w57-menu__first__imgbox__img {
}

.w57-menu__third {
    display: flex;
    margin-right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w57-menu__third {
        display: none;
    }
}

.w57-menu__third__items__item {
    font-size: 1.65rem;
    margin-left: 1rem;
}

.w57-menu__third__items__item__icon {
    transition: all .5s;
    cursor: pointer;
    color: rgba(255,255,255,.8);
}

    .w57-menu__third__items__item__icon:hover {
        color: rgba(255,255,255,1);
    }
.w57-menu__second {
    transition: all .5s;
    position: relative;
    margin-left: auto;
}

@media only screen and (min-width:75rem) {
    .w57-menu__second {
    }
}

@media only screen and (max-width:75rem) {
    .w57-menu__second {
        width: 100%;
        margin-left: 0;
        padding: 0rem 0rem;
    }
}

.w57-menu__second__items {
    display: flex !important;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items {
        width: 100%;
    }
}

.w57-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item {
        width: 100%;
    }

        .w57-menu__second__items__item:first-child
        .w57-menu__second__items__item__main {
            border-top: none;
        }
}

.w57-menu__second__items__item__check {
    display: none;
}

.w57-menu__second__items__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__main {
        transition: .5s;
    }

    .w57-menu__second__items__item:hover
    .w57-menu__second__items__item__main__name {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__main {
        padding: 0;
    }

    .w57-menu__second__items__item__check:checked ~
    .w57-menu__second__items__item__main {
        font-weight:600;
    }
}

.w57-menu__second__items__item__main__name {
    font-size: 1.5rem;
    padding: 3rem 2.5rem 3rem 2.5rem;
    color: #fff;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__main__name {
        text-transform: capitalize;
        transition: all .5s;
        padding: 1.25rem 3rem 1.25rem 1rem;
        font-family: inherit;
        color: inherit;
        font-size: 1.6rem;
        width: 100%;
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__main__name {
        transition: all .5s;
    }
}

.w57-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none !important;
    color: rgba(var(--main-color-w),1);
}

.w57-menu__second__items__item__main__icon2 {
    font-size: 1.2rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

.w57-menu__second__items__item__main__icon2__value {
    font-weight: 300;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__main__icon2 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
        position: absolute;
        cursor: pointer;
        right: 0;
        height: 100%;
        width: 3rem;
        background-color: #fff;
    }

        .w57-menu__second__items__item__main__icon2:before {
            transition: all .5s;
            position: absolute;
        }

    .w57-menu__second__items__item__check:checked ~
    .w57-menu__second__items__item__main
    .w57-menu__second__items__item__main__icon2 {
        transform: rotate(180deg);
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__main__icon2 {
        color: #fff;
        margin-left: .75rem;
    }

    .w57-menu__second__items__item__main:hover
    .w57-menu__second__items__item__main__icon2 {
    }
}

.w57-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        z-index: 2;
        width: 100%;
        transition: all .3s;
    }

    .w57-menu__second__items__item__check:checked ~
    .w57-menu__second__items__item__childs {
        max-height: max-content;
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 9rem;
        background-color: #fff;
        min-width: 20rem;
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        outline: solid .1rem #f9f9f9;
        padding: 0rem 0rem;
        pointer-events: none;
    }

        .w57-menu__second__items__item__childs:hover {
            outline: none;
        }

    .w57-menu__second__items__item:hover .w57-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: #fff;
        pointer-events: inherit;
    }
}

.w57-menu__second__items__item__childs__item {
    position: relative;
}

.w57-menu__second__items__item__childs__item--parent {
    display: none;
    background-color: rgba(var(--text-color-w),1);
    position: relative;
    justify-content: center;
    align-items: center;
}

.w57-menu__second__items__item__childs__item__label {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.w57-menu__second__items__item__childs__item__label__icon {
    font-size: 1.6rem;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item--parent {
        display: flex;
    }

    .w57-menu__second__items__item__childs__item__label {
        display: flex;
    }
}

.w57-menu__second__items__item__childs__item:last-child {
    border: none;
}

.w57-menu__second__items__item__childs__item__main {
    display: flex;
    align-items: center;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item:first-child .w57-menu__second__items__item__childs__item__main {
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item__main {
        padding: 0;
    }

    .w57-menu__second__items__item__childs__item__check:checked ~
    .w57-menu__second__items__item__childs__item__main {
      font-weight:600;
    }

    .w57-menu__second__items__item__childs__item--parent
    .w57-menu__second__items__item__childs__item__main {
        border: none;
    }
}

.w57-menu__second__items__item__childs__item__main__name {
    font-size: 1.5rem;
    cursor: pointer;
    padding: 1.75rem 1.5rem 1.75rem 3rem;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        padding: 1.25rem 3rem 1.25rem 3rem;
        transition: all .5s;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w57-menu__second__items__item__childs__item:hover .w57-menu__second__items__item__childs__item__main__name {
        color: #fff;
    }

    .w57-menu__second__items__item__childs__item:hover .w57-menu__second__items__item__childs__item__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w57-menu__second__items__item__childs__item__main__icon {
    font-size: 1.2rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

.w57-menu__second__items__item__childs__item__main__icon__value {
    font-weight: 300;
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w57-menu__second__items__item__childs__item:hover .w57-menu__second__items__item__childs__item__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item__main__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
        position: absolute;
        cursor: pointer;
        transform: rotate(90deg);
        right: 0;
        width: 3rem;
        height: 100%;
        background-color: #fff;
    }

    .w57-menu__second__items__item__childs__item__check:checked ~
    .w57-menu__second__items__item__childs__item__main
    .w57-menu__second__items__item__childs__item__main__icon {
        transform: rotate(270deg);
    }
}

.w57-menu__second__items__item__childs__item__check {
    display: none;
}

.w57-menu__second__items__item__childs__item__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
        position: relative;
        max-height: 0;
        width: 100%;
        transition: all .3s;
    }

        .w57-menu__second__items__item__childs__item__grands::-webkit-scrollbar {
            width: .4rem;
        }

        .w57-menu__second__items__item__childs__item__grands::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w57-menu__second__items__item__childs__item__grands::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w57-menu__second__items__item__childs__item__grands::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w57-menu__second__items__item__childs__item__check:checked ~
    .w57-menu__second__items__item__childs__item__grands {
        max-height: 300vh;
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        outline: .1rem solid #f9f9f9;
        background-color: #fff;
        width: 20rem;
        padding: 0rem 0rem;
    }

        .w57-menu__second__items__item__childs__item__grands:hover {
            outline: none;
        }

    .w57-menu__second__items__item__childs__item:hover .w57-menu__second__items__item__childs__item__grands {
        left: 101%;
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }
}

.w57-menu__second__items__item__childs__item__grands__item {
    overflow: hidden;
}

.w57-menu__second__items__item__childs__item__grands__item__label {
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}

.w57-menu__second__items__item__childs__item__grands__item__label__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w57-menu__second__items__item__childs__item__grands__item__main {
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item__grands__item__label {
        display: flex;
    }
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__childs__item__grands__item__main {
        border-color: #eee;
    }

    .w57-menu__second__items__item__childs__item__grands__item:first-child .w57-menu__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w57-menu__second__items__item__childs__item__grands__item:hover .w57-menu__second__items__item__childs__item__grands__item__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item__grands__item__main {
    }
}

.w57-menu__second__items__item__childs__item__grands__item__main__name {
    font-size: 1.5rem;
    transition: all .5s;
    cursor: pointer;
    padding: 1.75rem 3rem;
    display: block;
}

@media only screen and (min-width:75rem) {
    .w57-menu__second__items__item__childs__item__grands__item__main__name {
    }

    .w57-menu__second__items__item__childs__item__grands__item__main:hover .w57-menu__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w57-menu__second__items__item__childs__item__grands__item__main__name {
        font-size: 1.6rem;
        font-weight: 400;
        padding: 1.25rem 1rem 1.25rem 5rem;
        transition: all .5s;
    }

        .w57-menu__second__items__item__childs__item__grands__item__main__name:hover {
            color: #fff;
            background-color: rgba(var(--second-color-w),1);
        }

    .w57-menu__second__items__item__childs__item__grands__item--parent
    .w57-menu__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
        text-transform: uppercase;
    }

    .w57-menu__second__items__item__childs__item__grands__item:hover .w57-menu__second__items__item__childs__item__grands__item__main__name {
    }

    .w57-menu__second__items__item__childs__item__grands__item__main:hover .w57-menu__second__items__item__childs__item__grands__item__main__name {
    }
}

.w57-menu__checkboxsearch {
    display: none;
}

.w57-menu__search {
    width: 30rem;
    top: 0;
    right: -100%;
    position: fixed;
    transition: all .5s;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    padding: 0rem;
    opacity: 0;
    height: 100vh;
    visibility: hidden;
}

@media only screen and (max-width:50rem) {
    .w57-menu__search {
        max-width: 85%;
        width: 30rem;
    }
}

.w57-menu__search__heading {
    position: relative;
    padding: 3rem 3rem;
    display: flex;
    align-items: center;
    border-bottom: solid .1rem #dfdfdf;
}

.w57-menu__search__heading__input {
    border: none;
    background-color: #fff;
    width: 100%;
    outline: none;
    transition: all .5s;
    text-align: left;
    z-index: 0;
    padding-left: 1rem;
    font-size: 1.6rem;
}

.w57-menu__checkboxsearch:checked ~ .w57-menu__search {
    opacity: 1;
    right: 0;
    z-index: 99;
    visibility: visible;
}

.w57-menu__checkboxsearch:checked ~ .w57-menu__third__items__item:before {
    content: "\f00d" !important;
}

.w57-menu__search__name {
    padding: 1.5rem 1rem;
}

.w57-menu__search__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w57-menu__search__result {
    width: 100%;
    max-height: 84vh;
    display: flex;
    overflow-y: scroll;
    flex-wrap: wrap;
}

.w57-menu__search__result__loading {
    display: flex;
    justify-content: center;
    padding: 1rem 0rem;
    width: 100%;
}

    .w57-menu__search__result__loading:before {
        content: "\f110";
        font-size: 2rem;
        font-family: "Font Awesome 5 Pro";
        -webkit-animation: key_w57-menu__search__result__loading 1s;
        animation: key_w57-menu__search__result__loading 1s;
        animation-iteration-count: 1;
        animation-delay: 0;
        animation-iteration-count: infinite;
    }

@keyframes key_w57-menu__search__result__loading {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.w57-menu__search__result__nodata {
    width: 100%;
    text-align: center;
    padding: .5rem;
    font-size: 1.2rem;
    color: red;
}

.w57-menu__search__result::-webkit-scrollbar {
    width: .4rem;
}

.w57-menu__search__result::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w57-menu__search__result::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w57-menu__search__result::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w57-menu__search__result__item {
    width: 100%;
    padding: 1rem;
    border-bottom: solid .1rem #f1f1f1;
}

    .w57-menu__search__result__item:last-child {
        border: none;
    }

.w57-menu__search__result__item__figure {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.w57-menu__search__result__item__content {
    flex-wrap: wrap;
}

.w57-menu__search__result__item__content__cate {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .75rem;
    font-weight: 600;
    margin-bottom: .75rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w57-menu__search__result__item__content__name {
    display: block;
    font-size: 1.6rem;
}

.w57-menu__search__result__item__content__price {
    width: 100%;
    display: flex;
    margin-top: 2rem;
}

.w57-menu__search__result__item__content__price__main {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 500;
}

.w57-menu__search__result__item__content__price__down {
    font-size: 1.4rem;
    text-decoration: line-through;
    color: #999999;
    margin-left: 1rem;
}

.w57-menu__search__result__item__content__sale {
    display: inline-block;
    margin-top: 1.4rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    font-size: 1rem;
    padding: .5rem 1rem;
    text-align: center;
    border-radius: 2rem;
}

.w57-menu__search__heading__btn {
    border: none;
    background: none;
    position: absolute;
    right: 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w57-menu__search__heading__btn:hover {
        color: rgba(var(--main-color-w), 1);
        transform: scale(1.05);
    }

.w57-menu__search__heading__btn__icon {
    font-size: 1.6rem;
}

.w57-menu__search__heading__close {
    position: absolute;
    left: 2rem;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all 1s;
}

    .w57-menu__search__heading__close:hover {
        transform: rotate(360deg);
    }

.w57-menu__ckright {
    display: none
}

.w57-menu__checkboxsearch:checked ~ .w57-menu__search--bg {
    display: block;
}
/*ed*/
/*w57-product*/
.w57-product {
    width: 100%;
    padding: 3rem 1rem 0rem;
    background-color: #fff;
    overflow: hidden;
}

.w57-product__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w57-product__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w57-product__heading {
        justify-content: center;
    }
}

.w57-product__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w57-product__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w57-product__heading__text:hover {
    transform: scale(1.05);
}

.w57-product__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w57-product__heading__btn {
        display: none;
    }
}

.w57-product__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-product__heading__btn:hover .w57-product__heading__btn__text {
    color: rgba(var(--second-color-w), 1);
}

.w57-product__heading__btn__icon {
    font-size: 2rem;
    margin-left: 1rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-product__heading__btn:hover .w57-product__heading__btn__icon {
    color: rgba(var(--second-color-w), 1);
}

.w57-product__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w57-product__items {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w57-product__items {
        margin-left: -.5rem;
        margin-right: -.5rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

.w57-product__items__item {
    width: 100%;
}

    .w57-product__items__item.swiper-slide-active {
    }

    .w57-product__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w57-product__items__mains {
    width: 100%;
    display: flex;
}

.w57-product__items__mains__main {
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    transition: all 1s;
    overflow:hidden;
}

    .w57-product__items__mains__main.swiper-slide-visible {
    }

    .w57-product__items__mains__main:hover {
        box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.3);
    }

@media only screen and (max-width:68.75rem) {
    .w57-product__items__mains__main {
        width: 49%;
    }

    @media only screen and (max-width:37.5rem) {
        .w57-product__items__mains__main {
            width: 100%;
        }
    }
}

.w57-product__items__mains__main__status {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    padding: .5rem .75rem;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    border-radius: .3rem;
}

.w57-product__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w57-product__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-product__items__mains__main:hover .w57-product__items__mains__main__first:after {
    animation: key-w57-product__items__mains__main__first 1.5s;
}

@keyframes key-w57-product__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w57-product__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w57-product__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w57-product__items__mains__main__second {
    width: 92%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 4%;
    padding-right: 4%;
}

@media only screen and (max-width:37.5rem) {
    .w57-product__items__mains__main__second {
        padding: 1rem;
    }
}

.w57-product__items__mains__main__second__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

@media only screen and (max-width:68.75rem) {
    .w57-product__items__mains__main__second__name {
        font-size: 2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w57-product__items__mains__main__second__name {
            font-size: 1.8rem;
        }
    }
}

.w57-product__items__mains__main__second__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w57-product__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
    display: block;
    height: .3rem;
    margin-top: 1rem;
}

.w57-product__items__mains__main__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 0rem;
    color: #595959;
    display: flex;
    margin-top: 1rem;
}

.w57-product__items__mains__main__second__des__icon {
    margin-top: .35rem;
    margin-right: 1rem;
}

.w57-product__items__mains__main__second__des__text {
}

.w57-product__items__mains__main__second__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    padding: 1rem 0rem;
    border-top: solid .1rem rgba(0,0,0,0.2);
}

@media only screen and (max-width:50rem) {
    .w57-product__items__mains__main__second__bottom {
        justify-content: center;
    }
}

.w57-product__items__mains__main__second__bottom__name {
    background-color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    color: #fff;
    padding: .75rem 1rem;
    border-radius: .3rem;
    text-align: center;
    font-size: 1.6rem;
    cursor: pointer;
    margin-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-product__items__mains__main__second__bottom__name {
        width: 90%;
        margin-left: 0;
    }
}

.w57-product__items__mains__main__second__bottom__name:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w57-product__items__mains__main__second__bottom__price {
    margin-left: auto;
    display: flex;
    margin-right: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-product__items__mains__main__second__bottom__price {
        width: 90%;
        justify-content: space-between;
        margin: 1rem 0 0;
    }
}

.w57-product__items__mains__main__second__bottom__price__text {
    color: #111;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: .5rem;
}

.w57-product__items__mains__main__second__bottom__price__value {
    color: #111;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w57-product__items__mains__main__second__bottom__price__donvi {
    color: #111;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w57-product__items__mains__main__second__attrs {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.w57-product__items__mains__main__second__attrs__icon {
    font-size: 1.4rem;
    padding: .5rem 1rem .5rem 0rem;
}

.w57-product__items__mains__main__second__attrs__name {
    font-size: 1.4rem;
    padding: .5rem 1rem .5rem 0rem;
}

.w57-product__items__next.swiper-button-next,
.w57-product__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w57-product__items__next:hover,
.w57-product__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w57-product__items__next:after,
.w57-product__items__prev:after {
    display: none;
}
/*ed*/
/*w57-productlist*/
.w57-productlist {
    width: 100%;
    padding: 0rem 1rem 2rem;
    background-repeat: repeat;
    background-color: #fff;
    position:relative;
    z-index:1;
}

@media only screen and (max-width:50rem) {
    .w57-productlist {
        padding-bottom: 0rem;
    }
}

.w57-productlist__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w57-productlist__heading {
    padding: 3rem 1rem 1rem;
    position: relative;
    width: 100%;
}

.w57-productlist__heading__name {
    width: 100%;
}

.w57-productlist__heading__name__text {
    display: block;
    font-size: 3rem;
    text-transform: uppercase;
    line-height: 5rem;
    text-align: center;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w57-productlist__heading__name__text:hover {
        color: rgba(var(--second-color-w),1);
        letter-spacing: .2rem;
    }

@media only screen and (max-width:31.25rem) {
    .w57-productlist__heading__name__text {
        font-size: 2rem;
    }
}

.w57-productlist__heading__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify;
}

.w57-productlist__heading__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
    position: relative;
    z-index: 0;
}

.w57-productlist__heading__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w57-productlist__heading__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w57-productlist__heading__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w57-productlist__heading__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w57-productlist__heading__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w57-productlist__heading__detail__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    height: 9rem;
    overflow: hidden;
}

.w57-productlist__heading__detail__check:checked ~ .w57-productlist__heading__detail__content {
    height: max-content;
}

.w57-productlist__heading__detail__check {
    display: none;
}

.w57-productlist__heading__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w57-productlist__heading__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

.w57-productlist__heading__detail__check:checked ~
.w57-productlist__heading__detail__bottom
.w57-productlist__heading__detail__bottom__label {
    background-color: rgba(var(--second-color-w), 1);
}

.w57-productlist__heading__detail__bottom__label__text {
    font-size: 1.6rem;
    letter-spacing: .1rem;
    transition: all .5s;
}

.w57-productlist__heading__detail__bottom__label:hover .w57-productlist__heading__detail__bottom__label__text {
    letter-spacing: .3rem;
}

.w57-productlist__heading__detail__bottom__label__text--2 {
    display: none;
}

.w57-productlist__heading__detail__check:checked ~
.w57-productlist__heading__detail__bottom
.w57-productlist__heading__detail__bottom__label .w57-productlist__heading__detail__bottom__label__text--2 {
    display: inline-block;
}

.w57-productlist__heading__detail__check:checked ~
.w57-productlist__heading__detail__bottom
.w57-productlist__heading__detail__bottom__label .w57-productlist__heading__detail__bottom__label__text--1 {
    display: none;
}

.w57-productlist__heading__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w57-productlist__heading__detail__check:checked ~
.w57-productlist__heading__detail__bottom
.w57-productlist__heading__detail__bottom__label .w57-productlist__heading__detail__bottom__label__icon:before {
    content: "\f102" !important;
}

.w57-productlist__tabs {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w57-productlist__tabs__item {
    margin-top: 1rem;
    padding: .5rem 2rem;
    background-color: #fff;
    border-radius: 2rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 500;
    cursor: pointer;
    text-transform: uppercase;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin-right: 1rem;
    text-align: center;
}

    .w57-productlist__tabs__item:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w57-productlist__tabs__item {
        margin-right: 0rem;
        width: 49%;
        margin-left: 2%;
    }

        .w57-productlist__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w57-productlist__tabs__item:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

.w57-productlist__tabs__item.active {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
    border: solid .1rem #fff;
}

.w57-productlist__filters {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w57-productlist__filters {
        margin-top: 1rem;
        padding-top: 2rem;
        border-top: solid .1rem rgba(0,0,0,.1);
    }
}

.w57-productlist__filters__name {
    margin-right: 2rem;
    font-size: 1.6rem;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-productlist__filters__name {
        width: 100%;
        margin: 0 0 1rem;
        text-align: center;
        font-weight: 600;
        text-transform: uppercase;
    }
}

.w57-productlist__filters__item {
    margin-right: 2rem;
    margin-top: 1rem;
}

    .w57-productlist__filters__item:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:50rem) {
    .w57-productlist__filters__item {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
    }

        .w57-productlist__filters__item:nth-child(2n) {
            margin-left: 0;
        }
}

.w57-productlist__filters__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w57-productlist__filters__item__dropdown {
        width: 100%;
    }
}

.w57-productlist__filters__item__dropdown__label {
    background-color: #fff;
    padding: 1rem 1.5rem;
    border-radius: .5rem;
    border: #666 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w57-productlist__filters__item__dropdown__check:checked ~
.w57-productlist__filters__item__dropdown__label
.w57-productlist__filters__item__dropdown__label__icon:before {
    content: "\f106";
}

.w57-productlist__filters__item__dropdown__label__name {
    font-size: 1.6rem;
}

.w57-productlist__filters__item__dropdown__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-productlist__filters__item__dropdown__label__icon {
        margin-left: auto;
    }
}

.w57-productlist__filters__item__dropdown__check {
    display: none;
}

.w57-productlist__filters__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
    width: max-content;
}

.w57-productlist__filters__item__dropdown__check:checked ~
.w57-productlist__filters__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w57-productlist__filters__item__dropdown__subs__sub {
    display: flex;
    font-size: 1.6rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    position: relative;
    align-items: center;
}

.w57-productlist__filters__item__dropdown__subs__sub__check {
    position: absolute;
    left: 1rem;
    pointer-events: none;
}

.w57-productlist__filters__item__dropdown__subs__sub__name {
    margin-left: 1rem;
    padding: 1rem 1rem 1rem 2rem;
}

.w57-productlist__filters__item__dropdown__subs__sub:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w57-productlist__filters__item__dropdown__subs__sub:last-child {
    border: none;
    cursor: pointer;
}

.w57-productlist__mains {
    width: 100%;
    margin-top: 0rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:31.25rem) {
    .w57-productlist__mains {
        margin-top: 0rem;
    }
}

.w57-productlist__mains__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: flex-start;
}

.w57-productlist__mains__main__item {
    margin-bottom: 3rem;
    width: 32%;
    margin-left: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    transition: all 1s;
    overflow:hidden;
}

@media only screen and (min-width:68.75rem) {
    .w57-productlist__mains__main__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

.w57-productlist__mains__main__item:hover {
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}

@media only screen and (max-width:68.75rem) {
    .w57-productlist__mains__main__item {
        width: 49%;
    }

        .w57-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w57-productlist__mains__main__item {
            width: 100%;
            margin-left: 0;
        }
    }
}

.w57-productlist__mains__main__item__status {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    padding: .5rem .75rem;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    border-radius: .3rem;
}

.w57-productlist__mains__main__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w57-productlist__mains__main__item__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

.w57-productlist__mains__main__item:hover .w57-productlist__mains__main__item__first:after {
    animation: key-w57-productlist__mains__main__item__first 1.5s;
}

@keyframes key-w57-productlist__mains__main__item__first {
    100% {
        left: 125%;
    }
}

.w57-productlist__mains__main__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w57-productlist__mains__main__item__first__imgbox:hover {
        transform: scale(1.1);
    }

.w57-productlist__mains__main__item__second {
    width: 92%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 4%;
    padding-right: 4%;
}

@media only screen and (max-width:37.5rem) {
    .w57-productlist__mains__main__item__second {
        padding: 1rem;
    }
}

.w57-productlist__mains__main__item__second__name {
    font-size: 2rem;
    line-height: 3.6rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

@media only screen and (max-width:68.75rem) {
    .w57-productlist__mains__main__item__second__name {
        font-size: 2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w57-productlist__mains__main__item__second__name {
            font-size: 1.8rem;
        }
    }
}

.w57-productlist__mains__main__item__second__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w57-product__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
    display: block;
    height: .3rem;
    margin-top: 1rem;
}

.w57-productlist__mains__main__item__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 0rem;
    color: #595959;
    display: flex;
}

.w57-productlist__mains__main__item__second__des__icon {
    margin-top: .35rem;
    margin-right: 1rem;
}

.w57-productlist__mains__main__item__second__des__text {
}

.w57-productlist__mains__main__item__second__bottom {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    padding: 1rem 0rem;
    border-top: solid .1rem rgba(0,0,0,0.2);
}

@media only screen and (max-width:50rem) {
    .w57-productlist__mains__main__item__second__bottom {
        padding: 1rem;
    }
}

.w57-productlist__mains__main__item__second__bottom__name {
    background-color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    color: #fff;
    padding: .75rem 1rem;
    border-radius: .3rem;
    text-align: center;
    font-size: 1.6rem;
    cursor: pointer;
    margin-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-productlist__mains__main__item__second__bottom__name {
        width: 100%;
        margin-left: 0;
    }
}

.w57-productlist__mains__main__item__second__bottom__name:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w57-productlist__mains__main__item__second__bottom__price {
    margin-left: auto;
    display: flex;
    margin-right: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-productlist__mains__main__item__second__bottom__price {
        width: 100%;
        margin-top: 1rem;
        justify-content: space-between;
    }
}

.w57-productlist__mains__main__item__second__bottom__price__text {
    color: #111;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: .5rem;
}

.w57-productlist__mains__main__item__second__bottom__price__value {
    color: #111;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w57-productlist__mains__main__item__second__bottom__price__donvi {
    color: #111;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w57-productlist__mains__main__item__second__attrs {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    flex-wrap: wrap;
    align-items: center;
}

.w57-productlist__mains__main__item__second__attrs__icon {
    font-size: 1.4rem;
    padding: .5rem 1rem .5rem 0rem;
}

.w57-productlist__mains__main__item__second__attrs__name {
    font-size: 1.4rem;
    padding: .5rem 1rem .5rem 0rem;
}

.w57-productlist__mains__paging {
    margin: 0rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w57-productlist__mains__paging__item {
    list-style-type: none;
}

.w57-productlist__mains__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
}

.w57-productlist__mains__paging__item:hover .w57-productlist__mains__paging__item__text,
.w57-productlist__mains__paging__item.active .w57-productlist__mains__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w57-productlist .table__responsive {
    overflow-y: scroll;
}

    .w57-productlist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w57-productlist .table__responsive::-webkit-scrollbar-track {
    }

    .w57-productlist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w57-productlist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w57-productlist .table__responsive table {
        width: max-content;
    }

.w57-productlist__heading__detail__content table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w57-productlist__heading__detail__content table td,
    .w57-productlist__heading__detail__content table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w57-topbar*/
.w57-topbar {
    width: 100%;
    padding: 1rem 1rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w57-topbar {
        padding: .5rem 1rem;
    }
}

.w57-topbar__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
}

.w57-topbar__first__item {
}

@media only screen and (max-width:75rem) {
    .w57-topbar__first__item {
        padding: .5rem 0rem;
    }
}

.w57-topbar__first__item__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
}

.w57-topbar__first__item__text {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
}

.w57-topbar__first {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w57-topbar__first {
        width: 100%;
        justify-content: center;
    }
}

.w57-topbar__first__item {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

    .w57-topbar__first__item:first-child {
        margin-left: 0;
    }

    .w57-topbar__first__item:last-child {
    }

.w57-topbar__first__item__text {
    margin-left: 1rem;
}

.w57-topbar__second {
    margin-left: auto;
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w57-topbar__second {
        display: none
    }
}

.w57-topbar__second__item {
    margin-left: 1.5rem;
    height: 2rem;
    width: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .w57-topbar__second__item:first-child {
        margin-left: 0;
    }

.w57-topbar__second__item__imgbox {
    background-size: contain;
}
/*ed*/
/*w57-downbar*/
.w57-downbar {
    width: 100%;
    padding: 1rem 1rem;
    background-color: rgba(var(--second-color-w,1));
}

.w57-downbar__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w57-downbar__content {
    line-height: 2.6rem;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
}

    .w57-downbar__content a {
        color: inherit;
    }
/*ed*/
/*w57-addward*/
.w57-addward {
    width: 100%;
    padding: 0;
    padding: 3rem 0rem 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w57-addward {
        padding-bottom: 3rem;
    }
}

.w57-addward__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 1rem;
    padding: 0rem;
}

.w57-addward__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w57-addward__heading {
        justify-content: center;
    }
}

.w57-addward__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w57-addward__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w57-addward__heading__text:hover {
    transform: scale(1.05);
}

.w57-addward__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w57-addward__heading__btn {
        display: none;
    }
}

.w57-addward__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-addward__heading__btn:hover .w57-addward__heading__btn__text {
    color: rgba(var(--second-color-w), 1);
}

.w57-addward__heading__btn__icon {
    font-size: 2rem;
    margin-left: 1rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-addward__heading__btn:hover .w57-addward__heading__btn__icon {
    color: rgba(var(--second-color-w), 1);
}

.w57-addward__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w57-addward__main {
    width: 100%;
    margin-top: 3rem;
}

.w57-addward__main__item {
    flex-wrap: wrap;
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
}


.w57-addward__main__item__dot {
    position: absolute;
    left: 48.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 4rem;
}

@media only screen and (max-width:62.5rem) {
    .w57-addward__main__item__dot {
        left: 2rem;
    }
}

.w57-addward__main__item__dot__icon {
    width: 4rem;
    height: 4rem;
    position: absolute;
    background: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 2;
    transition: all .5s;
}

    .w57-addward__main__item.active .w57-addward__main__item__dot__icon,
    .w57-addward__main__item__dot__icon:hover {
        background: rgba(var(--second-color-w),1);
    }

.w57-addward__main__item__dot__icon__round {
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 50%;
}

.w57-addward__main__item__dot__line {
    width: .3rem;
    position: absolute;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
    top: 0;
    z-index: 1;
}

    .w57-addward__main__item__dot__line:before {
        content: "";
        width: 100%;
        height: 0;
        transition: all 2s;
        position: absolute;
        top: 0;
    }

.w57-addward__main__item.active .w57-addward__main__item__dot__line:before {
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
}

.w57-addward__main__item:first-child .w57-addward__main__item__dot__line {
    top: 50%;
    height: 50%;
}

.w57-addward__main__item:last-child .w57-addward__main__item__dot__line {
    top: 0%;
    height: 50%;
}

.w57-addward__main__item__second {
    margin-left: auto;
    width: 47%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    transition: all 1s;
    padding: 1rem 0rem;
}

.w57-addward__main__item__second__box {
    background-color: #fff;
    box-shadow: 2px 2px 30px 0 rgba(156,156,192,.26);
    position: relative;
}

@media only screen and (min-width:62.5rem) {
    .w57-addward__main__item--1 .w57-addward__main__item__second {
        transform: translateX(20rem);
        opacity: .1;
    }

    .w57-addward__main__item--2 .w57-addward__main__item__second {
        transform: translateX(-20rem);
        opacity: .1;
    }

    .w57-addward__main__item.active .w57-addward__main__item__second {
        transform: translateX(0);
        opacity: 1;
    }

    .w57-addward__main__item--2 .w57-addward__main__item__second {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w57-addward__main__item__second {
        transform: translateX(10rem);
        opacity: .1;
    }

    .w57-addward__main__item.active .w57-addward__main__item__second {
        transform: translateX(0);
        opacity: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w57-addward__main__item__second {
        width: calc(100% - 10rem);
        margin-left: auto;
        margin-right: 2rem;
    }
}

.w57-addward__main__item__second__one {
    width: 100%;
    padding: 2rem 3rem;
}

@media only screen and (max-width:50rem) {
    .w57-addward__main__item__second__one {
        width: 100%;
    }
}

.w57-addward__main__item__second__one__name {
    display: block;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w), 1);
    line-height: 3rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
}

    .w57-addward__main__item__second__one__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-addward__main__item__second__one__des {
    font-size: 1.6rem;
    color: #333;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify
}

.w57-addward__main__item__second__box__two {
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w57-addward__main__item__second__box__two {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w57-addward__main__item__second__box__two:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w57-addward__main__item:hover .w57-addward__main__item__second__box__two:after {
    animation: key-w57-addward__main__item__second__box__two 1.5s;
}

@keyframes key-w57-addward__main__item__second__box__two {
    100% {
        left: 125%;
    }
}

.w57-addward__main__item__second__box__two__imgbox {
    background-size: cover;
    width: 100%;
    background-position: top center;
    transition: all .5s;
    cursor: pointer;
}

.w57-addward__main__item__second__box__two__imgbox__img {
    width: 100%;
}

.w57-addward__main__item__second__triangle {
    width: 0px;
    height: 0px;
    border-top: 1.25rem solid transparent;
    border-bottom: 1.25rem solid transparent;
    border-left: 1.25rem solid #fff;
    position: absolute;
    left: -1.25rem;
    transform: rotate(180deg);
}

@media only screen and (min-width:62.5rem) {
    .w57-addward__main__item:nth-child(2n+2)
    .w57-addward__main__item__second__triangle {
        right: -1.25rem;
        transform: rotate(0);
        left: auto;
    }
}
/*ed*/
/*w57-breadcrumb*/
.w57-breadcrumb {
    padding: 3rem 1rem;
    height: 30rem;
    background-image: url('../../img/w57/bg_01.webp');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    z-index: 0;
}

.w57-breadcrumb__bg {
    background-color: rgba(0,0,0,.7);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w57-breadcrumb {
        height: 20rem;
    }
}

.w57-breadcrumb__group {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    z-index: 2;
}

.w57-breadcrumb__row {
}

.w57-breadcrumb__row__items {
    margin-top: 1.5rem;
}

.w57-breadcrumb__row__items__item {
    text-transform: uppercase;
    line-height: 1.6rem;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w57-breadcrumb__row__items__item:not(:last-child)::after {
        content: "/";
        display: inline-block;
        margin-left: 1rem;
        margin-right: 1rem;
    }

    .w57-breadcrumb__row__items__item:hover {
        letter-spacing: .1rem;
    }

.w57-breadcrumb__row__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 4rem;
    line-height: 2rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w57-breadcrumb__row__title {
        font-size: 2rem;
    }
}

.w57-breadcrumb__row__title:hover {
    letter-spacing: .1rem;
}
/*ed*/
/*w57-bloglist*/
.w57-bloglist {
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w57-bloglist__heading {
    padding: 3rem 1rem 1rem;
    width: 100%;
    margin-bottom: 2rem;
}

.w57-bloglist__heading__name {
    width: 100%;
}

.w57-bloglist__heading__name__text {
    display: block;
    font-size: 3rem;
    line-height: 5rem;
    text-align: center;
    font-weight: 500;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
}

    .w57-bloglist__heading__name__text:hover {
        color: rgba(var(--second-color-w),1);
        letter-spacing: .2rem;
    }

@media only screen and (max-width:31.25rem) {
    .w57-bloglist__heading__name__text {
        font-size: 2rem;
    }
}

.w57-bloglist__heading__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify;
}

.w57-bloglist__heading__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w57-bloglist__heading__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w57-bloglist__heading__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w57-bloglist__heading__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w57-bloglist__heading__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w57-bloglist__heading__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w57-bloglist__heading__detail__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    height: 9rem;
    overflow: hidden;
}

.w57-bloglist__heading__detail__check:checked ~ .w57-bloglist__heading__detail__content {
    height: max-content;
}

.w57-bloglist__heading__detail__check {
    display: none;
}

.w57-bloglist__heading__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w57-bloglist__heading__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

.w57-bloglist__heading__detail__check:checked ~
.w57-bloglist__heading__detail__bottom
.w57-bloglist__heading__detail__bottom__label {
    background-color: rgba(var(--second-color-w), 1);
}

.w57-bloglist__heading__detail__bottom__label__text {
    font-size: 1.6rem;
    letter-spacing: .1rem;
    transition: all .5s;
}

.w57-bloglist__heading__detail__bottom__label:hover .w57-bloglist__heading__detail__bottom__label__text {
    letter-spacing: .3rem;
}

.w57-bloglist__heading__detail__bottom__label__text--2 {
    display: none;
}

.w57-bloglist__heading__detail__check:checked ~
.w57-bloglist__heading__detail__bottom
.w57-bloglist__heading__detail__bottom__label .w57-bloglist__heading__detail__bottom__label__text--2 {
    display: inline-block;
}

.w57-bloglist__heading__detail__check:checked ~
.w57-bloglist__heading__detail__bottom
.w57-bloglist__heading__detail__bottom__label .w57-bloglist__heading__detail__bottom__label__text--1 {
    display: none;
}

.w57-bloglist__heading__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w57-bloglist__heading__detail__check:checked ~
.w57-bloglist__heading__detail__bottom
.w57-bloglist__heading__detail__bottom__label .w57-bloglist__heading__detail__bottom__label__icon:before {
    content: "\f102" !important;
}

.w57-bloglist__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
}
.w57-bloglist__content {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}
.w57-bloglist__second {
    width: 25%;
    margin-left: auto;
}

@media only screen and (max-width:56.25rem) {
    .w57-bloglist__second {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
}
.w57-bloglist__second__container{
    position:sticky;
    top:1rem;
}
.w57-bloglist__second__name {
    font-size: 2.4rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w57-bloglist__second__line {
    width: 100%;
    background-color: rgba(0,0,0,.2);
    height: .1rem;
    margin-top: 1rem;
}

.w57-bloglist__second__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
}

.w57-bloglist__second__items__item {
    width: 48%;
    margin-left: 4%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: .5rem;
}

    .w57-bloglist__second__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w57-bloglist__second__items__item__link {
    width: 100%;
}

.w57-bloglist__second__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
    height: 100%;
}

.w57-bloglist__second__items__item:hover .w57-bloglist__second__items__item__link__imgbox {
    transform: scale(1.1)
}

.w57-bloglist__second__items__item__name {
    position: absolute;
    width: 100%;
    padding: 1rem;
    bottom: 0;
}

.w57-bloglist__second__items__item__name__text {
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
}

.w57-bloglist__second__items__item__name__des {
    margin-top: .5rem;
    font-size: 1.3rem;
    color: #fff;
}

.w57-bloglist__second__form {
    padding: 1.5rem;
    margin-top: 2rem;
    border-radius: .5rem;
    background: url(/img/w57-bloglist_bg.png) no-repeat rgba(var(--main-color-w), 1) center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.w57-bloglist__second__form__line {
    background: #fff;
    height: .1rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-bloglist__second__form__name {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w57-bloglist__second__form__name__text {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding-right: 3rem;
}

.w57-bloglist__second__form__name__icon {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    right: 0;
}

    .w57-bloglist__second__form__name__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

.w57-bloglist__second__form__item {
    display: flex;
    position: relative;
    align-items: center;
    border: solid .1rem #fff;
    border-radius: .3rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-bloglist__second__form__item__input {
    background-color: transparent;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
}

    .w57-bloglist__second__form__item__input::placeholder {
        opacity: 1;
    }

.w57-bloglist__second__form__item__req {
    position: absolute;
    right: 1rem;
    color: #fff;
}

.w57-bloglist__second__form__btn {
    margin-top: 1.5rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: .5rem;
    padding: 1rem 2.5rem;
    border: none;
    outline: none;
    font-family: inherit;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
    font-weight: 600;
    letter-spacing: .2rem;
    text-transform: uppercase;
    width: 100%;
}

    .w57-bloglist__second__form__btn:hover {
        transform: scale(1.05);
    }

.w57-bloglist__second__form__btn__text {
    font-size: 1.5rem;
}

.w57-bloglist__second__search {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.w57-bloglist__second__search__input {
    outline: none;
    border: solid .1rem rgba(0,0,0,.2);
    background-color: #fff;
    font-size: 1.6rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
    cursor: pointer;
    transition: all .5s;
}

    .w57-bloglist__second__search__input:focus {
        outline: rgba(var(--main-color-w),1) .1rem solid;
    }

.w57-bloglist__second__search__btn {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    top: 0;
    right: 0;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
}

    .w57-bloglist__second__search__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w57-bloglist__second__list {
    margin: 2rem 0 2rem;
    padding: 0;
}

.w57-bloglist__second__list__item {
    list-style-type: none;
    display: flex;
    width: 100%;
    padding: 1.25rem 0;
    align-items: center;
    border-bottom: rgba(0,0,0,.2) solid .1rem;
}

    .w57-bloglist__second__list__item:last-child {
        border-bottom: none;
    }

    .w57-bloglist__second__list__item:first-child {
        margin-top: 0;
    }

.w57-bloglist__second__list__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
}

.w57-bloglist__second__list__item:hover
.w57-bloglist__second__list__item__icon {
    color: rgba(var(--main-color-w),1);
}

.w57-bloglist__second__list__item__name {
    font-size: 1.8rem;
    margin-left: 1rem;
    cursor: pointer;
}

.w57-bloglist__second__list__item:hover
.w57-bloglist__second__list__item__name {
    color: rgba(var(--main-color-w),1);
}

.w57-bloglist__mains {
    width: 72%;
}

@media only screen and (max-width:56.25rem) {
    .w57-bloglist__mains {
        width: 100%;
    }
}

.w57-bloglist__mains__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w57-bloglist__mains__main__item {
    margin-bottom: 2rem;
    width: 32%;
    margin-left: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 2px 0px rgba(0,0,0,0.5);
    transition: all 1s;
}

@media only screen and (min-width:68.75rem) {
    .w57-bloglist__mains__main__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

.w57-bloglist__mains__main__item:hover {
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
}

@media only screen and (max-width:68.75rem) {
    .w57-bloglist__mains__main__item {
        width: 49%;
    }

        .w57-bloglist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w57-bloglist__mains__main__item {
            width: 100%;
        }
    }
}

.w57-bloglist__mains__main__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w57-bloglist__mains__main__item__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-bloglist__mains__main__item:hover .w57-bloglist__mains__main__item__first:after {
    animation: key-w57-bloglist__mains__main__item__first 1.5s;
}

@keyframes key-w57-bloglist__mains__main__item__first {
    100% {
        left: 125%;
    }
}

.w57-bloglist__mains__main__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w57-bloglist__mains__main__item__first__imgbox:hover {
        transform: scale(1.1);
    }

.w57-bloglist__mains__main__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-bloglist__mains__main__item__second {
        padding: 1rem;
    }
}

.w57-bloglist__mains__main__item__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

    .w57-bloglist__mains__main__item__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-bloglist__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
    display: block;
    height: .3rem;
    margin-top: 1rem;
}

.w57-bloglist__mains__main__item__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    color: #595959;
    display: flex;
}

.w57-bloglist__mains__main__item__second__des__text {
}

.w57-bloglist__mains__main__item__second__bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    align-items: center;
    cursor: pointer;
    color: #595959;
    transition: all .5s;
}

    .w57-bloglist__mains__main__item__second__bottom:hover {
        color: rgba(var(--second-color-w), 1);
        letter-spacing: .1rem;
    }

.w57-bloglist__mains__main__item__second__bottom__icon {
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w57-bloglist__mains__main__item__second__bottom__name {
    font-size: 1.5rem;
}

.w57-bloglist__mains__main__item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 1rem;
}

.w57-bloglist__mains__main__item__head__child {
    display: flex;
    align-items: center;
    color: #595959;
}

a.w57-bloglist__mains__main__item__head__child {
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    a.w57-bloglist__mains__main__item__head__child:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-bloglist__mains__main__item__head__child__icon {
    font-size: 1.3rem;
}

.w57-bloglist__mains__main__item__head__child__name {
    margin-left: .5rem;
    font-size: 1.3rem;
}

.w57-bloglist__mains__paging {
    margin: 0rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w57-bloglist__mains__paging__item {
    list-style-type: none;
}

.w57-bloglist__mains__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
}

.w57-bloglist__mains__paging__item:hover .w57-bloglist__mains__paging__item__text,
.w57-bloglist__mains__paging__item.active .w57-bloglist__mains__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w57-bloglist .table__responsive {
    overflow-y: scroll;
}

    .w57-bloglist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w57-bloglist .table__responsive::-webkit-scrollbar-track {
    }

    .w57-bloglist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w57-bloglist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w57-bloglist .table__responsive table {
        width: max-content;
    }

.w57-bloglist__heading__detail__content table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w57-bloglist__heading__detail__content table td,
    .w57-bloglist__heading__detail__content table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w57-support*/
.w57-support {
    width: 4.5rem;
    z-index: 11;
    position: relative;
    height:fit-content;
}

@media only screen and (max-width:50rem) {
    .w57-support {
        position: fixed !important;
        width: 100%;
        bottom: 0 !important;
        top: inherit !important;
        left: 0 !important;
        display: flex;
        align-items: center;
        height: 4.5rem;
        justify-content: space-between;
    }
}

.w57-support__main {
    position: relative;
}

@media only screen and (min-width:50rem) {
    .w57-support__main {
        left: -1rem;
    }

    .w57-support__main--right {
        left: initial;
        right: -1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main {
        display: flex;
        width: 100%;
        height: 100%;
    }
}

.w57-support__main__check {
    display: none;
}

.w57-support__main__close {
    background-color: #000;
    color: #fff;
    display: flex;
    width: 100%;
    height: 3.6rem;
    justify-content: center;
    align-items: center;
    padding: 1rem 0;
    cursor: pointer;
    border-radius: 0 1rem 0 0;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__close {
        border-radius: 1rem 0 0 0;
    }
}

.w57-support__main__checktuvan:checked ~ .w57-support__main__close {
    pointer-events: none;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__close {
        width: 12%;
        height: 100%;
        border-radius: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms__icon {
        width: max-content;
    }
}

.w57-support__main__close__icon {
    font-size: 1.4rem;
    transition: all 1s;
    position: absolute;
    animation: key-w57-support__main__close__icon__show 1s;
    animation-fill-mode: forwards;
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__close__icon {
        font-size: 1.4rem;
        transition: all 1s;
        position: absolute;
        animation: key-w57-support__main__close__icon__show--right 1s;
        animation-fill-mode: forwards;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__close__icon {
        transform: rotate(-90deg);
    }
}

@media only screen and (min-width:50rem) {
    .w57-support__main__check:checked ~ .w57-support__main__close {
        border-radius: 0 1rem 1rem 0;
    }

    .w57-support__main--right .w57-support__main__check:checked ~ .w57-support__main__close {
        border-radius: 1rem 0 0 1rem;
    }
}

.w57-support__main__check:checked ~ .w57-support__main__close .w57-support__main__close__icon {
    animation: key-w57-support__main__close__icon__hide 1s;
    animation-fill-mode: forwards;
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__check:checked ~ .w57-support__main__close .w57-support__main__close__icon {
        animation: key-w57-support__main__close__icon__hide--right 1s;
        animation-fill-mode: forwards;
    }

    @keyframes key-w57-support__main__close__icon__hide {
        0% {
            transform: translateX(0);
        }

        25% {
            transform: translateX(-4.5rem);
            opacity: 0;
        }

        50% {
            transform: translateX(9rem) rotate(180deg);
            opacity: 0;
        }

        75% {
            transform: translateX(0rem) rotate(180deg);
            opacity: 1;
        }

        100% {
            transform: translateX(0rem) rotate(180deg);
            opacity: 1;
        }
    }

    @keyframes key-w57-support__main__close__icon__hide--right {
        0% {
            transform: translateX(0) rotate(180deg);
        }

        25% {
            transform: translateX(4.5rem) rotate(180deg);
            opacity: 0;
        }

        50% {
            transform: translateX(-9rem) rotate(0);
            opacity: 0;
        }

        75% {
            transform: translateX(0rem) rotate(0);
            opacity: 1;
        }

        100% {
            transform: translateX(0rem) rotate(0);
            opacity: 1;
        }
    }

    @keyframes key-w57-support__main__close__icon__show {
        0% {
            transform: translateX(0rem) rotate(180deg);
            opacity: 1;
        }

        25% {
        }

        50% {
            transform: translateX(4.5rem) rotate(180deg);
            opacity: 0;
        }

        75% {
            transform: translateX(-4.5rem);
            opacity: 0;
        }

        100% {
            transform: translateX(0rem);
            opacity: 1;
        }
    }

    @keyframes key-w57-support__main__close__icon__show--right {
        0% {
            transform: translateX(0rem) rotate(0);
            opacity: 1;
        }

        25% {
        }

        50% {
            transform: translateX(-4.5rem) rotate(0);
            opacity: 0;
        }

        75% {
            transform: translateX(4.5rem) rotate(180deg);
            opacity: 0;
        }

        100% {
            transform: translateX(0rem) rotate(180deg);
            opacity: 1;
        }
    }
}

@media only screen and (max-width:50rem) {
    @keyframes key-w57-support__main__close__icon__hide {
        0% {
            transform: translateX(0) rotate(-90deg);
        }

        25% {
            transform: translateY(-4.5rem) rotate(-90deg);
            opacity: 0;
        }

        50% {
            transform: translateY(9rem) rotate(90deg);
            opacity: 0;
        }

        75% {
            transform: translateY(0rem) rotate(90deg);
            opacity: 1;
        }

        100% {
            transform: translateY(0rem) rotate(90deg);
            opacity: 1;
        }
    }

    @keyframes key-w57-support__main__close__icon__show {
        0% {
            transform: translateY(0rem) rotate(-90deg);
            opacity: 1;
        }

        25% {
        }

        50% {
            transform: translateY(4.5rem) rotate(-90deg);
            opacity: 0;
        }

        75% {
            transform: translateY(-4.5rem) rotate(-90deg);
            opacity: 0;
        }

        100% {
            transform: translateY(0rem) rotate(-90deg);
            opacity: 1;
        }
    }
}

.w57-support__main__items {
    width: 100%;
    transition: all 1s;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 100%;
        width: 88%;
        position: absolute;
        left: 12%;
        bottom: 0;
        animation: key-w57-support__main__items--show 1s;
        animation-fill-mode: forwards;
    }
}

.w57-support__main__check:checked ~ .w57-support__main__items {
    animation: key-w57-support__main__items 1s;
    animation-fill-mode: forwards;
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__check:checked ~ .w57-support__main__items {
        animation: key-w57-support__main__items--right 1s;
        animation-fill-mode: forwards;
    }

    @keyframes key-w57-support__main__items {
        0% {
            transform: translateX(0);
        }

        50% {
            transform: translateX(-100%);
        }

        100% {
            height: 0;
            overflow: hidden;
        }
    }

    @keyframes key-w57-support__main__items--right {
        0% {
            transform: translateX(0);
        }

        50% {
            transform: translateX(100%);
        }

        100% {
            height: 0;
            overflow: hidden;
        }
    }
}

@media only screen and (max-width:50rem) {
    @keyframes key-w57-support__main__items {
        0% {
            bottom: 0;
        }

        50% {
        }

        100% {
            bottom: -100%;
        }
    }

    @keyframes key-w57-support__main__items--show {
        0% {
            bottom: -100%;
        }

        50% {
        }

        100% {
            bottom: 0;
        }
    }
}

.w57-support__main__items__sms {
    background-color: #e57200;
    position: relative;
}

.w57-support__main__check:checked ~ .w57-support__main__items .w57-support__main__items__sms {
    pointer-events: none;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms {
        display: flex;
        height: 100%;
        justify-content: center;
        align-items: center;
        width: 30%;
    }
}

.w57-support__main__checktuvan {
    display: none;
}

.w57-support__main__items__sms__icon {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 15rem;
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms__icon {
        width: 100%;
        height: 100%;
        position: relative;
        z-index: 2;
        background-color: #e57200;
    }
}

.w57-support__main__items__sms__icon__value {
    font-size: 1.8rem;
    color: #fff;
    transform: rotate(90deg);
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms__icon__value {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms__icon__value {
        transform: rotate(0);
    }
}

.w57-support__main__items__sms__icon__triangle {
    width: 0px;
    height: 0px;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1rem solid rgba(var(--main-color-w), 1);
    position: absolute;
    transition: all .5s;
    right: 0rem;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__items__sms__icon__triangle {
        transform: rotate(180deg);
        right: initial;
        left: 0;
    }

    .w57-support__main--right
    .w57-support__main__checktuvan:checked ~
    .w57-support__main__items
    .w57-support__main__items__sms
    .w57-support__main__items__sms__icon
    .w57-support__main__items__sms__icon__triangle {
        left: -1rem;
    }
}

.w57-support__main__checktuvan:checked ~
.w57-support__main__items
.w57-support__main__items__sms
.w57-support__main__items__sms__icon
.w57-support__main__items__sms__icon__triangle {
    right: -1rem;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms__icon__triangle {
        top: 0rem;
        right: initial;
        transform: rotate(-90deg);
    }

    .w57-support__main__checktuvan:checked ~
    .w57-support__main__items
    .w57-support__main__items__sms
    .w57-support__main__items__sms__icon
    .w57-support__main__items__sms__icon__triangle {
        top: -1.5rem;
        z-index: 1;
        opacity: 1;
        right: initial;
        visibility: visible;
    }
}

.w57-support__main__items__sms__main {
    border-radius: .5rem;
    background: url(/img/w57-productdetail_bg.png) no-repeat rgba(var(--main-color-w), 1) center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
    width: 15rem;
    padding: 1.5rem;
    left: 5.5rem;
    top: 0;
    transition: all .5s;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    z-index: 0
}

.w57-support__main__checktuvan:checked ~
.w57-support__main__items
.w57-support__main__items__sms
.w57-support__main__items__sms__main {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    width: 30rem;
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__items__sms__main {
        width: 15rem;
        left: initial;
        right: 5.5rem;
    }

    .w57-support__main--right
    .w57-support__main__checktuvan:checked ~
    .w57-support__main__items
    .w57-support__main__items__sms
    .w57-support__main__items__sms__main {
        width: 30rem;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms__main {
        width: 30rem;
        left: 0;
        bottom: -100%;
        top: initial;
        overflow: hidden;
    }

    .w57-support__main__checktuvan:checked ~
    .w57-support__main__items
    .w57-support__main__items__sms
    .w57-support__main__items__sms__main {
        opacity: 1;
        visibility: visible;
        z-index: 1;
        bottom: 5.6rem;
    }
}

.w57-support__main__items__sms__main__line {
    background: #fff;
    height: .1rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-support__main__items__sms__main__name {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w57-support__main__items__sms__main__name__text {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding: 0 3rem;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
}

.w57-support__main__items__sms__main__name__icon {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    left: 0;
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__items__sms__main__name__icon {
        left: initial;
        right: 0;
        transform: rotate(180deg);
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__sms__main__name__icon {
        transform: rotate(-90deg);
    }
}

.w57-support__main__items__sms__main__name__icon:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

.w57-support__main__items__sms__main__item {
    display: flex;
    position: relative;
    align-items: center;
    border: solid .1rem #fff;
    border-radius: .3rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-support__main__items__sms__main__item__input {
    background-color: transparent;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
}

    .w57-support__main__items__sms__main__item__input::placeholder {
        opacity: 1;
    }

.w57-support__main__items__sms__main__item__req {
    position: absolute;
    right: 1rem;
    color: #fff;
}

.w57-support__main__items__sms__main__btn {
    margin-top: 1.5rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: .5rem;
    padding: 1rem 2.5rem;
    border: none;
    outline: none;
    font-family: inherit;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
    font-weight: 600;
    letter-spacing: .2rem;
    text-transform: uppercase;
    width: 100%;
}

    .w57-support__main__items__sms__main__btn:hover {
        transform: scale(1.05);
    }

.w57-support__main__items__sms__main__btn__text {
    font-size: 1.5rem;
}

.w57-support__main__items__face {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__face {
        width: 40%;
        height: 100%;
    }
}

.w57-support__main__items__face__icon {
    position: relative;
    z-index: 2;
    background-color: #4267B2;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1.25rem 0;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__face__icon {
        height: 100%;
        padding: 0;
    }
}

.w57-support__main__items__face__icon__value {
    font-size: 1.6rem;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__face__icon__value {
        font-size: 1.8rem;
    }
}

.w57-support__main__items__face__main {
    transition: all .5s;
    position: absolute;
    z-index: 0;
    width: 13rem;
    background-color: #4267B2;
    color: #fff;
    text-align: left;
    right: 0;
    border-radius: 0 .5rem .5rem 0;
    font-size: 1.6rem;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

.w57-support__main--right .w57-support__main__items__face__main {
    right: initial;
    left: 0;
    border-radius: .5rem 0 0 .5rem;
    justify-content: right;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__face__main {
        display: none;
    }
}

.w57-support__main__items__face:hover .w57-support__main__items__face__main {
    right: -13rem;
}

.w57-support__main--right .w57-support__main__items__face:hover .w57-support__main__items__face__main {
    right: initial;
    left: -13rem;
}

.w57-support__main__items__zalo {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    z-index: 2;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__zalo {
        width: 30%;
        height: 100%;
    }
}

.w57-support__main__items__zalo__link {
    position: relative;
    z-index: 2;
    background-color: #2196f3;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 1.25rem .75rem;
}

@media only screen and (min-width:50rem) {
    .w57-support__main__items__zalo:last-child .w57-support__main__items__zalo__link {
        border-radius: 0 0 1rem 0;
    }
}

@media only screen and (min-width:50rem) {
    .w57-support__main--right .w57-support__main__items__zalo:last-child .w57-support__main__items__zalo__link {
        border-radius: 0 0 0rem 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__zalo__link {
        border-radius: 0;
        height: 100%;
    }
}

.w57-support__main__items__zalo__link__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__zalo__link__imgbox {
        max-height: 2rem;
    }
}

.w57-support__main__items__zalo__main {
    transition: all .5s;
    position: absolute;
    z-index: 0;
    width: 13rem;
    background-color: #2196f3;
    color: #fff;
    text-align: left;
    right: 0;
    border-radius: 0 .5rem .5rem 0;
    font-size: 1.6rem;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 1rem;
}

@media only screen and (min-width:50rem) {
    .w57-support__main__items__zalo__main {
        border-radius: 0 .5rem .5rem 0;
    }

    .w57-support__main--right .w57-support__main__items__zalo__main {
        right: initial;
        left: 0;
        border-radius: .5rem 0 0 .5rem;
        justify-content: right;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__zalo__main {
        border-radius: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w57-support__main__items__zalo__main {
        display: none;
    }
}

.w57-support__main__items__zalo:hover .w57-support__main__items__zalo__link {
    border-radius: 0;
}

.w57-support__main--right .w57-support__main__items__zalo:hover .w57-support__main__items__zalo__link {
    border-radius: 0;
}

.w57-support__main__items__zalo:hover .w57-support__main__items__zalo__main {
    right: -13rem;
}

.w57-support__main--right .w57-support__main__items__zalo:hover .w57-support__main__items__zalo__main {
    right: initial;
    left: -13rem;
}
/*ed*/
/*w57-productdetail*/
.w57-productdetail {
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w57-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w57-productdetail__mains {
    width: 72%;
}

@media only screen and (max-width:62.5rem) {
    .w57-productdetail__mains {
        width: 100%;
    }
}

.w57-productdetail__mains__hinhanh {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w57-productdetail__mains__hinhanh__items {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    border-radius: .5rem;
}

.w57-productdetail__mains__hinhanh__items__heading {
    background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(var(--main-color-w), 1) 70%);
    position: absolute;
    padding: 3rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
    border-radius: 0 0 .5rem .5rem;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__mains__hinhanh__items__heading {
        padding: 1rem;
    }
}

.w57-productdetail__mains__hinhanh__items__heading__status {
    margin-bottom: 1.5rem;
    padding: .5rem 2rem;
    font-size: 1.6rem;
    text-align: center;
    border-radius: .5rem;
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
    width: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__hinhanh__items__heading__status {
        padding: .5rem .75rem;
        margin-bottom: .5rem;
        font-size: 1.2rem;
    }
}

.w57-productdetail__mains__hinhanh__items__heading__name {
    font-size: 2.6rem;
    color: #fff;
    line-height: 3rem;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__mains__hinhanh__items__heading__name {
        font-size: 1.6rem;
        color: #fff;
        line-height: 2.6rem;
    }
}

.w57-productdetail__mains__hinhanh__items__heading__des {
    display: flex;
    width: 100%;
    margin-top: 1.5rem;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__mains__hinhanh__items__heading__des {
        margin-top: 1rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w57-productdetail__mains__hinhanh__items__heading__des {
            display: none;
        }
    }
}

.w57-productdetail__mains__hinhanh__items__heading__des__icon {
    font-size: 1.6rem;
    color: #fff;
    margin-top: .3rem;
}

.w57-productdetail__mains__hinhanh__items__heading__des__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    line-height: 2.6rem;
    color: #fff;
}

.w57-productdetail__mains__hinhanh__second {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fafafa;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

    .w57-productdetail__mains__hinhanh__second::-webkit-scrollbar {
        width: .3rem;
    }

    .w57-productdetail__mains__hinhanh__second::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }

.w57-productdetail__mains__hinhanh__items__item {
    align-items: flex-start !important;
    z-index: 0;
}
.w57-productdetail__mains__hinhanh__items__item__imgbox {
    background-size: cover;
    width: 100%;
    height: max-content !important;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

    .w57-productdetail__mains__hinhanh__items__item__imgbox .zoomImg {
        background-color: #fff;
    }

.w57-productdetail__mains__hinhanh__items__item__imgbox__img {
    width: 100%;
}

.w57-productdetail__mains__hinhanh__items__item__imgbox img.w57-productdetail__mains__hinhanh__items__item__imgbox__img {
    opacity: 0;
}

.w57-productdetail__mains__hinhanh__second__items {
    height: max-content !important;
    align-items: center !important;
}

.w57-productdetail__mains__hinhanh__second__items__item.swiper-slide {
    width: 19.2%;
    margin-right: 1%;
    transition: all .5s;
    opacity: .4;
    overflow: hidden;
}

.w57-productdetail__mains__hinhanh__second__items__item.swiper-slide-thumb-active,
.w57-productdetail__mains__hinhanh__second__items__item:hover {
    opacity: 1;
}

.w57-productdetail__mains__hinhanh__second__items__item__imgbox {
    background-size: cover;
    cursor: pointer;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
}

.w57-productdetail__mains__hinhanh__items__item__imgbox__zoom {
    position: absolute;
    top: 1rem;
    right: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    cursor: pointer;
}

    .w57-productdetail__mains__hinhanh__items__item__imgbox__zoom:hover {
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background-color: rgb(241,241,241,.7);
    }

.w57-productdetail__mains__hinhanh__items__item__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
    animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-wd-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w57-productdetail__mains__hinhanh__items__item__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
    margin-left: 1rem;
}

.w57-productdetail__mains__hinhanh__items__item__imgbox__zoom:hover .w57-productdetail__mains__hinhanh__items__item__imgbox__zoom__text {
    display: block;
}

.w57-productdetail__mains__hinhanh__items__next.swiper-button-next,
.w57-productdetail__mains__hinhanh__items__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    z-index: 0;
}

.w57-productdetail__mains__hinhanh__items__prev.swiper-button-prev {
    left: 4rem;
}

.w57-productdetail__mains__hinhanh__items__next.swiper-button-next {
    right: 4rem;
}

    .w57-productdetail__mains__hinhanh__items__next.swiper-button-next:hover,
    .w57-productdetail__mains__hinhanh__items__prev.swiper-button-prev:hover {
        background: rgba(var(--second-color-w), 1);
    }

.w57-productdetail__mains__hinhanh__items__prev__icon {
    font-size: 1.6rem;
}

.w57-productdetail__mains__hinhanh__items__next__icon {
    font-size: 1.6rem;
}

.w57-productdetail__mains__hinhanh__items__next:after,
.w57-productdetail__mains__hinhanh__items__prev:after {
    display: none;
}

.w57-productdetail__mains__hinhanh__second__next.swiper-button-next,
.w57-productdetail__mains__hinhanh__second__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    width: 3.5rem;
    border-radius: 50%;
    height: 3.5rem;
    color: rgba(var(--main-color-w), 1);
}

    .w57-productdetail__mains__hinhanh__second__next.swiper-button-next:hover,
    .w57-productdetail__mains__hinhanh__second__prev.swiper-button-prev:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__hinhanh__second__next.swiper-button-next,
    .w57-productdetail__mains__hinhanh__second__prev.swiper-button-prev {
        width: 2rem;
        height: 2rem;
    }
}

.w57-productdetail__mains__hinhanh__second__prev__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__hinhanh__second__prev__icon {
        font-size: 1rem;
    }
}

.w57-productdetail__mains__hinhanh__second__next__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__hinhanh__second__next__icon {
        font-size: 1rem;
    }
}

.w57-productdetail__mains__hinhanh__second__next:after,
.w57-productdetail__mains__hinhanh__second__prev:after {
    display: none;
}

.w57-productdetail__mains__tongquan {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
}

.w57-productdetail__mains__tongquan__name {
    font-size: 2.4rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 2.8rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__tongquan__name {
        width: 100%;
        text-align: center;
    }
}

.w57-productdetail__mains__tongquan__ma {
    display: flex;
    color: #595959;
    font-size: 2rem;
    margin-left: auto;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__tongquan__ma {
        margin: 1rem 0 0;
        width: 100%;
        justify-content: center;
    }
}

.w57-productdetail__mains__tongquan__ma__text {
}

.w57-productdetail__mains__tongquan__ma__name {
    margin-left: 1rem;
}

.w57-productdetail__mains__attrs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
}

.w57-productdetail__mains__attrs__item {
    margin-left: 2%;
    width: 23.5%;
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem 2rem;
    border-radius: .3rem;
    align-items: center;
}

@media only screen and (min-width:37.5rem) {
    .w57-productdetail__mains__attrs__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__attrs__item {
        width: 49%;
        padding: 1rem;
    }

        .w57-productdetail__mains__attrs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w57-productdetail__mains__attrs__item__name {
    width: 100%;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__attrs__item__name {
        margin-bottom: 1rem;
        font-size: 1.4rem;
    }
}

.w57-productdetail__mains__attrs__item__icon {
    font-size: 2.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__attrs__item__icon {
        font-size: 2rem;
    }
}

.w57-productdetail__mains__attrs__item__value {
    font-size: 1.6rem;
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__attrs__item__value {
        font-size: 1.4rem;
    }
}

.w57-productdetail__mains__price {
    margin-top: 3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__price {
        justify-content: center;
    }
}

.w57-productdetail__mains__price__item {
    display: flex;
    background-color: rgba(var(--second-color-w), 1);
    padding: 1rem 1.5rem;
    border-radius: .5rem;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width:25rem) {
    .w57-productdetail__mains__price__item {
        padding: 1rem 1rem;
        justify-content: space-between;
        width: 100%;
    }
}

.w57-productdetail__mains__price__item__text {
    font-size: 2.4rem;
    margin-right: .5rem;
}

@media only screen and (max-width:25rem) {
    .w57-productdetail__mains__price__item__text {
        font-size: 1.8rem;
    }
}

.w57-productdetail__mains__price__item__value {
    font-size: 2.4rem;
}

@media only screen and (max-width:25rem) {
    .w57-productdetail__mains__price__item__value {
        font-size: 1.8rem;
    }
}

.w57-productdetail__mains__price__item__donvi {
    font-size: 2.4rem;
    margin-left: .5rem;
}

@media only screen and (max-width:25rem) {
    .w57-productdetail__mains__price__item__donvi {
        font-size: 1.8rem;
    }
}

.w57-productdetail__mains__price__sub {
    margin-left: auto;
    color: #999;
    font-size: 2.4rem;
    text-decoration: line-through;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__mains__price__sub {
        width: 100%;
        margin-top: 1rem;
        text-align: center;
    }
}

.w57-productdetail__mains__des {
    margin-top: 2rem;
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w57-productdetail__mains__des {
        display: block;
    }
}

.w57-productdetail__mains__des__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w57-productdetail__mains__tab__name {
    margin-top: 3rem;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w57-productdetail__mains__tab__detail {
    margin-top: 2rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
}

    .w57-productdetail__mains__tab__detail iframe {
        width: 100%;
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

    .w57-productdetail__mains__tab__detail table {
        border-top: solid .1em #f1f1f1;
        border-left: solid .1em #f1f1f1;
        margin-top: 1rem;
    }

    .w57-productdetail__mains__tab__detail tr td {
        border-right: solid .1em #f1f1f1;
        border-bottom: solid .1em #f1f1f1;
        padding: .5rem;
    }

.w57-productdetail__mains__name {
    margin-top: 3rem;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w57-productdetail__mains__tuvan {
    display: flex;
    flex: auto;
    margin-top: 2rem;
    align-items: flex-start;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__mains__tuvan {
        flex-wrap: wrap;
    }
}

.w57-productdetail__mains__tuvan__main {
    padding: 1.5rem;
    border-radius: .5rem;
    background: url(/img/w57-productdetail_bg.png) no-repeat rgba(var(--main-color-w), 1) center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    width: 65%;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__mains__tuvan__main {
        width: 100%;
    }
}

.w57-productdetail__mains__tuvan__main__name__icon {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    right: 0;
}

    .w57-productdetail__mains__tuvan__main__name__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }


.w57-productdetail__mains__tuvan__main__rows {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: self-start
}

.w57-productdetail__mains__tuvan__main__rows__item {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 1.5rem;
    width: 100%;
    width: 49%;
    margin-right: 2%;
}

    .w57-productdetail__mains__tuvan__main__rows__item:nth-child(2n+2) {
        margin-right: 0;
    }

.w57-productdetail__mains__tuvan__main__rows__item__input {
    background-color: transparent;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
    border-radius: .3rem;
}

    .w57-productdetail__mains__tuvan__main__rows__item__input::placeholder {
        opacity: 1;
    }

.w57-productdetail__mains__tuvan__main__rows__item__req {
    position: absolute;
    right: 1rem;
    color: #fff;
}

.w57-productdetail__mains__tuvan__main__item:last-child {
    margin-bottom: 0;
}

.w57-productdetail__mains__tuvan__main__item {
    display: flex;
    position: relative;
    align-items: center;
    margin-bottom: 1.5rem;
    width: 100%;
}

.w57-productdetail__mains__tuvan__main__item__input {
    background-color: transparent;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
    border-radius: .3rem;
}

    .w57-productdetail__mains__tuvan__main__item__input::placeholder {
        opacity: 1;
    }

.w57-productdetail__mains__tuvan__main__item__req {
    position: absolute;
    right: 1rem;
    color: #fff;
}

.w57-productdetail__mains__tuvan__main__btn {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: .5rem;
    padding: 1rem 2.5rem;
    border: none;
    outline: none;
    font-family: inherit;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
    font-weight: 600;
    letter-spacing: .2rem;
    text-transform: uppercase;
    width: 100%;
}

    .w57-productdetail__mains__tuvan__main__btn:hover {
        transform: scale(1.05);
    }

.w57-productdetail__mains__tuvan__main__btn__text {
    font-size: 1.5rem;
}

.w57-productdetail__mains__tuvan__main__name {
    font-size: 2.4rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 2.8rem;
}

.w57-productdetail__mains__tuvan__ads {
    margin-left: auto;
    width: 33%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__mains__tuvan__ads {
        margin: 2rem 0 0;
        width: 100%;
    }
}

.w57-productdetail__mains__tuvan__ads__ad {
    width: 100%;
    overflow: hidden;
}

.w57-productdetail__mains__tuvan__ads__ad__items {
}

.w57-productdetail__mains__tuvan__ads__ad__items__item {
    width: 100%;
}

.w57-productdetail__mains__tuvan__ads__ad__items__item__link {
    display: contents;
}

.w57-productdetail__mains__tuvan__ads__ad__items__item__link__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    position: relative;
}

    .w57-productdetail__mains__tuvan__ads__ad__items__item__link__imgbox:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-productdetail__mains__tuvan__ads:hover .w57-productdetail__mains__tuvan__ads__ad__items__item__link__imgbox:after {
    animation: key-w57-productdetail__relates__items__mains__main__first 1.5s;
}

.w57-productdetail__mains__tuvan__ads__ad__items__item__link__imgbox__img {
    width: 100%;
}

.w57-productdetail__mains__tuvan__ads__ad__items__item__name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.8rem;
    margin-top: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

    .w57-productdetail__mains__tuvan__ads__ad__items__item__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-productdetail__mains__tuvan__ads__ad__items__item__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify
}

.w57-productdetail__mains__tuvan__ads__ad__paginationn .swiper-pagination-bullet {
    background-color: rgba(var(--second-color-w), 1);
}

.w57-productdetail__relates {
    width: 100%;
    margin-top: 5rem;
}

.w57-productdetail__relates__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:31.25rem) {
    .w57-productdetail__relates__heading {
        justify-content: center;
    }
}

.w57-productdetail__relates__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w57-productdetail__relates__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w57-productdetail__relates__heading__text:hover {
    transform: scale(1.05);
}

.w57-productdetail__relates__items {
    padding-top: 3rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
}

@media only screen and (max-width: 37.5rem) {
    .w57-productdetail__relates__items {
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }
}

.w57-productdetail__relates__items__item {
    width: 100%;
}

    .w57-productdetail__relates__items__item.swiper-slide-active {
    }

    .w57-productdetail__relates__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w57-productdetail__relates__items__mains {
    width: 100%;
    display: flex;
}

.w57-productdetail__relates__items__mains__main {
    margin-bottom: 2rem;
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    box-shadow: 0px 0px 3px 0px rgba(0,0,0,0.5);
    transition: all 1s;
    overflow:hidden;
}

    .w57-productdetail__relates__items__mains__main.swiper-slide-visible {
        opacity: 1;
    }

    .w57-productdetail__relates__items__mains__main:hover {
        box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.5);
    }

@media only screen and (max-width:68.75rem) {
    .w57-productdetail__relates__items__mains__main {
        width: 49%;
    }

    @media only screen and (max-width:37.5rem) {
        .w57-productdetail__relates__items__mains__main {
            width: 100%;
        }
    }
}

.w57-productdetail__relates__items__mains__main__status {
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 2;
    padding: .5rem .75rem;
    text-align: center;
    font-size: 1.2rem;
    color: #fff;
    font-weight: 600;
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
    box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.3);
    border-radius: .3rem;
}

.w57-productdetail__relates__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w57-productdetail__relates__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-productdetail__relates__items__mains__main:hover .w57-productdetail__relates__items__mains__main__first:after {
    animation: key-w57-productdetail__relates__items__mains__main__first 1.5s;
}

@keyframes key-w57-productdetail__relates__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w57-productdetail__relates__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w57-productdetail__relates__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w57-productdetail__relates__items__mains__main__second {
    width: 92%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 4%;
    padding-right: 4%;
}

@media only screen and (max-width:37.5rem) {
    .w57-productdetail__relates__items__mains__main__second {
        padding: 1rem;
    }
}

.w57-productdetail__relates__items__mains__main__second__name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

@media only screen and (max-width:68.75rem) {
    .w57-productdetail__relates__items__mains__main__second__name {
        font-size: 2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w57-productdetail__relates__items__mains__main__second__name {
            font-size: 1.8rem;
        }
    }
}

.w57-productdetail__relates__items__mains__main__second__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w57-productdetail__relates__items__mains__main__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 0rem;
    color: #595959;
    display: flex;
}

.w57-productdetail__relates__items__mains__main__second__des__icon {
    margin-top: .35rem;
}

.w57-productdetail__relates__items__mains__main__second__bottom {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 0rem;
    flex-wrap: wrap;
    border-top: solid .1rem rgba(0,0,0,0.2);
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__relates__items__mains__main__second__bottom {
        justify-content: center;
    }
}

.w57-productdetail__relates__items__mains__main__second__bottom__name {
    background-color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    color: #fff;
    padding: .75rem 1rem;
    border-radius: .3rem;
    text-align: center;
    font-size: 1.6rem;
    cursor: pointer;
    margin-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__relates__items__mains__main__second__bottom__name {
        width: 90%;
        margin-left: 0;
    }
}

.w57-productdetail__relates__items__mains__main__second__bottom__name:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w57-productdetail__relates__items__mains__main__second__bottom__price {
    margin-left: auto;
    display: flex;
    margin-right: 1rem;
}

@media only screen and (max-width:50rem) {
    .w57-productdetail__relates__items__mains__main__second__bottom__price {
        width: 90%;
        justify-content: space-between;
        margin: 1rem 0 0;
    }
}

.w57-productdetail__relates__items__mains__main__second__bottom__price__text {
    color: #111;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: .5rem;
}

.w57-productdetail__relates__items__mains__main__second__bottom__price__value {
    color: #111;
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w57-productdetail__relates__items__mains__main__second__bottom__price__donvi {
    color: #111;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w57-productdetail__relates__items__mains__main__second__attrs {
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
    flex-wrap: wrap;
}

.w57-productdetail__relates__items__mains__main__second__attrs__icon {
    font-size: 1.4rem;
    padding: .5rem 1rem .5rem 0rem;
}

.w57-productdetail__relates__items__mains__main__second__attrs__name {
    font-size: 1.4rem;
    padding: .5rem 1rem .5rem 0rem;
}

.w57-productdetail__relates__items__next.swiper-button-next,
.w57-productdetail__relates__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w57-productdetail__relates__items__next:hover,
.w57-productdetail__relates__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w57-productdetail__relates__items__next:after,
.w57-productdetail__relates__items__prev:after {
    display: none;
}

.w57-productdetail__second {
    width: 25%;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w57-productdetail__second {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
}
.w57-productdetail__second__container {
    position: sticky;
    top: 1rem;
}
.w57-productdetail__second__name {
    font-size: 2rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    background: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: .3rem;
}

.w57-productdetail__second__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
}

.w57-productdetail__second__items__item {
    width: 48%;
    margin-left: 4%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w57-productdetail__second__items__item {
        margin-bottom: 1.5rem;
    }
}

.w57-productdetail__second__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w57-productdetail__second__items__item__link {
    width: 100%;
}

.w57-productdetail__second__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
    height: 100%;
}

.w57-productdetail__second__items__item:hover .w57-productdetail__second__items__item__link__imgbox {
    transform: scale(1.1)
}

.w57-productdetail__second__items__item__name {
    position: absolute;
    width: 100%;
    padding: 1rem;
    bottom: 0;
}

.w57-productdetail__second__items__item__name__text {
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
}

.w57-productdetail__second__items__item__name__des {
    margin-top: .5rem;
    font-size: 1.3rem;
    color: #fff;
}

.w57-productdetail__second__form {
    padding: 1.5rem;
    margin-top: 2rem;
    border-radius: .5rem;
    background: url(/img/w57-productdetail_bg.png) no-repeat rgba(var(--main-color-w), 1) center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 2rem;
}

.w57-productdetail__second__form__line {
    background: #fff;
    height: .1rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-productdetail__second__form__name {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w57-productdetail__second__form__name__text {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding-right: 3rem;
}

.w57-productdetail__second__form__name__icon {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    right: 0;
}

    .w57-productdetail__second__form__name__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

.w57-productdetail__second__form__item {
    display: flex;
    position: relative;
    align-items: center;
    border: solid .1rem #fff;
    border-radius: .3rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-productdetail__second__form__item__input {
    background-color: transparent;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
}

    .w57-productdetail__second__form__item__input::placeholder {
        opacity: 1;
    }

.w57-productdetail__second__form__item__req {
    position: absolute;
    right: 1rem;
    color: #fff;
}

.w57-productdetail__second__form__btn {
    margin-top: 1.5rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: .5rem;
    padding: 1rem 2.5rem;
    border: none;
    outline: none;
    font-family: inherit;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
    font-weight: 600;
    letter-spacing: .2rem;
    text-transform: uppercase;
    width: 100%;
}

    .w57-productdetail__second__form__btn:hover {
        transform: scale(1.05);
    }

.w57-productdetail__second__form__btn__text {
    font-size: 1.5rem;
}

.w57-productdetail__second__search {
    position: relative;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.w57-productdetail__second__search__input {
    outline: none;
    border: solid .1rem rgba(0,0,0,.2);
    background-color: #fff;
    font-size: 1.6rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
    cursor: pointer;
    transition: all .5s;
}

    .w57-productdetail__second__search__input:focus {
        outline: rgba(var(--main-color-w),1) .1rem solid;
    }

.w57-productdetail__second__search__btn {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    top: 0;
    right: 0;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
}

    .w57-productdetail__second__search__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w57-productdetail__second__list {
    margin: 2rem 0 0;
    padding: 0;
}

.w57-productdetail__second__list__item {
    list-style-type: none;
    display: flex;
    width: 100%;
    padding: 1rem 0 1rem 2rem;
    align-items: center;
    position: relative;
}

    .w57-productdetail__second__list__item:last-child {
        border-bottom: none;
    }

    .w57-productdetail__second__list__item:first-child {
        margin-top: 0;
    }

.w57-productdetail__second__list__item__icon {
    font-size: 1.4rem;
    transition: all .5s;
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    position: absolute;
    left: 0;
}

.w57-productdetail__second__list__item:hover
.w57-productdetail__second__list__item__icon {
    background-color: rgba(var(--second-color-w),1);
}

.w57-productdetail__second__list__item__name {
    font-size: 1.8rem;
    margin-left: 1rem;
    cursor: pointer;
}

.w57-productdetail__second__list__item:hover
.w57-productdetail__second__list__item__name {
    color: rgba(var(--second-color-w),1);
}

.w57-productdetail__second__hotro {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    background: rgba(var(--second-color-w),1);
    padding: 1rem;
    border-radius: .5rem;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w57-productdetail__second__hotro {
        justify-content: center;
    }
}

.w57-productdetail__second__hotro__left {
}

.w57-productdetail__second__hotro__left__imgbox {
    width: 11rem;
    height: 11rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-size: contain;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: top center;
    border-radius: 50%;
    cursor: pointer;
    position: relative;
    cursor: pointer;
}

    .w57-productdetail__second__hotro__left__imgbox:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-productdetail__second__hotro:hover .w57-productdetail__second__hotro__left__imgbox:after {
    animation: key-w57-productdetail__relates__items__mains__main__first 1.5s;
}

.w57-productdetail__second__hotro__left__imgbox__img {
    width: 100%;
}

.w57-productdetail__second__hotro__right {
    margin-left: 2rem;
}

.w57-productdetail__second__hotro__right__text {
    display: block;
    font-size: 1.6rem;
    margin-bottom: .75rem;
    color: #fff;
}

.w57-productdetail__second__hotro__right__name {
    display: block;
    font-size: 2.6rem;
    color: #fff;
    font-weight: 600;
    line-height: 3rem;
    transition: all .5s;
    cursor: pointer;
}

    .w57-productdetail__second__hotro__right__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w57-productdetail__second__hotro__right__des {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    margin-top: .75rem;
}

.table__responsive {
    overflow-y: scroll;
}

    .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .table__responsive::-webkit-scrollbar-track {
    }

    .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .table__responsive table {
        width: max-content;
    }
/*ed*/
/*w57-blogdetail*/
.w57-blogdetail {
    display: block;
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

.w57-blogdetail__heading {
    width: 100%;
    margin-bottom: 1.5rem;
}

.w57-blogdetail__heading__name {
    width: 100%;
}

.w57-blogdetail__heading__name__text {
    display: block;
    font-size: 3rem;
    line-height: 5rem;
    text-align: center;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
    text-align: left;
}

@media only screen and (max-width:31.25rem) {
    .w57-blogdetail__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w57-blogdetail__heading__items {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w57-blogdetail__heading__items {
    }
}

.w57-blogdetail__heading__items__item {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    margin-top: 1rem;
}

    .w57-blogdetail__heading__items__item:first-child {
        margin-left: 0;
    }

.w57-blogdetail__heading__items__item__icon {
    font-size: 1.5rem;
}

.w57-blogdetail__heading__items__item__name {
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w57-blogdetail__mains__xemthem {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 3rem;
    border-radius: .5rem;
    margin-top: 3rem;
}

.w57-blogdetail__mains__xemthem__name {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w57-blogdetail__mains__xemthem__items {
    width: 100%;
    list-style-type: none;
    margin-top: 2rem;
    padding-left: 3rem;
}

.w57-blogdetail__mains__xemthem__items__item {
    width: 100%;
    display: flex;
    margin-top: 1.5rem;
    align-items: center;
}

.w57-blogdetail__mains__xemthem__items__item__icon {
    font-size: .5rem;
    color: rgba(var(--second-color-w), 1);
}

.w57-blogdetail__mains__xemthem__items__item__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    margin-left: 1rem;
    border-bottom: solid .1rem rgba(var(--second-color-w), 1);
    padding-bottom: .3rem;
}

    .w57-blogdetail__mains__xemthem__items__item__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-blogdetail__mains__share {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 4rem;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w57-blogdetail__mains__share {
        justify-content: center;
    }
}

.w57-blogdetail__mains__share__name {
    font-size: 1.8rem;
    font-weight: 600;
    color: #111;
}

.w57-blogdetail__mains__share__social {
    display: flex;
    margin-left: 2rem;
}

.w57-blogdetail__mains__share__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(var(--main-color-w,1));
    border-radius: .3rem;
    color: #fff;
    transition: all .5s;
    margin-right: 1.5rem;
    cursor: pointer;
}

    .w57-blogdetail__mains__share__social__item:hover {
        background: rgba(var(--second-color-w,1));
    }

.w57-blogdetail__mains__share__ratting {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w57-blogdetail__mains__share__ratting {
        width: 100%;
        justify-content: center;
        margin: 2rem 0 0 0;
    }
}

.w57-blogdetail__mains__share__ratting__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    w57-blogdetail__mains__share__ratting__items {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
}

.w57-blogdetail__mains__share__ratting__items__item {
    color: #efad0d;
    font-size: 2rem;
    margin-right: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w57-blogdetail__mains__share__ratting__items__item {
        font-size: 1.6rem;
    }
}

.w57-blogdetail__mains__share__ratting__name {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    font-size: 1.6rem;
}

.w57-blogdetail__mains__share__ratting__name__text {
    padding: 0 .3rem;
}

    .w57-blogdetail__mains__share__ratting__name__text:last-child {
        padding: 0;
    }

.w57-blogdetail__mains__tuvan {
    margin-top: 4rem;
    padding: 3rem;
    background: #ffd3a7;
    border-radius: .5rem;
}

.w57-blogdetail__mains__tuvan__name {
    color: rgba(var(--main-color-w,1));
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    text-align: center;
}

.w57-blogdetail__mains__tuvan__des {
    font-size: 1.6rem;
    margin-top: .5rem;
    line-height: 2.6rem;
    text-align: center;
}

.w57-blogdetail__mains__tuvan__input {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 2rem;
    width: 100%;
}

.w57-blogdetail__mains__tuvan__input__text {
    outline: solid .1rem rgba(var(--main-color-w,1));
    border: none;
    padding: 1rem;
    border-radius: .5rem;
    font-size: 1.6rem;
    transition: all .5s;
    background: #fff;
    width: 100%;
}

    .w57-blogdetail__mains__tuvan__input__text:focus {
        outline: solid .1rem rgba(var(--second-color-w,1));
    }

.w57-blogdetail__mains__tuvan__input__btn {
    padding: 1rem 5rem;
    color: #fff;
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w,1));
    color: #fff;
    position: absolute;
    right: 0;
    border-radius: 0 .5rem .5rem 0;
    transition: all .5s;
    cursor: pointer;
}

    .w57-blogdetail__mains__tuvan__input__btn:hover {
        background-color: rgba(var(--second-color-w,1));
    }

.w57-blogdetail__mains__company {
    margin-top: 4rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w57-blogdetail__mains__company__first {
    width: 20%;
}

@media only screen and (max-width:37.5rem) {
    .w57-blogdetail__mains__company__first {
        width: 100%;
        display: flex;
        justify-content: center;
        align-self: center;
    }
}

.w57-blogdetail__mains__company__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.w57-blogdetail__mains__company__second {
    width: 76%;
    margin-left: auto;
}

@media only screen and (max-width:37.5rem) {
    .w57-blogdetail__mains__company__second {
        width: 100%;
        margin: 1rem 0 0 0;
    }
}

.w57-blogdetail__mains__company__second__name {
    display: block;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w,1));
    font-weight: 600;
    line-height: 2.6rem;
}

.w57-blogdetail__mains__company__second__des {
    font-size: 1.5rem;
    margin-top: .5rem;
    line-height: 2.4rem;
    text-align: justify
}

.w57-blogdetail__heading__line {
    width: 100%;
    background-color: rgba(0, 0, 0, .2);
    height: .1rem;
    margin-top: 2rem;
}

.w57-blogdetail__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w57-blogdetail__second {
    width: 25%;
    margin-left: auto;
}

@media only screen and (max-width:56.25rem) {
    .w57-blogdetail__second {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
}
.w57-blogdetail__second__container{
    position:sticky;
    top:1rem;
}
.w57-blogdetail__second__name {
    font-size: 2.4rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w57-blogdetail__second__line {
    width: 100%;
    background-color: rgba(0,0,0,.2);
    height: .1rem;
    margin-top: 1rem;
}

.w57-blogdetail__second__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1rem;
}

.w57-blogdetail__second__items__item {
    width: 48%;
    margin-left: 4%;
    position: relative;
    overflow: hidden;
    margin-bottom: 1rem;
    border-radius: .5rem;
}

    .w57-blogdetail__second__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w57-blogdetail__second__items__item__link {
    width: 100%;
    display: block;
    height: 100%;
}

.w57-blogdetail__second__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
    height: 100%;
}

.w57-blogdetail__second__items__item:hover .w57-blogdetail__second__items__item__link__imgbox {
    transform: scale(1.1)
}

.w57-blogdetail__second__items__item__name {
    position: absolute;
    width: 100%;
    bottom: 0;
}

.w57-blogdetail__second__items__item__name__text {
    font-size: 1.5rem;
    cursor: pointer;
    color: #fff;
    font-weight: 600;
}

.w57-blogdetail__second__items__item__name__des {
    margin-top: .5rem;
    font-size: 1.3rem;
    color: #fff;
}

.w57-blogdetail__second__form {
    padding: 1.5rem;
    margin-top: 2rem;
    border-radius: .5rem;
    background: url(/img/w57-blogdetail_bg.png) no-repeat rgba(var(--main-color-w), 1) center center;
    background-size: cover;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

.w57-blogdetail__second__form__line {
    background: #fff;
    height: .1rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-blogdetail__second__form__name {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w57-blogdetail__second__form__name__text {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
    font-weight: 600;
    width: 100%;
    padding-right: 3rem;
}

.w57-blogdetail__second__form__name__icon {
    font-size: 1.2rem;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: #fff;
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    right: 0;
}

    .w57-blogdetail__second__form__name__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

.w57-blogdetail__second__form__item {
    display: flex;
    position: relative;
    align-items: center;
    border: solid .1rem #fff;
    border-radius: .3rem;
    margin-top: 1.5rem;
    width: 100%;
}

.w57-blogdetail__second__form__item__input {
    background-color: transparent;
    outline: none;
    border: none;
    background-color: #fff;
    font-size: 1.4rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
}

    .w57-blogdetail__second__form__item__input::placeholder {
        opacity: 1;
    }

.w57-blogdetail__second__form__item__req {
    position: absolute;
    right: 1rem;
    color: #fff;
}

.w57-blogdetail__second__form__btn {
    margin-top: 1.5rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: .5rem;
    padding: 1rem 2.5rem;
    border: none;
    outline: none;
    font-family: inherit;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
    font-weight: 600;
    letter-spacing: .2rem;
    text-transform: uppercase;
    width: 100%;
}

    .w57-blogdetail__second__form__btn:hover {
        transform: scale(1.05);
    }

.w57-blogdetail__second__form__btn__text {
    font-size: 1.5rem;
}

.w57-blogdetail__second__search {
    position: relative;
    margin-top: 1.5rem;
}

.w57-blogdetail__second__search__input {
    outline: none;
    border: solid .1rem rgba(0,0,0,.2);
    background-color: #fff;
    font-size: 1.6rem;
    padding: 1rem 1rem;
    width: 100%;
    font-family: inherit;
    cursor: pointer;
    transition: all .5s;
}

    .w57-blogdetail__second__search__input:focus {
        outline: rgba(var(--main-color-w),1) .1rem solid;
    }

.w57-blogdetail__second__search__btn {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 2rem;
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    top: 0;
    right: 0;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
}

    .w57-blogdetail__second__search__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w57-blogdetail__second__hotnew {
    margin-top: 1rem;
    margin-bottom: 2rem;
}

.w57-blogdetail__second__hotnew__item {
    display: flex;
    padding: .5rem 0;
    width: 100%;
    align-items:center;
}

.w57-blogdetail__second__hotnew__item__link {
    width: 30%;
    margin-top: .5rem;
}

.w57-blogdetail__second__hotnew__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
}

    .w57-blogdetail__second__hotnew__item__link__imgbox:hover {
        transform: scale(1.05)
    }

.w57-blogdetail__second__hotnew__item__name {
    width: 66%;
    margin-left: 4%;
    font-size: 1.4rem;
    line-height: 2.4rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
}

    .w57-blogdetail__second__hotnew__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w57-blogdetail__mains {
    width: 72%;
}

@media only screen and (max-width:56.25rem) {
    .w57-blogdetail__mains {
        width: 100%;
    }
}

.w57-blogdetail__mains__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: left;
    width: 100%;
    font-weight: 600;
    text-align: justify;
}

.w57-blogdetail__mains__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

    .w57-blogdetail__mains__content ul,
    .w57-blogdetail__mains__content ol {
    }

.w57-blogdetail .table__responsive {
    overflow-y: scroll;
}

    .w57-blogdetail .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w57-blogdetail .table__responsive::-webkit-scrollbar-track {
    }

    .w57-blogdetail .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w57-blogdetail .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w57-blogdetail .table__responsive table {
        width: max-content;
    }

.w57-blogdetail__mains__content table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w57-blogdetail__mains__content table td,
    .w57-blogdetail__mains__content table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w57-adward*/
.w57-adward {
    width: 100%;
    padding: 0;
    padding: 3rem 0rem 3rem;
    overflow: hidden;
    background-color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w57-adward {
        padding-bottom: 3rem;
    }
}

.w57-adward__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 1rem;
    padding: 0rem;
}

.w57-adward__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w57-adward__heading {
        justify-content: center;
    }
}

.w57-adward__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w57-adward__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w57-adward__heading__text:hover {
    transform: scale(1.05);
}

.w57-adward__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w57-adward__heading__btn {
        display: none;
    }
}

.w57-adward__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-adward__heading__btn:hover .w57-adward__heading__btn__text {
    color: rgba(var(--second-color-w), 1);
}

.w57-adward__heading__btn__icon {
    font-size: 2rem;
    margin-left: 1rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w57-adward__heading__btn:hover .w57-adward__heading__btn__icon {
    color: rgba(var(--second-color-w), 1);
}

.w57-adward__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w57-adward__main {
    width: 100%;
    margin-top: 3rem;
}

.w57-adward__main__item {
    flex-wrap: wrap;
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
}


.w57-adward__main__item__dot {
    position: absolute;
    left: 48.5%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    width: 4rem;
}

@media only screen and (max-width:62.5rem) {
    .w57-adward__main__item__dot {
        left: 2rem;
    }
}

.w57-adward__main__item__dot__icon {
    width: 4rem;
    height: 4rem;
    position: absolute;
    background: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    z-index: 1;
    transition: all .5s;
}

    .w57-adward__main__item.active .w57-adward__main__item__dot__icon,
    .w57-adward__main__item__dot__icon:hover {
        background: rgba(var(--second-color-w),1);
    }

.w57-adward__main__item__dot__icon__round {
    width: 1.5rem;
    height: 1.5rem;
    background: #fff;
    border-radius: 50%;
}

.w57-adward__main__item__dot__line {
    width: .3rem;
    position: absolute;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
    top: 0;
    z-index: 1;
}

    .w57-adward__main__item__dot__line:before {
        content: "";
        width: 100%;
        height: 0;
        transition: all 2s;
        position: absolute;
        top: 0;
    }

.w57-adward__main__item.active .w57-adward__main__item__dot__line:before {
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
}

.w57-adward__main__item:first-child .w57-adward__main__item__dot__line {
    top: 50%;
    height: 50%;
}

.w57-adward__main__item:last-child .w57-adward__main__item__dot__line {
    top: 0%;
    height: 50%;
}

.w57-adward__main__item__second {
    margin-left: auto;
    width: 47%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    transition: all 1s;
    padding: 1rem 0rem;
}

.w57-adward__main__item__second__box {
    background-color: #fff;
    box-shadow: 2px 2px 30px 0 rgba(156,156,192,.26);
    position: relative;
}

@media only screen and (min-width:62.5rem) {
    .w57-adward__main__item--active .w57-adward__main__item__second {
        transform: translateX(20rem);
        opacity: .1;
    }

    .w57-adward__main__item--active:nth-child(2n+2) .w57-adward__main__item__second {
        transform: translateX(-20rem);
        opacity: .1;
    }

    .w57-adward__main__item.active .w57-adward__main__item__second {
        transform: translateX(0);
        opacity: 1;
    }

    .w57-adward__main__item:nth-child(2n+2) .w57-adward__main__item__second {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w57-adward__main__item__second {
        transform: translateX(10rem);
        opacity: .1;
    }

    .w57-adward__main__item.active .w57-adward__main__item__second {
        transform: translateX(0);
        opacity: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w57-adward__main__item__second {
        width: calc(100% - 10rem);
        margin-left: auto;
        margin-right: 2rem;
    }
}

.w57-adward__main__item__second__one {
    width: 100%;
    padding: 2rem 3rem;
}

@media only screen and (max-width:50rem) {
    .w57-adward__main__item__second__one {
        width: 100%;
    }
}

.w57-adward__main__item__second__one__name {
    display: block;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w), 1);
    line-height: 3rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
}

    .w57-adward__main__item__second__one__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w57-adward__main__item__second__one__des {
    font-size: 1.6rem;
    color: #333;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify
}

.w57-adward__main__item__second__box__two {
    width: 100%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w57-adward__main__item__second__box__two {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w57-adward__main__item__second__box__two:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events:none;
}

.w57-adward__main__item:hover .w57-adward__main__item__second__box__two:after {
    animation: key-w57-adward__main__item__second__box__two 1.5s;
}

@keyframes key-w57-adward__main__item__second__box__two {
    100% {
        left: 125%;
    }
}

.w57-adward__main__item__second__box__two__imgbox {
    background-size: cover;
    width: 100%;
    background-position: top center;
    transition: all .5s;
    cursor: pointer;
}

.w57-adward__main__item__second__box__two__imgbox__img {
    width: 100%;
}

.w57-adward__main__item__second__triangle {
    width: 0px;
    height: 0px;
    border-top: 1.25rem solid transparent;
    border-bottom: 1.25rem solid transparent;
    border-left: 1.25rem solid #fff;
    position: absolute;
    left: -1.25rem;
    transform: rotate(180deg);
}

@media only screen and (min-width:62.5rem) {
    .w57-adward__main__item:nth-child(2n+2)
    .w57-adward__main__item__second__triangle {
        right: -1.25rem;
        transform: rotate(0);
        left: auto;
    }
}

/*ed*/
/*w31-topbar*/
.w31-topbar {
    width: 100%;
    border-bottom: 0.1rem solid #eee;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5rem 1rem;
}

.w31-topbar__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w31-topbar__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.w31-topbar__items__first__text {
    font-size: 1rem;
    font-weight: 300;
    text-align: justify;
    margin-right: 2rem;
    line-height: 1.8rem;
    font-size: 1.4rem;
    color: #fff;
}

.w31-topbar__items__info__lbl__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    transition: all .2s ease;
    color: #000;
}

    .w31-topbar__items__info__lbl__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
        transform: rotate(95deg);
    }

.w31-topbar__info {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    text-align: center;
}

    .w31-topbar__info:not(:last-child) {
        border-right: 0.1rem solid #eee;
    }

.w31-topbar__info__icon {
    font-size: 1rem;
    margin: 0 0.5rem;
    color: #0062bd;
}

.w31-topbar__checkbox:checked ~ .w31-topbar__search {
    top: 0;
    visibility: visible;
}

.w31-topbar__checkbox {
    display: none;
}

.w31-topbar__search {
    position: fixed;
    top: -15rem;
    visibility: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4rem;
    color: white;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
    text-shadow: 0 0 3rem white;
}

.w31-topbar__search__content {
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 10%;
}

.w31-topbar__search__content__title {
    display: block;
}

.w31-topbar__search__content__title__icon {
    font-size: 2rem;
    background: none;
    border: none;
    cursor: pointer;
    margin-left: auto;
    float: right;
    margin-top: 2rem;
}

.w31-topbar__search__content__input {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    border-bottom: 0.2rem solid #f5f5f5;
}

.w31-topbar__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2rem;
    text-transform: uppercase;
    color: white;
    width: 100%;
    background-color: transparent;
    text-align: center;
}

    .w31-topbar__search__content__input__text::-webkit-input-placeholder {
        color: white;
    }

    .w31-topbar__search__content__input__text:focus {
        outline: none;
    }

.w31-topbar__search__content__input__icon {
    cursor: pointer;
    font-size: 2rem;
    background-color: transparent;
    color: white;
    border: none;
    outline: none;
}
/*ed*/
/*w58-header*/
.w58-header {
    width: 100%;
    position: relative;
    padding: 2rem 0rem;
    background: linear-gradient(90deg,rgba(var(--main-color-w),1),rgba(var(--main-color-w),.85),rgba(var(--main-color-w),1));
}

@media only screen and (max-width:75rem) {
    .w58-header {
        padding: 1rem 0rem;
        z-index: 2;
    }
}

.w58-header__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 0 1rem;
}

.w58-header__second__label__icon {
    font-size: 2rem;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w58-header__second__label__icon:hover {
        transform: scale(1.05);
    }

.w58-header__second__label__count {
    position: absolute;
    top: -2rem;
    right: -2rem;
    background-color: #fff;
    padding: 0.1rem 0.3rem;
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
}

.w58-header__second__items__checkbox {
    display: none;
}

.w58-header__second__items__search {
    width: max-content;
    top: -1rem;
    right: 0rem;
    position: absolute;
    transition: all .5s;
    visibility: hidden;
    display: flex;
    align-items: center;
    height: 4rem;
    width: 20rem;
    background-color: #fff;
    opacity: 0;
    z-index: 0;
    border-radius: .3rem;
}

.w58-header__second__items__checkbox:checked ~ .w58-header__second__items__search {
    visibility: visible;
    width: 38rem;
    opacity: 1;
    z-index: 2;
}

.w58-header__second__items__search__dropdown {
    position: relative;
    width: 12rem;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w58-header__second__items__search__dropdown {
        display: none;
    }
}

@media only screen and (max-width:50rem) {
    .w58-header__second__items__search__dropdown {
        width: 100%;
    }
}

.w58-header__second__items__search__dropdown__label {
    background-color: #fff;
    padding: 0 0 0 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w58-header__second__items__search__dropdown__check:checked ~
.w58-header__second__items__search__dropdown__label
.w58-header__second__items__search__dropdown__label__icon:before {
    content: "\f106";
}

.w58-header__second__items__search__dropdown__label__name {
    font-size: 1.4rem;
}

.w58-header__second__items__search__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w58-header__second__items__search__dropdown__check {
    display: none;
}

.w58-header__second__items__search__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: max-content;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
}

.w58-header__second__items__search__dropdown__check:checked ~
.w58-header__second__items__search__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 3.5rem;
    opacity: 1;
}

.w58-header__second__items__search__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w58-header__second__items__search__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w58-header__second__items__search__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w58-header__second__items__search__input {
    border: none;
    background-color: #fff;
    height: 100%;
    outline: none;
    border-radius: .3rem;
    padding: 0 1rem;
    text-align: left;
    font-family: inherit;
    font-size: 1.5rem;
    position: absolute;
    width: 100%;
    z-index: 1;
    visibility: hidden;
    padding-left: 13rem;
}

@media only screen and (max-width:75rem) {
    .w58-header__second__items__search__input {
        padding-left: 1rem;
    }
}

.w58-header__second__items__checkbox:checked ~
.w58-header__second__items__search
.w58-header__second__items__search__input {
    visibility: visible;
}

@media only screen and (max-width:37.5rem) {
    .w58-header__second__items__checkbox:checked ~ .w58-header__second__items__search {
        visibility: visible;
        width: 26rem;
    }
}

.w58-header__second__items__item {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

    .w58-header__second__items__item:hover {
        letter-spacing: .1rem;
    }

.w58-header__second__items__item__text {
    font-size: 1.5rem;
    color: #fff;
    margin-right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w58-header__second__items__item__text {
        display: none;
    }
}

.w58-header__second__items__item__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w58-header__second__items__checkbox:checked ~
.w58-header__second__items__item {
    visibility: hidden;
}

    .w58-header__second__items__checkbox:checked ~
    .w58-header__second__items__item
    .w58-header__second__items__item__icon:before {
        content: "\f00d" !important;
    }

.w58-header__second__items__search__result {
    position: absolute;
    top: 5rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    max-height: 40vh;
    display: flex;
    overflow-y: scroll;
    flex-wrap: wrap;
}

.w58-header__second__items__search__result__nodata {
    width: 100%;
    text-align: center;
    padding: .5rem;
    font-size: 1.5rem;
    color: red;
}

@media only screen and (max-width:37.5rem) {
    .w58-header__second__items__search__result {
        left: -10rem;
        width: 20rem;
    }
}

.w58-header__second__items__search__result::-webkit-scrollbar {
    width: .15rem;
}

.w58-header__second__items__search__result__item {
    width: 100%;
    padding: .5rem;
    display: flex;
    align-items: flex-start;
    border-bottom: solid .1rem #f1f1f1;
}

    .w58-header__second__items__search__result__item:last-child {
        border: none;
    }

.w58-header__second__items__search__result__item__figure {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 30%;
}

.w58-header__second__items__search__result__item__content {
    width: 66%;
    margin-left: 4%;
    display: flex;
    flex-wrap: wrap;
}

.w58-header__second__items__search__result__item__content__name {
    width: 100%;
    font-size: 1.6rem;
}

.w58-header__second__items__search__result__item__content__price {
    width: 100%;
    display: flex;
    margin-top: .5rem;
}

.w58-header__second__items__search__result__item__content__price__main {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
}

.w58-header__second__items__search__result__item__content__price__down {
    font-size: 1.5rem;
    color: red;
    text-decoration: line-through;
    margin-left: .5rem;
}

.w58-header__second__items__search__btn {
    border: none;
    background: none;
    height: 100%;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    margin-right: 1rem;
    width: 3rem;
    position: relative;
    z-index: 2;
    margin-left: auto;
}

.w58-header__second__items__search__btn__icon {
    font-size: 1.5rem;
    cursor: pointer;
}

.w58-header__second__items__search__label {
    height: 100%;
    color: #fff;
    align-items: center;
    justify-content: center;
    display: flex;
    width: 4rem;
    font-weight: 300;
    cursor: pointer;
    font-size: 2rem;
    background-color: rgba(var(--second-color-w),1);
    position: relative;
    z-index: 2;
    border-radius: 0 .3rem .3rem 0;
}

.w58-header__second__label {
    margin-left: 2rem;
    position: relative;
}

.w58-header__center {
    display: flex;
    justify-content: center;
}

.w58-header__center__imgbox {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.w58-header__center__imgbox__img {
}

.w58-header__second {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    position: absolute;
    right: 2rem;
}

.w58-header__second__items {
    display: flex;
    align-items: center;
    position: relative;
}

.w58-header__right__head {
    position: relative;
    display: flex;
    width: 100%;
    border-bottom: .1rem solid #dadada;
}

.w58-header__right__head__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    font-weight: 700;
    padding: 1rem;
    display: flex;
    align-items: center;
}

.w58-header__right__head__text__name {
    margin-left: .5rem;
}

.w58-header__right__head__des {
    border-bottom: .1rem solid #dadada;
    font-size: 1.5rem;
    font-style: italic;
    padding: 1rem;
    color: #666666;
}

.w58-header__ckright {
    display: none
}

.w58-header__right {
    background-color: #fff;
    box-shadow: 0 0 0.8rem rgb(148 148 148 / 72%);
    position: fixed;
    z-index: 98;
    right: -100%;
    top: 0;
    height: 100vh;
    width: 35rem;
    padding: 1.5rem 0;
    transition: 1s;
    max-width: 90%
}

@media only screen and (max-width:50rem) {
    .w58-header__right {
        height: 94vh;
    }
}

.w58-header__right__noitem {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
}

.w58-header__right__noitem__text {
    font-size: 1.6rem;
    color: red;
}

.w58-header__right__items {
    max-height: 73vh;
    overflow-y: scroll;
}

    .w58-header__right__items::-webkit-scrollbar {
        width: .1rem;
    }

    .w58-header__right__items::-webkit-scrollbar-thumb {
        background-color: #000;
    }

.w58-header__right__items__item {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    padding: 0rem 1.5rem;
}

    .w58-header__right__items__item:last-child {
        margin-bottom: 0
    }

.w58-header__right__items__item__figure {
    background-size: cover;
    background-repeat: no-repeat;
    width: 25%
}

.w58-header__right__items__item__name {
    width: 71%;
    margin-left: 4%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
}

.w58-header__right__items__item__name__text {
    font-size: 1.3rem;
    line-height: 1.4rem;
    font-weight: 500;
    width: 90%;
    text-align: justify;
}

.w58-header__right__items__item__name__delete {
    margin-left: auto;
    font-size: 1.2rem;
    color: #999;
    font-weight: normal;
    cursor: pointer;
    padding: .1rem .4rem;
    background-color: #fff;
    text-align: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    transition: all .5s;
}

    .w58-header__right__items__item__name__delete:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w58-header__right__items__item__name__price {
    display: flex;
    margin-top: .5rem;
    width: 100%;
    align-items: center;
}

.w58-header__right__items__item__name__price__main {
    font-size: 1.3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 500;
}

.w58-header__right__items__item__name__price__sub {
    font-size: 1.4rem;
    margin-left: .5rem;
    text-decoration: line-through;
    color: #666666;
}

.w58-header__right__items__item__name__price__quantity {
    font-size: 1.3rem;
    color: #BBB;
    font-weight: 500;
}

.w58-header__right__items__item__name__price__nhan {
    font-size: 1.3rem;
    margin: 0 .25rem;
}

.w58-header__right__bottom {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    padding: 1rem 1rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    justify-content: center;
    border-top: solid .2rem #f1f1f1;
}

.w58-header__right__bottom__total {
    display: flex;
    width: 100%;
    margin: 1rem 0 2rem;
}

.w58-header__right__bottom__total__text {
    font-size: 1.8rem;
    font-weight: 500;
    text-transform: uppercase;
}

.w58-header__right__bottom__total__value {
    font-weight: 500;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    margin-left: auto;
    text-transform: uppercase;
}

.admin-api .w58-header__right__bottom {
    bottom: 4rem;
}

.w58-header__right__bottom__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 2rem;
    width: 100%;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.w58-header__right__bottom__btn--cart {
    color: #000;
    margin-bottom: 1rem;
    background-color: #f1f1f1;
}

.w58-header__right__bottom__btn__text {
}

.w58-header__right__bottom__btn__icon {
    margin-left: .5rem;
}

.w58-header__ckright:checked ~ .w58-header__right {
    right: 0
}
.w58-header__right__head__close {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: .5rem;
    width: 6rem;
    gap: 1rem;
}

.w58-header__right__head__close__text {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.w58-header__right__head__close__icon {
    font-size: 1.4rem;
    font-family: "Font Awesome 5 Pro";
    animation: 1s infinite alternate both w58-header__right__head__close__icon__key;
}

    .w58-header__right__head__close__icon:before {
        content: "\f068";
    }

.w58-header__right__head__close:hover .w58-header__right__head__close__icon {
}

    .w58-header__right__head__close:hover .w58-header__right__head__close__icon:before {
        content: "\f00d";
    }

@keyframes w58-header__right__head__close__icon__key {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.w58-header__right__bg {
    background-color: rgb(0,0,0,.35);
    position: fixed;
    z-index: 97;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
}

.w58-header__ckright:checked ~ .w58-header__right__bg {
    display: block;
}

@media only screen and (max-width:75rem) {
}

@media only screen and (max-width:50rem) {
    .w58-header__group {
        flex-wrap: wrap
    }

    .w58-header__center {
        margin-left: 1rem;
        max-width: 30%;
        padding: 2rem 0rem;
        width: auto;
    }

    .w58-header__second {
        margin-left: auto;
        margin-right: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-header__second__items__checkbox:checked ~ .w58-header__second__items__search {
    }

    .w58-header__second__items__item {
        margin-right: 0;
    }
}
/*ed*/
/*w58-menu*/
.w58-menu {
    width: 100%;
    position: relative;
    background-color: #fff;
}

@-webkit-keyframes key-w58-menu {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    .w58-menu {
        background-color: rgba(var(--main-color-w),1);
    }

        .w58-menu.in {
            -webkit-animation: key-w58-menu 1s;
            animation: key-w58-menu 1s;
            animation-iteration-count: 1;
            opacity: 1;
        }
}

@media only screen and (max-width:75rem) {
    .w58-menu {
        border-top: solid .2rem rgba(var(--main-color-w),1);
        border-bottom: solid .2rem rgba(var(--main-color-w),1);
    }

        .w58-menu.ws1TransApply {
            border: none;
        }
}

@media only screen and (max-width:62.5rem) {
    .w58-menu {
    }
}

@media only screen and (min-width:75rem) {
}
.w58-menu__check {
    display: none;
}

.w58-menu__label {
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    display: none;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w58-menu__label {
        display: flex;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

    .w58-menu.ws1TransApply .w58-menu__label {
        background: none;
        background-color: transparent !important;
    }
}

.w58-menu__label__main {
    display: flex;
    cursor: pointer;
    align-content: center;
}

.w58-menu__label__main__icon {
    font-size: 2.4rem;
    font-weight: normal;
}

@media only screen and (max-width:75rem) {
    .w58-menu__check:checked ~
    .w58-menu__label
    .w58-menu__label__main__icon:before {
        content: "\f141";
    }
}

.w58-menu__label__main__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.5rem;
}

.w58-menu__label__home {
    margin-left: auto;
    font-size: 2rem;
    cursor: pointer;
}

.w58-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w58-menu__group {
        margin: 0;
        width: 90%;
        background-color: #fff;
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .6s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100vh;
    }

    .w58-menu__check:checked ~ .w58-menu__group {
        overflow-y: scroll;
        left: 0;
    }

    .w58-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w58-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w58-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w58-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}
.w58-menu__second {
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second {
        width: 100%;
        margin-left: 0;
    }
}

.w58-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items {
        width: 100%;
    }
}

.w58-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item {
        width: 100%;
    }
}

.w58-menu__second__items__item__check {
    display: none;
}

.w58-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__main {
        padding: 0 0 0;
        border-top: solid #f1f1f1 .1rem;
    }
}

.w58-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    padding: 1.25rem 2rem;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__main__name {
        font-size: 1.6rem;
        font-weight: 500;
        transition: all .5s;
        padding: 1rem 0rem 1rem 2rem;
        width: 100%;
    }

    .w58-menu__second__items__item:hover .w58-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__main__name {
        color: #fff;
        transition: all .5s;
    }

    .w58-menu__second__items__item:hover .w58-menu__second__items__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }
}

.w58-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__main__icon1 {
        display: inline-block;
        position: absolute;
        left: 1rem;
    }
}

.w58-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

.w58-menu__second__items__item__main__icon2__value {
    font-weight: 300;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__main__icon2 {
        display: flex;
        height: 100%;
        width: 4rem;
        right: 0;
        justify-content: center;
        align-items: center;
        border-left: solid .1rem #f1f1f1;
        color: rgba(var(--main-color-w),1);
    }

    .w58-menu__second__items__item__check:checked ~
    .w58-menu__second__items__item__main
    .w58-menu__second__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w58-menu__second__items__item__check:checked ~
        .w58-menu__second__items__item__main
        .w58-menu__second__items__item__main__icon2
        .w58-menu__second__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .w58-menu__second__items__item:hover .w58-menu__second__items__item__main__icon2 {
        color: #fff;
    }
}

.w58-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
    }

    .w58-menu__second__items__item__check:checked ~
    .w58-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 6rem;
        border: solid #f1f1f1 .1rem;
        background-color: #fff;
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
    }

    .w58-menu__second__items__item:hover .w58-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: #fff;
        border: none;
        pointer-events: inherit;
    }
}

.w58-menu__second__items__item__childs__item {
    position: relative;
}

    .w58-menu__second__items__item__childs__item:last-child {
        border: none;
    }

.w58-menu__second__items__item__childs__item__main {
    display: flex;
    border-top: dashed #eee .1rem;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }

    .w58-menu__second__items__item__childs__item:first-child .w58-menu__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__childs__item__main {
        border-top-style: solid;
    }
}

.w58-menu__second__items__item__childs__item__main__name {
    font-size: 1.6rem;
    padding: 1rem 2rem 1rem 1rem;
    cursor: pointer;
    display: block;
    width: 100%;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem 0rem 1rem 3rem;
        transition: all .5s;
    }

    .w58-menu__second__items__item__childs__item:hover .w58-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w58-menu__second__items__item__childs__item:hover .w58-menu__second__items__item__childs__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w58-menu__second__items__item__childs__item:hover .w58-menu__second__items__item__childs__item__main {
    }
}

.w58-menu__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
    color: #3f3f3f;
}

.w58-menu__second__items__item__childs__item__main__icon__value {
    font-weight: 300;
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__childs__item:hover .w58-menu__second__items__item__childs__item__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__childs__item__main__icon {
        padding: 0;
        width: 4rem;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid 0.1rem #f1f1f1;
    }

    .w58-menu__second__items__item__childs__item__check:checked ~
    .w58-menu__second__items__item__childs__item__main
    .w58-menu__second__items__item__childs__item__main__icon {
        background-color: #f1f1f1;
    }

    .w58-menu__second__items__item__childs__item__main__icon__value:before {
        content: "\f107" !important;
    }

    .w58-menu__second__items__item__childs__item__check:checked ~
    .w58-menu__second__items__item__childs__item__main
    .w58-menu__second__items__item__childs__item__main__icon
    .w58-menu__second__items__item__childs__item__main__icon__value:before {
        content: "\f106" !important;
    }
}

.w58-menu__second__items__item__childs__item__check {
    display: none;
}

.w58-menu__second__items__item__childs__item__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
    }

    .w58-menu__second__items__item__childs__item__check:checked ~
    .w58-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        border: solid #f1f1f1 .1rem;
        background-color: #fff;
        width: max-content;
    }

    .w58-menu__second__items__item__childs__item:hover .w58-menu__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        border: none;
    }
}

.w58-menu__second__items__item__childs__item__grands__item {
}

.w58-menu__second__items__item__childs__item__grands__item__main {
    border-top: dashed #eee .1rem;
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__childs__item__grands__item__main {
        border-color: #eee;
    }

    .w58-menu__second__items__item__childs__item__grands__item:first-child .w58-menu__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w58-menu__second__items__item__childs__item__grands__item:hover .w58-menu__second__items__item__childs__item__grands__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__childs__item__grands__item__main {
        border-top-style: solid;
    }
}

.w58-menu__second__items__item__childs__item__grands__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1rem 1rem;
    color: #3f3f3f;
}

@media only screen and (min-width:75rem) {
    .w58-menu__second__items__item__childs__item__grands__item__main__name {
    }

    .w58-menu__second__items__item__childs__item__grands__item__main:hover .w58-menu__second__items__item__childs__item__grands__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w58-menu__second__items__item__childs__item__grands__item__main__name {
        padding: 1rem 0rem 1rem 5rem;
        text-transform: capitalize;
    }

    .w58-menu__second__items__item__childs__item__grands__item__main:hover .w58-menu__second__items__item__childs__item__grands__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

.w58-menu__heading {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w58-menu__heading {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 1rem 0rem 1rem 1rem;
        background-color: rgba(var(--main-color-w),1);
        width: 100%;
    }

    .w58-menu__heading__figure {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        max-height: 7rem;
        max-width: 20rem
    }

    .w58-menu__heading__label {
        position: absolute;
        right: 1rem;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        text-align: center;
        padding: .75rem 1rem;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
    }

        .w58-menu__heading__label:hover {
            transform: scale(1.05);
        }

    .w58-menu__heading__label__icon {
        font-size: 1.6rem;
    }
}

.w58-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    display: none;
    height: 100vh;
    background: rgb(0,0,0,.7);
    width: 100%;
    transition: all .35s;
}

@media only screen and (max-width:75rem) {
    .w58-menu__bg {
        display: block;
    }

    .w58-menu__check:checked ~ .w58-menu__bg {
        left: 0;
    }
}

.w58-menu__bottom {
    position: fixed;
    left: 0;
    bottom: -100%;
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    padding: 1rem;
    width: 90%;
    transition: all 1s;
    opacity: 0;
}

@media only screen and (max-width:75rem) {
    .w58-menu__check:checked ~
    .w58-menu__group
    .w58-menu__bottom {
        bottom: 0;
        opacity: 1;
    }
}

.w58-menu__bottom__item {
    font-size: 2rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    margin-right: 2rem;
}

    .w58-menu__bottom__item:last-child {
        margin-right: 0;
    }

    .w58-menu__bottom__item:hover {
        transform: scale(1.1);
    }
/*ed*/
/*w46-banner*/
.w46-banner {
    width: 100%;
    background-color: #F1F4FB;
    padding: 1rem 0.5rem;
    position:relative;
    z-index:0;
}

.w46-banner__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w46-banner__container {
    display: flex;
    justify-content: space-between;
    background-color: white;
}

@media only screen and (max-width: 50rem) {
    .w46-banner__container {
        flex-wrap: wrap;
    }
}

.w46-banner__container__items {
    width: 70%;
    overflow:hidden;
}

@media only screen and (max-width: 50rem) {
    .w46-banner__container__items {
        width: 100%;
    }
}

.w46-banner__container__items__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: max-content;
    z-index: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w46-banner__container__items__mains {
        width: 100%;
    }
}

.w46-banner__container__items__mains .swiper-pagination-bullet {
    background-color: white;
}

.w46-banner__container__items__mains .swiper-pagination-bullet-active {
    background-color: white;
}

.w46-banner__container__items__mains__main__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w46-banner__container__items__mains__main__item__imgbox__img {
    width: 100%;
}

.w46-banner__container__items__mains .swiper-button-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    transition: all .5s;
    z-index: 0;
}

    .w46-banner__container__items__mains .swiper-button-next:hover {
        background-color: rgba(var(--main-color-w),.8);
    }

    .w46-banner__container__items__mains .swiper-button-next::after {
        font-size: 2rem;
        color: white;
    }

.w46-banner__container__items__mains .swiper-button-prev {
    left: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    transition: all .5s;
    z-index: 0;
}

    .w46-banner__container__items__mains .swiper-button-prev:hover {
        background-color: rgba(var(--main-color-w),.8);
    }

    .w46-banner__container__items__mains .swiper-button-prev::after {
        font-size: 2rem;
        color: white;
    }

.w46-banner__container__items__sub {
    height: max-content;
    overflow: hidden;
}

    .w46-banner__container__items__sub .swiper-slide {
        width: 25%;
        cursor: pointer;
        position: relative;
        justify-content: center;
        height: 100%;
        display: flex
    }

    .w46-banner__container__items__sub .swiper-slide-thumb-active {
        background-color: rgba(var(--main-color-w), 1);
    }

.swiper-slide-thumb-active .w46-banner__container__items__sub__items__item__text {
    color: #fff !important;
}

.w46-banner__container__items__sub__items {
    height: 6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w46-banner__container__items__sub__items {
        height: 5rem !important;
    }
}

.w46-banner__container__items__sub__items__item:before {
    border-right: .7rem solid transparent;
    border-bottom: .7rem solid rgba(var(--main-color-w), 1);
    border-left: .7rem solid transparent;
    position: absolute;
    top: -.7rem;
    z-index: 1;
    content: "";
    display: none;
}

.w46-banner__container__items__sub__items__item.swiper-slide-thumb-active:before {
    display: inline-block;
}

.w46-banner__container__items__sub__items__item__text {
    text-align: center;
    line-height: 2.6rem;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    align-items: center;
    padding: .5rem 4%;
    display: flex;
    overflow: hidden;
    width: 92%;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w46-banner__container__items__sub__items__item__text {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w46-banner__container__items__sub__items__item__text {
        font-size: 1rem;
        line-height: 1.8rem;
    }
}

.w46-banner__container__ads {
    width: 29%;
    min-width: 29%;
    flex-wrap: wrap;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w46-banner__container__ads {
        width: 100%;
        margin-top: 1rem;
    }
}

.w46-banner__container__ads__item {
    display: block;
    margin-bottom: 1rem;
}

    .w46-banner__container__ads__item:last-child {
        margin-bottom: 0;
    }

.w46-banner__container__ads__item__link {
    display: block;
}

.w46-banner__container__ads__item__link__imgbox {
    width: 100%;
    cursor: pointer;
    background-size: cover;
    background-position: center;
}

.w46-banner__container__ads__item__link__imgbox__img {
    width: 100%;
}

.w46-banner__container__items__mains__main__pagination {
    z-index: 1;
}
/*ed*/
/*w46-product*/
.w46-product {
    width: 100%;
    background-color: #f5f5f5;
    padding: 2rem 1rem;
}

.w46-product__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w46-product__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w46-product__content {
        padding: 1rem;
    }
}

.w46-product__content__items {
    width: 100%;
}

.w46-product__content__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 1rem 1rem;
    background-color: crimson;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w46-product__content__items__heading {
        margin-bottom: 2rem;
    }
}

.w46-product__content__items__heading__icon {
    color: white;
    font-size: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w46-product__content__items__heading__nd {
        width: 80%;
    }
}

.w46-product__content__items__heading__nd__text {
    padding: 1rem;
    font-weight: 500;
    font-size: 2rem;
    line-height: 1.6rem;
    width: fit-content;
    font-weight: bolder;
    color: white;
}

.w46-product__content__items__heading__nd__time {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w46-product__content__items__heading__nd__time {
        margin-top: 1rem;
    }
}

.w46-product__content__items__heading__nd__time__list {
    display: flex;
    margin-left: 1rem;
    align-items: center;
}

.w46-product__content__items__heading__nd__time__list__text {
    color: white;
    border-radius: 0.3rem;
    margin-right: 1rem;
    font-size: 1.6rem;
    border: 1px solid white;
    font-weight: 600;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w46-product__content__items__heading__nd__time__vl {
    color: white;
    font-size: 1.6rem;
    margin-right: 1rem;
}

.w46-product__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w46-product__content__items__heading__more__link {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: 1PX solid white;
}

.w46-product__content__items__heading__more__link__text {
    font-size: 1.6rem;
    color: white;
}

.w46-product__content__items__heading__more__link__icon {
    font-size: 1.6rem;
    margin-top: 0.25rem;
    margin-left: 0.5rem;
    color: white;
}

.w46-product__content__items__heading__more__nav {
    width: 7rem;
    margin-right: 1rem;
    margin-top: 1rem;
    position: relative;
}

.w46-product__content__items__item {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 1rem;
    z-index: 0;
}
.w46-product__content__items__item .swiper-wrapper{
}
    .w46-product__content__items__item .swiper-button-next {
        right: 1rem;
        justify-content: center;
        align-items: center;
        display: flex;
        width: 3.5rem;
        height: 3.5rem;
        font-size: 2rem;
        background: #fff;
        color: #000;
        z-index: 1;
        transition: all .5s;
    }

        .w46-product__content__items__item .swiper-button-next:hover {
            color: #fff;
            background-color: rgba(var(--main-color-w),1);
        }

        .w46-product__content__items__item .swiper-button-next::after {
            display: none;
        }

    .w46-product__content__items__item .swiper-button-prev {
        left: 1rem;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 3.5rem;
        height: 3.5rem;
        z-index: 1;
        font-size: 2rem;
        background: #fff;
        color: #000;
        transition: all .5s;
    }

        .w46-product__content__items__item .swiper-button-prev:hover {
            color: #fff;
            background-color: rgba(var(--main-color-w),1);
        }

        .w46-product__content__items__item .swiper-button-prev::after {
            display: none;
        }

.w46-product__content__items__item__noidung.swiper-slide {
    width: calc(23.5% - 2rem);
    padding: 1rem;
    margin-right: 2%;
    cursor: pointer;
    background-color: white;
    height: fit-content;
    border-radius: 0.5rem;
}

@media only screen and (max-width: 62.5rem) {
    .w46-product__content__items__item__noidung.swiper-slide {
        width: calc(32% - 2rem);
    }
}

@media only screen and (max-width: 50rem) {
    .w46-product__content__items__item__noidung.swiper-slide {
        width: calc(49% - 2rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w46-product__content__items__item__noidung.swiper-slide {
        width: calc(100% - 2rem);
    }
}

.w46-product__content__items__item__noidung__link {
    display: block;
    overflow: hidden;
}

.w46-product__content__items__item__noidung__link__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: 0.5rem;
    transition: all .5s;
}

    .w46-product__content__items__item__noidung__link__imgbox:hover {
        transform: scale(1.05);
    }

.w46-product__content__items__item__noidung__link__imgbox__img {
    width: 100%;
}

.w46-product__content__items__item__noidung__km {
    position: absolute;
    left: 1rem;
    top: 1rem;
    text-align: center;
    background-color: orange;
    width: auto;
    padding: 0.3rem;
    display: flex;
    align-items: center;
}

.w46-product__content__items__item__noidung__km__pr {
    font-size: 1.2rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-right: 0.5rem;
}

.w46-product__content__items__item__noidung__km__text {
    font-size: 1.2rem;
    display: block;
    color: white;
    font-weight: 600;
}

.w46-product__content__items__item__noidung__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1rem;
    bottom: 0;
    z-index: 2;
    border-top: 1rem solid transparent;
    border-right: 0 solid transparent;
    border-left: 1rem solid orange;
}

.w46-product__content__items__item__noidung__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1rem;
    top: 0;
    z-index: 2;
    border-bottom: 1rem solid transparent;
    border-right: 0 solid transparent;
    border-left: 1rem solid orange;
}

.w46-product__content__items__item__noidung__text {
    display: block;
    font-size: 1.6rem;
    text-align: left;
    line-height: 2.4rem;
    width: fit-content;
    transition: all 0.5s ease;
    color: black;
    font-weight: 600;
    margin: 1rem 0rem;
}

.w46-product__content__items__item__noidung:hover .w46-product__content__items__item__noidung__text {
    color: crimson;
    text-decoration: underline;
}

.w46-product__content__items__item__noidung__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w46-product__content__items__item__noidung__pricing {
        flex-wrap: wrap;
    }
}

.w46-product__content__items__item__noidung__pricing__main {
    margin-bottom: 1rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w46-product__content__items__item__noidung__pricing__main__vl {
    font-size: 1.4rem;
    color: #7d7d7d;
    margin-right: 0.5rem;
    text-decoration: line-through;
}

.w46-product__content__items__item__noidung__pricing__main__per {
    color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    padding: 0.3rem;
    font-size: 1rem;
}

.w46-product__content__items__item__noidung__pricing__main__count {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
    display: block;
}

.w46-product__content__items__item__noidung__pricing__tg {
    width: 100%;
    width: 100%;
    padding: 0;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.w46-product__content__items__item__noidung__pricing__tg__text {
    display: block;
    font-size: 1.4rem;
    color: #7d7d7d;
    margin-bottom: .7rem;
}

.w46-product__content__items__item__noidung__pricing__tg__vl {
    font-size: 1.4rem;
}

@media only screen and (max-width: 37.5rem) {
    .w46-product__content__items__item__noidung__pricing__tg__vl {
        margin-left: auto;
    }
}

.w46-product__content__items__item__noidung__bar {
    background-color: #1315a344;
    width: 100%;
    position: relative;
    display: flex;
    border-radius: 1rem;
    margin-top: 1rem;
    padding: .5rem 0;
    align-items: center;
}

.w46-product__content__items__item__noidung__bar__pro {
    position: absolute;
    background-color: rgba(var(--main-color-w), 1);
    width: 50%;
    height: 100%;
    border-radius: 1rem;
    top: 0;
    z-index: 1;
    transition: all 1s;
}

.w46-product__content__items__item__noidung__bar:hover
.w46-product__content__items__item__noidung__bar__pro {
    width: 100%;
}

.w46-product__content__items__item__noidung__bar__imgbox {
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
    left: 0.5rem;
    z-index: 2;
}

.w46-product__content__items__item__noidung__bar__text {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    display: block;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 2;
    position: relative;
}

.w46-product__content__items__item__noidung__stars {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w46-product__content__items__item__noidung__stars__star {
    color: #ffc700;
    margin-left: .5rem;
}

    .w46-product__content__items__item__noidung__stars__star:first-child {
        margin-left: 0;
    }

.w46-product__content__items__item__noidung__stars__text {
    font-size: 1.2rem;
    margin-left: 1rem;
    color: #ffc700;
    margin-right: 1rem;
    font-weight: 500;
}

.w46-product__content__items__item__noidung__stars__viewcount {
    font-size: 1.2rem;
    font-weight: 500;
    margin-left: auto
}

.w46-product__content__items__item__noidung__stars__value {
    font-size: 1.2rem;
    font-weight: 500;
    margin-left: 1rem;
}

.w46-product__content__items__item__noidung__grbtn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.w46-product__content__items__item__noidung__grbtn__btn {
    padding: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: 1px solid rgba(var(--main-color-w), 1);
    width: 50%;
    font-size: 1.4rem;
    cursor: pointer;
    border-radius: .3rem;
    transition: all .2s ease;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}

    .w46-product__content__items__item__noidung__grbtn__btn:nth-child(2) {
        background-color: transparent;
        margin-left: 1rem;
        color: rgba(var(--main-color-w), 1);
    }

    .w46-product__content__items__item__noidung__grbtn__btn:hover {
        background-color: crimson;
        border: 1px solid crimson;
        color: white;
    }

/*ed*/

/*w41-ads-4*/
.w41-ads-4 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: white;
}

.w41-ads-4__group {
    margin: 0 auto;
    max-width: 120rem;
    overflow: hidden;
}

.w41-ads-4__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w41-ads-4__heading__main {
    display: flex;
    align-items: center;
}

.w41-ads-4__heading__main__icon {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
}

.w41-ads-4__heading__main__title {
    font-size: 3rem;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    margin-left: 1rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

    .w41-ads-4__heading__main__title:hover {
        letter-spacing: .2rem;
    }

@media only screen and (max-width: 37.5rem) {
    .w41-ads-4__heading__main__title {
        font-size: 1.2rem;
    }
}

.w41-ads-4__heading__btn {
    margin-left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 2rem;
    color: #fff;
    border-radius: 2rem;
}

    .w41-ads-4__heading__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w41-ads-4__heading__btn__text {
    font-size: 1.4rem;
}

.w41-ads-4__heading__btn__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-ads-4__heading__btn {
        font-size: 1rem;
    }
}

.w41-ads-4__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w41-ads-4__items__item {
    width: 32%;
    margin-left: 2%;
    cursor: pointer;
    background-color: white;
    border-radius: 0.3rem;
    margin-top: 2rem;
    overflow: hidden;
}

@media only screen and (min-width: 50rem) {
    .w41-ads-4__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w41-ads-4__items__item {
        width: 49%;
    }

        .w41-ads-4__items__item:nth-child(3n+2) {
            margin-left: 0;
        }

        .w41-ads-4__items__item:nth-child(3n+1) {
            margin-left: 0;
            width: 100%;
        }
}

.w41-ads-4__items__item__a__link {
    display: block;
}

.w41-ads-4__items__item__a__link__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w41-ads-4__items__item__a__link__imgbox:hover {
        transform: scale(1.02);
    }

.w41-ads-4__items__item__a__link__imgbox__img {
    width: 100%;
}
/*ed*/
/*w29-service*/
.w29-service {
    width: 100%;
    display: block;
    padding: 2rem 1rem 1rem;
    background-color: white;
}

.w29-service__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w29-service__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w29-service__items__item {
    width: 18.4%;
    display: block;
    margin-bottom: 1rem;
    margin-left: 2%;
    font-size: 1.6rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    border-radius: .3rem;
    box-shadow: 0 0 0.5rem rgba(0, 0, 0, 0.158);
    line-height: 2.6rem;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
}

.w29-service__items__item__title {
    display: block;
    padding: 1rem;
}

.w29-service__items__item:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

@media only screen and (min-width: 62.5rem) {
    .w29-service__items__item:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w29-service__items__item {
        width: 23.5%;
    }

    @media only screen and (min-width: 50rem) {
        .w29-service__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 50rem) {
        .w29-service__items__item {
            width: 32%;
        }

        @media only screen and (min-width: 37.5rem) {
            .w29-service__items__item:nth-child(3n+1) {
                margin-left: 0;
            }
        }

        @media only screen and (max-width: 37.5rem) {
            .w29-service__items__item {
                width: 48%;
            }

                .w29-service__items__item:nth-child(2n+1) {
                    margin-left: 0;
                }
        }
    }
}
/*ed*/
/*w8-product-2*/
.w8-product-2 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: white;
    color: var(--text-color-w8);
}

.w8-product-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w8-product-2__heading {
    text-align: center;
}

.w8-product-2__heading__title {
    font-weight: 500;
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w8-product-2__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w8-product-2__heading__des {
    margin-top: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w8-product-2__items {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w8-product-2__items__item {
    position: relative;
    width: 23.5%;
    margin-left: 2%;
    border-radius: .5rem;
    margin-top: 2rem;
    overflow: hidden;
}

@media only screen and (min-width: 50rem) {
    .w8-product-2__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w8-product-2__items__item {
        width: 49%;
        display: inline-block;
    }

        .w8-product-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w8-product-2__items__item__link {
    overflow: hidden;
    display: block;
    padding: 1rem;
    background: #fff;
}

.w8-product-2__items__item__link__imgbox {
    position: relative;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

.w8-product-2__items__item:hover .w8-product-2__items__item__link__imgbox {
    transform: scale(1.05);
}

.w8-product-2__items__item__link__imgbox__info {
    padding: 0.5rem;
    background-color: rgba(var(--main-color-w), .9);
    position: absolute;
    color: white;
    top: 0;
    font-size: 1.2rem;
    border-radius: .3rem;
}

.w8-product-2__items__item__link__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w8-product-2__items__item:hover .w8-product-2__items__item__card {
    transform: translateY(-2rem);
}

    .w8-product-2__items__item:hover .w8-product-2__items__item__card .w8-product-2__items__item__card__content__button {
        visibility: visible;
        opacity: 1;
    }

.w8-product-2__items__item__card {
    transition: all 0.5s;
    background-color: rgba(255,255,255,.9);
    padding: 0 1rem;
}

.w8-product-2__items__item__card__timebox {
    display: flex;
    justify-content: space-evenly;
    text-align: center;
}

.w8-product-2__items__item__card__timebox__date {
    background-color: rgba(255, 255, 255, 0.893);
    color: rgba(var(--main-color-w), 1);
    padding: 1.5rem 0.8rem;
    font-size: 1.5rem;
    width: 24%;
    text-align: center;
    border-radius: 0.2rem;
}

.w8-product-2__items__item__card__timebox__date__number {
    font-weight: 600;
}

.w8-product-2__items__item__card__timebox__date__text {
    font-weight: 300;
}

.w8-product-2__items__item__card__content {
    text-align: center;
    padding: 0rem 0rem;
    margin-bottom: 0rem;
    padding-bottom: 1rem;
}

.w8-product-2__items__item__card__content__text {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 1.4rem;
    transition: all .5s;
}

    .w8-product-2__items__item__card__content__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w8-product-2__items__item__card__content__icon {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.w8-product-2__items__item__card__content__icon__svg {
    font-size: 1rem;
    color: darkorange;
    margin-left: .5rem;
}

    .w8-product-2__items__item__card__content__icon__svg:first-child {
        margin-left: 0;
    }

.w8-product-2__items__item__card__content__name {
    margin-top: 1rem;
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    text-align: left;
}

    .w8-product-2__items__item__card__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w8-product-2__items__item__card__content__price {
    display: flex;
    justify-content: space-between;
    font-size: 1.6rem;
    margin-top: 1rem;
    align-items: center;
}

.w8-product-2__items__item__card__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w8-product-2__items__item__card__content__price__sub {
    text-decoration: line-through;
    color: #999;
}

.w8-product-2__items__item__card__content__thumlist {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.w8-product-2__items__item__card__content__thumlist__imgbox {
    transition: all 0.2s;
    cursor: pointer;
    max-width: 5rem;
    max-height: 5rem;
    border-radius: 0.5rem;
    overflow: hidden;
    object-fit: cover;
    background-size: contain;
    background-position: center;
}

    .w8-product-2__items__item__card__content__thumlist__imgbox:not(:last-child) {
        margin-right: 0.2rem;
    }

.w8-product-2__items__item__card__content__thumlist__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w8-product-2__items__item__card__content__thumlist__imgbox:hover {
    border: 0.2rem solid rgba(var(--second-color-w), 1);
}

.w8-product-2__items__item__card__content__button {
    transition: all 1s;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    cursor: pointer;
    padding: .75rem 1.5rem;
    border: none;
    display: flex;
    align-items: center;
    border-radius: 0.5rem;
    margin: 1rem auto 0 auto;
    font-size: 1.4rem;
    display: flex;
    justify-content: center;
    width: max-content;
    white-space: nowrap;
}

@media only screen and (max-width: 37.5rem) {
    .w8-product-2__items__item__card__content__button {
        font-size: 1rem;
    }
}

.w8-product-2__items__item__card__content__button__icon {
    color: white;
    font-size: 1.4rem;
}

.w8-product-2__items__item__card__content__button__text {
    font-weight: 600;
    font-size: 1.4rem;
    margin-left: .75rem;
}

.w8-product-2__items__item__card__content__button:hover {
    filter: brightness(0.8);
}

/*ed*/

/*w37-ads-1*/
.w37-ads-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem .5rem;
}

.w37-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w37-ads-1__container {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w37-ads-1__container__item {
    width: 49%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2.5rem;
    border-radius: .3rem;
    z-index: 0;
}

@media only screen and (min-width: 50rem) {
    .w37-ads-1__container__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w37-ads-1__container__item {
        width: 100%;
    }
}

.w37-ads-1__container__item__link {
    display: block;
}

.w37-ads-1__container__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w37-ads-1__container__item:hover .w37-ads-1__container__item__link__imgbox {
    transform: scale(1.05);
}

.w37-ads-1__container__item__info {
    position: absolute;
    bottom: 0;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 1rem 1rem 1.5rem;
    background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(var(--main-color-w), 1) 70%);
}

.w37-ads-1__container__item__info__heading {
    color: #fff;
    font-size: 1.6rem;
    display: block;
    width: 100%
}

.w37-ads-1__container__item__info__des {
    margin-top: 1rem;
    font-weight: 600;
    font-size: 2rem;
    color: white;
    width: 100%;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w37-ads-1__container__item__info__des {
        font-size: 1.8rem;
    }
}

.w37-ads-1__container__item__info__des:hover {
    transform: scale(1.05);
}

.w37-ads-1__container__item__info__sub {
    margin-top: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    color: white;
}

.w37-ads-1__container__item__info__btn {
    margin-top: 2rem;
    border: none;
    border-radius: 0.5rem;
    color: white;
    font-size: 1.4rem;
    cursor: pointer;
    outline: none;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    padding: .75rem 2rem;
    width: max-content;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

    .w37-ads-1__container__item__info__btn:hover {
        letter-spacing: .2rem;
    }

.w37-ads-1__container__item__info__btn__icon {
    margin-left: 1rem;
}
/*ed*/
/*w47-bloglist*/
.w47-bloglist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w47-bloglist__group {
    margin: 0 auto;
    max-width: 120rem;
    position: relative;
}

.w47-bloglist__heading {
    display: flex;
    flex-direction: column;
}

.w47-bloglist__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.w47-bloglist__heading__title__text {
    text-align: center;
    font-size: 2.5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

.w47-bloglist__heading__des {
    width: 100%;
    display: block;
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w47-bloglist__heading__detail {
    width: 100%;
    display: block;
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w47-bloglist .table__responsive {
    overflow-y: scroll;
}

    .w47-bloglist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w47-bloglist .table__responsive::-webkit-scrollbar-track {
    }

    .w47-bloglist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w47-bloglist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w47-bloglist .table__responsive table {
        width: max-content;
    }

.w47-bloglist__heading__detail table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w47-bloglist__heading__detail table td,
    .w47-bloglist__heading__detail table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }

.w47-bloglist__tin {
    display: flex;
    width: 100%;
}

.w47-bloglist__tin__container {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    margin-top: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w47-bloglist__tin__container {
        width: 100%;
    }
}

.w47-bloglist__tin__container__wrap {
    width: 32%;
    margin-left: 2%;
    margin-top: 2rem;
    border-radius: .3rem;
    overflow: hidden;
}

@media only screen and (min-width: 50rem) {
    .w47-bloglist__tin__container__wrap:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w47-bloglist__tin__container__wrap {
        width: 49%;
    }

    @media only screen and (min-width: 37.5rem) {
        .w47-bloglist__tin__container__wrap:nth-child(2n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 37.5rem) {
        .w47-bloglist__tin__container__wrap {
            width: 100%;
            margin-left: 0;
        }
    }
}

.w47-bloglist__tin__container__wrap:hover .w47-bloglist__tin__container__wrap__items {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w47-bloglist__tin__container__wrap:nth-child(2) {
    flex-direction: row-reverse;
}

.w47-bloglist__tin__container__wrap__imgbox {
    display: block;
    overflow: hidden;
}

.w47-bloglist__tin__container__wrap__link__imgbox {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    transition: all .5s;
}

    .w47-bloglist__tin__container__wrap__link__imgbox:hover {
        transform: scale(1.05);
    }

.w47-bloglist__tin__container__wrap__link__imgbox__img {
    width: 100%;
}

.w47-bloglist__tin__container__wrap__items {
    width: 100%;
    position: relative;
    background-color: #F6F6F6;
    cursor: pointer;
    align-self: center;
    padding: 1.5rem;
    transition: all .5s;
}

.w47-bloglist__tin__container__wrap__items__cate {
    display: flex;
    align-items: center;
    color: #444;
}

.w47-bloglist__tin__container__wrap:hover
.w47-bloglist__tin__container__wrap__items__cate {
    color: #fff;
}

.w47-bloglist__tin__container__wrap__items__cate__time {
    font-size: 1.4rem;
    transition: all .5s;
}

.w47-bloglist__tin__container__wrap__items__cate__time__hour {
    margin-left: .5rem;
}

.w47-bloglist__tin__container__wrap__items__main {
    font-size: 1.6rem;
    margin-top: 1rem;
    font-weight: 600;
    display: block;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w47-bloglist__tin__container__wrap__items__main:hover {
        transform: scale(1.05);
    }

.w47-bloglist__tin__container__wrap:hover
.w47-bloglist__tin__container__wrap__items__main {
    color: #fff;
}

.w47-bloglist__tin__container__wrap__items__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    text-align: justify;
    margin-top: 1rem;
}

.w47-bloglist__tin__container__wrap__items__des {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 1rem;
    transition: all .5s;
    position: relative;
}

.w47-bloglist__tin__container__wrap__items__des__view {
    margin-left: 1rem;
    color: #444;
    transition: all .5s;
}

.w47-bloglist__tin__container__wrap:hover
.w47-bloglist__tin__container__wrap__items__des__view {
    color: #fff;
}

.w47-bloglist__tin__container__wrap__items__des__user {
    display: flex;
    align-items: center;
    color: #444;
}

.w47-bloglist__tin__container__wrap:hover
.w47-bloglist__tin__container__wrap__items__des__user {
    color: #fff;
}

.w47-bloglist__tin__container__wrap__items__des__user__imgbox {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-size: cover;
}

.w47-bloglist__tin__container__wrap__items__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w47-bloglist__tin__container__wrap__items__des__user__text {
    margin-left: 1rem;
    transition: all .5s;
}

.w47-bloglist__tin__container__wrap__items__des__icon {
    display: flex;
    width: 3.5rem;
    height: 3.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-size: 1.6rem;
    margin-left: auto;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
}

.w47-bloglist__tin__container__wrap:hover
.w47-bloglist__tin__container__wrap__items__des__icon {
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
}

    .w47-bloglist__tin__container__wrap:hover
    .w47-bloglist__tin__container__wrap__items__des__icon:hover {
        transform: scale(1.05);
    }

.w47-bloglist__paging {
    text-align: center;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w47-bloglist__paging__items {
    width: 4rem;
    height: 4rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 1rem;
    font-size: 1.4rem;
    cursor: pointer;
    border: 1px solid #7b7b7b;
    transition: all .5s;
}

    .w47-bloglist__paging__items:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w47-bloglist__paging .active {
    color: rgba(var(--main-color-w), 1);
    border: 2px solid rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w47-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-size: 1rem;
    border: 1px solid #7b7b7b;
    padding: 1rem 2rem;
    border-radius: 2rem;
    transition: all .5s;
    margin-top: 1rem;
}

    .w47-bloglist__paging__pre:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w47-bloglist__paging__pre__text {
    font-size: 1.2rem;
}

.w47-bloglist__paging__pre:first-child .w47-bloglist__paging__pre__text {
    margin-left: .5rem;
}

.w47-bloglist__paging__pre__icon {
    margin-left: 0.5rem;
    font-size: 1.2rem;
}

.w47-bloglist__paging__pre:first-child .w47-bloglist__paging__pre__icon {
    margin-left: 0;
}
/*ed*/
/*w9-blogdetail*/
.w9-blogdetail {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w9-blogdetail__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75rem) {
    .w9-blogdetail__group {
        flex-direction: column;
    }
}

.w9-blogdetail__first {
    width: 67%;
}

.w9-blogdetail__first__items {
}

.w9-blogdetail__first__items__title {
    font-size: 2.5rem;
    color: rgba(var(--main-color-w),1);
    line-height: 4rem;
}

@media only screen and (max-width: 43.75rem) {
    .w9-blogdetail__first {
        width: 100%;
    }
}

.w9-blogdetail__first__items__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w9-blogdetail__first__items__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-blogdetail__first__items__content {
    margin-top: 1rem;
}

.w9-blogdetail__first__items__content__post {
    display: flex;
    font-size: 1.4rem;
    align-items: center;
}

.w9-blogdetail__first__items__content__post__cate {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-left: 1rem;
}

.w9-blogdetail__first__items__content__post__icon {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w9-blogdetail__first__items__content__post__colright {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.w9-blogdetail__first__items__content__post__colright__icon {
    margin-left: 1rem;
}

.w9-blogdetail__first__items__content__post__colright__text {
    color: #626262;
    margin-left: 1rem;
    display: inline-block;
}

.w9-blogdetail__first__items__content__main {
    margin-top: 0.2rem;
    font-size: 2.5rem;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
}

.w9-blogdetail__first__items__content__sub {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

    .w9-blogdetail__first__items__content__sub h2,
    .w9-blogdetail__first__items__content__sub h3,
    .w9-blogdetail__first__items__content__sub iframe,
    .w9-blogdetail__first__items__content__sub h4,
    .w9-blogdetail__first__items__content__sub h5,
    .w9-blogdetail__first__items__content__sub img,
    .w9-blogdetail__first__items__content__sub p {
        margin: 0.5rem 0;
    }

    .w9-blogdetail__first__items__content__sub ul,
    .w9-blogdetail__first__items__content__sub ol {
        list-style: none;
    }

.w9-blogdetail__first__items__link {
    display: flex;
    color: rgba(var(--main-color-w), 1);
    align-items: center;
    margin-top: 3rem;
}

.w9-blogdetail__first__items__link__text {
    margin-left: 1rem;
    font-size: 1.3rem;
}

.w9-blogdetail__first__items__cmpost {
    margin-top: 3rem;
    border: 0.1rem solid #eee;
    padding: 2rem;
    border-radius: .3rem;
}

.w9-blogdetail__first__items__cmpost__heading {
    font-size: 1.6rem;
    font-weight: 600;
    padding-bottom: 1rem;
    border-bottom: 0.1rem solid #eee;
}

.w9-blogdetail__first__items__cmpost__item {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
}

.w9-blogdetail__first__items__cmpost__item__user {
    width: 15%;
    min-width: 15%;
    margin-right: 1rem;
    text-align: center;
}

.w9-blogdetail__first__items__cmpost__item__user__name {
    margin-top: 0.5rem;
    font-weight: 600;
    font-size: 1.4rem;
}

.w9-blogdetail__first__items__cmpost__item__user__date {
    font-weight: 300;
    margin-top: 0.5rem;
    font-size: 1.4rem;
}

.w9-blogdetail__first__items__cmpost__item__user__imgbox {
    min-width: 5rem;
    width: 100%;
    height: 10rem;
    background-size: contain;
    background-position: center;
}

.w9-blogdetail__first__items__cmpost__item__text {
    border: 0.1rem solid #eee;
    align-items: center;
    padding: 1rem;
    width: 83%;
    background-color: #fcfcfc;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w9-blogdetail__first__items__second {
    width: 100%;
    margin-top: 2rem;
    border: 0.1rem solid #eee;
    padding: 2rem;
}

    .w9-blogdetail__first__items__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3rem;
    }

.w9-blogdetail__first__items__second__title {
    font-weight: 600;
    font-size: 1.6rem;
    text-transform: uppercase;
}

.w9-blogdetail__first__items__second__textrate {
    margin-top: 2rem;
}

.w9-blogdetail__first__items__second__textreview {
    margin-top: 1rem;
    font-size: 1.6rem;
}

.w9-blogdetail__first__items__second__textarea {
    width: 100%;
    height: 10rem;
    margin-top: 0.5rem;
    border: solid .1rem #f1f1f1;
    outline: none;
    padding: 1rem;
    margin-top: 1rem;
    transition: all .5s;
    font-size: 1.6rem;
    border-radius: .3rem;
    font-family: inherit;
}

    .w9-blogdetail__first__items__second__textarea:focus {
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w9-blogdetail__first__items__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0 0rem;
    width: 100%;
    flex-wrap: wrap;
}

.w9-blogdetail__first__items__second__textform__name {
    width: 49%;
    display: block;
    margin-left: 2%;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 37.5rem) {
    .w9-blogdetail__first__items__second__textform__name:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w9-blogdetail__first__items__second__textform__name {
        margin-left: 0;
        width: 100%;
    }
}

.w9-blogdetail__first__items__second__textform__name__info {
    font-weight: 300;
    font-size: 1.6rem;
}

.w9-blogdetail__first__items__second__textform__name__input {
    margin-top: 1rem;
    display: inline-block;
    width: 100%;
    padding: 1rem 1rem;
    border: solid .1rem #f1f1f1;
    transition: all .5s;
    font-size: 1.6rem;
    font-family: inherit;
    text-transform: uppercase;
}

    .w9-blogdetail__first__items__second__textform__name__input:focus {
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w9-blogdetail__first__items__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2rem;
    padding: 1rem 2rem;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: 1rem;
    text-align: center;
    font-family: inherit;
}

    .w9-blogdetail__first__items__second__button:hover {
        filter: brightness(0.8);
    }

.w9-blogdetail__second {
    width: 30%;
    margin-top: 1rem;
}

@media only screen and (max-width: 43.75rem) {
    .w9-blogdetail__second {
        width: 100%;
    }
}
.w9-blogdetail__second__container{
    position:sticky;
    top:1rem;
}
.w9-blogdetail__second__latest__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 0.1rem solid #eee;
    text-transform: uppercase;
}

.w9-blogdetail__second__latest__content {
    display: flex;
    padding: 1rem 0rem;
}

.w9-blogdetail__second__latest__content__link {
    width: 20%;
    overflow: hidden;
    cursor: pointer;
}

.w9-blogdetail__second__latest__content__link__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w9-blogdetail__second__latest__content__link__imgbox:hover {
        transform: scale(1.05);
    }

.w9-blogdetail__second__latest__content__link__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-blogdetail__second__latest__content__info {
    margin-left: 1rem;
    cursor: pointer;
    width: 76%;
    margin-left: 4%;
}

.w9-blogdetail__second__latest__content__info__date {
    margin-top: .5rem;
    color: #626262;
    display: inline-block;
    font-size: 1.3rem;
}

.w9-blogdetail__second__latest__content__info__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 400;
    display: inline-block;
    transition: all .5s;
}

.w9-blogdetail__second__latest__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w9-blogdetail__second__blog {
}

.w9-blogdetail__second__blog__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 0.1rem solid #eee;
    text-transform: uppercase;
}

.w9-blogdetail__second__blog__content {
    padding: 1rem 0rem;
}

.w9-blogdetail__second__blog__content__info {
    display: flex;
    align-items: flex-start;
    cursor: pointer;
    margin-bottom: 1rem;
    transition: all .5s;
}

.w9-blogdetail__second__blog__content__info__icon {
    font-size: 1.6rem;
    margin-top: .3rem;
}

.w9-blogdetail__second__blog__content__info__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    display: inline-block;
}

.w9-blogdetail__second__blog__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w9-blogdetail__second__tag {
    margin-top: 2rem;
}

.w9-blogdetail__second__tag__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: .7rem;
    border-bottom: 0.1rem solid #eee;
    display: block;
}

.w9-blogdetail__second__tag__content {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w9-blogdetail__second__tag__content__button {
    background-color: #eef2f8;
    border: none;
    outline: none;
    padding: 1rem;
    color: var(--text-color-w);
    margin-left: 1rem;
    margin-top: 1rem;
    cursor: pointer;
}

    .w9-blogdetail__second__tag__content__button:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w9-blogdetail .table__responsive {
    overflow-y: scroll;
}

    .w9-blogdetail .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w9-blogdetail .table__responsive::-webkit-scrollbar-track {
    }

    .w9-blogdetail .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w9-blogdetail .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w9-blogdetail .table__responsive table {
        width: max-content;
    }

.w9-blogdetail__first__items__content__sub table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w9-blogdetail__first__items__content__sub table td,
    .w9-blogdetail__first__items__content__sub table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w32-productlist*/
.w32-productlist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w32-productlist__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w32-productlist__boloc {
    padding: .5rem;
}

.w32-productlist__boloc__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    border-radius: 0.5rem;
    z-index: 0;
    width: fit-content;
    margin-left: auto;
    background-color: rgba(var(--main-color-w), 1);
}

.w32-productlist__boloc__vung__checkbox {
    display: none;
}

    .w32-productlist__boloc__vung__checkbox:checked ~ .w32-productlist__boloc__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w32-productlist__boloc__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
}

.w32-productlist__boloc__vung__ad__icon {
    margin-left: 0.5rem;
}

.w32-productlist__boloc__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .w32-productlist__boloc__vung__items .active {
        font-weight: 600;
    }

.w32-productlist__boloc__vung__items__item {
    font-size: 1.4rem;
    display: block;
    cursor: pointer;
    padding: 1rem 1rem;
}

    .w32-productlist__boloc__vung__items__item:not(:last-child) {
    }

    .w32-productlist__boloc__vung__items__item:hover {
        background-color: #eee;
    }

.w32-productlist__heading {
    margin-bottom: 1rem;
}

.w32-productlist__heading__text {
    font-size: 2.5rem;
    color: rgba(var(--main-color-w), 1);
    width: fit-content;
    margin: 0 auto;
    display: block;
}

.w32-productlist__heading__tab {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}


.w32-productlist__heading__tab__text {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1.5rem;
    margin-top: 1rem;
    width: max-content;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    padding: .75rem 1.5rem;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w32-productlist__heading__tab__text {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
        font-size: 1.4rem;
    }

        .w32-productlist__heading__tab__text:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w32-productlist__heading__tab__text:last-child {
    margin-right: 0;
}

.w32-productlist__heading__tab__text:hover {
    transform: scale(1.05);
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w32-productlist__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w32-productlist__items__card {
    margin-top: 2rem;
    background-color: #FFFFFF;
    width: 23.5%;
    margin-left: 2%;
    border-radius: 1rem;
    overflow: hidden;
    padding-bottom: 1rem;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.2);
    height: fit-content;
}

@media only screen and (min-width: 62.5rem) {
    .w32-productlist__items__card:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w32-productlist__items__card {
        width: 49%;
    }

        .w32-productlist__items__card:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w32-productlist__items__card__link {
    display: block;
    overflow: hidden;
}

.w32-productlist__items__card__link__imgbox {
    width: 100%;
    background-size: cover;
    transition: all .5s;
}

    .w32-productlist__items__card__link__imgbox:hover {
        transform: scale(1.05);
    }

.w32-productlist__items__card__link__imgbox__img {
    width: 100%;
}

.w32-productlist__items__card:hover .w32-productlist__items__card__thongtin__btn {
    overflow: visible;
    max-height: 10rem;
    margin-top: 1rem;
    padding: .5rem 2rem;
}

.w32-productlist__items__card__thongtin {
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 1rem;
    background-color: #fff;
}

.w32-productlist__items__card__thongtin__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w32-productlist__items__card__thongtin__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w32-productlist__items__card__thongtin__stars {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
}

.w32-productlist__items__card__thongtin__stars__star {
    color: #ffc700;
    font-size: 1.4rem;
    margin-right: .5rem;
}

    .w32-productlist__items__card__thongtin__stars__star:last-child {
        margin-right: 0rem;
    }

.w32-productlist__items__card__thongtin__pricing {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w32-productlist__items__card__thongtin__pricing__main {
    font-size: 1.6rem;
    text-decoration: line-through;
    display: flex;
    color: #999;
}

.w32-productlist__items__card__thongtin__pricing__down {
    font-size: 1.6rem;
    font-weight: 500;
    color: rgba(var(--main-color-w),1);
    margin-left: 1.5rem;
}

.w32-productlist__items__card__thongtin__btn {
    display: flex;
    align-items: center;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    width: 100%;
    transition: all 0.2s ease;
    cursor: pointer;
    margin-bottom: 2rem;
    text-shadow: 0 0 3rem rgba(0, 0, 0, 0.329);
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    margin: 0 auto;
    max-height: 0;
    overflow: hidden;
    justify-content: center;
    padding: 0rem 2rem;
    border-radius: 3rem;
}

@media only screen and (max-width: 62.5rem) {
    .w32-productlist__items__card__thongtin__btn {
        margin-top: 1rem;
        max-height: 10rem;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w32-productlist__items__card__thongtin__btn {
        margin-top: 1rem;
        max-height: 10rem;
        height: 3rem;
    }
}

.w32-productlist__items__card__thongtin__btn__text {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
}

@media only screen and (max-width: 62.5rem) {
    .w32-productlist__items__card__thongtin__btn__text {
        display: none;
    }
}

.w32-productlist__items__card__thongtin__btn__icon {
    background-image: url(/img/w32/arrow-right2.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    transition: all 0.2s ease;
    margin-left: .5rem;
    font-size: 1.4rem;
}

@media only screen and (max-width: 62.5rem) {
    .w32-productlist__items__card__thongtin__btn__icon {
        margin-left: 0;
    }
}

.w32-productlist__items__card__thongtin__btn:hover .w32-productlist__items__card__thongtin__btn__icon {
    margin-left: 1rem;
}

.w32-productlist__items__card__thongtin__btn:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w),1);
}

.w32-productlist__items__card__thongtin__xem {
    font-size: 1.6rem;
    color: #444444;
    margin-top: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid #f1f1f1 .1rem;
    padding: .75rem 1rem;
    border-radius: 3rem;
    background: #f1f1f1;
    transition: all .5s;
}

    .w32-productlist__items__card__thongtin__xem:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w32-productlist__items__card__thongtin__xem__text {
}

.w32-productlist__items__card__thongtin__xem__icon {
    margin-left: 1rem;
}

.w32-productlist__paging {
    text-align: center;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w32-productlist__paging__items {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1rem;
    font-size: 1.4rem;
    border: 0.1rem solid #eee;
    cursor: pointer;
    box-shadow: 0 0 3rem rgba(36, 36, 36, 0.115);
}

    .w32-productlist__paging__items:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w32-productlist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w32-productlist__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3rem;
    border: 0.1rem solid #eee;
    width: 3.4rem;
    padding: 1rem;
    border-radius: 50%;
}

    .w32-productlist__paging__pre:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w32-productlist .table__responsive {
    overflow-y: scroll;
}

    .w32-productlist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w32-productlist .table__responsive::-webkit-scrollbar-track {
    }

    .w32-productlist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w32-productlist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w32-productlist .table__responsive table {
        width: max-content;
    }

.w32-productlist__text table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w32-productlist__text table td,
    .w32-productlist__text table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w41-productdetail*/
.w41-productdetail {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #f5f5fa;
    color: #3f3f3f;
}

.w41-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w41-productdetail__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: white;
    border-radius: 0.2rem;
    padding: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w41-productdetail__main {
        padding: 0;
    }
}

.w41-productdetail__main__image {
    width: 30%;
    margin-right: 1%;
}

@media only screen and (max-width: 62.5rem) {
    .w41-productdetail__main__image {
        margin-right: 0;
        width: 100%;
    }
}

.w41-productdetail__main__image__contain {
    overflow: hidden;
}

.w41-productdetail__main__image__contain__als {
    position: relative;
}

.w41-productdetail__main__image__contain__als__next {
    right: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    overflow: hidden;
}

    .w41-productdetail__main__image__contain__als__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w41-productdetail__main__image__contain__als__next::after {
        font-size: 1rem;
    }

.w41-productdetail__main__image__contain__als__prev {
    left: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
}

    .w41-productdetail__main__image__contain__als__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w41-productdetail__main__image__contain__als__prev::after {
        font-size: 1rem;
    }

.w41-productdetail__main__image__contain__als__al__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    max-height: 100%;
}

.w41-productdetail__main__image__contain__als__al__imgbox__img {
    width: 100%;
}

.w41-productdetail__main__image__contain__als__al__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 3rem;
    height: 3rem;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (min-width:50rem) {
    .w41-productdetail__main__image__contain__als__al__imgbox__zoom {
        left: 1rem;
    }
}

.w41-productdetail__main__image__contain__als__al__imgbox__zoom.active,
.w41-productdetail__main__image__contain__als__al__imgbox__zoom:hover {
    border-radius: 2rem;
    padding: 0 1rem;
    width: auto;
    background-color: rgb(241,241,241,.7);
}

.w41-productdetail__main__image__contain__als__al__imgbox__zoom__icon {
    font-size: 1.2rem;
    -webkit-animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
    animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-wd-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w41-productdetail__main__image__contain__als__al__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
    margin-left: 1rem;
}

.w41-productdetail__main__image__contain__als__al__imgbox__zoom.active .w41-productdetail__main__image__contain__als__al__imgbox__zoom__text,
.w41-productdetail__main__image__contain__als__al__imgbox__zoom:hover .w41-productdetail__main__image__contain__als__al__imgbox__zoom__text {
    display: block;
}

.w41-productdetail__main__image__contain__thumb {
    width: 100%;
    display: flex;
    position: relative;
    margin-top: 1rem;
}

    .w41-productdetail__main__image__contain__thumb .swiper-slide {
        width: 20%;
    }

@media only screen and (max-width: 50rem) {
    .w41-productdetail__main__image__contain__thumb .swiper-slide {
        margin-right: 0;
        width: 33.33333333%;
    }
}

.w41-productdetail__main__image__contain__thumb .swiper-button-next {
    right: .5rem;
    top: 60%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
}

    .w41-productdetail__main__image__contain__thumb .swiper-button-next:hover {
        background-color: rgba(var(--second-color-w),1);
    }

    .w41-productdetail__main__image__contain__thumb .swiper-button-next::after {
        font-size: 1rem;
    }

.w41-productdetail__main__image__contain__thumb .swiper-button-prev {
    left: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    top: 60%;
}

    .w41-productdetail__main__image__contain__thumb .swiper-button-prev:hover {
        background-color: rgba(var(--second-color-w),1);
    }

    .w41-productdetail__main__image__contain__thumb .swiper-button-prev::after {
        font-size: 1rem;
    }

.w41-productdetail__main__image__contain__thumb__album__imgbox {
    width: 23.5%;
    margin-right: 2%;
    background-color: transparent;
    border: none;
    margin-right: 0.5rem;
    background-size: contain;
    background-position: center;
    opacity: .8;
    transition: all .5s;
}

    .w41-productdetail__main__image__contain__thumb__album__imgbox:hover {
        opacity: 1;
    }

    .w41-productdetail__main__image__contain__thumb__album__imgbox.swiper-slide-thumb-active {
        opacity: 1;
    }

.w41-productdetail__main__image__contain__thumb__album__imgbox__img {
    width: 100%;
}

.w41-productdetail__main__image__ads {
    display: block;
    margin-top: 1rem;
    overflow: hidden;
    cursor: pointer;
}

.w41-productdetail__main__image__ads__item {
    display: block;
}

.w41-productdetail__main__image__ads__item__imgbox {
    background-size: cover;
    transition: all .5s;
}

    .w41-productdetail__main__image__ads__item__imgbox:hover {
        transform: scale(1.05);
    }

.w41-productdetail__main__image__imgbox {
    background-size: contain;
    background-position: center;
    margin-top: 1rem;
}

.w41-productdetail__main__image__imgbox__img {
    height: 100%;
    width: 100%;
}

.w41-productdetail__main__content {
    width: 69%;
}

@media only screen and (max-width: 62.5rem) {
    .w41-productdetail__main__content {
        width: 100%;
        margin-top: 2rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__main__content {
        width: 100%;
    }
}

.w41-productdetail__main__content__head {
    padding: 0 1rem;
}

.w41-productdetail__main__content__head__more {
    display: flex;
}

.w41-productdetail__main__content__head__more__link {
}

    .w41-productdetail__main__content__head__more__link:not(:first-child) {
        border-left: 1px solid #cecece;
        margin-left: 1rem;
        padding-left: 1rem;
    }

.w41-productdetail__main__content__head__more__link__head {
    font-weight: 600;
    font-size: 1.3rem;
}

.w41-productdetail__main__content__head__more__link__a {
    display: inline-block;
    margin-left: 0.5rem;
    color: #003650;
    font-size: 1.3rem;
    cursor: pointer;
}

.w41-productdetail__main__content__head__title {
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 1rem;
    color: rgba(var(--main-color-w),1);
}

.w41-productdetail__main__content__head__stars {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w41-productdetail__main__content__head__stars__icon {
    display: flex;
}

.w41-productdetail__main__content__head__stars__icon__star {
    font-size: 1.2rem;
    margin-right: 0.3rem;
    color: #ffdf00;
}

.w41-productdetail__main__content__head__stars__cm {
    cursor: pointer;
    display: inline-block;
    font-size: 1.3rem;
}

    .w41-productdetail__main__content__head__stars__cm:not(:first-child) {
        padding: 0 0.5rem;
        margin-left: 0.5rem;
        border-left: 1px solid #cecece;
    }

.w41-productdetail__main__content__detail {
    display: flex;
    flex-wrap: wrap;
}

.w41-productdetail__main__content__detail__ar {
    width: 70%;
    padding: 0 1rem;
}

@media only screen and (max-width: 50rem) {
    .w41-productdetail__main__content__detail__ar {
        width: 100%;
    }
}

.w41-productdetail__main__content__detail__ar__price {
    background-color: #f1f1f1;
    padding: 1rem;
    margin-top: 1.5rem;
    border-radius: 0.3rem;
}

.w41-productdetail__main__content__detail__ar__price__cost {
    display: flex;
    align-items: center;
}

.w41-productdetail__main__content__detail__ar__price__cost__main {
    display: block;
    font-weight: 600;
    font-size: 2.5rem;
    color: rgba(var(--main-color-w),1);
}
.w41-productdetail__main__content__detail__ar__price__cost__main--hide{
    visibility:hidden;
    opacity:0;
}
.w41-productdetail__main__content__detail__ar__price__cost__down {
    display: block;
    font-size: 1.4rem;
    text-decoration: line-through;
    color: #808089;
    margin-left: 1rem;
}
.w41-productdetail__main__content__detail__ar__price__cost__down--hide {
    display:none;
}
.w41-productdetail__main__content__detail__ar__price__cost__per {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: 0.2rem;
    font-size: 0.8rem;
    margin-left: 1rem;
    font-size: 1.4rem;
    border-radius: .3rem;
}
.w41-productdetail__main__content__detail__ar__price__cost__per--hide{
    display:none;
}
.w41-productdetail__main__content__detail__ar__price__mb {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w41-productdetail__main__content__detail__ar__price__mb__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 1.3rem;
    margin-top: 0.1rem;
}

.w41-productdetail__main__content__detail__ar__price__mb__text {
    color: rgba(var(--main-color-w),1);
    font-size: 1.3rem;
    font-weight: 600;
    line-height: 1.6rem;
    margin-left: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__price__mb__ask {
    height: 1.5rem;
    width: 1.5rem;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-weight: 600;
    font-size: 0.7rem;
    margin-left: 0.5rem;
    margin-bottom: 0.1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w41-productdetail__main__content__detail__ar__price__hts__item {
    display: flex;
    align-items: center;
    width: fit-content;
    margin-top: 1rem;
}

.w41-productdetail__main__content__detail__ar__price__hts__item__icon {
    font-size: 1rem;
    margin-top: 0.1rem;
}

.w41-productdetail__main__content__detail__ar__price__hts__item__text {
    font-size: 1.3rem;
    line-height: 1.6rem;
    margin-left: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__price__hts__item__ask {
    height: 1.5rem;
    width: 1.5rem;
    text-align: center;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-weight: 600;
    font-size: 0.7rem;
    margin-left: 0.5rem;
    margin-bottom: 0.1rem;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    display: flex;
}

.w41-productdetail__main__content__detail__ar__status {
    margin-top: 1.5rem;
    font-size: 1.3rem;
}

.w41-productdetail__main__content__detail__ar__status__icon {
    color: rgba(var(--main-color-w), 1);
    margin-right: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__status__text {
    font-weight: 600;
}

.w41-productdetail__main__content__detail__ar__mau {
    margin-top: 1rem;
}
.w41-productdetail__main__content__detail__ar__mau--hide{
    display:none;
}
.w41-productdetail__main__content__detail__ar__mau__text {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

.w41-productdetail__main__content__detail__ar__mau__text__name {
    font-weight: 600;
}

.w41-productdetail__main__content__detail__ar__mau__text__value {
    margin-left: .5rem;
}

.w41-productdetail__main__content__detail__ar__mau__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w41-productdetail__main__content__detail__ar__mau__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    border-radius: .5rem;
    position: relative;
    padding: 1rem 1.5rem;
    overflow: hidden;
    display: block !important;
    filter: brightness(1) !important;
    border: solid .1rem #f1f1f1;
    transition: all .5s;
    cursor:pointer;
}
.w41-productdetail__main__content__detail__ar__mau__items__item:hover {
    border-color: rgba(var(--main-color-w),1);
}
.w41-productdetail__main__content__detail__ar__mau__items__item--hide {
    display: none !important;
}

.w41-productdetail__main__content__detail__ar__mau__items__item--hethang {
    cursor: not-allowed;
}

    .w41-productdetail__main__content__detail__ar__mau__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

@media only screen and (min-width:37.5rem) {
    .w41-productdetail__main__content__detail__ar__mau__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

.w41-productdetail__main__content__detail__ar__mau__items__item__check {
    display: none;
}

.w41-productdetail__main__content__detail__ar__mau__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 2.25rem;
}

.w41-productdetail__main__content__detail__ar__mau__items__item__label__icon {
    width: 1.6rem;
    height: 1.6rem;
    border: solid .1rem #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
    left: 0;
}

.w41-productdetail__main__content__detail__ar__mau__items__item.active .w41-productdetail__main__content__detail__ar__mau__items__item__label__icon,
.w41-productdetail__main__content__detail__ar__mau__items__item__check:checked ~
.w41-productdetail__main__content__detail__ar__mau__items__item__label
.w41-productdetail__main__content__detail__ar__mau__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w41-productdetail__main__content__detail__ar__mau__items__item.active .w41-productdetail__main__content__detail__ar__mau__items__item__label__icon:before,
    .w41-productdetail__main__content__detail__ar__mau__items__item__check:checked ~
    .w41-productdetail__main__content__detail__ar__mau__items__item__label
    .w41-productdetail__main__content__detail__ar__mau__items__item__label__icon:before{
        content: "\f107";
        font-weight: 400;
    }

.w41-productdetail__main__content__detail__ar__mau__items__item__label__text {
    font-size: 1.5rem;
}

.w41-productdetail__main__content__detail__ar__mau__items__item__label__info {
    position: absolute;
    width: max-content;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: .5rem;
    flex-wrap: wrap;
    transition: all .5s;
    top: -6.5rem;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}

.w41-productdetail__main__content__detail__ar__mau__items__item__label:hover .w41-productdetail__main__content__detail__ar__mau__items__item__label__info {
    top: -6.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w41-productdetail__main__content__detail__ar__mau__items__item__label__info__text {
    width: 100%;
    text-align: center;
}

.w41-productdetail__main__content__detail__ar__mau__items__item__label__info__price {
    width: 100%;
    text-align: center;
    margin-top: 0rem;
}

.w41-productdetail__main__content__detail__ar__mau__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w41-productdetail__main__content__detail__ar__size {
    margin-top: 1rem;
}
.w41-productdetail__main__content__detail__ar__size--hide {
    display: none;
}
.w41-productdetail__main__content__detail__ar__size__text {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

.w41-productdetail__main__content__detail__ar__size__text__name {
    font-weight: 600;
}

.w41-productdetail__main__content__detail__ar__size__text__value {
    margin-left: .5rem;
}

.w41-productdetail__main__content__detail__ar__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w41-productdetail__main__content__detail__ar__size__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    border-radius: 2rem;
    position: relative;
    padding: .6rem 1.5rem;
    display: block !important;
    position: relative;
    overflow: hidden;
    filter: brightness(1) !important;
    border: solid .1rem #f1f1f1;
    transition: all .5s;
    cursor:pointer;
}
.w41-productdetail__main__content__detail__ar__size__items__item:hover{
    border-color:rgba(var(--main-color-w),1);
}
.w41-productdetail__main__content__detail__ar__size__items__item--hethang {
    cursor: not-allowed;
}

    .w41-productdetail__main__content__detail__ar__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

.w41-productdetail__main__content__detail__ar__size__items__item--hide {
    display: none !important;
}

.w41-productdetail__main__content__detail__ar__size__items__item.active {
    border: rgba(var(--second-color-w),.05) solid .1rem;
    background-color: rgba(var(--second-color-w),.05);
    color: rgba(var(--second-color-w),1)
}

.w41-productdetail__main__content__detail__ar__size__items__item__check {
    display: none;
}

.w41-productdetail__main__content__detail__ar__size__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.w41-productdetail__main__content__detail__ar__size__items__item__label__icon {
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    border: solid .1rem #f1f1f1;
}

.w41-productdetail__main__content__detail__ar__size__items__item.active .w41-productdetail__main__content__detail__ar__size__items__item__label__icon,
.w41-productdetail__main__content__detail__ar__size__items__item__check:checked ~
.w41-productdetail__main__content__detail__ar__size__items__item__label
.w41-productdetail__main__content__detail__ar__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w41-productdetail__main__content__detail__ar__size__items__item.active .w41-productdetail__main__content__detail__ar__size__items__item__label__icon:before,
    .w41-productdetail__main__content__detail__ar__size__items__item__check:checked ~
    .w41-productdetail__main__content__detail__ar__size__items__item__label
    .w41-productdetail__main__content__detail__ar__size__items__item__label__icon:before{
        content: "\f107";
        font-weight: 900;
    }

.w41-productdetail__main__content__detail__ar__size__items__item__label__info {
    position: absolute;
    padding: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
    width: max-content;
    justify-content: center;
    text-align: center;
    border-radius: .3rem;
    top: -5.5rem;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}

.w41-productdetail__main__content__detail__ar__size__items__item__label:hover .w41-productdetail__main__content__detail__ar__size__items__item__label__info {
    top: -4.5rem;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.w41-productdetail__main__content__detail__ar__size__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w41-productdetail__main__content__detail__ar__size__items__item__label__text {
    margin-left: 1rem;
    font-size: 1.4rem;
}

.w41-productdetail__main__content__detail__ar__size__items__item__label__info__price {
    width: 100%;
}

.w41-productdetail__main__content__detail__ar__code {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    justify-content: space-between;
    border-radius: .3rem;
}

.w41-productdetail__main__content__detail__ar__code--hide {
    display: none;
}

.w41-productdetail__main__content__detail__ar__code__first {
    font-size: 1.6rem;
    display: flex;
}

.w41-productdetail__main__content__detail__ar__code__first__name {
    font-weight: 600;
}

.w41-productdetail__main__content__detail__ar__code__first__value {
    margin-left: .75rem;
}

.w41-productdetail__main__content__detail__ar__code__soluong {
    font-size: 1.6rem;
    display: flex;
}

.w41-productdetail__main__content__detail__ar__code__soluong__name {
    font-weight: 600;
}

.w41-productdetail__main__content__detail__ar__code__soluong__value {
    margin-left: .75rem;
}

.w41-productdetail__main__content__detail__ar__action {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    align-items: center;
}

.w41-productdetail__main__content__detail__ar__action__number {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.w41-productdetail__main__content__detail__ar__action__number__in {
    width: 4rem;
    height: 3.6rem;
    font-size: 1.6rem;
    border: 0.05rem solid #e7e7e7;
    border-right: none;
    outline: none;
    border-right: none;
    text-align: center;
    transition: all .5s;
}

    .w41-productdetail__main__content__detail__ar__action__number__in::-webkit-outer-spin-button,
    .w41-productdetail__main__content__detail__ar__action__number__in::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.w41-productdetail__main__content__detail__ar__action__number__cr {
    display: flex;
    flex-direction: column;
}

.w41-productdetail__main__content__detail__ar__action__number__cr__tt {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 1.8rem;
    border: 0.1rem solid #e7e7e7;
    cursor: pointer;
    transition: all .5s;
}

    .w41-productdetail__main__content__detail__ar__action__number__cr__tt:hover {
        border: 0.1rem solid #fff;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

    .w41-productdetail__main__content__detail__ar__action__number__cr__tt:first-child {
        border-bottom: none;
    }

.w41-productdetail__main__content__detail__ar__action__add {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: none;
    outline: none;
    border-radius: 0.1rem;
    font-weight: 600;
    margin-right: 1rem;
    height: fit-content;
    white-space: nowrap;
    cursor: pointer;
    transition: all .5s;
    border-radius: .3rem;
}

.w41-productdetail__main__content__detail__ar__action__add__text {
    display: block;
    padding: 1rem 2rem;
}

.w41-productdetail__main__content__detail__ar__action__add:hover {
    background-color: rgba(var(--second-color-w), 1);
}

@media only screen and (max-width: 50rem) {
    .w41-productdetail__main__content__detail__ar__action__add {
        font-size: 1rem;
    }
}

.w41-productdetail__main__content__detail__ar__action__buy {
    background-color: rgba(var(--second-color-w),1);
    border-radius: 0.2rem;
    color: white;
    border: none;
    outline: none;
    font-weight: 600;
    height: fit-content;
    white-space: nowrap;
    cursor: pointer;
    border-radius: .3rem;
    transition: all .5s;
}

.w41-productdetail__main__content__detail__ar__action__buy__text {
    display: block;
    padding: 1rem 2rem;
}

.w41-productdetail__main__content__detail__ar__action__buy:hover {
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50rem) {
    .w41-productdetail__main__content__detail__ar__action__buy {
        font-size: 1rem;
    }
}

.w41-productdetail__main__content__detail__ar__action__like {
    display: flex;
    align-items: center;
    margin-left: auto;
    padding: 1rem;
    position: relative;
    justify-content: center;
}

    .w41-productdetail__main__content__detail__ar__action__like:after {
        position: absolute;
        width: 0px;
        height: 0px;
        border-top: .75rem solid transparent;
        border-bottom: .75rem solid transparent;
        border-left: .75rem solid rgba(var(--second-color-w), 1);
        top: -.3rem;
        content: "";
        transform: rotate(90deg);
        transition: all .5s;
        visibility: hidden;
        opacity: 0;
    }

    .w41-productdetail__main__content__detail__ar__action__like:hover:after {
        visibility: visible;
        opacity: 1;
    }

.w41-productdetail__main__content__detail__ar__action__like__icon {
    color: rgba(var(--second-color-w), 1);
    font-size: 2.5rem;
    margin-right: 0.2rem;
    font-weight: 500;
}

.w41-productdetail__main__content__detail__ar__action__like__text {
    font-size: 1.2rem;
    position: absolute;
    background: rgba(var(--second-color-w), 1);
    width: max-content;
    right: 0;
    top: -2.5rem;
    padding: .5rem 1rem;
    border-radius: .5rem;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
    color: #fff;
}

.w41-productdetail__main__content__detail__ar__action__like:hover
.w41-productdetail__main__content__detail__ar__action__like__text {
    visibility: visible;
    opacity: 1;
}

.w41-productdetail__main__content__detail__ar__action__like:hover {
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
}

.w41-productdetail__main__content__detail__ar__ms__heading {
    margin: 1.5rem 0 0rem 0;
    font-weight: 600;
    font-size: 1.4rem;
    color: rgba(var(--main-color-w), 1);
}

.w41-productdetail__main__content__detail__ar__ms__product {
    padding-bottom: 1.5rem;
    border-bottom: 0.1rem solid #cecece;
    overflow: hidden;
    margin-top: 1.5rem;
}

.w41-productdetail__main__content__detail__ar__ms__product__lists {
    position: relative;
}

.w41-productdetail__main__content__detail__ar__ms__product__lists__list__item.swiper-slide {
    width: 32%;
    margin-right: 2%;
    cursor: pointer;
    overflow: hidden;
}

.w41-productdetail__main__content__detail__ar__ms__product__link {
    display: block;
}

.w41-productdetail__main__content__detail__ar__ms__product__link__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w41-productdetail__main__content__detail__ar__ms__product__link__imgbox:hover {
        transform: scale(1.05);
    }

.w41-productdetail__main__content__detail__ar__ms__product__link__imgbox__img {
    width: 100%;
}

.w41-productdetail__main__content__detail__ar__ms__product__lists__list__item__name {
    font-size: 1.3rem;
    font-weight: 600;
    display: block;
    margin-top: 1rem;
    line-height: 2rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

    .w41-productdetail__main__content__detail__ar__ms__product__lists__list__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w41-productdetail__main__content__detail__ar__ms__product__lists__next {
    right: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: #f1f1f1;
    transition: all .5s;
}

    .w41-productdetail__main__content__detail__ar__ms__product__lists__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w41-productdetail__main__content__detail__ar__ms__product__lists__next::after {
        font-size: 1rem;
    }

.w41-productdetail__main__content__detail__ar__ms__product__lists__prev {
    left: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background-color: #f1f1f1;
    transition: all .5s;
}

    .w41-productdetail__main__content__detail__ar__ms__product__lists__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w41-productdetail__main__content__detail__ar__ms__product__lists__prev::after {
        font-size: 1rem;
    }

.w41-productdetail__main__content__detail__ar__ms__items {
    margin-top: 0.5rem;
    border-bottom: 0.1rem solid #cecece;
    padding-bottom: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__ms__items__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 0;
    cursor: pointer;
}

.w41-productdetail__main__content__detail__ar__ms__items__item__tt {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
}

.w41-productdetail__main__content__detail__ar__ms__items__item__tt__cb {
    margin-right: 0.5rem;
    cursor: pointer;
    width: 1.5rem;
    height: 1.5rem;
    pointer-events: none;
}

.w41-productdetail__main__content__detail__ar__ms__items__item__text {
    font-size: 1.4rem;
    padding: 0 0.5rem;
}

.w41-productdetail__main__content__detail__ar__ms__footer {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__main__content__detail__ar__ms__footer {
        margin-top: 1rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__main__content__detail__ar__ms__footer__first {
        width: 100%;
    }
}

.w41-productdetail__main__content__detail__ar__ms__footer__first__button {
    color: white;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem 2rem;
    border: none;
    outline: none;
    font-weight: 600;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all .5s;
    border-radius: .3rem;
    text-align: center;
    display: block;
    width: 100%;
}

    .w41-productdetail__main__content__detail__ar__ms__footer__first__button:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__main__content__detail__ar__ms__footer__first__button {
        width: 100%;
    }
}

.w41-productdetail__main__content__detail__ar__ms__footer__first {
    max-width: 38%;
}

.w41-productdetail__main__content__detail__ar__ms__footer__second {
    text-align: right;
    font-size: 1.4rem;
    margin-left: auto;
    max-width: 60%;
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__main__content__detail__ar__ms__footer__second {
        width: 100%;
        text-align: center;
    }
}

.w41-productdetail__main__content__detail__ar__ms__footer__second__text {
    padding: 0.5rem 0;
}

.w41-productdetail__main__content__detail__ar__cl {
    margin-top: 1rem;
    display: block;
}

.w41-productdetail__main__content__detail__ar__cl__name {
    display: flex;
}

.w41-productdetail__main__content__detail__ar__cl__name__main {
    font-size: 1rem;
}

.w41-productdetail__main__content__detail__ar__cl__name__sub {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__cl__image {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

    .w41-productdetail__main__content__detail__ar__cl__image .active {
        border: 1px solid #0d5cb6;
        background-color: #e5f2ff;
        position: relative;
    }

        .w41-productdetail__main__content__detail__ar__cl__image .active::after {
            content: "";
            position: absolute;
            background-image: url(/img/w41/selected-variant-indicator.svg);
            height: 1.5rem;
            width: 1.5rem;
            background-position: center;
            background-repeat: no-repeat;
            right: 0;
            top: 0;
        }

    .w41-productdetail__main__content__detail__ar__cl__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w41-productdetail__main__content__detail__ar__cl__image__its {
    width: 31.3333333%;
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-left: 3%;
    margin-bottom: 1rem;
    border-radius: 0.3rem;
    overflow: hidden;
    cursor: pointer;
    font-weight: 600;
}

    .w41-productdetail__main__content__detail__ar__cl__image__its:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 37.5rem) {
    .w41-productdetail__main__content__detail__ar__cl__image__its:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__main__content__detail__ar__cl__image__its {
        width: 48.5%;
    }

        .w41-productdetail__main__content__detail__ar__cl__image__its:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w41-productdetail__main__content__detail__ar__cl__image__its__imgbox {
    max-height: 5rem;
    height: 5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w41-productdetail__main__content__detail__ar__cl__image__its__imgbox__img {
    height: 100%;
}

.w41-productdetail__main__content__detail__ar__cl__image__its__text {
    font-size: 1rem;
    margin-left: 1rem;
}

.w41-productdetail__main__content__detail__ar__cl__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w41-productdetail__main__content__detail__ar__gd {
    margin-top: 1rem;
}

.w41-productdetail__main__content__detail__ar__gd__text {
    font-size: 1rem;
}

.w41-productdetail__main__content__detail__ar__gd__change {
    color: #0b74e5;
    font-size: 1rem;
    font-weight: bolder;
    cursor: pointer;
}

.w41-productdetail__main__content__detail__ar__gd__checkbox:checked ~ .w41-productdetail__main__content__detail__ar__gd__pop {
    display: block;
}

.w41-productdetail__main__content__detail__ar__gd__checkbox {
    display: none;
}

.w41-productdetail__main__content__detail__ar__gd__pop {
    position: fixed;
    width: 50rem;
    background-color: #f2f2f2;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.278);
    top: 10%;
    padding: 1rem;
    z-index: 5;
    border-radius: 0.5rem;
    display: none;
    left: 50%;
    transform: translateX(-50%);
}

@media only screen and (max-width: 50rem) {
    .w41-productdetail__main__content__detail__ar__gd__pop {
        max-width: 90%;
    }
}

.w41-productdetail__main__content__detail__ar__gd__pop__lbl {
    position: absolute;
    right: -1rem;
    top: -1rem;
    background-color: white;
    cursor: pointer;
    border-radius: 50%;
}

.w41-productdetail__main__content__detail__ar__gd__pop__lbl__icon {
    font-size: 2rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain {
    background-color: white;
    padding: 1rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 1.6rem;
    display: block;
    text-align: center;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__text {
    font-size: 1.2rem;
    margin-top: 0.5rem;
    line-height: 1.6rem;
    display: block;
    text-align: center;
    border-top: 1px solid #f2f2f2;
    padding-top: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__btn {
    display: block;
    width: fit-content;
    background-color: rgba(var(--main-color-w), 1);
    padding: 0.7rem 2rem;
    font-size: 1.2rem;
    border: 0;
    border-radius: 0.3rem;
    margin: 1rem auto;
    cursor: pointer;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chu {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chu__name {
    margin: 0 1rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chu__line {
    flex: 1;
    border-bottom: 2px solid gainsboro;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__it {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    cursor: pointer;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__it__rd {
    height: 1.5rem;
    width: 1.5rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__it__text {
    font-size: 1.1rem;
    margin-left: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list {
    display: flex;
    align-items: center;
    padding: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__name {
    font-size: 1.2rem;
    white-space: nowrap;
    margin-right: 1rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung {
    padding: 0.7rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    border-radius: 0.5rem;
    background-color: white;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__checkbox {
    display: none;
}

    .w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__checkbox:checked ~ .w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__ad__name {
    color: rgba(var(--main-color-w), 1);
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__ad__icon {
    margin-left: 0.5rem;
    color: rgba(var(--main-color-w), 1);
    border-left: 1px solid #cecece;
    padding: 0 1rem;
}

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__items .active {
        font-weight: 600;
    }

.w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__items__item {
    font-size: 1.2rem;
    display: block;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w41-productdetail__main__content__detail__ar__gd__pop__contain__chon__list__vung__items__item:hover {
        background-color: #eee;
    }

.w41-productdetail__main__content__detail__ar__gd__pop__contain__btn-1 {
    display: block;
    width: fit-content;
    background-color: red;
    padding: 0.7rem 2rem;
    font-size: 1.2rem;
    border: 0;
    border-radius: 0.3rem;
    margin: 1rem auto;
    cursor: pointer;
    color: white;
    font-weight: bolder;
}

.w41-productdetail__main__content__detail__ar__size {
    margin-top: 1rem;
    display: block;
}

.w41-productdetail__main__content__detail__ar__size__name {
    display: flex;
}

.w41-productdetail__main__content__detail__ar__size__name__main {
    font-size: 1rem;
}

.w41-productdetail__main__content__detail__ar__size__name__sub {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0.5rem;
}

.w41-productdetail__main__content__detail__ar__size__image {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

    .w41-productdetail__main__content__detail__ar__size__image .active {
        border: 1px solid #0d5cb6;
        background-color: #e5f2ff;
        position: relative;
    }

        .w41-productdetail__main__content__detail__ar__size__image .active::after {
            content: "";
            position: absolute;
            background-image: url(/img/w41/selected-variant-indicator.svg);
            height: 1.5rem;
            width: 1.5rem;
            background-position: center;
            background-repeat: no-repeat;
            right: 0;
            top: 0;
        }

    .w41-productdetail__main__content__detail__ar__size__image .zero {
        opacity: 0.3;
        cursor: not-allowed;
    }

.w41-productdetail__main__content__detail__ar__size__image__its {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    margin-left: 1.1111111%;
    margin-bottom: 1rem;
    border-radius: 0.3rem;
    overflow: hidden;
    cursor: pointer;
    font-weight: 600;
    flex-wrap: wrap;
}

.w41-productdetail__main__content__detail__ar__size__image__its__text {
    font-size: 1rem;
    padding: .5rem 1rem;
    text-align: center;
    width: fit-content;
    width: 100%;
}

.w41-productdetail__main__content__detail__ar__size__image__its:hover {
    border: 1px solid #0d5cb6;
    background-color: #e5f2ff;
}

.w41-productdetail__main__content__detail__br {
    width: 29%;
    margin-top: 1.5rem;
    border-radius: 0.3rem;
    height: fit-content;
}

.w41-productdetail__main__content__detail__br__item {
    padding: 1rem;
    border: 0.1rem solid #e7e7e7;
    margin-top: 1.5rem;
    border-radius: .3rem;
}

    .w41-productdetail__main__content__detail__br__item:first-child {
        margin-top: 0;
    }

@media only screen and (max-width: 50rem) {
    .w41-productdetail__main__content__detail__br {
        width: 100%;
    }
}

.w41-productdetail__main__content__detail__br__item__heading {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    font-size: 1.4rem;
}

.w41-productdetail__main__content__detail__br__item__fc {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding-left: 0;
    border-left: none;
    border-radius: 3.5rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    height: 3.4rem;
    position: relative;
    padding-left: 4rem;
    transition: all 1s;
}

    .w41-productdetail__main__content__detail__br__item__fc:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w41-productdetail__main__content__detail__br__item__fc__icon {
    padding: 0.5rem;
    color: white;
    color: rgba(var(--main-color-w), 1);
    transform: scale(1.03);
    background-color: #fff;
    border-radius: 50%;
    font-size: 1.6rem;
    width: 3.4rem;
    height: 3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    transition: all 1s;
}

.w41-productdetail__main__content__detail__br__item__fc:hover
.w41-productdetail__main__content__detail__br__item__fc__icon {
    left: calc(100% - 3.4rem);
    transform: scale(1.03) rotate(360deg);
}

.w41-productdetail__main__content__detail__br__item__fc__text {
    font-weight: 600;
    font-size: 1.2rem;
}

.w41-productdetail__main__content__detail__br__tit {
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
}

.w41-productdetail__main__content__detail__br__gy {
    margin-top: .5rem;
    display: flex;
    position: relative;
    padding: .5rem 0rem .5rem 3rem;
    margin-bottom: .5rem;
}

.w41-productdetail__main__content__detail__br__gy__icon {
    font-size: 1rem;
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: 0;
    transition: all .5s;
    cursor: pointer;
}

    .w41-productdetail__main__content__detail__br__gy__icon:hover {
        transform: scale(1.05);
    }

.w41-productdetail__main__content__detail__br__gy__text {
    font-size: 1.2rem;
    margin-left: .5rem;
    line-height: 2rem;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w41-productdetail__main__content__detail__br__gy__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w41-productdetail__main__content__detail__br__service {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w41-productdetail__main__content__detail__br__service__child {
    width: 48%;
    margin-left: 4%;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    border: 0.1rem solid #e7e7e7;
    padding: 1rem .75rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w41-productdetail__main__content__detail__br__service__child:hover {
        background-color: #fff;
        color: inherit;
    }

    .w41-productdetail__main__content__detail__br__service__child:nth-child(2n+1) {
        margin-left: 0;
    }

.w41-productdetail__main__content__detail__br__service__child__icon {
    font-size: 2.6rem;
}

.w41-productdetail__main__content__detail__br__service__child__text {
    width: 100%;
    margin-top: .5rem;
    font-size: 1.3rem;
    line-height: 2rem;
    display: block;
    text-align: justify;
}

.w41-productdetail__relate {
    background-color: white;
    padding: 1rem;
    position: relative;
    margin-top: 2rem;
    border-radius: 0.2rem;
    width: 100%;
}

.w41-productdetail__relate__heading {
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2rem;
    text-transform: uppercase;
    margin-top: 0.5rem;
    background: rgba(var(--main-color-w),1);
    padding: .75rem 1rem;
    color: #fff;
    border-radius: .3rem;
}

.w41-productdetail__relate .gallery-thumbs {
    width: 100%;
}

.w41-productdetail__relate__items {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
}

    .w41-productdetail__relate__items .swiper-slide {
        width: 19%;
        margin-left: 1.2%;
    }

@media only screen and (max-width: 50rem) {
    .w41-productdetail__relate__items .swiper-slide {
        width: 32.53333333333%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__relate__items .swiper-slide {
        width: 49.4%;
    }
}

.w41-productdetail__relate__items .swiper-slide:first-child {
    margin-left: 0;
}

.w41-productdetail__relate__items .swiper-button-next {
    background-color: #dfdfdf;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    border: 0.1rem solid white;
    transform: translateX(0.5rem);
}

    .w41-productdetail__relate__items .swiper-button-next::after {
        font-size: 1.4rem;
        font-weight: 900;
        color: black;
    }

.w41-productdetail__relate__items .swiper-button-prev {
    background-color: #dfdfdf;
    height: 2.5rem;
    width: 2.5rem;
    border-radius: 50%;
    border: 0.1rem solid white;
    transform: translateX(-0.5rem);
}

    .w41-productdetail__relate__items .swiper-button-prev::after {
        font-size: 1.4rem;
        font-weight: 900;
        color: black;
    }

.w41-productdetail__relate__items__lists__list__item {
    margin-top: 0.5rem;
    background-color: white;
}

.w41-productdetail__relate__items__lists__list__item__link {
    display: block;
    overflow: hidden;
}

.w41-productdetail__relate__items__lists__list__item__link__imgbox {
    position: relative;
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w41-productdetail__relate__items__lists__list__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w41-productdetail__relate__items__lists__list__item__link__imgbox__love {
    background-color: #f14f66;
    padding: .5rem .75rem;
    display: inline-block;
    width: auto;
    color: white;
    font-weight: 600;
    position: absolute;
    border-radius: 0.3rem;
    right: 1rem;
    top: 1rem;
    font-size: 1.1rem;
}

.w41-productdetail__relate__items__lists__list__item__link__imgbox__love__icon {
    margin-right: 0.5rem;
}

.w41-productdetail__relate__items__lists__list__item__link__imgbox__img {
    width: 100%;
}

.w41-productdetail__relate__items__lists__list__item__name {
    font-weight: 600;
    font-size: 1.4rem;
    display: block;
    line-height: 2.2rem;
    margin-top: 1rem;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w41-productdetail__relate__items__lists__list__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__relate__items__lists__list__item__name {
        font-size: 1.2rem;
    }
}

.w41-productdetail__relate__items__lists__list__item__stars {
    display: flex;
    margin-top: 0.5rem;
    padding: 0.5rem;
    align-items: center;
}

.w41-productdetail__relate__items__lists__list__item__stars__contain__star {
    color: #ffdf00;
}

.w41-productdetail__relate__items__lists__list__item__stars__contain__text {
    margin-left: 0.5rem;
    border-left: 0.1rem solid #dfdfdf;
    padding-left: 0.5rem;
    font-size: 1rem;
    color: #333333;
}

.w41-productdetail__relate__items__lists__list__item__price {
    display: flex;
    align-items: end;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: space-between;
}

.w41-productdetail__relate__items__lists__list__item__price__main {
    display: block;
    font-weight: 600;
    font-size: 1.5rem;
    color: red;
    margin-right: 0.5rem;
}

.w41-productdetail__relate__items__lists__list__item__price__down {
    display: block;
    font-size: 1.2rem;
    text-decoration: line-through;
    color: #808089;
}

.w41-productdetail__relate__items__lists__list__item__price__per {
    background-color: rgba(255, 0, 0, 0.05);
    color: red;
    padding: 0.2rem;
    font-size: 0.8rem;
    border: 0.1rem solid red;
    font-size: 1.1rem;
    border-radius: .2rem;
}

.w41-productdetail__content {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 1rem;
    border-radius: 0.2rem;
    justify-content: space-between;
}

.w41-productdetail__content__first {
    width: 69%;
    border-radius: 0.2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w41-productdetail__content__first {
        width: 100%;
    }
}

.w41-productdetail__content__first__tableoct {
    width: 100%;
    background-color: white;
    margin-top: 1rem;
}

.w41-productdetail__content__first__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 0.2rem solid black;
    border-radius: 0.5rem;
    padding: 1rem;
}

.w41-productdetail__content__first__tableoct__cbcl:checked ~ .w41-productdetail__content__first__tableoct__clone {
    display: block;
}

.w41-productdetail__content__first__tableoct__cbcl {
    display: none;
}

.w41-productdetail__content__first__tableoct__checkbox {
    display: none;
}

    .w41-productdetail__content__first__tableoct__checkbox:checked ~ .w41-productdetail__content__first__tableoct__body {
        max-height: 100vh;
        overflow: unset;
    }

.w41-productdetail__content__first__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w41-productdetail__content__first__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: 0.1rem solid black;
    padding: 0.2rem 0.3rem;
    border-radius: 0.3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w41-productdetail__content__first__tableoct__lbl:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1rem solid white;
    }

.w41-productdetail__content__first__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: 0.3rem;
}

.w41-productdetail__content__first__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w41-productdetail__content__first__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: 0.2rem;
}

.w41-productdetail__content__first__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
}

.w41-productdetail__content__first__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w41-productdetail__content__first__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w41-productdetail__content__first__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
}

.w41-productdetail__content__first__tableoct__body__ol {
    list-style: none;
}

.w41-productdetail__content__first__tableoct__body__ol__text {
    margin-bottom: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 3.2rem;
    list-style: none;
    font-weight: 600;
    font-size: 1.3rem;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
}

    .w41-productdetail__content__first__tableoct__body__ol__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3rem;
        z-index: -1;
    }

    .w41-productdetail__content__first__tableoct__body__ol__text:hover::after {
        max-width: 120rem;
    }

    .w41-productdetail__content__first__tableoct__body__ol__text:hover {
        color: white;
    }

.w41-productdetail__content__first__tableoct__body__ol--1 {
    list-style: none;
}

.w41-productdetail__content__first__tableoct__body__ol--1__text {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 3.2rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
}

    .w41-productdetail__content__first__tableoct__body__ol--1__text::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all 0.3s ease-in-out;
        border-radius: 0.3rem;
        z-index: -1;
    }

    .w41-productdetail__content__first__tableoct__body__ol--1__text:hover::after {
        max-width: 120rem;
    }

    .w41-productdetail__content__first__tableoct__body__ol--1__text:hover {
        color: white;
    }

.w41-productdetail__content__first__bang {
    padding: 1rem;
    background-color: white;
}

.w41-productdetail__content__first__bang__text {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
}

.w41-productdetail__content__first__bang__tbl {
    margin-top: 1rem;
    border-collapse: collapse;
    width: 100%;
    max-width: 100%;
}

    .w41-productdetail__content__first__bang__tbl tr:nth-child(2) {
        background-color: rgba(239, 239, 239, 0.299);
    }

    .w41-productdetail__content__first__bang__tbl td {
        padding: 1rem;
    }

        .w41-productdetail__content__first__bang__tbl td:first-child {
            background-color: #efefef;
            font-size: 1.2rem;
            font-weight: 600;
            width: 20%;
            min-width: 10rem;
        }

.w41-productdetail__content__first__thongtin {
    padding: 1rem;
    background-color: white;
    border-radius: 0.2rem;
}

.w41-productdetail__content__first__thongtin__heading {
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    line-height: 2rem;
    display: block;
    background: rgba(var(--main-color-w),1);
    padding: .75rem 1rem;
    color: #fff;
    border-radius: .3rem;
}

.w41-productdetail__content__first__thongtin__text {
    font-size: 1.4rem;
    line-height: 2.6rem;
    display: block;
    margin-top: 1rem;
}

    .w41-productdetail__content__first__thongtin__text ul,
    .w41-productdetail__content__first__thongtin__text ol {
        margin-left: 2rem;
    }

    .w41-productdetail__content__first__thongtin__text table {
        border-top: solid .1em #f1f1f1;
        border-left: solid .1em #f1f1f1;
        margin-top: 1rem;
    }

        .w41-productdetail__content__first__thongtin__text table tr td {
            border-right: solid .1em #f1f1f1;
            border-bottom: solid .1em #f1f1f1;
            padding: .5rem;
        }

.w41-productdetail__content__first__comment {
    margin-top: 1rem;
    border-top: 0.1rem solid #f2f2f2;
    padding: 1rem 0;
    background-color: white;
    border-radius: 0.2rem;
    padding: 1rem;
}

.w41-productdetail__content__first__comment__head {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w41-productdetail__content__first__comment__head__nx {
    width: 30%;
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__content__first__comment__head__nx {
        width: 100%;
    }
}

.w41-productdetail__content__first__comment__head__nx__col {
    width: 100%;
    margin-right: 1rem;
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

.w41-productdetail__content__first__comment__head__nx__col__sao {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
}

.w41-productdetail__content__first__comment__head__nx__col__sao__point {
    font-size: 3rem;
    font-weight: 600;
    color: red;
}

.w41-productdetail__content__first__comment__head__nx__col__sao__sl {
    margin-left: 2rem;
}

.w41-productdetail__content__first__comment__head__nx__col__sao__sl__stars__star {
    color: gold;
    font-size: 1.8rem;
}

.w41-productdetail__content__first__comment__head__nx__col__sao__sl__text {
    margin-top: 1rem;
    color: #999;
    line-height: 1.6rem;
    font-size: 1.2rem;
}

.w41-productdetail__content__first__comment__head__nx__col__title {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
    width: 100%;
}

.w41-productdetail__content__first__comment__head__nx__diem {
    width: 100%;
}

.w41-productdetail__content__first__comment__head__nx__diem__range {
    display: flex;
    margin-top: 1rem;
    align-items: center;
    font-size: 1.2rem;
}

.w41-productdetail__content__first__comment__head__nx__diem__range__number {
    margin-right: 1rem;
    color: #999;
    width: 1rem;
    min-width: 1rem;
}

.w41-productdetail__content__first__comment__head__nx__diem__range__star {
    margin-right: 1rem;
    color: #999;
}

.w41-productdetail__content__first__comment__head__nx__diem__range__bar {
    width: 90%;
    height: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    margin-right: 1rem;
    border-radius: 0.5rem;
}

.w41-productdetail__content__first__comment__head__nx__diem__range__vl {
    color: #999;
}

.w41-productdetail__content__first__comment__head__ha {
    width: 65%;
    overflow: hidden;
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__content__first__comment__head__ha {
        width: 100%;
        margin-top: 2rem;
    }
}

.w41-productdetail__content__first__comment__head__ha__name {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 1.6rem;
}

.w41-productdetail__content__first__comment__head__ha__thumb {
    width: 100%;
    display: flex;
    position: relative;
}

    .w41-productdetail__content__first__comment__head__ha__thumb .swiper-slide {
        width: 20%;
    }

    .w41-productdetail__content__first__comment__head__ha__thumb .swiper-button-next {
        right: 0;
    }

        .w41-productdetail__content__first__comment__head__ha__thumb .swiper-button-next::after {
            font-size: 2rem;
        }

    .w41-productdetail__content__first__comment__head__ha__thumb .swiper-button-prev {
        left: 0;
    }

        .w41-productdetail__content__first__comment__head__ha__thumb .swiper-button-prev::after {
            font-size: 2rem;
        }

.w41-productdetail__content__first__comment__head__ha__thumb__list__imgbox {
    width: 100%;
    background-color: transparent;
    border: none;
    margin-right: 0.5rem;
    background-size: contain;
    background-position: center;
}

.w41-productdetail__content__first__comment__head__ha__thumb__list__imgbox__img {
    width: 100%;
}

.w41-productdetail__content__first__comment__head__ha__loc {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-productdetail__content__first__comment__head__ha__loc {
        margin-top: 2rem;
    }
}

.w41-productdetail__content__first__comment__head__ha__loc__text {
    padding: 0.5rem;
    font-size: 1.2rem;
    border-radius: 2rem;
    margin-bottom: 0.5rem;
    font-weight: 600;
}

.w41-productdetail__content__first__comment__head__ha__loc__name {
    background-color: #dfdfdf;
    font-weight: 600;
    padding: 0.5rem .75rem;
    font-size: 1rem;
    border-radius: 2rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

    .w41-productdetail__content__first__comment__head__ha__loc__name:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w41-productdetail__content__first__comment__head__ha__loc__ss {
    display: flex;
    align-items: center;
    padding: 0.5rem .75rem;
    background-color: #dfdfdf;
    border-radius: 2rem;
    margin-left: 1rem;
    margin-bottom: 0.5rem;
    cursor: pointer;
}

    .w41-productdetail__content__first__comment__head__ha__loc__ss:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w41-productdetail__content__first__comment__head__ha__loc__ss__text {
    font-size: 1rem;
}

.w41-productdetail__content__first__comment__head__ha__loc__ss__icon {
    font-size: 1.2rem;
    margin-left: 0.5rem;
}

.w41-productdetail__content__first__comment__gn {
    margin-top: 3rem;
}

.w41-productdetail__content__first__comment__gn__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
}

.w41-productdetail__content__first__comment__gn__bl__dg {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w41-productdetail__content__first__comment__gn__bl__dg__name {
    margin-right: 1rem;
    font-size: 1.4rem;
}

.w41-productdetail__content__first__comment__gn__bl__dg__stars__star {
    color: gold;
    font-size: 1.2rem;
    margin-right: .5rem;
}

    .w41-productdetail__content__first__comment__gn__bl__dg__stars__star:last-child {
        margin-right: 0;
    }

.w41-productdetail__content__first__comment__gn__bl__ntd {
    padding: 1rem 0;
}

.w41-productdetail__content__first__comment__gn__bl__ntd__text {
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
    font-weight: 600;
}

.w41-productdetail__content__first__comment__gn__bl__ntd__input {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 0.1rem solid #dfdfdf;
    font-family: inherit;
    outline: none;
    transition: all .5s;
    border-radius: .3rem;
}

    .w41-productdetail__content__first__comment__gn__bl__ntd__input:focus {
        outline: 0.1rem solid rgba(var(--main-color-w),1);
    }

.w41-productdetail__content__first__comment__gn__bl__action {
    display: flex;
    align-items: center;
}

.w41-productdetail__content__first__comment__gn__bl__action__text {
    margin-right: 1rem;
    font-size: 1.2rem;
    font-weight: 600;
}

.w41-productdetail__content__first__comment__gn__bl__action__input {
    display: none;
}

.w41-productdetail__content__first__comment__gn__bl__action__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5rem;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    cursor: pointer;
    margin-left: 1rem;
    font-family: inherit;
}

.w41-productdetail__content__first__comment__gn__bl__action__button {
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1.2rem;
    cursor: pointer;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__first__imgbox {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    background-image: url(/img/w41/c75674b36c6d8024c0f83734265b2b53.jpg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 0.5rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5rem;
    font-size: 1.2rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second {
    width: 78%;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__item__text {
    line-height: 1.6rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__text {
    margin-top: 1rem;
    line-height: 2.2rem;
    font-size: 1.4rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__abimg {
    margin-top: 1rem;
    display: flex;
    gap: 1rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__abimg__imgbox {
    width: 10rem;
    background-size: contain;
    background-position: center;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1rem;
    position: relative;
    margin-top: 2.5rem;
}

    .w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2rem #f2f2f2;
        border-left: solid 2rem transparent;
        border-right: solid 2rem transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2rem;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__imgbox {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__human {
    margin-right: 0.5rem;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep__name__date {
    color: #777;
}

.w41-productdetail__content__first__comment__gn__bl__cm__items__second__rep__ct {
    margin-top: 2rem;
    line-height: 1.6rem;
}

.w41-productdetail__content__second {
    width: 30%;
    padding: 1rem;
    background-color: white;
    border-radius: 0.2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w41-productdetail__content__second {
        width: 100%;
    }
}
.w41-productdetail__content__second__container{
    position:sticky;
    top:1rem;
}
.w41-productdetail__content__second__heading {
    font-size: 1.4rem;
    line-height: 2rem;
    font-weight: 600;
    background: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1rem;
    text-transform: uppercase;
    border-radius: .3rem;
}

.w41-productdetail__content__second__social {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    flex-wrap: wrap;
}

.w41-productdetail__content__second__social__item {
    margin-bottom: 1.5rem;
    margin-right: 1.5rem;
    font-size: 1.6rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w41-productdetail__content__second__social__item:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w41-productdetail__content__second__item {
    margin-top: 1rem;
    margin-bottom: 1.5rem;
}

.w41-productdetail__content__second__item__seen {
    cursor: pointer;
    display: block;
    overflow: hidden;
}

.w41-productdetail__content__second__item__seen__imgbox {
    overflow: hidden;
    border-radius: 0.5rem;
    width: 100%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w41-productdetail__content__second__item__seen__imgbox:hover {
        transform: scale(1.05);
    }

.w41-productdetail__content__second__item__seen__imgbox__img {
    width: 100%;
}

.w41-productdetail__content__second__item__card {
    margin-top: 1rem;
}

.w41-productdetail__content__second__item__card__name {
    font-weight: 600;
    line-height: 2rem;
    font-size: 1.4rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    .w41-productdetail__content__second__item__card__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w41-productdetail__content__second__item__card__price {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 0.5rem;
    color: red;
}

.w41-productdetail__content__second__item__card__status {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-top: 1rem;
}

.w41-productdetail__content__second__item__card__status__icon {
    margin-right: 0.5rem;
}

.w41-productdetail__content__second__item__card__action {
    display: flex;
    margin-top: 1.5rem;
    font-size: 1.5rem;
    justify-content: center;
}

.w41-productdetail__content__second__item__card__action__in {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.w41-productdetail__content__second__item__card__action__in__number {
    width: 4rem;
    height: 3.6rem;
    border: 0.05rem solid #d6d6d6;
    border-right: none;
    outline: none;
    text-align: center;
}

.w41-productdetail__content__second__item__card__action__in__tt {
    display: flex;
    align-items: center;
    flex-direction: column;
}

.w41-productdetail__content__second__item__card__action__in__tt__icon {
    border: 0.05rem solid #d6d6d6;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8rem;
    height: 1.8rem;
    font-weight: 500 !important;
    font-size: 1.2rem;
    transition: all .5s;
}

    .w41-productdetail__content__second__item__card__action__in__tt__icon:hover {
        border: 0.1rem solid #fff;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

    .w41-productdetail__content__second__item__card__action__in__tt__icon:first-child {
        border-bottom: none;
    }

.w41-productdetail__content__second__item__card__action__button {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5rem 1rem;
    outline: none;
    border: none;
    font-weight: 600;
    border-radius: 0.3rem;
    white-space: nowrap;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
}

    .w41-productdetail__content__second__item__card__action__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w41-productdetail__content__second__item__card__action__button__text {
    margin-left: .5rem;
}

.w41-productdetail__content__second__item__card__action__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w41-productdetail__content__second__item__card__action__imgbox__img {
    width: 100%;
}

.w41-productdetail__content__second__con {
    display: flex;
    margin-top: 0rem;
    cursor: pointer;
    flex-wrap: wrap;
}

.w41-productdetail__content__second__con__item {
    padding: 1rem 0.75rem;
    width: 32%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: .3rem;
    text-align: center;
    font-size: 1.4rem;
    transition: all .5s;
    cursor: pointer;
    margin-top: 1rem;
    margin-left: 2%;
}

.w41-productdetail__content__second__con__item__icon {
    font-size: 2rem;
}

.w41-productdetail__content__second__con__item:nth-child(3n+1) {
    margin-left: 0;
}

.w41-productdetail__content__second__con__item:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w41-productdetail__content__second__con__item__text {
    margin-top: .5rem;
    display: block;
}

.w41-productdetail__content__second__con__ads {
    margin-top: 1rem;
    display: block;
}

.w41-productdetail__content__second__con__ads__item {
    display: block;
    overflow: hidden;
}

.w41-productdetail__content__second__con__ads__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    transition: all .5s;
}

    .w41-productdetail__content__second__con__ads__item__imgbox:hover {
        transform: scale(1.05);
    }

.w41-productdetail__content__second__con__ads__item__imgbox__img {
    width: 100%;
}

.w41-productdetail__buy {
    background-color: red;
    color: white;
    border: none;
    outline: none;
    padding: 1rem 0.5rem;
    font-weight: 600;
    height: fit-content;
    white-space: nowrap;
    cursor: pointer;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1;
    bottom: 0;
}

@media only screen and (min-width: 37.5rem) {
    .w41-productdetail__buy {
        display: none;
    }
}

.w41-productdetail__buy__text {
    font-size: 1.2rem;
}

.w41-productdetail-table__responsive {
    overflow-y: scroll;
}

    .w41-productdetail-table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w41-productdetail-table__responsive::-webkit-scrollbar-track {
    }

    .w41-productdetail-table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w41-productdetail-table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w41-productdetail-table__responsive table {
        width: max-content;
        min-width: 100%;
    }

.w41-productdetail__content__first__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w41-productdetail__content__first__items__item {
    width: 100%;
    margin-top: 1rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w41-productdetail__content__first__items__item {
    }
}

.w41-productdetail__content__first__items__item__content {
    display: flex;
    transition: all .5s;
    width: 100%;
}

.w41-productdetail__content__first__items__item__content__box {
    border: 1px solid #dfdfdf;
    border-radius: 1rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
    width: 100%;
}

.w41-productdetail__content__first__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
    text-transform: uppercase;
    padding: 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
    border-radius: .5rem .5rem 0 0;
    transition: all .5s;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
}

@media only screen and (min-width:81.25rem) {
    .w41-productdetail__content__first__items__item__content__box__name {
        padding: 1rem;
    }
}

.w41-productdetail__content__first__items__item__content__box__name__text {
    font-size: 1.5rem;
    font-weight: 600;
    margin-right: .5rem;
    color: #fff;
    line-height: 2.5rem;
}

.w41-productdetail__content__first__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w41-productdetail__content__first__items__item__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.w41-productdetail__content__first__items__item__check:checked ~
.w41-productdetail__content__first__items__item__content
.w41-productdetail__content__first__items__item__content__box {
    background-color: #fff;
}

    .w41-productdetail__content__first__items__item__check:checked ~
    .w41-productdetail__content__first__items__item__content
    .w41-productdetail__content__first__items__item__content__box
    .w41-productdetail__content__first__items__item__content__box__name {
    }

        .w41-productdetail__content__first__items__item__check:checked ~
        .w41-productdetail__content__first__items__item__content
        .w41-productdetail__content__first__items__item__content__box
        .w41-productdetail__content__first__items__item__content__box__name
        .w41-productdetail__content__first__items__item__content__box__name__icon {
            transform: rotate(180deg);
        }

        .w41-productdetail__content__first__items__item__check:checked ~
        .w41-productdetail__content__first__items__item__content
        .w41-productdetail__content__first__items__item__content__box
        .w41-productdetail__content__first__items__item__content__box__name
        .w41-productdetail__content__first__items__item__content__box__name__text {
        }

.w41-productdetail__content__first__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w41-productdetail__content__first__items__item__check {
    display: none;
}

    .w41-productdetail__content__first__items__item__check:checked ~
    .w41-productdetail__content__first__items__item__content
    .w41-productdetail__content__first__items__item__content__box
    .w41-productdetail__content__first__items__item__content__box__des {
        max-height: 999vh;
    }

.w41-productdetail__content__first__items__item__content__box__des__text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: justify;
    transition: all .5s;
    padding: 0rem 1rem 0;
}

    .w41-productdetail__content__first__items__item__content__box__des__text ul,
    .w41-productdetail__content__first__items__item__content__box__des__text ol {
        margin-left: 2.5rem;
    }

    .w41-productdetail__content__first__items__item__content__box__des__text b {
        color: rgba(var(--main-color-w),1);
    }
/*ed*/

/*w59-topbar*/
.w59-topbar {
    width: 100%;
    background-color: #000;
    z-index: 1;
    position: relative;
    border-bottom: .6rem solid #dedede;
    display: flex;
    align-items: center;
    height: 4.5rem;
}

@media only screen and (max-width:25rem) {
    .w59-topbar {
    }
}

.w59-topbar__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    width: 100%;
}

.w59-topbar__first {
    display: flex;
    transition: all .5s;
}

@-webkit-keyframes key-w59-topbar__first {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-topbar__first {
    -webkit-animation: key-w59-topbar__first 1s;
    animation: key-w59-topbar__first 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

.w59-topbar__first__item {
    display: flex;
    align-items: center;
    transition: all .5s;
}

@media only screen and (min-width:56.25rem) {
    .w59-topbar__first__item:hover {
        margin-left: 2rem;
    }
}

.w59-topbar__first__item__text {
    color: #fff;
    font-size: 1.3rem;
}

@media only screen and (max-width:31.25rem) {
    .w59-topbar__first__item__text {
        text-align: center;
        font-size: 1.2rem;
    }
}

@media only screen and (max-width:25rem) {
    .w59-topbar__first__item__text {
        text-align: center;
        font-size: 1rem;
    }
}

.w59-topbar__second {
    margin-left: auto;
    position: relative;
}

.w59-topbar__second__abs {
    position: absolute;
    background: url(../../img/w59/topbar_bg.png) no-repeat 0 0;
    background-size: 26rem;
    height: 7rem;
    width: 26rem;
    right: 0rem;
    top: -.3rem;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
}

@-webkit-keyframes key-w59-topbar__second__abs {
    0% {
        transform: translateX(10rem);
    }

    70% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-topbar__second__abs {
    -webkit-animation: key-w59-topbar__second__abs 1s;
    animation: key-w59-topbar__second__abs 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

.w59-topbar__second__abs__item {
    display: flex;
    justify-content: center;
    margin-left: 1rem;
    margin-top: 1rem;
    align-items: center;
    width: 85%;
}

.w59-topbar__second__abs__item__imbgbox {
    background-size: contain;
    font-size: 1rem;
    width: 18%;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w59-topbar__second__abs__item__imbgbox:hover {
        transform: scale(1.1);
    }

.w59-topbar__second__abs__item__info {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1rem;
    padding-left: 1rem;
    position: relative;
}

    .w59-topbar__second__abs__item__info:before {
        content: "";
        position: absolute;
        top: 0.8rem;
        height: 3rem;
        width: 0.2rem;
        background-color: #fff;
        left: -0.2rem;
    }

.w59-topbar__second__abs__item__info__name,
.w59-topbar__second__abs__item__info__des {
    width: 100%;
}

.w59-topbar__second__abs__item__info__name {
    display: flex;
    gap: 0 1rem;
    align-items: center;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

.w59-topbar__second__abs__item__info__name__text {
    font-size: 1.4rem;
    font-weight: 500;
}

.w59-topbar__second__abs__item__info__name__icon {
    font-size: 1.4rem;
    font-weight: 500;
}

.w59-topbar__second__abs__item__info__des {
    font-size: 1.8rem;
    margin-top: .3rem;
    font-weight: 700;
    transition: all .5s;
    cursor: pointer;
    color: #fff;
}

    .w59-topbar__second__abs__item__info__des:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:75rem) {
    .w59-topbar__second__abs {
        right: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w59-topbar__group {
        justify-content: center;
    }

    .w59-topbar__second {
        display: none;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-topbar__first {
        flex-wrap: wrap;
    }

    .w59-topbar__first__item {
        line-height: 2.5rem;
        margin-left: 0;
    }
}
/*ed*/
/*w59-header*/
.w59-header {
    width: 100%;
    background-color: #fff;
    padding: 2.8rem 1rem 2.8rem;
}

@media only screen and (max-width:50rem) {
    .w59-header {
        padding: 1rem 1rem;
    }
}

.w59-header__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .5s;
    position: relative;
    justify-content: center;
}

@-webkit-keyframes key-w59-header__group {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-header__group {
    -webkit-animation: key-w59-header__group 1s;
    animation: key-w59-header__group 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

.w59-header__ckmobile {
    display: none;
}

.w59-header__first {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 80%;
}

@media only screen and (max-width:50rem) {
    .w59-header__first {
        justify-content: center;
        width: 100%;
    }
}

.w59-header__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
    max-height: 10rem;
}

.w59-header__first__imgbox__img {
    max-height: 10rem !important;
}

@media only screen and (max-width:50rem) {
    .w59-header__first__imgbox {
        width: auto;
        max-height: 9rem;
        overflow: hidden;
    }

    .w59-header__first__imgbox__img {
        max-height: 9rem !important;
    }
}

@media only screen and (max-width:37.5rem) {
    .w59-header__first__imgbox {
        max-width: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-header__first__imgbox {
        max-width: 20rem;
    }
}

@media only screen and (max-width:25rem) {
    .w59-header__first__imgbox {
        max-width: 15rem;
    }
}

.w59-header__first__imgbox:hover {
    transform: scale(1.1);
}

.w59-header__first__search {
    width: 54%;
    margin: 0 auto;
    display: flex;
    border: solid .1rem rgba(var(--main-color-w),1);
    position: relative;
    border-radius: 4rem;
    padding: 1.1rem 1.5rem;
    align-items: center;
    background-color: #fff;
    gap: 0rem .5rem;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w59-header__first__search {
        margin: 0;
        padding-left: .5rem;
        padding-right: .5rem;
        width: 100%;
        background-color: #f5f5f5;
        padding: 1rem 0;
        border: 0;
        border-radius: 0;
        transition: all .25s;
        position: absolute;
        z-index: -1;
        bottom: -6rem;
        visibility: hidden;
        opacity: 0;
        gap: 0;
    }

    .w59-header__ckmobile:checked ~
    .w59-header__first
    .w59-header__first__search {
        bottom: -6rem;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w59-header__ckmobile:checked ~
    .w59-header__first
    .w59-header__first__search {
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-header__ckmobile:checked ~
    .w59-header__first
    .w59-header__first__search {
    }
}

@media only screen and (max-width:25rem) {
    .w59-header__ckmobile:checked ~
    .w59-header__first
    .w59-header__first__search {
    }
}

.w59-header__first__search__ck {
    display: none;
}

.w59-header__first__search__menu {
    display: flex;
    background-color: #fff;
    margin-right: 1rem;
}

.w59-header__first__search__menu__name {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0 .5rem;
}

@media only screen and (max-width:50rem) {
    .w59-header__first__search__menu__name {
        display: none;
    }
}

.w59-header__first__search__ck:checked ~
.w59-header__first__search__menu
.w59-header__first__search__menu__name {
    font-weight: 600;
}

.w59-header__first__search__menu__name__icon {
    font-size: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w59-header__first__search__menu__name__icon:before {
        content: "\f0c9";
    }
}

.w59-header__first__search__menu__name__text {
    font-size: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

@media only screen and (max-width:62.5rem) {
    .w59-header__first__search__menu__name__text {
        display: none;
    }
}

.w59-header__first__search__items {
    position: absolute;
    top: 6rem;
    left: 2rem;
    width: 32rem;
    border-radius: .5rem;
    background-color: #fff;
    border: 0.1rem solid rgba(0,0,0,.15);
    transition: all .5s;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    flex-wrap: wrap;
    border-radius: .5rem .5rem;
    padding: .5rem 0rem .5rem;
    visibility: hidden;
    display: flex;
    overflow: initial;
    max-height: 60vh;
    overflow: scroll;
}

@media only screen and (max-width:62.5rem) {
    .w59-header__first__search__items {
        display: none;
    }
}

.w59-header__first__search__items::-webkit-scrollbar {
    width: .4rem;
}

.w59-header__first__search__items::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w59-header__first__search__items::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w59-header__first__search__items::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

@media only screen and (max-width:50rem) {
    .w59-header__first__search__items {
        width: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-header__first__search__items {
        width: 25rem;
    }
}

.w59-header__first__search__ck:checked ~ .w59-header__first__search__items {
    z-index: 2;
    opacity: 1;
    top: 4.5rem;
    visibility: visible;
}

.w59-header__first__search__items__item {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    transition: all .5s;
}

.w59-header__first__search__items__item__name {
    font-size: 1.3rem;
    text-transform: capitalize;
    width: 100%;
    padding: .5rem 1.5rem;
    cursor: pointer;
}

    .w59-header__first__search__items__item__name:hover {
        background-color: #f8f9fa;
    }

.w59-header__first__search__items__item__caret {
    font-size: 1.6rem;
    margin-left: auto;
    display: none;
}

.w59-header__first__search__items__item__childs {
    width: 100%;
}

@media only screen and (max-width:31.25rem) {
    .w59-header__first__search__items__item__childs {
        position: relative;
        top: auto;
        left: auto;
        visibility: visible;
        margin-top: 1rem;
    }
}

.w59-header__first__search__items__item__childs__child {
    display: flex;
    align-items: center;
    transition: all .5s;
    width: 100%;
    padding: .5rem 1rem 1rem 3rem;
}

    .w59-header__first__search__items__item__childs__child:hover {
        background-color: #f8f9fa;
    }

    .w59-header__first__search__items__item__childs__child:last-child {
        border-bottom: none;
    }

.w59-header__first__search__items__item__childs__child__icon {
    font-size: 1.3rem;
}

.w59-header__first__search__items__item__childs__child__name {
    font-size: 1.3rem;
    cursor: pointer;
    margin-left: .5rem;
}

.w59-header__first__search__items__item__childs__child--child {
}

.w59-header__first__search__items__item__childs__child--parent {
    background-color: #f1f1f1;
}

.w59-header__first__search__input {
    background-color: #fff;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #333;
    font-size: 1.3rem;
    outline: none;
    transition: color .3s,border .3s,background .3s,opacity .3s;
    vertical-align: middle;
    width: 70%;
    font-family: inherit;
}

@media only screen and (max-width:50rem) {
    .w59-header__first__search__input {
        padding: 1rem;
        width: 97%;
    }
}

.w59-header__first__search__btn {
    position: absolute;
    right: 0.3rem;
    top: 0.3rem;
    padding: .79rem 1.5rem;
    background-color: #cacaca;
    border-radius: 2rem;
    border: none;
    z-index: 1;
    display: flex;
    align-items: center;
    gap: 0 .5rem;
    transition: all .5s;
    cursor: pointer;
    color: rgb(55 55 55 / 95%);
    justify-content: center;
    font-size: 1rem;
    font-family: inherit;
}

@media only screen and (max-width:62.5rem) {
    .w59-header__first__search__btn {
        width: 3.2rem;
        height: 3.2rem;
    }
}

@media only screen and (max-width:50rem) {
    .w59-header__first__search__btn {
        padding: 1.9rem 2rem;
        justify-content: center;
        align-items: center;
        border-radius: 0;
        top: 1rem;
        right: 1rem;
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }
}

.w59-header__first__search__btn__text {
    font-weight: 700;
    font-size: 1.4rem;
}

@media only screen and (max-width:62.5rem) {
    .w59-header__first__search__btn__text {
        display: none;
    }
}

@media only screen and (max-width:50rem) {
    .w59-header__first__search__btn__text {
        display: none;
    }
}

.w59-header__first__search__btn__icon {
    font-size: 1.3rem;
    font-weight: 700;
}

.w59-header__second {
    margin-left: auto;
    display: flex;
    min-height: 1rem;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w59-header__second {
        position: absolute;
        right: 1rem;
        margin-right: 0;
    }
}

@media only screen and (max-width:51.25rem) {
    .w59-header__second {
        margin-right: 1rem;
    }
}

@media only screen and (min-width:51.25rem) {
    .w59-header__second {
        margin-right: 3rem;
    }
}

.w59-header__second__first {
    display: flex;
    gap: 0 1.5rem;
    margin-right: 1rem;
}

@media only screen and (max-width:50rem) {
    .w59-header__second__first {
        display: none;
    }
}

.w59-header__second__first__item {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w59-header__second__first__item:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w),1);
    }

.w59-header__second__two {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:25rem) {
    .w59-header__second__two {
        gap: 0 2rem;
    }
}

.w59-header__second__two__text {
    font-size: 1.4rem;
    text-transform: capitalize;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

@media only screen and (max-width:50rem) {
    .w59-header__second__two__text {
        display: none;
    }
}

.w59-header__second__two__cart {
    position: relative;
    transition: all .5s;
    cursor: pointer;
    margin-left: 1rem;
}

    .w59-header__second__two__cart.active {
        transition: all 1.5s;
        -webkit-animation: key-w59-header__second__two__cart 1.5s;
        animation: key-w59-header__second__two__cart 1.5s;
        animation-iteration-count: 1;
    }

@-webkit-keyframes key-w59-header__second__two__cart {
    0% {
        transform: translateY(50vh) scale(3);
    }

    100% {
        transform: translateY(0rem) scale(1);
    }
}

.w59-header__second__two__cart__icon {
    font-size: 1.6rem;
}

.w59-header__second__two__cart.active .w59-header__second__two__cart__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w59-header__second__two__cart__icon {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:50rem) {
    .w59-header__second__two:hover .w59-header__second__two__cart {
        transform: scale(1.3);
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:50rem) {
    .w59-header__second__two__check:checked ~ .w59-header__second__two__cart {
        transform: scale(1.2);
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-header__second__two__cart__icon {
        font-size: 1.8rem;
    }
}

.w59-header__second__two__cart__count {
    position: absolute;
    background-color: rgba(var(--main-color-w),.7);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    top: -1rem;
    right: -1rem;
}

.w59-header__second__two__check {
    display: none;
}

.w59-header__second__two__list {
    width: 30rem;
    position: absolute;
    z-index: 3;
    top: 9rem;
    right: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: .1rem .1rem 1rem rgba(0,0,0,.15);
    background-color: #fff;
    border: .2rem solid #ddd;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

@media only screen and (max-width:50rem) {
    .w59-header__second__two__list {
        top: 4rem;
    }

    .w59-header__second__two__check:checked ~ .w59-header__second__two__list {
        z-index: 4;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (min-width:50rem) {
    .w59-header__second__two:hover .w59-header__second__two__list {
        z-index: 4;
        opacity: 1;
        visibility: visible;
    }
}

.w59-header__second__two__list__heading {
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w59-header__second__two__list__heading__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
}

.w59-header__second__two__list__heading__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 1rem;
}

.w59-header__second__two__list__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-height: 30vh;
    overflow-y: scroll;
}

.w59-header__second__two__list__items__item {
    display: flex;
    gap: 1rem;
    border-bottom: solid .1rem #f1f1f1;
    padding: 1rem;
    align-items: flex-start;
}

    .w59-header__second__two__list__items__item:last-child {
        border-bottom: none;
    }

.w59-header__second__two__list__items__item__figure {
    width: 30%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w59-header__second__two__list__items__item__figure:hover {
        transform: scale(1.1);
    }

.w59-header__second__two__list__items__item__content {
    display: flex;
    gap: 0rem 1rem;
    flex-wrap: wrap;
}

.w59-header__second__two__list__items__item__content__name {
    width: 100%;
    font-size: 1.4rem;
    transition: all .5s;
    font-weight: 600;
}

    .w59-header__second__two__list__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w59-header__second__two__list__items__item__content__action {
    display: flex;
    align-items: center;
    width: 100%;
}

.w59-header__second__two__list__items__item__content__action__quantity {
    font-size: 1.3rem;
}

.w59-header__second__two__list__items__item__content__action__x {
    font-size: 1.3rem;
}

.w59-header__second__two__list__items__item__content__action__price {
    color: rgba(var(--main-color-w),1);
    font-size: 1.3rem;
    font-weight: 600;
}

.w59-header__second__two__list__items__item__content__action__delete {
    margin-left: auto;
    font-size: 1.4rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

    .w59-header__second__two__list__items__item__content__action__delete:hover {
        transform: scale(1.2);
    }

.w59-header__second__two__list__bottom {
    width: 100%;
    border-top: solid .1rem #f1f1f1;
}

.w59-header__second__two__list__bottom__total {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.w59-header__second__two__list__bottom__total__text1 {
    font-size: 1.4rem;
    font-weight: 700;
}

.w59-header__second__two__list__bottom__total__text2 {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 700;
}

.w59-header__second__two__list__bottom__btn {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 1rem;
    transition: all .5s;
}

    .w59-header__second__two__list__bottom__btn:hover {
        transform: scale(1.025);
    }

@media only screen and (max-width:25rem) {
    .w59-header__first__search__items__item {
        flex-wrap: wrap;
    }

    .w59-header__first__search__items__item__caret:before {
        content: "\f107" !important;
    }
}

.w59-header__second__two__search {
    display: none;
}

.w59-header__second__two__search__icon {
    font-size: 1.8rem;
    transition: all .5s;
}

.w59-header__ckmobile:checked ~
.w59-header__second
.w59-header__second__two
.w59-header__second__two__search
.w59-header__second__two__search__icon {
    color: red;
}

    .w59-header__ckmobile:checked ~
    .w59-header__second
    .w59-header__second__two
    .w59-header__second__two__search
    .w59-header__second__two__search__icon:before {
        content: "\f00d" !important;
    }

@media only screen and (max-width:50rem) {
    .w59-header__second__two__search {
        display: block;
        margin-right: .5rem;
    }
}
/*ed*/
/*w59-menu*/
.w59-menu {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w59-menu {
        background-color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu {
    }
}

.w59-menu__check {
    display: none;
}

.w59-menu__label {
    background-color: #f4f4f4;
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    display: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w59-menu__label {
        display: flex;
        color: #fff;
        background: linear-gradient(90deg,rgba(var(--main-color-w),1),rgba(var(--main-color-w),.7))
    }

    .ws1TransApply .w59-menu__label {
        background: none;
        background-color: transparent;
    }

    .ws1TransApply .w59-menu__check:checked ~ .w59-menu__label {
        background: linear-gradient(90deg,rgba(var(--main-color-w),1),rgba(var(--main-color-w),.7))
    }
}

.w59-menu__label__icon {
    font-size: 1.4rem;
    font-weight: normal;
}

@media only screen and (max-width:75rem) {
    .w59-menu__check:checked ~
    .w59-menu__label
    .w59-menu__label__icon:before {
        content: "\f141";
    }
}

.w59-menu__label__name {
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1rem;
}

.w59-menu__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: end;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w59-menu__group {
        align-items: center;
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__group {
        margin: 0;
        width: 70%;
        background-color: #fff;
        border-right: solid .1rem #f1f1f1;
        transition: none;
        max-height: 0;
        overflow: hidden;
        position: absolute;
        z-index: 9;
    }

    .w59-menu__check:checked ~ .w59-menu__group {
        overflow-y: scroll;
        max-height: 50vh;
    }

    .w59-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w59-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w59-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w59-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w59-menu__first {
    width: 23%;
    position: relative;
    transition: all .5s;
}

@-webkit-keyframes key-w59-menu__first {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-menu__first {
    -webkit-animation: key-w59-menu__first 1s;
    animation: key-w59-menu__first 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:75rem) {
    .w59-menu__first {
        width: 100%;
    }
}

.w59-menu__first__label {
    background-color: #f4f4f4;
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1.25rem;
    border-radius: 0.5rem 0.5rem 0 0;
    cursor: pointer;
    transition: .5s all;
}

.ws1TransApply .w59-menu__first__label {
    border-radius: .5rem;
}

@media only screen and (min-width:75rem) {
    .w59-menu__first:hover .w59-menu__first__label {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__first__label {
        display: none;
    }
}

.w59-menu__first__label__icon {
    font-size: 1.3rem;
    font-weight: 600;
}

@media only screen and (min-width:75rem) {
    .w59-menu__check:checked ~
    .w59-menu__group
    .w59-menu__first
    .w59-menu__first__label
    .w59-menu__first__label__icon:before {
        content: "\f141";
    }
}

.w59-menu__first__label__name {
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 1rem;
}

.w59-menu__first__items {
    list-style-type: none;
}

@media only screen and (min-width:75rem) {
    .w59-menu__first__items {
        background-color: #fff;
        position: absolute;
        box-shadow: 0 0px 18px 0 rgba(0,0,0,.1);
        width: 100%;
        left: 0;
        top: 6rem;
        height: 35rem;
        overflow-y: scroll;
        transition: all .1s;
        opacity: 0;
        z-index: -1;
        visibility: hidden;
        pointer-events: none;
    }
    .w59-menu__check:checked ~
    .w59-menu__group
    .w59-menu__first
    .w59-menu__first__items {
        top: 3.85rem;
        opacity: 1;
        z-index: 2;
        visibility: visible;
        pointer-events: visible;
    }

    .w59-menu__first__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w59-menu__first__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w59-menu__first__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w59-menu__first__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w59-menu__first__items__item {
}

.w59-menu__first__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
    border-top: solid #f1f1f1 .1rem;
    padding: 0 0 0 0rem;
}

.w59-menu__first__items__item__check {
    display: none;
}

.w59-menu__first__items__item__main__icon1 {
    font-size: 1.3rem;
    color: rgba(var(--main-color-w),1);
    position: absolute;
    left: 1rem;
}

.w59-menu__first__items__item__main__name {
    font-size: 1.3rem;
    padding: 1rem 0rem 1rem 2rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    display: block;
    width: 100%;
    cursor: pointer;
}

.w59-menu__first__items__item__main:hover .w59-menu__first__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w59-menu__first__items__item__main__icon2 {
    font-size: 1.3rem;
    padding: 0rem 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    position: absolute;
    height: 100%;
    right: 0rem;
}

@media only screen and (min-width:75rem) {
    .w59-menu__first__items__item:hover .w59-menu__first__items__item__main__icon2__value:before {
        content: "\f106" !important;
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__first__items__item__main__icon2 {
        border-left: solid .1rem #f1f1f1;
    }

    .w59-menu__first__items__item__check:checked ~
    .w59-menu__first__items__item__main
    .w59-menu__first__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w59-menu__first__items__item__check:checked ~
        .w59-menu__first__items__item__main
        .w59-menu__first__items__item__main__icon2
        .w59-menu__first__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

.w59-menu__first__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    background-color: #fff;
}

    .w59-menu__first__items__item__childs.ws1MenudropActive {
        max-height: max-content !important;
    }

@media only screen and (min-width:1300px) {
    .w59-menu__first__items__item__childs {
        transition: all .6s ease-in-out;
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__first__items__item__check:checked ~ .w59-menu__first__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w59-menu__first__items__item:hover .w59-menu__first__items__item__childs {
        max-height: 900vh;
    }
}

.w59-menu__first__items__item__childs__item {
}

    .w59-menu__first__items__item__childs__item:first-child {
        border-bottom: none;
    }

.w59-menu__first__items__item__childs__item__check {
    display: none;
}

.w59-menu__first__items__item__childs__item__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem 0;
    border-top: solid .1rem #f1f1f1;
    position: relative;
}

.w59-menu__first__items__item__childs__item__main__name {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 1rem 0rem 1rem 3rem;
    text-transform: capitalize;
    transition: all .5s;
    display: block;
    width: 100%;
    cursor: pointer;
}

.w59-menu__first__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    padding: 0rem 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    height: 100%;
    position: absolute;
    right: 0;
}

.w59-menu__first__items__item__childs__item:hover .w59-menu__first__items__item__childs__item__main__name,
.w59-menu__first__items__item__childs__item:hover .w59-menu__first__items__item__childs__item__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:75rem) {
    .w59-menu__first__items__item__childs__item:hover .w59-menu__first__items__item__childs__item__main__icon__value:before {
        content: "\f106" !important;
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__first__items__item__childs__item__main__icon {
        border-left: solid .1rem #f1f1f1;
    }

    .w59-menu__first__items__item__childs__item__check:checked ~
    .w59-menu__first__items__item__childs__item__main
    .w59-menu__first__items__item__childs__item__main__icon {
        background-color: #f1f1f1;
    }

        .w59-menu__first__items__item__childs__item__check:checked ~
        .w59-menu__first__items__item__childs__item__main
        .w59-menu__first__items__item__childs__item__main__icon
        .w59-menu__first__items__item__childs__item__main__icon__value:before {
            content: "\f106" !important;
        }
}

.w59-menu__first__items__item__childs__item__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    background-color: #fff;
}

    .w59-menu__first__items__item__childs__item__grands.ws1MenudropActive {
        max-height: max-content !important;
    }

@media only screen and (min-width:75rem) {
    .w59-menu__first__items__item__childs__item__grands {
        transition: all .6s ease-in-out;
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__first__items__item__childs__item__check:checked ~ .w59-menu__first__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w59-menu__first__items__item__childs__item:hover .w59-menu__first__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

.w59-menu__first__items__item__childs__item__grands__item {
}

.w59-menu__first__items__item__childs__item__grands__item__main {
    padding: 0;
    border-top: solid .1rem #f1f1f1;
    display: flex;
    position: relative;
}

.w59-menu__first__items__item__childs__item__grands__item__main__name {
    font-size: 1.3rem;
    transition: all .5s;
    font-weight: 600;
    text-transform: capitalize;
    display: block;
    width: 100%;
    cursor: pointer;
    padding: 1rem 0rem 1rem 5rem;
}

.w59-menu__first__items__item__childs__item__grands__item:hover .w59-menu__first__items__item__childs__item__grands__item__main__name {
    color: rgba(var(--main-color-w),1);
}
.w59-menu__second {
    width: max-content;
    margin-left: 1rem;
    transition: all .5s;
}

@-webkit-keyframes key-w59-menu__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-menu__second {
    -webkit-animation: key-w59-menu__second 1s;
    animation: key-w59-menu__second 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second {
        border-top: solid .2rem rgba(var(--main-color-w),1);
        width: 100%;
        margin-left: 0;
    }
}

.w59-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items {
        width: 100%;
    }
}

.w59-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item {
        width: 100%;
    }
}

.w59-menu__second__items__item__check {
    display: none;
}

.w59-menu__second__items__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__main {
        padding: 0 0 0 0rem;
        border-top: solid #f1f1f1 .1rem;
    }
}

.w59-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: capitalize;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__main__name {
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 600;
        transition: all .5s;
        display: block;
        width: 100%;
        padding: 1rem 0rem 1rem 2rem;
    }

    .w59-menu__second__items__item:hover .w59-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__main__name {
        color: #fff;
        transition: all .5s;
        font-weight: 600;
        padding: 1.70rem 2rem;
    }

    .w59-menu__second__items__item:hover .w59-menu__second__items__item__main__name {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w59-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__main__icon1 {
        display: inline-block;
        position: absolute;
        left: 1rem;
    }
}

.w59-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: .75rem;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__main__icon2 {
        padding: 0rem 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid .1rem #f1f1f1;
        color: rgba(var(--main-color-w),1);
        right: 0;
        height: 100%;
    }

    .w59-menu__second__items__item__check:checked ~
    .w59-menu__second__items__item__main
    .w59-menu__second__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w59-menu__second__items__item__check:checked ~
        .w59-menu__second__items__item__main
        .w59-menu__second__items__item__main__icon2
        .w59-menu__second__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .w59-menu__second__items__item:hover
    .w59-menu__second__items__item__main__icon2 {
    }
}

.w59-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
    }

    .w59-menu__second__items__item__check:checked ~
    .w59-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 6rem;
        border: solid #f1f1f1 .1rem;
        background-color: rgba(var(--main-color-w),1);
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .w59-menu__second__items__item:hover .w59-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: rgba(var(--main-color-w),1);
        border: rgba(241,241,241,.2) solid .1rem;
        pointer-events: visible;
    }
}

.w59-menu__second__items__item__childs__child {
    position: relative;
}

    .w59-menu__second__items__item__childs__child:last-child {
        border: none;
    }

.w59-menu__second__items__item__childs__child__main {
    display: flex;
    border-top: solid #f1f1f1 .1rem;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__childs__child__main {
        border-color: rgba(241,241,241,.2);
    }

    .w59-menu__second__items__item__childs__child:first-child .w59-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__childs__child__main {
        padding: 0 0 0 0rem;
    }
}

.w59-menu__second__items__item__childs__child__main__name {
    font-size: 1.4rem;
    display: block;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__childs__child__main__name {
        text-transform: capitalize;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 1rem 0rem 1rem 3rem;
        transition: all .5s;
    }

    .w59-menu__second__items__item__childs__child:hover .w59-menu__second__items__item__childs__child__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__childs__child__main__name {
        color: #fff;
        transition: all .5s;
        padding: 1rem 1rem;
        cursor: pointer;
    }

    .w59-menu__second__items__item__childs__child:hover .w59-menu__second__items__item__childs__child__main__name {
    }

    .w59-menu__second__items__item__childs__child:hover .w59-menu__second__items__item__childs__child__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w59-menu__second__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }

    .w59-menu__second__items__item__childs__child:hover .w59-menu__second__items__item__childs__child__main__icon {
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__childs__child__main__icon {
        padding: 0rem 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid 0.1rem #f1f1f1;
        position: absolute;
        right: 0;
        height: 100%;
    }

    .w59-menu__second__items__item__childs__child__check:checked ~
    .w59-menu__second__items__item__childs__child__main
    .w59-menu__second__items__item__childs__child__main__icon {
        background-color: #f1f1f1;
    }

    .w59-menu__second__items__item__childs__child__main__icon__value:before {
        content: "\f107" !important;
    }

    .w59-menu__second__items__item__childs__child__check:checked ~
    .w59-menu__second__items__item__childs__child__main
    .w59-menu__second__items__item__childs__child__main__icon
    .w59-menu__second__items__item__childs__child__main__icon__value:before {
        content: "\f106" !important;
    }
}

.w59-menu__second__items__item__childs__child__check {
    display: none;
}

.w59-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__childs__child__grands {
        overflow: hidden;
        max-height: 0;
    }

    .w59-menu__second__items__item__childs__child__check:checked ~
    .w59-menu__second__items__item__childs__child__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__childs__child__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        border: solid #f1f1f1 .1rem;
        background-color: rgba(var(--main-color-w),1);
        width: 20rem;
        border: rgba(241,241,241,.2) solid .1rem;
    }

    .w59-menu__second__items__item__childs__child:hover .w59-menu__second__items__item__childs__child__grands {
        left: 100%;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        border: none;
    }
}

.w59-menu__second__items__item__childs__child__grands__grand {
}

.w59-menu__second__items__item__childs__child__grands__grand__main {
    border-top: solid #f1f1f1 .1rem;
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__childs__child__grands__grand__main {
        border-color: rgba(241,241,241,.2);
    }

    .w59-menu__second__items__item__childs__child__grands__grand:first-child .w59-menu__second__items__item__childs__child__grands__grand__main {
        border: none;
    }

    .w59-menu__second__items__item__childs__child__grands__grand:hover .w59-menu__second__items__item__childs__child__grands__grand__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__childs__child__grands__grand__main {
    }
}

.w59-menu__second__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    transition: all .5s;
    padding: 1rem 1rem 1rem 5rem;
    display: block;
    cursor: pointer;
}

@media only screen and (min-width:75rem) {
    .w59-menu__second__items__item__childs__child__grands__grand__main__name {
        color: #fff;
        padding: 1rem;
    }

    .w59-menu__second__items__item__childs__child__grands__grand__main:hover .w59-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

@media only screen and (max-width:75rem) {
    .w59-menu__second__items__item__childs__child__grands__grand__main__name {
        font-size: 1.3rem;
        text-transform: capitalize;
        font-weight: 600;
    }

    .w59-menu__second__items__item__childs__child__grands__grand:hover .w59-menu__second__items__item__childs__child__grands__grand__main__name {
    }

    .w59-menu__second__items__item__childs__child__grands__grand__main:hover .w59-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--main-color-w),1);
    }
}
/*ed*/

/*w59-banner*/
.w59-banner {
    width: 100%;
    padding: 1rem;
    position: relative;
    background-color: #fff;
    z-index:0;
}

.w59-banner__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
}

@media only screen and (min-width:81.25rem) {
    .w59-banner__group {
        display: grid;
        grid-template-columns: 23% 57% 20%;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__group {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-banner__group {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
    }
}

.w59-banner__first {
    position: relative;
    width: 100%;
}

@-webkit-keyframes key-w59-banner__first {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-banner__first {
    -webkit-animation: key-w59-banner__first 1s;
    animation: key-w59-banner__first 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__first {
        grid-column-start: 1;
        grid-column-end: 5;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-banner__first {
        grid-column-start: 1;
        grid-column-end: 1;
    }
}

.w59-banner__first__items {
    list-style-type: none;
    background: #fff;
    box-shadow: 0 0px 18px 0 rgba(0,0,0,.1);
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    transition: all .5s;
    position:absolute;
}

@media only screen and (min-width:81.25rem) {
    .w59-banner__first__items {
        max-height: 44rem;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__first__items {
        max-height: 42vh;
        position: relative;
    }
}

.w59-banner__first__items::-webkit-scrollbar {
    width: .4rem;
}

.w59-banner__first__items::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w59-banner__first__items::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w59-banner__first__items::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w59-banner__first__items__item {
}

.w59-banner__first__items__item__main {
    display: flex;
    align-items: center;
    border-top: solid #f1f1f1 .1rem;
    padding: 0 0 0 0rem;
    position: relative;
}

.w59-banner__first__items__item__check {
    display: none;
}

.w59-banner__first__items__item__main__icon1 {
    font-size: 1.3rem;
    color: rgba(var(--main-color-w),1);
    position: absolute;
    left: 1rem;
}

.w59-banner__first__items__item__main__name {
    font-size: 1.3rem;
    padding: 1rem 0rem 1rem 2rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    color: #373737;
    display: block;
    width: 100%;
    cursor: pointer;
}

.w59-banner__first__items__item__main:hover .w59-banner__first__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w59-banner__first__items__item__main__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    padding: 0rem 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    position: absolute;
    right: 0;
    height: 100%;
}

@media only screen and (min-width:81.25rem) {
    .w59-banner__first__items__item:hover .w59-banner__first__items__item__main__icon2__value:before {
        content: "\f106" !important;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__first__items__item__main__icon2 {
        border-left: solid .1rem #f1f1f1;
    }

    .w59-banner__first__items__item__check:checked ~
    .w59-banner__first__items__item__main
    .w59-banner__first__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

    .w59-banner__first__items__item__check:checked ~
    .w59-banner__first__items__item__main
    .w59-banner__first__items__item__main__icon
    .w59-banner__first__items__item__main__icon2__value:before {
        content: "\f106" !important;
    }
}

.w59-banner__first__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    background-color: #fff;
}

    .w59-banner__first__items__item__childs.ws1MenudropActive {
        max-height: max-content !important;
    }

    .w59-banner__first__items__item__childs.ws1MenudropActive {
        max-height: max-content !important;
    }

@media only screen and (min-width:81.25rem) {
    .w59-banner__first__items__item__childs {
        transition: all .6s ease-in-out;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__first__items__item__check:checked ~ .w59-banner__first__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:81.25rem) {
    .w59-banner__first__items__item:hover .w59-banner__first__items__item__childs {
        max-height: 900vh;
    }
}

.w59-banner__first__items__item__childs__child {
}

    .w59-banner__first__items__item__childs__child:first-child {
        border-bottom: none;
    }

.w59-banner__first__items__item__childs__child__check {
    display: none;
}

.w59-banner__first__items__item__childs__child__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem;
    border-top: solid .1rem #f1f1f1;
    position: relative;
}

.w59-banner__first__items__item__childs__child__main__name {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 1rem 0rem 1rem 3rem;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    display: block;
    width: 100%;
    cursor: pointer;
}

.w59-banner__first__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    padding: 0rem 1.25rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    position: absolute;
    right: 0;
    height: 100%;
}

.w59-banner__first__items__item__childs__child:hover .w59-banner__first__items__item__childs__child__main__name,
.w59-banner__first__items__item__childs__child:hover .w59-banner__first__items__item__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:81.25rem) {
    .w59-banner__first__items__item__childs__child:hover .w59-banner__first__items__item__childs__child__main__icon__value:before {
        content: "\f106" !important;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__first__items__item__childs__child__main__icon {
        border-left: solid .1rem #f1f1f1;
    }

    .w59-banner__first__items__item__childs__child__check:checked ~
    .w59-banner__first__items__item__childs__child__main
    .w59-banner__first__items__item__childs__child__main__icon {
        background-color: #f1f1f1;
    }

        .w59-banner__first__items__item__childs__child__check:checked ~
        .w59-banner__first__items__item__childs__child__main
        .w59-banner__first__items__item__childs__child__main__icon
        .w59-banner__first__items__item__childs__child__main__icon__value:before {
            content: "\f106" !important;
        }
}

.w59-banner__first__items__item__childs__child__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    background-color: #fff;
}

    .w59-banner__first__items__item__childs__child__grands.ws1MenudropActive {
        max-height: max-content !important;
    }

    .w59-banner__first__items__item__childs__child__grands.ws1MenudropActive {
        max-height: max-content !important;
    }

@media only screen and (min-width:81.25rem) {
    .w59-banner__first__items__item__childs__child__grands {
        transition: all .6s ease-in-out;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__first__items__item__childs__child__grands {
        
    }

    .w59-banner__first__items__item__childs__child__check:checked ~ .w59-banner__first__items__item__childs__child__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:81.25rem) {
    .w59-banner__first__items__item__childs__child:hover .w59-banner__first__items__item__childs__child__grands {
        max-height: 900vh;
    }
}

.w59-banner__first__items__item__childs__child__grands__grand {
}

.w59-banner__first__items__item__childs__child__grands__grand__main {
    padding: 0;
    border-top: solid .1rem #f1f1f1;
    display: flex;
}

.w59-banner__first__items__item__childs__child__grands__grand__main__name {
    font-size: 1.3rem;
    line-height: 1.6rem;
    font-weight: 600;
    transition: all .5s;
    text-transform: capitalize;
    padding: 1rem 1rem 1rem 5rem;
    cursor: pointer;
    width: 100%;
}

.w59-banner__first__items__item__childs__child__grands__grand:hover .w59-banner__first__items__item__childs__child__grands__grand__main__name {
    margin-left: .5rem;
    color: rgba(var(--main-color-w),1);
}
.w59-banner__second {
    margin: 0 1rem;
    overflow: hidden;
}

@-webkit-keyframes key-w59-banner__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-banner__second {
    -webkit-animation: key-w59-banner__second .5s;
    animation: key-w59-banner__second .5s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__second {
        margin-left: 0;
        margin-top: 1rem;
        grid-column-start: 1;
        grid-column-end: 4;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-banner__second {
        margin-left: 0;
        margin-right: 0;
    }
}

.w59-banner__mains {
    position: relative;
    height: 100%;
}

.w59-banner__mains__main.swiper-wrapper {
    height: 100% !important;
}

.w59-banner__mains__main__items {
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}

.w59-banner__mains__main__items__item {
    position: absolute;
    left: 2rem;
    top: 0rem;
    height: 100%;
    width: 34rem;
    display: flex;
    align-items: center;
    z-index: 2;
}

.w59-banner__mains__main__items__item__content {
    display: flex;
    flex-wrap: wrap;
}

.w59-banner__mains__main__items__item__content__text1 {
    font-size: 4rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: 100%;
}

@media only screen and (max-width:43.75rem) {
    .w59-banner__mains__main__items__item__content__text1 {
        font-size: 3rem;
    }
}

.swiper-slide-active .w59-banner__mains__main__items__item__content__text1 {
    -webkit-animation: key-w59-banner__mains__main__items__item__content__text2 1s;
    animation: key-w59-banner__mains__main__items__item__content__text2 1s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w59-banner__mains__main__items__item__content__text1 {
    0% {
        transform: translateY(-5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w59-banner__mains__main__items__item__content__text1 {
    transform: translateY(0);
}

.w59-banner__mains__main__items__item__content__text2 {
    font-size: 3rem;
    font-weight: 600;
    color: #fff0a0;
    width: 100%;
    transition: all 1s;
    text-transform: uppercase;
}

@media only screen and (max-width:43.75rem) {
    .w59-banner__mains__main__items__item__content__text2 {
        font-size: 2.5rem;
    }
}

.swiper-slide-active .w59-banner__mains__main__items__item__content__text2 {
    -webkit-animation: key-w59-banner__mains__main__items__item__content__text2 1s;
    animation: key-w59-banner__mains__main__items__item__content__text2 1s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w59-banner__mains__main__items__item__content__text2 {
    0% {
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w59-banner__mains__main__items__item__content__text3 {
    font-size: 2rem;
    color: #fff;
    width: 100%;
    margin-top: 1rem;
    line-height: 2.8rem;
    transition: all 1s;
}

@media only screen and (max-width:43.75rem) {
    .w59-banner__mains__main__items__item__content__text3 {
        font-size: 1.5rem;
    }
}

.swiper-slide-active .w59-banner__mains__main__items__item__content__text3 {
    -webkit-animation: key-w59-banner__mains__main__items__item__content__text3 2s;
    animation: key-w59-banner__mains__main__items__item__content__text3 2s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w59-banner__mains__main__items__item__content__text3 {
    0% {
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w59-banner__mains__main__items__imgbox {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
    border-radius: .5rem;
    transition: all .5s;
}

.w59-banner__mains__main__items:hover .w59-banner__mains__main__items__imgbox {
    transform: scale(1.1);
}

.w59-banner__mains__pagination {
    bottom: 2rem !important;
    z-index: 2;
}

    .w59-banner__mains__pagination .swiper-pagination-bullet {
        width: 2rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w59-banner__mains__pagination .swiper-pagination-bullet-active {
        width: 4rem;
        opacity: 1;
    }

.w59-banner__third {
}

@-webkit-keyframes key-w59-banner__third {
    0% {
        transform: translateX(10rem);
    }

    70% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-banner__third {
    -webkit-animation: key-w59-banner__third 1s;
    animation: key-w59-banner__third 1s;
    animation-iteration-count: 1;
}

@media only screen and (min-width:81.25rem) {
    .w59-banner__third {
        display: grid;
        grid-gap: 1rem;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-banner__third {
        display: grid;
        grid-gap: 1rem;
        margin-top: 1rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-banner__third {
        grid-gap: 0;
        display: flex;
        margin-top: 0rem;
        flex-wrap: wrap;
        width: 100%;
    }
}

.w59-banner__third__item {
    overflow: hidden;
    border-radius: .5rem;
}

@media only screen and (max-width:31.25rem) {
    .w59-banner__third__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
    }

        .w59-banner__third__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w59-banner__third__item__imgbox {
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w59-banner__third__item__imgbox:hover {
        transform: scale(1.04);
    }
/*ed*/

/*w59-service*/
.w59-service {
    width: 100%;
    padding: 2rem 1rem;
    background-color: #fff;
}

.w59-service__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w59-service__item {
    width: 24.25%;
    margin-left: 1%;
    box-shadow: 0 .1rem .3rem rgba(0,0,0,.1);
    padding: .5rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

@-webkit-keyframes key-w59-service__item {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-service__item {
    -webkit-animation: key-w59-service__item 1s;
    animation: key-w59-service__item 1s;
    animation-iteration-count: 1;
}

@media only screen and (min-width:75rem) {
    .w59-service__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w59-service__item {
        width: 32%;
        margin-left: 2%;
    }

    @media only screen and (min-width:50rem) {
        .w59-service__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w59-service__item {
        width: 49%;
        margin-left: 2%;
    }

        .w59-service__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w59-service__item {
        width: 100%;
        margin-left: 0;
    }
}

.w59-service__item__icon {
    background: rgba(var(--main-color-w), 1);
    color: #fff;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem;
}

    .w59-service__item__icon:hover .w59-service__item__icon__value {
        transform: scale(1.2);
    }

.w59-service__item__icon__value {
    font-size: 2.2rem;
    transition: all .5s;
}

.w59-service__item__main {
    padding: 1rem 0rem;
    display: flex;
    width: 77%;
    margin-left: 3%;
    flex-wrap: wrap;
}

.w59-service__item__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
}

    .w59-service__item__main__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-service__item__main__des {
    font-size: 1.4rem;
    width: 100%;
    margin-top: .75rem;
}
/*ed*/
/*w59-product*/
.w59-product {
    width: 100%;
    padding: 5rem 1rem 1rem;
    background-color: #fff;
    position:relative;
    z-index:0;
}

.w59-product__group {
    max-width: 120rem;
    margin: 6rem auto 0rem;
    padding: 1rem 2rem 1rem;
    position: relative;
    background: linear-gradient(180deg,rgba(var(--main-color-w),1),rgba(var(--main-color-w),.8));
    position: relative;
    border-radius: .5rem;
}

@media only screen and (max-width:50rem) {
    .w59-product__group {
        padding: 1rem .5rem 0rem;
    }
}

.w59-product__heading {
    text-align: center;
    position: absolute;
    left: 0;
    top: -3rem;
    width: 100%;
    display: flex;
    justify-content: center;
}

@-webkit-keyframes key-w59-product__heading {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-product__heading {
    -webkit-animation: key-w59-product__heading 1s;
    animation: key-w59-product__heading 1s;
    animation-iteration-count: 1;
}

.w59-product__heading__name {
    border-radius: 3rem;
    padding: .75rem;
    border: solid .1rem #dee2e6;
    display: flex;
    transition: all .5s;
    cursor: pointer;
    background-color: #fff;
}

    .w59-product__heading__name:hover {
        transform: scale(1.05);
    }

.w59-product__heading__name__text {
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 3rem;
    padding: 1rem 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
    transition: all .5s;
}

.w59-product__heading__name:hover
.w59-product__heading__name__text {
    background-color: rgba(var(--second-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w59-product__heading__name__text {
        gap: 1rem;
        padding: 1rem 2rem;
    }
}

.w59-product__heading__name__text__icon {
    font-size: 1.8rem;
}

@media only screen and (max-width:31.25rem) {
    .w59-product__heading__name__text__icon {
        font-size: 1.5rem;
    }
}

.w59-product__heading__name__text__title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
}

@media only screen and (max-width:31.25rem) {
    .w59-product__heading__name__text__title {
        font-size: 1.5rem;
    }
}

.w59-product__des {
    margin-top: 3rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width:31.25rem) {
    .w59-product__des {
        text-align: justify;
    }
}

@-webkit-keyframes key-w59-product__des {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-product__des {
    -webkit-animation: key-w59-product__des 1s;
    animation: key-w59-product__des 1s;
    animation-iteration-count: 1;
}

.w59-product__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

@-webkit-keyframes key-w59-product__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-product__mains {
    -webkit-animation: key-w59-product__mains 2s;
    animation: key-w59-product__mains 2s;
    animation-iteration-count: 1;
}

.w59-product__mains__main {
    display: flex;
    padding-bottom: 1rem;
}

.w59-product__mains__main__item.swiper-slide {
    width: 19.2%;
    margin-right: 1%;
    background-color: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem 0rem 1rem;
}

@media only screen and (max-width:75rem) {
    .w59-product__mains__main__item.swiper-slide {
        width: 23.5%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:50rem) {
    .w59-product__mains__main__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w59-product__mains__main__item.swiper-slide {
        width: 49%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-product__mains__main__item.swiper-slide {
        width: 100%;
        margin-right: 0;
    }
}

.w59-product__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 0rem 0rem;
}

.w59-product__mains__main__item__content__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.w59-product__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
    margin-top: .5rem;
}

    .w59-product__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-product__mains__main__item__content__bottom__des {
    color: #474747;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w59-product__mains__main__item__content__bottom__des__icon {
    font-size: 1.4rem;
    margin-top: .2rem;
}

.w59-product__mains__main__item__content__bottom__des__text {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w59-product__mains__main__item__content__bottom__des:hover {
    color: rgba(var(--main-color-w), 1);
}

.w59-product__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.w59-product__mains__main__item__content__bottom__rates__rate {
    color: #f80;
    font-size: 1rem;
    display: inline-block;
    margin-right: .5rem;
}

    .w59-product__mains__main__item__content__bottom__rates__rate:last-child {
        margin-right: 0;
    }

.w59-product__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    transition: 0.5s all ease-in-out;
    border-radius: .5rem .5rem 0 0;
    padding: .75rem;
}

.w59-product__mains__main__item__content__top__sale {
    position: absolute;
    top: 1.25rem;
    right: 1.25rem;
    background-color: rgba(var(--main-color-w),1);
    padding: .5rem .5rem;
    color: #fff;
    font-size: 1.2rem;
    border-radius: .3rem;
}

.w59-product__mains__main__item__content__top__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
    border-radius: .3rem;
}

    .w59-product__mains__main__item__content__top__imgbox:hover {
        transform: scale(1.1);
    }

.w59-product__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0;
    border-radius: .3rem;
}

.w59-product__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w59-product__mains__main__item__content__price__sub {
    color: #858585;
    font-size: 1.4rem;
    text-decoration: line-through;
}

.w59-product__mains__main__item__content__button {
    display: flex;
    margin-top: 2rem;
    margin-left: 1rem;
    margin-right: 1rem;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: .8rem 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem .5rem;
    color: #fff;
}

    .w59-product__mains__main__item__content__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w59-product__mains__main__item__content__button__icon {
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w59-product__mains__main__item__content__button__text {
    font-size: 1.4rem;
    font-weight: 600;
}

.w59-product__mains__pagination {
    bottom: 0 !important;
}

.w59-product__mains__next.swiper-button-next,
.w59-product__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.6rem;
    border: solid 0.05rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgb(250 250 250 / 61%);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
}

@media only screen and (min-width:62.5rem) {
    .w59-product__mains__next.swiper-button-next,
    .w59-product__mains__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w59-product__mains:hover .w59-product__mains__next.swiper-button-next,
    .w59-product__mains:hover .w59-product__mains__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w59-product__mains__next:hover,
.w59-product__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w59-product__mains__next:after,
.w59-product__mains__prev:after {
    display: none;
}
/*ed*/
/*w59-product-2*/
.w59-product-2 {
    width: 100%;
    padding: 5rem 1rem 0rem;
    background-color: #fff;
    position:relative;
    z-index:0;
}

.w59-product-2__bg {
    background-color: #f4f4f4;
}

.w59-product-2__group {
    max-width: 120rem;
    margin: 0rem auto 0rem;
    padding: 1rem 0rem 1rem;
    position: relative;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w59-product-2__group {
        padding: 1rem;
    }
}

.w59-product-2__heading {
    text-align: center;
    position: absolute;
    left: 0;
    top: -3rem;
    width: 100%;
    display: flex;
    justify-content: center;
}

@-webkit-keyframes key-w59-product-2__heading {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-product-2__heading {
    -webkit-animation: key-w59-product-2__heading 1s;
    animation: key-w59-product-2__heading 1s;
    animation-iteration-count: 1;
}

.w59-product-2__heading__name {
    border-radius: 3rem;
    padding: .75rem;
    border: solid .1rem #fff;
    display: flex;
    transition: all .5s;
    cursor: pointer;
    background-color: #fff;
}

    .w59-product-2__heading__name:hover {
        transform: scale(1.05);
    }

.w59-product-2__heading__name__text {
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 3rem;
    padding: 1rem 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 4px rgba(0,0,0,.1);
}

@media only screen and (max-width:31.25rem) {
    .w59-product-2__heading__name__text {
        padding: 1rem 2rem;
    }
}

.w59-product-2__heading__name__text__icon {
    font-size: 1.8rem;
    font-weight: 600;
}

@media only screen and (max-width:25rem) {
    .w59-product-2__heading__name__text__icon {
        display: none;
    }
}

.w59-product-2__heading__name__text__title {
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 1.5rem;
}

@media only screen and (max-width:31.25rem) {
    .w59-product-2__heading__name__text__title {
        font-size: 1.5rem;
    }
}

.w59-product-2__tab {
    margin-top: 6rem;
    display: flex;
    width: 100%;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w59-product-2__tab {
        margin-top: 4rem;
    }
}

.w59-product-2__tab__first {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: 1rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w59-product-2__tab__first {
        width: 100%;
    }
}

@-webkit-keyframes key-w59-product-2__tab__first {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-product-2__tab__first {
    -webkit-animation: key-w59-product-2__tab__first 1s;
    animation: key-w59-product-2__tab__first 1s;
    animation-iteration-count: 1;
}

.w59-product-2__tab__first:hover {
    transform: scale(1.1);
}

.w59-product-2__tab__first__text {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width:50rem) {
    .w59-product-2__tab__first__text {
        font-size: 1.4rem;
    }
}

.w59-product-2__tab__second {
    margin-left: auto;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

@-webkit-keyframes key-w59-product-2__tab__second {
    0% {
        transform: translateX(10rem);
    }

    70% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-product-2__tab__second {
    -webkit-animation: key-w59-product-2__tab__second 1s;
    animation: key-w59-product-2__tab__second 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:37.5rem) {
    .w59-product-2__tab__second {
        display: none;
    }
}

.w59-product-2__tab__second:hover {
    transform: scale(1.1);
}

.w59-product-2__tab__second__text {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: capitalize;
}

.w59-product-2__tab__second__icon {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w59-product-2__line {
    width: 100%;
    height: .3rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w59-product-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 5rem;
    margin-top: 2rem;
}

@-webkit-keyframes key-w59-product-2__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-product-2__mains {
    -webkit-animation: key-w59-product-2__mains 3s;
    animation: key-w59-product-2__mains 3s;
    animation-iteration-count: 1;
}

.w59-product-2__mains__main {
    display: flex;
    border-top: solid .1rem #eaeaea;
    border-left: solid .1rem #eaeaea;
}

.w59-product-2__mains__main__item.swiper-slide {
    width: 20%;
    background-color: #fff;
    position: relative;
    outline: none;
    padding: 0rem 0rem;
    border-right: solid .1rem #eaeaea;
    border-bottom: solid .1rem #eaeaea;
}

@media only screen and (max-width:75rem) {
    .w59-product-2__mains__main__item.swiper-slide {
        width: 25%;
    }
}

@media only screen and (max-width:50rem) {
    .w59-product-2__mains__main__item.swiper-slide {
        width: 33.333333%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w59-product-2__mains__main__item.swiper-slide {
        width: 50%;
    }
}

@media only screen and (max-width:31.25rem) {
   
}

.w59-product-2__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 1rem;
}

    .w59-product-2__mains__main__item__content:first-child {
        border-bottom: solid .1rem #ddd;
    }

.w59-product-2__mains__main__item__content__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 0;
    padding-top: 1.5rem;
    border-top: .1rem solid #ddd;
}

.w59-product-2__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
    text-transform: capitalize;
    margin-top: 1rem;
    cursor: pointer;
}

@media only screen and (min-width:31.25rem) {
    .w59-product-2__mains__main__item__content__bottom__name {
        min-height: 3.2rem;
    }
}

.w59-product-2__mains__main__item__content__bottom__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w59-product-2__mains__main__item__content__bottom__des {
    color: #474747;
    margin-bottom: .5rem;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .w59-product-2__mains__main__item__content__bottom__des:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-product-2__mains__main__item__content__bottom__des__text {
    font-size: 1.4rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
    margin-left: .5rem;
}

.w59-product-2__mains__main__item__content__bottom__des__icon {
    font-size: 1.4rem;
}

.w59-product-2__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 0 0;
}

.w59-product-2__mains__main__item__content__top__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w59-product-2__mains__main__item__content:hover .w59-product-2__mains__main__item__content__top__imgbox {
    transform: scale(1.1);
}

.w59-product-2__mains__main__item__content__top__imgbox:before {
    border-radius: 0;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), .5);
    transition: all .5s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(.9);
}

.w59-product-2__mains__main__item__content:hover .w59-product-2__mains__main__item__content__top__imgbox:before {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.w59-product-2__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0;
    border-radius: .3rem;
}

.w59-product-2__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w59-product-2__mains__main__item__content__price__sub {
    color: #858585;
    font-size: 1.6rem;
    text-decoration: line-through;
}

.w59-product-2__mains__main__item__content__top__button {
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem;
    align-items: center;
    justify-content: center;
    background-color: #dedede;
    padding: .8rem 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem .5rem;
    position: absolute;
    bottom: 2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    color: #474747;
}

.w59-product-2__mains__main__item__content:hover .w59-product-2__mains__main__item__content__top__button {
    bottom: 1rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.w59-product-2__mains__main__item__content__top__button:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w59-product-2__mains__main__item__content__top__button__icon {
    font-size: 1.2rem;
    font-weight: 600;
}

.w59-product-2__mains__main__item__content__top__button__text {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w59-product-2__mains__main__item__content__top__view {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dedede;
    padding: .8rem 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem .5rem;
    position: absolute;
    left: 1rem;
    top: 2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    color: #474747;
}

.w59-product-2__mains__main__item__content:hover .w59-product-2__mains__main__item__content__top__view {
    top: 1rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.w59-product-2__mains__main__item__content__top__view:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w59-product-2__mains__main__item__content__top__view__icon {
    font-size: 1.2rem;
}

.w59-product-2__mains__main__item__content__top__view__text {
    font-size: 1.2rem;
    margin-left: .5rem;
}

.w59-product-2__mains__pagination {
    bottom: 1rem !important;
}

    .w59-product-2__mains__pagination .swiper-pagination-bullet {
        width: 3rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w59-product-2__mains__pagination .swiper-pagination-bullet-active {
        width: 6rem;
        opacity: 1;
    }

.w59-product-2__mains__next.swiper-button-next,
.w59-product-2__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.6rem;
    border: solid 0.05rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(250,250,250,.6);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

@media only screen and (min-width:62.5rem) {
    .w59-product-2__mains__next.swiper-button-next,
    .w59-product-2__mains__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w59-product-2__mains:hover .w59-product-2__mains__next.swiper-button-next,
    .w59-product-2__mains:hover .w59-product-2__mains__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w59-product-2__mains__next:hover,
.w59-product-2__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w59-product-2__mains__next:after,
.w59-product-2__mains__prev:after {
    display: none;
}
/*ed*/
/*w59-article*/
.w59-article {
    width: 100%;
    padding: 3rem 1rem 4rem;
    background-color: #fff;
}

@media only screen and (max-width:1200px) {
    .w59-article {
        padding: 0rem 1rem 2rem;
    }
}

.w59-article__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w59-article__items {
    display: flex;
    flex-wrap: wrap;
}

.w59-article__items__item {
    width: 49%;
    margin-left: 2%;
    background-color: #f7f7f7;
    border-radius: .5rem;
    padding: 1.5rem;
    margin-top: 2rem;
}

@-webkit-keyframes key-w59-article__items__item {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-article__items__item:nth-child(2n+1) {
    -webkit-animation: key-w59-article__items__item 1s;
    animation: key-w59-article__items__item 1s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w59-article__items__item--2 {
    0% {
        transform: translateX(10rem);
    }

    70% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-article__items__item:nth-child(2n) {
    -webkit-animation: key-w59-article__items__item--2 1s;
    animation: key-w59-article__items__item--2 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:1200px) {
    .w59-article__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w59-article__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w59-article__items__item__heading {
    margin-bottom: 1.5rem;
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
}

.w59-article__items__item__heading__text {
    font-size: 2rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    cursor: pointer;
}

    .w59-article__items__item__heading__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-article__items__item__heading__icon {
    font-size: 1.6rem;
    margin-left: auto;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    width: 2.6rem;
    height: 2.6rem;
    transition: all .5s;
}

    .w59-article__items__item__heading__icon:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w59-article__items__item__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w59-article__items__item__main__childs {
    margin-bottom: 1.5rem;
    width: 100%;
    display: flex;
    align-items: flex-start;
}

    .w59-article__items__item__main__childs:last-child {
        margin-bottom: 0;
    }

.w59-article__items__item__main__childs__first {
    overflow: hidden;
    border-radius: .5rem;
    width: 38%;
}

.w59-article__items__item__main__childs__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: .5rem;
    transition: all .5s;
    cursor: pointer;
}

    .w59-article__items__item__main__childs__first__imgbox:hover {
        transform: scale(1.1);
    }

.w59-article__items__item__main__childs__second {
    margin-left: 3%;
    width: 59%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w59-article__items__item__main__childs__second__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    transition: all .5s;
}

    .w59-article__items__item__main__childs__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-article__items__item__main__childs__second__date {
    color: #595959;
    display: flex;
    width: 100%;
    align-items: center;
    margin-top: .5rem;
}

.w59-article__items__item__main__childs__second__date__icon {
    font-size: 1.3rem;
}

.w59-article__items__item__main__childs__second__date__text {
    font-size: 1.3rem;
    margin-left: .5rem;
}

.w59-article__items__item__main__childs__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
}

@media only screen and (max-width:500px) {
    .w59-article__items__item__main__childs__second__des {
        display: none;
    }
}

.w59-article__items__item__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #e4e4e4;
    border-radius: .4rem;
    margin-top: 1.5rem;
    padding: 1rem;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
}

    .w59-article__items__item__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w59-article__items__item__btn__text {
    font-size: 1.6rem;
    text-transform: capitalize;
    font-weight: 600;
}

.article__items__item__btn__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}
/*ed*/
/*w59-ctaregister*/
.w59-ctaregister {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 1rem;
    background-size: cover;
    background-color: #fff;
}

.w59-ctaregister__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w59-ctaregister__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
}

.w59-ctaregister__main__first {
    width: 61%;
    margin-left: 4%;
}

@-webkit-keyframes key-w59-ctaregister__main__first {
    0% {
        transform: translateX(10rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-ctaregister__main__first {
    -webkit-animation: key-w59-ctaregister__main__first 1s;
    animation: key-w59-ctaregister__main__first 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

@media only screen and (max-width:43.75rem) {
    .w59-ctaregister__main__first {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
}

.w59-ctaregister__main__first__heading {
}

.w59-ctaregister__main__first__heading__text {
    font-size: 2rem;
    display: block;
}

.w59-ctaregister__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    align-items: center;
    width: 100%;
}

.w59-ctaregister__main__first__items__item {
    width: 49%;
    margin-left: 2%;
    display: flex;
    margin-bottom: 1.5rem;
    position: relative;
}

@media only screen and (max-width:43.75rem) {
    .w59-ctaregister__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w59-ctaregister__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w59-ctaregister__main__first__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w59-ctaregister__main__first__items__item__input {
    color: #495057;
    width: 100%;
    padding: 1.25rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.5rem;
    border-radius: .5rem;
    border: solid .1rem #e6e6e6;
    transition: all .5s;
    font-family: inherit;
    color: #495057;
    appearance: auto;
    -moz-appearance: initial;
}

    .w59-ctaregister__main__first__items__item__input:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w59-ctaregister__main__first__items__item__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .25rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w59-ctaregister__main__first__items__item__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w59-ctaregister__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: 0.5rem !important;
}

.w59-ctaregister__main__first__items__item--capcha {
    margin-left: 0;
}

.w59-ctaregister__main__first__btn {
    border-radius: .3rem;
    padding: 1rem 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    border: none;
    outline: none;
    color: #fff;
    background: linear-gradient(90.1deg, rgba(var(--main-color-w), .75) 12.5%, rgba(var(--main-color-w), 1) 97.92%);
    border: solid .1rem #f1f1f1;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    cursor: pointer;
    font-family: inherit;
    text-align: center;
    display: inline-block;
}

    .w59-ctaregister__main__first__btn:hover {
        background-color: rgba(var(--main-color-w), .7);
    }

.w59-ctaregister__main__second {
    width: 35%;
    background: linear-gradient(90.1deg, rgba(var(--main-color-w), .8) 12.5%, rgba(var(--main-color-w), 1) 97.92%);
    color: #fff;
    padding: 3rem;
    border-radius: .5rem;
    position: relative;
}

@-webkit-keyframes key-w59-ctaregister__main__second {
    0% {
        transform: translateX(-10rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-ctaregister__main__second {
    -webkit-animation: key-w59-ctaregister__main__second 1s;
    animation: key-w59-ctaregister__main__second 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

.w59-ctaregister__main__second__heading {
}

.w59-ctaregister__main__second__heading__text {
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 2.8rem;
    font-weight: 600;
    transition: all .5s;
}

    .w59-ctaregister__main__second__heading__text:hover {
        transform: translateX(.5rem);
    }

.w59-ctaregister__main__second__items {
}

.w59-ctaregister__main__second__items__item {
    display: flex;
    margin-top: 1.5rem;
    align-items: center;
}

.w59-ctaregister__main__second__items__item__icon {
    font-size: 2.5rem;
    transition: all .5s;
}

    .w59-ctaregister__main__second__items__item__icon:hover {
        transform: scale(1.2);
    }

.w59-ctaregister__main__second__items__item__main {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.5rem;
}

.w59-ctaregister__main__second__items__item__main__name {
    font-size: 2rem;
    width: 100%;
    transition: all .5s;
}

    .w59-ctaregister__main__second__items__item__main__name:hover {
        transform: translateX(.5rem);
    }

.w59-ctaregister__main__second__items__item__main__des {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-top: .5rem;
    width: 100%;
    transition: all .5s;
}

    .w59-ctaregister__main__second__items__item__main__des:hover {
        transform: translateX(.5rem);
    }

@media only screen and (max-width:43.75rem) {
    .w59-ctaregister__main__second {
        width: 100%;
        margin: 0 auto 2rem;
    }
}

.w59-ctaregister__main__first__items__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w59-ctaregister__main__first__items__item__dropdown {
        width: 100%;
    }
}

.w59-ctaregister__main__first__items__item__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .75rem;
    border: #e6e6e6 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w59-ctaregister__main__first__items__item__dropdown__check:checked ~
.w59-ctaregister__main__first__items__item__dropdown__label
.w59-ctaregister__main__first__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w59-ctaregister__main__first__items__item__dropdown__label__name {
    font-size: 1.4rem;
    color: #495057;
}

.w59-ctaregister__main__first__items__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #495057;
}

.w59-ctaregister__main__first__items__item__dropdown__check {
    display: none;
}

.w59-ctaregister__main__first__items__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #e6e6e6 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    max-height: 30rem;
    overflow-y: scroll;
}
.w59-ctaregister__main__first__items__item__dropdown__subs::-webkit-scrollbar {
    width: .4rem;
}

.w59-ctaregister__main__first__items__item__dropdown__subs::-webkit-scrollbar-track {
    border-radius: .3rem;
}
.w59-ctaregister__main__first__items__item__dropdown__subs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}
.w59-ctaregister__main__first__items__item__dropdown__subs::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}
.w59-ctaregister__main__first__items__item__dropdown__check:checked ~
.w59-ctaregister__main__first__items__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w59-ctaregister__main__first__items__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #495057;
}

    .w59-ctaregister__main__first__items__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w59-ctaregister__main__first__items__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w59-footer*/
.w59-footer {
    width: 100%;
    padding: 5rem 1rem 2rem;
    background: url('../../img/w59/footer_bg.png') no-repeat 1rem 8rem;
    background-size: 48rem;
    background-position: top center;
}

@media only screen and (max-width:700px) {
    .w59-footer {
        background-position-x: 0rem;
        background-position-y: 97%;
        opacity: 1;
        background-size: 107%;
    }
}

.w59-footer__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w59-footer__heading {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 5rem;
}

@-webkit-keyframes key-w59-footer__heading {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-footer__heading {
    -webkit-animation: key-w59-footer__heading 1s;
    animation: key-w59-footer__heading 1s;
    animation-iteration-count: 1;
}

.w59-footer__heading__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w59-footer__heading__imgbox:hover {
        transform: scale(1.1);
    }

.w59-footer__items {
    display: flex;
    flex-wrap: wrap;
}

.w59-footer__items__first {
    width: 30%;
    margin-bottom: 2rem;
    margin-right: 3%;
}

@-webkit-keyframes key-w59-footer__items__first {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-footer__items__first {
    -webkit-animation: key-w59-footer__items__first 1.5s;
    animation: key-w59-footer__items__first 1.5s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:1300px) {
    .w59-footer__items__first {
        width: 49%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:700px) {
    .w59-footer__items__first {
        width: 100%;
        margin-right: 0;
    }
}

.w59-footer__items__first__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    display: block;
    transition: all .5s;
    cursor: pointer;
}

    .w59-footer__items__first__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-footer__items__first__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    margin-top: 1rem;
}

.w59-footer__items__second {
    width: 28%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@-webkit-keyframes key-w59-footer__items__second {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-footer__items__second {
    -webkit-animation: key-w59-footer__items__second 1s;
    animation: key-w59-footer__items__second 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:1300px) {
    .w59-footer__items__second {
        width: 49%;
        margin-left: 0;
        margin-right: 0;
    }
}

@media only screen and (max-width:700px) {
    .w59-footer__items__second {
        width: 100%;
        margin-left: 0;
    }
}

.w59-footer__items__second__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    transition: all .5s;
    display: block;
    cursor: pointer;
}

    .w59-footer__items__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-footer__items__second__childs {
}

.w59-footer__items__second__childs__child {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}

.w59-footer__items__second__childs__child__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    .w59-footer__items__second__childs__child__icon:hover {
        transform: scale(1.3);
    }

.w59-footer__items__second__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w59-footer__items__second__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-footer__items__item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@-webkit-keyframes key-w59-footer__items__item {
    0% {
        transform: translateX(10rem);
    }

    70% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-footer__items__item {
    -webkit-animation: key-w59-footer__items__item 1s;
    animation: key-w59-footer__items__item 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:1300px) {
    .w59-footer__items__item {
        width: 49%;
        margin-right: 2%;
    }

        .w59-footer__items__item:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:450px) {
    .w59-footer__items__item {
        width: 100%;
        margin-right: 0;
    }
}

@media only screen and (min-width:1300px) {
    .w59-footer__items__item:nth-child(3),
    .w59-footer__items__item:nth-child(4) {
        width: 17.5%;
    }

    .w59-footer__items__item:nth-child(4),
    .w59-footer__items__item:nth-child(8),
    .w59-footer__items__item:nth-child(12),
    .w59-footer__items__item:nth-child(16) {
        margin-right: 0%;
    }
}

.w59-footer__items__item__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    cursor: pointer;
    transition: all .5s;
}

    .w59-footer__items__item__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-footer__items__item__items {
}

.w59-footer__items__item__items__item {
    display: flex;
    margin-bottom: 1rem;
}

.w59-footer__items__item__items__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
    margin-top: .3rem;
}

    .w59-footer__items__item__items__item__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w59-footer__items__item__items__item__name {
    font-size: 1.6rem;
    line-height: 2.2rem;
    transition: all .5s;
    cursor: pointer;
    margin-left: .5rem;
}

    .w59-footer__items__item__items__item__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:1200px) {
    .w59-footer__items__item__ads {
        justify-content: center;
    }
}

.w59-footer__items__item__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #f1f1f1;
    margin-right: 1rem;
    cursor: pointer;
}

    .w59-footer__items__item__ads__item:hover {
        transform: scale(1.2);
    }

    .w59-footer__items__item__ads__item[class*="facebook"] {
        background-color: #365493;
        color: #fff;
    }

    .w59-footer__items__item__ads__item[class*="twitter"] {
        background-color: #3CF;
        color: #fff;
    }

    .w59-footer__items__item__ads__item[class*="envelope"] {
        background-color: #F89A1E;
        color: #fff;
    }

    .w59-footer__items__item__ads__item[class*="pinterest"] {
        background-color: #CB2027;
        color: #fff;
    }

    .w59-footer__items__item__ads__item[class*="youtube"] {
        background-color: #ea4335;
        color: #fff;
    }

    .w59-footer__items__item__ads__item[class*="instagram"] {
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        color: #fff;
    }

.w59-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:1200px) {
    .w59-footer__items__first__ads {
        justify-content: center;
    }
}

.w59-footer__items__first__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #f1f1f1;
    margin-right: 1rem;
    cursor: pointer;
}

    .w59-footer__items__first__ads__item:hover {
        transform: scale(1.2);
    }

    .w59-footer__items__first__ads__item[class*="facebook"] {
        background-color: #365493;
        color: #fff;
    }

    .w59-footer__items__first__ads__item[class*="twitter"] {
        background-color: #3CF;
        color: #fff;
    }

    .w59-footer__items__first__ads__item[class*="envelope"] {
        background-color: #F89A1E;
        color: #fff;
    }

    .w59-footer__items__first__ads__item[class*="pinterest"] {
        background-color: #CB2027;
        color: #fff;
    }

    .w59-footer__items__first__ads__item[class*="youtube"] {
        background-color: #ea4335;
        color: #fff;
    }

    .w59-footer__items__first__ads__item[class*="instagram"] {
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        color: #fff;
    }

.w59-footer__items__second__ads {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:1200px) {
    .w59-footer__items__second__ads {
        justify-content: center;
    }
}

.w59-footer__items__second__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    font-size: 1.4rem;
    transition: all .5s;
    background-color: #f1f1f1;
    margin-right: 1rem;
    cursor: pointer;
}

    .w59-footer__items__second__ads__item:hover {
        transform: scale(1.2);
    }

    .w59-footer__items__second__ads__item[class*="facebook"] {
        background-color: #365493;
        color: #fff;
    }

    .w59-footer__items__second__ads__item[class*="twitter"] {
        background-color: #3CF;
        color: #fff;
    }

    .w59-footer__items__second__ads__item[class*="envelope"] {
        background-color: #F89A1E;
        color: #fff;
    }

    .w59-footer__items__second__ads__item[class*="pinterest"] {
        background-color: #CB2027;
        color: #fff;
    }

    .w59-footer__items__second__ads__item[class*="youtube"] {
        background-color: #ea4335;
        color: #fff;
    }

    .w59-footer__items__second__ads__item[class*="instagram"] {
        background: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
        color: #fff;
    }

.w59-footer__line {
    display: block;
    width: 100%;
    height: .1rem;
    background-color: #ccc;
}

.w59-footer__bottom {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:700px) {
    .w59-footer__bottom {
        padding-top: 2rem;
        margin-top: 2rem;
    }
}

@-webkit-keyframes key-w59-footer__bottom {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-footer__bottom {
    -webkit-animation: key-w59-footer__bottom 3s;
    animation: key-w59-footer__bottom 3s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:1200px) {
    .w59-footer__bottom {
        justify-content: center;
    }
}

.w59-footer__bottom__first {
}

@media only screen and (max-width:1200px) {
    .w59-footer__bottom__first {
        text-align: center;
    }
}

@media only screen and (max-width:500px) {
    .w59-footer__bottom__first {
        text-align: left;
    }
}

.w59-footer__bottom__first__text {
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
    line-height: 1.6rem;
}

    .w59-footer__bottom__first__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-footer__bottom__second {
    margin-left: auto;
}

@media only screen and (max-width:1000px) {
    .w59-footer__bottom__second {
        margin: 1rem 0 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.w59-footer__bottom__second__items {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:500px) {
    .w59-footer__bottom__second__items {
        gap: 1rem;
    }
}

.w59-footer__bottom__second__items__item {
    font-size: 1.5rem;
    border-left: solid .1rem #ccc;
    padding-left: 1rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:1200px) {
    .w59-footer__bottom__second__items__item {
        padding-left: .5rem;
    }
}

.w59-footer__bottom__second__items__item:hover {
    color: rgba(var(--main-color-w), 1);
}

.w59-footer__bottom__second__items__item:first-child {
    border: none;
    padding-left: 0;
}

.w59-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w59-footer__items__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
}

    .w59-footer__items__ma iframe {
        display: block;
        overflow: hidden;
        border: none;
        padding: 0;
        margin: 0;
    }

.w59-footer__items__mafirst {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
}

    .w59-footer__items__mafirst iframe {
        display: block;
        overflow: hidden;
        border: none;
        padding: 0;
        margin: 0;
    }

.w59-footer__items__masecond {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
}

    .w59-footer__items__masecond iframe {
        display: block;
        overflow: hidden;
        border: none;
        padding: 0;
        margin: 0;
    }

.w59-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w59-footer__items__first__adv__item {
    margin-top: 2rem;
    max-width: 47%;
}

.w59-footer__items__first__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w59-footer__items__first__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w59-footer__items__second__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}

.w59-footer__items__second__adv__item {
    margin-top: 2rem;
    max-width: 47%;
}

.w59-footer__items__second__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w59-footer__items__second__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w59-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w59-footer__items__item__adv__child {
    margin-top: 2rem;
    max-width: 100%;
    justify-content: space-around;
}

@media only screen and (max-width:31.25rem) {
    .w59-footer__items__item__adv__child {
        max-width: 47%;
    }
}

.w59-footer__items__item__adv__child__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w59-footer__items__item__adv__child__imgbox:hover {
        transform: scale(1.05);
    }
/*ed*/
/*w59-bloglist*/
.w59-bloglist {
    position: relative;
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w59-bloglist__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w59-bloglist__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w59-bloglist__heading__name {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    position: relative
}

.w59-bloglist__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    width: 100%;
}

.w59-bloglist__main {
    margin-top: 2rem;
}

.w59-bloglist__main__items {
    display: flex;
    flex-wrap: wrap;
}

.w59-bloglist__main__items__item {
    margin-bottom: 2rem;
    box-shadow: 0px 1rem 3rem 0px rgba(50,50,50,.16);
    border-radius: .5rem;
    position: relative;
}

@media only screen and (min-width:62.5rem) {
    .w59-bloglist__main__items__item {
        margin-left: 2%;
        width: 32%;
    }

        .w59-bloglist__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w59-bloglist__main__items__item {
        margin-left: 2%;
        width: 49%;
    }

        .w59-bloglist__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w59-bloglist__main__items__item {
        margin-left: 0;
        width: 100%;
    }
}

.w59-bloglist__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all .5s;
    border-radius: .5rem .5rem 0 0;
    cursor: pointer;
}

    .w59-bloglist__main__items__item__imgbox:hover {
        transform: scale(1.01);
    }

.w59-bloglist__main__items__item__main {
    padding: 1.5rem;
}

.w59-bloglist__main__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w59-bloglist__main__items__item__main__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-bloglist__main__items__item__main__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w59-bloglist__main__items__item__main__date {
    display: flex;
    gap: 1rem;
    padding: .5rem 0rem 1.5rem;
    margin-bottom: 1.5rem;
    border-bottom: #dee2e6 solid .1rem;
    align-items: center;
    color: #504f4f;
}

.w59-bloglist__main__items__item__main__date__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
}

.w59-bloglist__main__items__item__main__date__text {
    font-size: 1.6rem;
}

.w59-bloglist__main__items__item__main__button {
    display: flex;
    margin-top: 1rem;
    align-items: center;
    gap: 1rem;
    background-color: rgba(var(--main-color-w), .7);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: .5rem;
    width: max-content;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w), .7);
    cursor: pointer;
}

    .w59-bloglist__main__items__item__main__button:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: #fff;
        border: solid .1rem rgba(var(--main-color-w), 1);
        letter-spacing: .1rem;
    }

.w59-bloglist__main__items__item__main__button__text {
    font-size: 1.6rem;
    font-weight: 600;
}

.w59-bloglist__main__items__item__main__button__icon {
    font-size: 1.6rem;
}

.w59-bloglist__main__items__item:after {
    content: "";
    width: 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 2s;
    border-radius: 0 0 .5rem .5rem;
}

.w59-bloglist__main__items__item:hover:after {
    width: 100%;
}

.w59-bloglist__main__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w59-bloglist__main__paging__item {
    list-style-type: none;
    margin: 0 0.5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 0.1rem #f1f1f1;
}

    .w59-bloglist__main__paging__item:hover,
    .w59-bloglist__main__paging__item.active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w59-bloglist__main__paging__item__text {
    font-size: 1.4rem;
}

.w59-bloglist .table__responsive {
    overflow-y: scroll;
}

    .w59-bloglist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w59-bloglist .table__responsive::-webkit-scrollbar-track {
    }

    .w59-bloglist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w59-bloglist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w59-bloglist .table__responsive table {
        width: max-content;
    }

.w59-bloglist__heading__des table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w59-bloglist__heading__des table td,
    .w59-bloglist__heading__des table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w59-blogdetail*/
.w59-blogdetail {
    position: relative;
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w59-blogdetail__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}

.w59-blogdetail__second {
    width: 25%;
    border-radius: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w59-blogdetail__second {
        width: 100%;
        margin-left: 0;
    }
}
.w59-blogdetail__second__container {
    position: sticky;
    top: 1rem;
}
.w59-blogdetail__second__main {
    padding: 1.5rem;
    box-shadow: 0 0 4rem .5rem rgba(0,0,0,.05);
    border-radius: .5rem;
    margin-top: 2rem;
}

    .w59-blogdetail__second__main:first-child {
        margin-top: 0;
    }

.w59-blogdetail__second__main__name {
    font-size: 2rem;
    font-weight: 600;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    cursor: pointer;
    transition: all .5s;
}

    .w59-blogdetail__second__main__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w59-blogdetail__second__main__line {
    width: 1.5rem;
    height: .3rem;
    background-color: rgba(var(--main-color-w), 1);
    margin-bottom: 1rem;
    position: relative;
    margin-top: .5rem;
}

    .w59-blogdetail__second__main__line:before {
        content: "";
        width: 3rem;
        right: -4rem;
        background-color: rgba(var(--main-color-w), 1);
        position: absolute;
        top: 0;
        height: 0.3rem;
    }

.w59-blogdetail__second__main__item {
    display: flex;
    padding: 1rem 0;
    width: 100%;
    border-bottom: .1rem dotted #d3d3d3;
}

    .w59-blogdetail__second__main__item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.w59-blogdetail__second__main__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 32%;
    transition: all 1s;
    border-radius: 1rem;
    cursor: pointer;
}

    .w59-blogdetail__second__main__item__imgbox:hover {
        transform: scale(1.05)
    }

.w59-blogdetail__second__main__item__name {
    width: 64%;
    margin-left: 4%;
}

.w59-blogdetail__second__main__item__name__text {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w59-blogdetail__second__main__item__name__text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition: all .5s;
    }
}

.w59-blogdetail__second__main__item__name__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w59-blogdetail__second__main__item__name__icon {
    display: inline-block;
    font-size: 1.3rem;
    color: #a6a6a6;
}

.w59-blogdetail__second__main__item__name__des {
    display: inline-block;
    margin-left: .5rem;
    font-size: 1.3rem;
}

.w59-blogdetail__second__main__menu {
    margin-top: 1.5rem;
}

.w59-blogdetail__second__main__menu__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-bottom: solid .1rem #dee2e6;
    padding-bottom: 1rem;
    transition: all .5s;
}

    .w59-blogdetail__second__main__menu__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

    .w59-blogdetail__second__main__menu__item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }

.w59-blogdetail__second__main__menu__item__icon {
    font-size: 1.6rem;
    font-weight: 600;
}

.w59-blogdetail__second__main__menu__item__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    margin-left: .5rem;
}

.w59-blogdetail__second__main__menu__item__number {
    font-size: 1.6rem;
    margin-left: auto;
}

.w59-blogdetail__second__main__ads {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w59-blogdetail__second__main__ads__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    width: 4rem;
    height: 4rem;
    margin-top: 1rem;
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    transition: all 1s;
    margin-right: 1rem;
    cursor: pointer;
}

    .w59-blogdetail__second__main__ads__item:last-child {
        margin-right: 0;
    }

    .w59-blogdetail__second__main__ads__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w59-blogdetail__main {
    width: 74%;
    padding: 0rem 2rem 2rem;
    border-radius: .5rem;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w59-blogdetail__main {
        width: 100%;
        padding: 0rem 0rem 0rem;
        margin-left: 0;
    }
}

.w59-blogdetail__main__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: .5rem;
}

.w59-blogdetail__main__imgbox__img {
    width: 100%;
}

.w59-blogdetail__main__heading {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w59-blogdetail__main__heading__name {
    font-size: 2.6rem;
    line-height: 3.4rem;
    font-weight: 600;
    width: 100%;
    text-transform: capitalize;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1rem;
}

.w59-blogdetail__main__heading__date {
    display: flex;
    margin-top: 1rem;
    align-items: center;
}

.w59-blogdetail__main__heading__date__icon {
    font-size: 1.5rem;
}

.w59-blogdetail__main__heading__date__text {
    font-size: 1.5rem;
    margin-left: 1rem;
}

.w59-blogdetail__main__heading__des {
    margin-top: .5rem;
    margin-bottom: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    margin: 2rem 0rem;
    width: 100%;
    padding: 1rem 2rem;
    border-radius: 1rem;
    box-shadow: 0 0 .5rem 0 #e8e8e8;
    border-left: .5rem solid #e8e8e8;
}

.w59-blogdetail__main__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

    .w59-blogdetail__main__content iframe {
        height: 32rem;
        border: none;
    }

@media only screen and (max-width:75rem) {
    .w59-blogdetail__main__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w59-blogdetail__main__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w59-blogdetail__main__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-blogdetail__main__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w59-blogdetail__main__comment {
}

.w59-blogdetail__main__ratting {
    display: flex;
    margin: 2rem 0;
    border-bottom: solid .1rem #f1f1f1;
    border-top: solid .1rem #f1f1f1;
    padding: 1rem 0;
    align-items: center;
}

.w59-blogdetail__main__ratting__first {
    display: flex;
    align-items: center;
}

.w59-blogdetail__main__ratting__first__name {
    font-size: 1.6rem;
}

.w59-blogdetail__main__ratting__first__item {
    font-size: 1.6rem;
    margin: 0 .5rem;
}

.w59-blogdetail__main__ratting__second {
    display: flex;
    margin-left: auto;
    align-items: center;
}

.w59-blogdetail__main__ratting__second__items {
    display: flex;
    align-items: center;
}

.w59-blogdetail__main__ratting__second__items__item {
    font-size: 1.6rem;
    margin: 0 .5rem;
}

.w59-blogdetail__main__ratting__second__name {
    font-size: 1.6rem;
    margin-left: .5rem;
}

.w59-blogdetail__main__items {
}

.w59-blogdetail__main__items__item {
    display: flex;
    margin-bottom: 2rem;
    padding: 2rem;
    border: dotted .1rem rgba(var(--main-color-w), 1);
    border-radius: .5rem;
}

.w59-blogdetail__main__items__item__figure {
    width: 22%;
    background-size: contain;
    background-repeat: no-repeat;
}

.w59-blogdetail__main__items__item__second {
    margin-left: 3%;
    width: 75%;
}

.w59-blogdetail__main__items__item__second__name {
    font-size: 1.4rem;
    font-weight: 700;
}

.w59-blogdetail__main__items__item__second__content {
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin-top: 1rem;
}

    .w59-blogdetail__main__items__item__second__content ul,
    .w59-blogdetail__main__items__item__second__content ol {
        margin-left: 1rem;
    }

.w59-blogdetail__main__input {
    margin-bottom: 1rem;
    position: relative;
}

.w59-blogdetail__main__input__text {
    background-color: #fff;
    outline: none;
    border: none;
    color: #fff;
    font-size: 1.4rem;
    padding: 0.75rem 0.5rem;
    width: 100%;
    position: relative;
    border-radius: .5rem;
}

.w59-blogdetail__main__input__textarea {
    background-color: #fff;
    outline: none;
    border: none;
    font-size: 1.4rem;
    padding: 0.75rem 0.5rem;
    width: 100%;
    position: relative;
    border-radius: .5rem;
}

.w59-blogdetail__main__input__btn {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    display: flex;
    border-radius: 0.5rem;
    padding: 0.75rem 2rem;
    border: none;
    outline: none;
    align-items: center;
    position: absolute;
    top: -1.5rem;
    right: 0rem;
}


.w59-blogdetail__news__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
}

.w59-blogdetail__news__heading__name {
    text-align: center;
    font-size: 2.6rem;
    font-weight: 700;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    position: relative
}


.w59-blogdetail__news__main {
    margin-top: 2rem;
}

.w59-blogdetail__news__main__items {
    display: flex;
    flex-wrap: wrap;
}

.w59-blogdetail__news__main__items__item {
    margin-bottom: 2rem;
    box-shadow: 0px 1rem 3rem 0px rgba(50,50,50,.16);
    border-radius: .5rem;
    position: relative;
}

@media only screen and (min-width:62.5rem) {
    .w59-blogdetail__news__main__items__item {
        margin-left: 2%;
        width: 32%;
    }

        .w59-blogdetail__news__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w59-blogdetail__news__main__items__item {
        margin-left: 2%;
        width: 49%;
    }

        .w59-blogdetail__news__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w59-blogdetail__news__main__items__item {
        margin-left: 0;
        width: 100%;
    }
}

.w59-blogdetail__news__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all .5s;
    border-radius: .5rem .5rem 0 0;
    margin: 1rem;
    cursor: pointer;
}

    .w59-blogdetail__news__main__items__item__imgbox:hover {
        transform: scale(1.01);
    }

.w59-blogdetail__news__main__items__item__main {
    padding: 1.5rem;
}

.w59-blogdetail__news__main__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w59-blogdetail__news__main__items__item__main__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-blogdetail__news__main__items__item__main__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.w59-blogdetail__news__main__items__item__main__date {
    display: flex;
    padding: .5rem 0rem 1rem;
    margin-bottom: 1rem;
    border-bottom: #dee2e6 solid .1rem;
    align-items: center;
    color: #504f4f;
}

.w59-blogdetail__news__main__items__item__main__date__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
}

.w59-blogdetail__news__main__items__item__main__date__text {
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w59-blogdetail__news__main__items__item__main__button {
    display: flex;
    margin-top: 1rem;
    align-items: center;
    background-color: rgba(var(--main-color-w), .7);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: .5rem;
    width: max-content;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w), .7);
    cursor: pointer;
}

    .w59-blogdetail__news__main__items__item__main__button:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: #fff;
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w59-blogdetail__news__main__items__item__main__button__text {
    font-size: 1.5rem;
    font-weight: 600;
}

.w59-blogdetail__news__main__items__item__main__button__icon {
    font-size: 1.5rem;
    margin-left: 1rem;
}

.w59-blogdetail__news__main__items__item:after {
    content: "";
    width: 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 2s;
    border-radius: 0 0 .5rem .5rem;
}

.w59-blogdetail__news__main__items__item:hover:after {
    width: 100%;
}

.w59-blogdetail .table__responsive {
    overflow-y: scroll;
}

    .w59-blogdetail .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w59-blogdetail .table__responsive::-webkit-scrollbar-track {
    }

    .w59-blogdetail .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w59-blogdetail .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w59-blogdetail .table__responsive table {
        width: max-content;
    }

.w59-blogdetail__main__content table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w59-blogdetail__main__content table td,
    .w59-blogdetail__main__content table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w59-productlist*/
.w59-productlist {
    width: 100%;
    padding: 1rem;
    position: relative;
    background-color: #fff;
}

.w59-productlist__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__group {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}

.w59-productlist__second {
    position: relative;
    width: 25%;
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__second {
        width: 100%;
        margin-top: 1rem;
    }
}

.w59-productlist__second__main {
    box-shadow: 0 0 40px 5px rgba(0,0,0,.05);
    padding: 1rem;
    margin-top: 1.5rem;
}

    .w59-productlist__second__main:first-child {
        margin-top: 0;
    }

@-webkit-keyframes key-w59-productlist__second {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w59-productlist__second {
    -webkit-animation: key-w59-productlist__second 1s;
    animation: key-w59-productlist__second 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:81.25rem) {
    .w59-productlist__second {
        grid-column-start: 1;
        grid-column-end: 5;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-productlist__second {
        grid-column-start: 1;
        grid-column-end: 1;
    }
}
.w59-productlist__second__container{
    position:sticky;
    top:1rem;
}
.w59-productlist__second__main__items {
    list-style-type: none;
    background-color: #fff;
    width: 100%;
    transition: all .5s;
    margin-top: 1rem;
    border-left: solid #f1f1f1 .1rem;
    border-right: solid #f1f1f1 .1rem;
}

    .w59-productlist__second__main__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w59-productlist__second__main__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w59-productlist__second__main__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w59-productlist__second__main__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w59-productlist__second__main__items__item {
}

.w59-productlist__second__main__items__item__main {
    display: flex;
    align-items: center;
    border-top: solid #f1f1f1 .1rem;
    padding: 0 0 0 1rem;
    position: relative;
}

.w59-productlist__second__main__items__item:first-child
.w59-productlist__second__main__items__item__main {
}

.w59-productlist__second__main__items__item__check {
    display: none;
}

.w59-productlist__second__main__items__item__main__icon1 {
    font-size: 1.4rem;
    font-weight: 600;
    position: absolute;
    left: 1rem;
}

.w59-productlist__second__main__items__item__main:hover .w59-productlist__second__main__items__item__main__icon1 {
    color: rgba(var(--main-color-w),1);
}

.w59-productlist__second__main__items__item__main__name {
    font-size: 1.5rem;
    padding: .9rem 0rem;
    font-weight: 600;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1rem 0rem 1rem 1.5rem;
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__second__main__items__item__main__name {
        font-size: 1.4rem;
    }
}

.w59-productlist__second__main__items__item__main:hover .w59-productlist__second__main__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w59-productlist__second__main__items__item__main__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 0rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 0;
    cursor: pointer;
}

.w59-productlist__second__main__items__item:hover
.w59-productlist__second__main__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:81.25rem) {
    .w59-productlist__second__main__items__item:hover
    .w59-productlist__second__main__items__item__main__icon2
    .w59-productlist__second__main__items__item__main__icon2__value:before {
        content: "\f106" !important;
    }
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__second__main__items__item__main__icon2 {
        border-left: solid .1rem #f1f1f1;
    }

    .w59-productlist__second__main__items__item__check:checked ~
    .w59-productlist__second__main__items__item__main
    .w59-productlist__second__main__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w59-productlist__second__main__items__item__check:checked ~
        .w59-productlist__second__main__items__item__main
        .w59-productlist__second__main__items__item__main__icon2
        .w59-productlist__second__main__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

.w59-productlist__second__main__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
}

@media only screen and (min-width:81.25rem) {
    .w59-productlist__second__main__items__item__childs {
        transition: all .6s ease-in-out;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-productlist__second__main__items__item__childs {
        
    }

    .w59-productlist__second__main__items__item__check:checked ~ .w59-productlist__second__main__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:81.25rem) {
    .w59-productlist__second__main__items__item:hover .w59-productlist__second__main__items__item__childs {
        max-height: 900vh;
    }
}

.w59-productlist__second__main__items__item__childs__item {
}

    .w59-productlist__second__main__items__item__childs__item:first-child {
        border-bottom: none;
    }

.w59-productlist__second__main__items__item__childs__item__check {
    display: none;
}

.w59-productlist__second__main__items__item__childs__item__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem;
    border-top: solid .1rem #f1f1f1;
    position: relative;
}

.w59-productlist__second__main__items__item__childs__item__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 0rem 1rem 3rem;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    width: 100%;
    display: block;
}

.w59-productlist__second__main__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    padding: 0rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    position: absolute;
    height: 100%;
    right: 0;
}

.w59-productlist__second__main__items__item__childs__item:hover .w59-productlist__second__main__items__item__childs__item__main__name,
.w59-productlist__second__main__items__item__childs__item:hover .w59-productlist__second__main__items__item__childs__item__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:81.25rem) {
    .w59-productlist__second__main__items__item__childs__item:hover
    .w59-productlist__second__main__items__item__childs__item__main__icon
    .w59-productlist__second__main__items__item__childs__item__main__icon__value:before {
        content: "\f106" !important;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-productlist__second__main__items__item__childs__item__main__icon {
        border-left: solid .1rem #f1f1f1;
    }

    .w59-productlist__second__main__items__item__childs__item__check:checked ~
    .w59-productlist__second__main__items__item__childs__item__main
    .w59-productlist__second__main__items__item__childs__item__main__icon {
        background-color: #f1f1f1;
    }

        .w59-productlist__second__main__items__item__childs__item__check:checked ~
        .w59-productlist__second__main__items__item__childs__item__main
        .w59-productlist__second__main__items__item__childs__item__main__icon
        .w59-productlist__second__main__items__item__childs__item__main__icon__value:before {
            content: "\f106" !important;
        }
}

.w59-productlist__second__main__items__item__childs__item__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0
}

@media only screen and (min-width:81.25rem) {
    .w59-productlist__second__main__items__item__childs__item__grands {
        transition: all .6s ease-in-out;
    }
}

@media only screen and (max-width:81.25rem) {
    .w59-productlist__second__main__items__item__childs__item__grands {
        
    }

    .w59-productlist__second__main__items__item__childs__item__check:checked ~ .w59-productlist__second__main__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:81.25rem) {
    .w59-productlist__second__main__items__item__childs__item:hover .w59-productlist__second__main__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

.w59-productlist__second__main__items__item__childs__item__grands__item {
}

.w59-productlist__second__main__items__item__childs__item__grands__item__main {
    padding: 0;
    border-top: solid .1rem #f1f1f1;
    display: flex;
}

.w59-productlist__second__main__items__item__childs__item__grands__item__main__name {
    font-size: 1.4rem;
    font-weight: 600;
    padding: 1rem 1rem 1rem 5rem;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
}

.w59-productlist__second__main__items__item__childs__item__grands__item:hover .w59-productlist__second__main__items__item__childs__item__grands__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w59-productlist__second__main__name {
    font-size: 2rem;
    font-weight: 600;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    text-transform: capitalize;
}

.w59-productlist__second__main__line {
    width: 1.5rem;
    height: .3rem;
    background-color: rgba(var(--main-color-w), 1);
    margin-bottom: .5rem;
    margin-top: .5rem;
    position: relative;
}

.w59-productlist__second__main__line__bg {
    content: "";
    width: 3rem;
    right: -4rem;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    top: 0;
    height: 0.3rem;
}

.w59-productlist__second__main__item__list {
    display: flex;
    flex-wrap: wrap;
}

.w59-productlist__second__main__item__list__item {
    display: flex;
    padding: 1rem 0;
    width: 100%;
    border-bottom: .1rem dotted #d3d3d3;
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__second__main__item__list__item {
        width: 49%;
        margin-left: 2%;
    }

        .w59-productlist__second__main__item__list__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w59-productlist__second__main__item__list__item {
        width: 100%;
        margin-left: 0;
    }

        .w59-productlist__second__main__item__list__item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
}

@media only screen and (min-width:62.5rem) {
    .w59-productlist__second__main__item__list__item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}

.w59-productlist__second__main__item__list__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    width: 32%;
    transition: all 1s;
    border-radius: 5rem;
    cursor: pointer;
}

    .w59-productlist__second__main__item__list__item__imgbox:hover {
        transform: scale(1.05)
    }

.w59-productlist__second__main__item__list__item__name {
    width: 61%;
    margin-left: 7%;
}

.w59-productlist__second__main__item__list__item__name__text {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w59-productlist__second__main__item__list__item__name__text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition: all .5s;
    }
}

.w59-productlist__second__main__item__list__item__name__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w59-productlist__second__main__item__list__item__name__icon {
    display: inline-block;
    font-size: 1.2rem;
    color: #a6a6a6;
}

.w59-productlist__second__main__item__list__item__name__des {
    display: block;
    font-size: 1.3rem;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w59-productlist__second__main__menu {
    margin-top: 3rem;
}

.w59-productlist__second__main__menu__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-bottom: solid .1rem #dee2e6;
    padding-bottom: 1rem;
    transition: all .5s;
}

    .w59-productlist__second__main__menu__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

    .w59-productlist__second__main__menu__item:last-child {
        border-bottom: none;
    }

.w59-productlist__second__main__menu__item__icon {
    font-size: 1.6rem;
}

.w59-productlist__second__main__menu__item__name {
    font-size: 1.6rem;
}

.w59-productlist__second__main__menu__item__number {
    font-size: 1.6rem;
    margin-left: auto;
}

.w59-productlist__second__main__ads {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w59-productlist__second__main__ads__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    margin-top: 1rem;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    transition: all 1s;
    margin-right: 1.5rem;
    cursor: pointer;
}

    .w59-productlist__second__main__ads__item:last-child {
        margin-right: 0;
    }

    .w59-productlist__second__main__ads__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }
.w59-productlist__mains {
    width: 73%;
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__mains {
        width: 100%;
        margin-left: 0;
    }
}

@-webkit-keyframes key-w59-productlist__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w59-productlist__mains {
    -webkit-animation: key-w59-productlist__mains 3s;
    animation: key-w59-productlist__mains 3s;
    animation-iteration-count: 1;
}

.w59-productlist__mains__main {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.w59-productlist__mains__main__item {
    width: 24.25%;
    margin-left: 1%;
    background-color: #fff;
    position: relative;
    outline: none;
    padding: 0rem 0rem 1rem;
    border: solid .1rem #eaeaea;
    margin-bottom: 1rem;
    box-shadow: 0 1px 5px rgba(0,0,0,.05);
    border-radius: .5rem;
}

@media only screen and (min-width:75rem) {
    .w59-productlist__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w59-productlist__mains__main__item {
        width: 32.66666%;
    }

        .w59-productlist__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:43.75rem) {
    .w59-productlist__mains__main__item {
        width: 49.5%;
    }

        .w59-productlist__mains__main__item:nth-child(3n+1) {
            margin-left: 1%;
        }

        .w59-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w59-productlist__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: .75rem;
}

.w59-productlist__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 0;
    padding-top: 1.5rem;
}

.w59-productlist__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    cursor: pointer;
    text-align: center;
    font-weight: 700;
    transition: all .5s;
    text-transform: capitalize;
}

    .w59-productlist__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-productlist__mains__main__item__content__bottom__des {
    color: #474747;
    margin-bottom: .5rem;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
}

    .w59-productlist__mains__main__item__content__bottom__des:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w59-productlist__mains__main__item__content__bottom__des__text {
    font-size: 1.3rem;
    margin-left: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    cursor: pointer;
}

.w59-productlist__mains__main__item__content__bottom__des__icon {
    font-size: 1.3rem;
}

.w59-productlist__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: .5rem;
}

.w59-productlist__mains__main__item__content__top__figure {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w59-productlist__mains__main__item__content:hover .w59-productlist__mains__main__item__content__top__figure {
    transform: scale(1.1);
}

.w59-productlist__mains__main__item__content__top__figure:before {
    border-radius: .5rem;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), .5);
    transition: all .5s;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: scale(.9);
}

.w59-productlist__mains__main__item__content:hover .w59-productlist__mains__main__item__content__top__figure:before {
    z-index: 1;
    opacity: 1;
    visibility: visible;
    transform: scale(1);
}

.w59-productlist__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0rem;
    border-radius: .3rem;
}

.w59-productlist__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 700;
}

.w59-productlist__mains__main__item__content__price__sub {
    color: #858585;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-right: 1rem;
}

.w59-productlist__mains__main__item__content__top__button {
    display: flex;
    margin-left: 1rem;
    margin-right: 1rem;
    align-items: center;
    justify-content: center;
    background-color: #dedede;
    padding: .8rem 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem .5rem;
    position: absolute;
    bottom: 2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    color: #474747;
}

.w59-productlist__mains__main__item__content:hover .w59-productlist__mains__main__item__content__top__button {
    bottom: 1rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.w59-productlist__mains__main__item__content__top__button:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w59-productlist__mains__main__item__content__top__button__icon {
    font-size: 1.2rem;
    font-weight: 600;
}

.w59-productlist__mains__main__item__content__top__button__text {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w59-productlist__mains__main__item__content__top__view {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #dedede;
    padding: .8rem 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem .5rem;
    position: absolute;
    left: 1rem;
    top: 2rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    color: #474747;
}

.w59-productlist__mains__main__item__content:hover .w59-productlist__mains__main__item__content__top__view {
    top: 1rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

.w59-productlist__mains__main__item__content__top__view:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w59-productlist__mains__main__item__content__top__view__icon {
    font-size: 1.2rem;
}

.w59-productlist__mains__main__item__content__top__view__text {
    font-size: 1.2rem;
    margin-left: .5rem;
}

.w59-productlist__mains__pagination {
    bottom: 0 !important;
}

    .w59-productlist__mains__pagination .swiper-pagination-bullet {
        width: 3rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w59-productlist__mains__pagination .swiper-pagination-bullet-active {
        width: 6rem;
        opacity: 1;
    }

.w59-productlist__mains__next.swiper-button-next,
.w59-productlist__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    background-color: rgb(250 250 250 / 61%);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
}

@media only screen and (min-width:62.5rem) {
    .w59-productlist__mains__next.swiper-button-next,
    .w59-productlist__mains__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w59-productlist__mains:hover .w59-productlist__mains__next.swiper-button-next,
    .w59-productlist__mains:hover .w59-productlist__mains__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w59-productlist__mains__next:hover,
.w59-productlist__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w59-productlist__mains__next:after,
.w59-productlist__mains__prev:after {
    display: none;
}

.w59-productlist__mains__tabs {
    display: flex;
    flex-wrap: wrap;
    padding: 1.5rem 1.5rem 1.5rem 0;
    align-items: center;
    border-bottom: .1rem solid #e8e8e8;
    position: relative;
}

.w59-productlist__mains__tabs__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w59-productlist__mains__tabs__second {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__mains__tabs__second {
        margin-left: auto;
    }
}

.w59-productlist__mains__tabs__second__label {
    border-radius: .5rem;
    border: .1rem solid #e8e8e8;
    padding: .5rem 1rem;
    justify-content: center;
    align-items: center;
    display: none;
}

@media only screen and (max-width:37.5rem) {
    .w59-productlist__mains__tabs__second__label {
        display: flex;
        margin-left: 1rem;
    }
}

.w59-productlist__mains__tabs__second__label__text {
    font-size: 1.4rem;
}

.w59-productlist__mains__tabs__second__label__icon {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w59-productlist__mains__tabs__second__check {
    display: none;
}

.w59-productlist__mains__tabs__second__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w59-productlist__mains__tabs__second__items {
        position: absolute;
        right: 0rem;
        width: 15rem;
        padding: .5rem 1rem;
        top: 7rem;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        border-radius: .5rem;
        border: .1rem solid #e8e8e8;
        background-color: #fff;
        transition: all .5s;
    }

    .w59-productlist__mains__tabs__second__check:checked ~
    .w59-productlist__mains__tabs__second__items {
        top: 4rem;
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }
}

.w59-productlist__mains__tabs__second__items__item {
    display: flex;
    align-items: center;
    transition: all .5s;
    margin-left: 2rem;
    cursor: pointer;
}

    .w59-productlist__mains__tabs__second__items__item:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w59-productlist__mains__tabs__second__items__item {
        width: 100%;
        margin-left: 0;
        padding: .5rem 0;
    }
}

.w59-productlist__mains__tabs__second__items__item__check {
    font-size: 1.5rem;
    cursor: pointer;
}

    .w59-productlist__mains__tabs__second__items__item__check:hover {
    }

    .w59-productlist__mains__tabs__second__items__item__check:checked {
    }

.w59-productlist__mains__tabs__second__items__item__name {
    font-size: 1.5rem;
    margin-left: .5rem;
    cursor: pointer;
}

.w59-productlist__mains__tabs__second__items__item__check:checked ~
.w59-productlist__mains__tabs__second__items__item__name {
    color: rgba(var(--main-color-w),1);
}

.w59-productlist__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w59-productlist__paging__item {
    list-style-type: none;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid .1rem #f1f1f1;
    cursor: pointer;
    transition: all .5s;
}

    .w59-productlist__paging__item:hover,
    .w59-productlist__paging__item.active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w59-productlist__paging__item__text {
    font-size: 1.4rem;
}

.w59-productlist__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 4rem;
    padding-top: 2rem;
    border-top: .1rem solid #dee2e6;
}

.w59-productlist__heading__name {
    text-align: center;
    font-size: 2rem;
    font-weight: 700;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
}

.w59-productlist__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    width: 100%;
}

.w59-productlist__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .25rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w59-productlist__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w59-productlist__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w59-productlist__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w59-productlist__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w59-productlist__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w59-productlist__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w59-productlist__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 10rem;
    overflow: hidden;
}

.w59-productlist__detail__check:checked ~ .w59-productlist__detail__content {
    height: max-content;
}

.w59-productlist__detail__check {
    display: none;
}

.w59-productlist__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w59-productlist__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

    .w59-productlist__detail__bottom__label:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w59-productlist__detail__bottom__label--top {
    display: none;
}

.w59-productlist__detail__bottom__label__text {
    font-size: 1.6rem;
}

.w59-productlist__detail__bottom__label__text--2 {
    display: none;
}

.w59-productlist__detail__check:checked ~
.w59-productlist__detail__bottom
.w59-productlist__detail__bottom__label
.w59-productlist__detail__bottom__label__text--1 {
    display: none;
}

.w59-productlist__detail__check:checked ~
.w59-productlist__detail__bottom
.w59-productlist__detail__bottom__label
.w59-productlist__detail__bottom__label__text--2 {
    display: inline-block;
}

.w59-productlist__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w59-productlist__detail__check:checked ~
.w59-productlist__detail__bottom
.w59-productlist__detail__bottom__label
.w59-productlist__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w59-productlist .table__responsive {
    overflow-y: scroll;
}

    .w59-productlist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w59-productlist .table__responsive::-webkit-scrollbar-track {
    }

    .w59-productlist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w59-productlist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w59-productlist .table__responsive table {
        width: max-content;
    }

.w59-productlist__detail__content table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w59-productlist__detail__content table td,
    .w59-productlist__detail__content table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w60-topbar*/
.w60-topbar {
    width: 100%;
    padding: 0rem 0rem;
    background-color: #f2f5f8;
}

.ws1RightMenubox .w60-topbar {
    background-color: #fff;
}

@media only screen and (max-width:50rem) {
    .w60-topbar {
        padding: 0rem 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w60-topbar {
        padding: 0rem 1rem 1.5rem;
    }
}

.w60-topbar__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w60-topbar__first {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w60-topbar__first {
        padding-left: 0rem;
    }
}

@media only screen and (max-width:50rem) {
    .w60-topbar__first {
        justify-content: space-between;
        width: 100%;
    }
}

.w60-topbar__first__item {
    display: flex;
    align-items: center;
    padding: 0 3rem;
    border-right: solid .1rem #e0ddd7;
}

@media only screen and (max-width:50rem) {
    .w60-topbar__first__item {
        border-right: none;
        padding: 1.5rem 0 0;
    }
}

.w60-topbar__first__item:first-child {
    padding-left: 0;
}

.w60-topbar__first__item:last-child {
    padding-right: 0;
    border-right: none;
}

.w60-topbar__first__item__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w60-topbar__first__item__name {
    font-size: 1.6rem;
    margin-left: .75rem;
    cursor: pointer;
    transition: all .5s;
}

    .w60-topbar__first__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w60-topbar__second {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w60-topbar__second {
        display: none;
    }
}

.w60-topbar__second__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
}

    .w60-topbar__second__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w60-topbar__second__button {
    margin-left: 3rem;
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.w60-topbar__second__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w60-topbar__second__button__icon {
    font-size: 1.6rem;
    margin-left: .5rem;
    position: relative;
    z-index: 2;
}

.w60-topbar__second__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-topbar__second__button:hover:after {
    width: 100%;
}
/*ed*/
/*w60-menu*/
.w60-menu {
    width: 100%;
    position: relative;
    padding: 0rem 0rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w60-menu {
        z-index: 12;
    }
}

@-webkit-keyframes key-w60-menu {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    .w60-menu.in {
        -webkit-animation: key-w60-menu 1s;
        animation: key-w60-menu 1s;
        animation-iteration-count: 1;
        opacity: 1;
        background-color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu {
        padding: 0;
    }
}

.w60-menu__check {
    display: none;
}

.w60-menu__label {
    background-color: #fff;
    box-shadow: 0 1px 5px 1px rgba(0, 0, 0, 0.39);
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem 2rem;
    display: none;
    transition: all .5s;
    position: fixed;
    bottom: 0;
    left: 0;
}

@media only screen and (max-width:75rem) {
    .w60-menu__label {
        display: flex;
    }
}

.w60-menu__label__figure {
    background-size: contain;
    margin-left: auto;
    max-height: 5rem;
}

.w60-menu__label__figure__img {
    max-height: 5rem !important;
}

.w60-menu__label__main {
    display: flex;
}

.w60-menu__label__main__item {
    margin-left: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-menu__label__main__item {
        margin-left: 3rem;
    }
}

.w60-menu__label__main__item:first-child {
    margin-left: 0;
}

.w60-menu__label__main__item__icon {
    font-size: 2.4rem;
    background-color: rgba(var(--main-color-w),1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-weight: normal;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w60-menu__check:checked ~
    .w60-menu__label
    .w60-menu__label__main
    .w60-menu__label__main__item--menu
    .w60-menu__label__main__item__icon:before {
        content: "\f141";
    }
}

.w60-menu__group {
    margin: 0 auto;
    display: flex;
    align-items: center;
    z-index: 0;
    max-width: 120rem;
    justify-content: space-between;
    padding: 0rem;
    background-color: #fff;
}

@media only screen and (min-width:75rem) {
    .w60-menu.ws1TransApply .w60-menu__group {
        background-color: transparent !important;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__group {
        margin: 0;
        width: 83%;
        background-color: #fff;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .6s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        right: -100%;
        height: 100vh;
        padding: 0;
    }

    .w60-menu__check:checked ~ .w60-menu__group {
        right: 0;
    }
}
.w60-menu__second {
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second {
        width: 100%;
        margin-left: 0;
        height: max-content;
        max-height: 80vh;
        overflow-y: scroll;
    }

        .w60-menu__second::-webkit-scrollbar {
            width: .1rem;
        }

        .w60-menu__second::-webkit-scrollbar-track {
            border-radius: .1rem;
        }

        .w60-menu__second::-webkit-scrollbar-thumb {
            border-radius: .1rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w60-menu__group::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w60-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items {
        width: 100%;
    }
}

.w60-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item {
        width: 100%;
    }
}

.w60-menu__second__items__item__check {
    display: none;
}

.w60-menu__second__items__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@-webkit-keyframes key-w60-menu__second__items__item--last {
    0% {
        transform: scale(0.9);
    }

    50% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(0.9);
    }
}

.w60-menu__second__items__item--last {
    -webkit-animation: key-w60-menu__second__items__item--last 1.5s infinite;
    animation: key-w60-menu__second__items__item--last 1.5s infinite;
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__main {
        transition: .5s;
    }

    .w60-menu__second__items__item--last .w60-menu__second__items__item__main {
        background-color: rgba(var(--main-color-w),1);
        border-radius: .5rem;
        cursor: pointer;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__main {
        padding: 0 0 0 0rem;
        border-top: solid #f1f1f1 .1rem;
    }

    .w60-menu__second__items__item--last .w60-menu__second__items__item__main {
        background-color: rgba(var(--main-color-w),1);
        border-radius: 0;
        cursor: pointer;
        justify-content: center;
    }

    .w60-menu__second__items__item__check:checked ~
    .w60-menu__second__items__item__main {
    }
}

.w60-menu__second__items__item__main__name {
    font-size: 1.4rem;
    cursor: pointer;
    padding: 2.5rem 1.75rem;
    text-transform: uppercase;
    font-weight: 500;
    display: block;
}

@media only screen and (min-width:75rem) {
    .main .w60-menu.ws1TransApply .w60-menu__second__items__item__main__name {
        color: #fff;
        font-weight: 600;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__main__name {
        text-transform: capitalize;
        transition: all .5s;
        padding: 1rem 0rem 1rem 1rem;
        width: 100%;
        font-weight: 600;
    }
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__main__name {
        transition: all .5s;
    }

    .w60-menu__second__items__item--last .w60-menu__second__items__item__main__name {
        color: #fff;
    }

    .w60-menu__second__items__item:hover .w60-menu__second__items__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w60-menu.ws1TransApply .w60-menu__second__items__item:hover .w60-menu__second__items__item__main__name {
        color: #fff;
    }

    .w60-menu__second__items__item--last:hover .w60-menu__second__items__item__main__name {
        color: #fff;
    }
}

.w60-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none !important;
    color: rgba(var(--main-color-w),1);
}

.w60-menu__second__items__item--last
.w60-menu__second__items__item__main__icon1 {
    display: inline-block !important;
    color: #fff;
}

.w60-menu__second__items__item__main__icon2 {
    font-size: 1.4rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

.w60-menu__second__items__item__main__icon2__value {
    font-weight: 300;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__main__icon2 {
        width: 3.5rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        right: 0;
    }

    .w60-menu__second__items__item__main__icon2__value {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .w60-menu__second__items__item__main__icon2__value:before {
            content: "\f068" !important;
        }

        .w60-menu__second__items__item__main__icon2__value:after {
            content: "\f068" !important;
            position: absolute;
            transition: all .25s;
            transform: rotate(90deg);
        }

    .w60-menu__second__items__item__check:checked ~
    .w60-menu__second__items__item__main
    .w60-menu__second__items__item__main__icon2
    .w60-menu__second__items__item__main__icon2__value:after {
        transform: rotate(0deg);
    }
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__main__icon2 {
        color: #000;
    }

    .w60-menu__second__items__item:hover
    .w60-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .w60-menu.ws1TransApply .w60-menu__second__items__item__main__icon2 {
        color: #fff;
    }
}

.w60-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        z-index: 2;
        width: 100%;
        transition: all .25s;
    }

    .w60-menu__second__items__item__check:checked ~
    .w60-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 8rem;
        border: solid #f1f1f1 .1rem;
        background-color: #fff;
        min-width: 20rem;
        width: max-content;
        min-width: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
    }

    .w60-menu__second__items__item:hover .w60-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 6.8rem;
        background-color: #fff;
        pointer-events: inherit;
    }
}

.w60-menu__second__items__item__childs__item {
    position: relative;
}

.w60-menu__second__items__item__childs__item--parent {
    display: none;
    background-color: rgba(var(--second-color-w),1);
    position: relative;
    justify-content: center;
    align-items: center;
}

.w60-menu__second__items__item__childs__item__label {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.w60-menu__second__items__item__childs__item__label__icon {
    font-size: 1.4rem;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item--parent {
        display: flex;
    }

    .w60-menu__second__items__item__childs__item__label {
        display: flex;
    }
}

.w60-menu__second__items__item__childs__item:last-child {
    border: none;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item:last-child {
        
    }
}

.w60-menu__second__items__item__childs__item__main {
    display: flex;
    padding: 0;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item:first-child .w60-menu__second__items__item__childs__item__main {
    }
}


@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item__main {
        padding: 0 0 0;
        border-top: solid .1rem #f1f1f1;
    }

    .w60-menu__second__items__item__childs__item--parent
    .w60-menu__second__items__item__childs__item__main {
        border: none;
    }
}

.w60-menu__second__items__item__childs__item__main__name {
    font-size: 1.4rem;
    padding: 1.25rem 2rem;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 500;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item__main__name {
        padding: 1rem 0rem 1rem 3rem;
        transition: all .5s;
        display: block;
        width: 100%;
    }
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w60-menu__second__items__item__childs__item:hover .w60-menu__second__items__item__childs__item__main__name {
        color: #fff;
    }

    .w60-menu__second__items__item__childs__item:hover .w60-menu__second__items__item__childs__item__main {
        background-color: rgba(var(--main-color-w),1);
    }
}

.w60-menu__second__items__item__childs__item__main__icon {
    font-size: 1.4rem;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

.w60-menu__second__items__item__childs__item__main__icon__value {
    font-weight: 300;
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w60-menu__second__items__item__childs__item:hover .w60-menu__second__items__item__childs__item__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item__main__icon {
        width: 3.5rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        right: 0;
        height: 100%;
    }

    .w60-menu__second__items__item__childs__item__main__icon__value {
        display: flex;
        justify-content: center;
        align-items: center;
    }

        .w60-menu__second__items__item__childs__item__main__icon__value:before {
            content: "\f068" !important;
        }

        .w60-menu__second__items__item__childs__item__main__icon__value:after {
            content: "\f068" !important;
            position: absolute;
            transition: all .25s;
            transform: rotate(90deg);
        }

    .w60-menu__second__items__item__childs__item__check:checked ~
    .w60-menu__second__items__item__childs__item__main
    .w60-menu__second__items__item__childs__item__main__icon
    .w60-menu__second__items__item__childs__item__main__icon__value:after {
        transform: rotate(0deg);
    }
}

.w60-menu__second__items__item__childs__item__check {
    display: none;
}

.w60-menu__second__items__item__childs__item__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
        position: relative;
        max-height: 0;
        width: 100%;
        transition: all .25s;
    }

        .w60-menu__second__items__item__childs__item__grands::-webkit-scrollbar {
            width: .4rem;
        }

        .w60-menu__second__items__item__childs__item__grands::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w60-menu__second__items__item__childs__item__grands::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w60-menu__second__items__item__childs__item__grands::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w60-menu__second__items__item__childs__item__check:checked ~
    .w60-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
        left: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        border: .1rem solid rgb(238, 238, 238);
        background-color: #fff;
        width: 20rem;
    }

    .w60-menu__second__items__item__childs__item:hover .w60-menu__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }
}

.w60-menu__second__items__item__childs__item__grands__item {
    overflow: hidden;
}

.w60-menu__second__items__item__childs__item__grands__item__label {
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}

.w60-menu__second__items__item__childs__item__grands__item__label__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w60-menu__second__items__item__childs__item__grands__item__main {
    padding: 0;
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item__grands__item__label {
        display: flex;
    }
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__childs__item__grands__item__main {
        border-color: #eee;
    }

    .w60-menu__second__items__item__childs__item__grands__item:first-child .w60-menu__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w60-menu__second__items__item__childs__item__grands__item:hover .w60-menu__second__items__item__childs__item__grands__item__main {
        background-color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item__grands__item__main {
        border-top: .1rem solid #f1f1f1;
    }
}

.w60-menu__second__items__item__childs__item__grands__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    padding: 1.25rem 2rem;
    display: block;
}

@media only screen and (min-width:75rem) {
    .w60-menu__second__items__item__childs__item__grands__item__main__name {
    }

    .w60-menu__second__items__item__childs__item__grands__item__main:hover .w60-menu__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__second__items__item__childs__item__grands__item__main__name {
        font-weight: 400;
        cursor: pointer;
        padding: 1rem 0rem 1rem 5rem;
        display: block;
        width: 100%;
    }

    .w60-menu__second__items__item__childs__item__grands__item--parent
    .w60-menu__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
        text-transform: uppercase;
    }

    .w60-menu__second__items__item__childs__item__grands__item__main:hover .w60-menu__second__items__item__childs__item__grands__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

.w60-menu__heading {
}

@media only screen and (max-width:75rem) {
    .w60-menu__heading {
        display: flex;
        align-items: center;
        padding: 0rem 0rem 0rem 1rem;
        height: 4rem;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w60-menu__heading__name {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w60-menu__heading__name {
        display: flex;
    }
}

.w60-menu__heading__name__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    margin-left: .75rem;
    color: #fff;
}

.w60-menu__heading__name__icon {
    font-size: 2.6rem;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w60-menu__heading__name {
        display: flex;
        align-items: center;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__heading__figure {
        display: none;
    }
}

.w60-menu__heading__figure {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-height: 6rem;
}

.w60-menu__heading__figure__img {
    max-height: 6rem !important;
}

.w60-menu__heading__label {
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    background-color: #fff;
    display: none;
    align-items: center;
    justify-content: center;
    font-weight: 900;
    margin-left: auto;
    width: 4rem;
    height: 4rem;
}

@media only screen and (max-width:75rem) {
    .w60-menu__heading__label {
        display: flex;
    }
}

.w60-menu__heading__label:hover {
    transform: scale(1.05);
}

.w60-menu__heading__label__icon {
    font-size: 1.6rem;
}

.w60-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    right: -100%;
    display: none;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    width: 100%;
    transition: all .35s;
}

@media only screen and (max-width:75rem) {
    .w60-menu__bg {
        display: block;
    }

    .w60-menu__check:checked ~
    .w60-menu__bg {
        right: 0;
    }
}

.w60-menu__search {
    cursor: pointer;
    width: 3rem;
    height: 2rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w60-menu__search {
        border-top: solid .1rem #f1f1f1;
        border-bottom: solid .1rem #f1f1f1;
        width: 100%;
        height: max-content;
    }
}

.w60-menu__search__input {
    display: none;
}

.w60-menu__search__button {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w60-menu__search__input {
        display: block;
        border: none;
        background-color: none;
        width: 100%;
        padding: 1.25rem 1rem;
        font-size: 1.4rem;
        outline: none;
    }

    .w60-menu__search__button {
        display: inline-block;
        position: absolute;
        right: 1rem;
        border: none;
        background-color: none;
        font-size: 1.4rem;
    }
}

.w60-menu__search__label {
    cursor: pointer;
}

@media only screen and (min-width:75rem) {
    .w60-menu.ws1TransApply .w60-menu__search__label {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w60-menu__search__label {
        display: none;
    }
}

.w60-menu__search__label__icon {
    font-size: 1.6rem;
    transition: all .5s;
}

.w60-menu__checkform:checked ~
.w60-menu__group
.w60-menu__search
.w60-menu__search__label
.w60-menu__search__label__icon {
    transform: rotate(45deg);
}

    .w60-menu__checkform:checked ~
    .w60-menu__group
    .w60-menu__search
    .w60-menu__search__label
    .w60-menu__search__label__icon:before {
        content: "\f067"
    }

.w60-menu__checkform {
    display: none;
}

.w60-menu__form {
    top: 0;
    visibility: hidden;
    z-index: 0;
    position: absolute;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    transition: all .5s;
}

.w60-menu__checkform:checked ~ .w60-menu__form {
    top: 100%;
    visibility: visible;
    z-index: 2;
}

.w60-menu__form__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w60-menu__form__main {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    padding: 2rem 0rem;
    transition: all .5s;
    overflow: hidden;
    border-radius: 0 0 .5rem .5rem;
}

@media only screen and (min-width:75rem) {
    .w60-menu.ws1TransApply .w60-menu__form__main {
        border-radius: 3rem;
        background-color: #fff;
    }
}

.w60-menu__form__main:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w), 1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 1s;
    transition: 1s;
}

.w60-menu__form__main:hover::after {
    width: 100%;
}

.w60-menu__form__main__input {
    border: none;
    outline: none;
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    font-family: inherit;
    color: #fff;
    background-color: transparent;
    position: relative;
    z-index: 2;
}

    .w60-menu__form__main__input::placeholder {
        color: #dedede;
        transition: all .5s;
    }

@media only screen and (min-width:75rem) {
    .w60-menu.ws1TransApply .w60-menu__form__main__input {
        color: #000;
    }

    .w60-menu__form__main__input::placeholder {
        color: #666;
    }
}

.w60-menu__form__main__input::placeholder {
    color: rgba(255,255,255,.5);
}

.w60-menu__form__main:hover .w60-menu__form__main__input:focus::placeholder {
    color: #fff;
}

.w60-menu__form__main:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w60-menu__form__main__btn {
    border: none;
    background: none;
    right: 2rem;
    position: absolute;
    transition: all .25s;
    z-index: 2;
    cursor: pointer;
    color: rgba(255,255,255,.5);
}

    .w60-menu__form__main__btn:hover {
        transform: scale(1.05);
    }

.w60-menu__form__main__btn__icon {
    font-size: 2rem;
}

.w60-menu__form__main:hover .w60-menu__form__main__btn__icon {
    color: #fff;
}
/*ed*/
/*w60-banner*/
.w60-banner {
    width: 100%;
    padding-bottom: 5rem;
    background-color: #fff;
    overflow: hidden;
}

.w60-banner__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 0;
}

@-webkit-keyframes key-w60-banner__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w60-banner__second {
    -webkit-animation: key-w60-banner__second .5s;
    animation: key-w60-banner__second .5s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:81.25rem) {
    .w60-banner__second {
        margin-left: 0;
        margin-top: 1rem;
        grid-column-start: 1;
        grid-column-end: 4;
    }
}

@media only screen and (max-width:31.25rem) {
    .w60-banner__second {
        margin-left: 0;
        margin-right: 0;
    }
}

.w60-banner__mains {
    position: relative;
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    z-index: 0;
}

.w60-banner__mains__main.swiper-wrapper {
    height: 100% !important;
}

.w60-banner__mains__main__item {
    position: relative;
    overflow: hidden;
}

.w60-banner__mains__main__item__main {
    position: absolute;
    left: 0;
    top: 0rem;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 1;
}

.w60-banner__mains__main__item__main__content {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 2rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-banner__mains__main__item__main__content {
        padding-left: 7rem;
        padding-right: 7rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w60-banner__mains__main__item__main__content {
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.w60-banner__mains__main__item__main__content__text1 {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
}

@media only screen and (max-width:43.75rem) {
    .w60-banner__mains__main__item__main__content__text1 {
        font-size: 1.4rem;
        color: #fff;
    }
}

.swiper-slide-active .w60-banner__mains__main__item__main__content__text1 {
    -webkit-animation: key-w60-banner__mains__main__item__main__content__text2 1s;
    animation: key-w60-banner__mains__main__item__main__content__text2 1s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w60-banner__mains__main__item__main__content__text1 {
    0% {
        transform: translateY(-5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner__mains__main__item__main__content__text1 {
    transform: translateY(0);
}

.w60-banner__mains__main__item__main__content__text2 {
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    transition: all 1s;
    text-transform: capitalize;
    margin-top: .2rem;
    line-height: 7rem;
}

@media only screen and (max-width:68.75rem) {
    .w60-banner__mains__main__item__main__content__text2 {
        font-size: 3rem;
        margin-top: 0.5rem;
        line-height: 4.5rem;
    }
}

@media only screen and (max-width:43.75rem) {
    .w60-banner__mains__main__item__main__content__text2 {
        font-size: 2rem;
        line-height: 3.2rem;
    }
}

.swiper-slide-active .w60-banner__mains__main__item__main__content__text2 {
    -webkit-animation: key-w60-banner__mains__main__item__main__content__text2 1s;
    animation: key-w60-banner__mains__main__item__main__content__text2 1s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w60-banner__mains__main__item__main__content__text2 {
    0% {
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner__mains__main__item__main__content__text3 {
    font-size: 1.8rem;
    color: #fff;
    width: 100%;
    margin-top: 1rem;
    line-height: 3rem;
    transition: all 1s;
}

@media only screen and (max-width:43.75rem) {
    .w60-banner__mains__main__item__main__content__text3 {
        font-size: 1.4rem;
        line-height: 2.2rem;
    }
}

.swiper-slide-active .w60-banner__mains__main__item__main__content__text3 {
    -webkit-animation: key-w60-banner__mains__main__item__main__content__text3 2s;
    animation: key-w60-banner__mains__main__item__main__content__text3 2s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w60-banner__mains__main__item__main__content__text3 {
    0% {
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner__mains__main__item__main__content__button {
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    width: max-content;
    margin-top: 3rem;
    border-radius: .5rem;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w60-banner__mains__main__item__main__content__button {
        padding: 1rem 1.5rem;
        margin-top: 2rem;
    }
}

.swiper-slide-active .w60-banner__mains__main__item__main__content__button {
    -webkit-animation: key-w60-banner__mains__main__item__main__content__button 2s;
    animation: key-w60-banner__mains__main__item__main__content__button 2s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w60-banner__mains__main__item__main__content__button {
    0% {
        transform: translateY(15rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner__mains__main__item__main__content__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w60-banner__mains__main__item__main__content__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-banner__mains__main__item__main__content__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    border-radius: .5rem;
}

.w60-banner__mains__main__item__main__content__button:hover:after {
    width: 100%;
}

.w60-banner__mains__main__item__imgbox {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80vh;
    transition: all 2s;
}

@media only screen and (max-width:68.75rem) {
    .w60-banner__mains__main__item__imgbox {
        height: 50vh;
    }
}

.w60-banner__mains__main__item:hover .w60-banner__mains__main__item__imgbox {
    transform: scale(1.05);
}

.w60-banner__mains__next.swiper-button-next,
.w60-banner__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    padding: 0;
    border-radius: 50%;
    width: 3.6rem;
    height: 3.6rem;
    text-align: center;
    background-color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
    box-shadow: 0px 2px 4px 0px rgba(26,26,26,.24);
}

@media only screen and (max-width:37.5rem) {
    .w60-banner__mains__next.swiper-button-next,
    .w60-banner__mains__prev.swiper-button-prev {
        margin: 0;
        font-size: 1.6rem;
        padding: 0;
        border-radius: 50%;
        width: 2.6rem;
        height: 2.6rem;
        text-align: center;
        background-color: #fff;
        transition: all .5s;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #000;
        box-shadow: 0px 2px 4px 0px rgba(26,26,26,.24);
    }
}

@media only screen and (min-width:81.25rem) {
    .w60-banner__mains__prev.swiper-button-prev {
        left: 2rem;
    }

    .w60-banner__mains__next.swiper-button-next {
        right: 2rem;
    }
}

@media only screen and (min-width:37.5rem) {
    .w60-banner__mains__prev.swiper-button-prev {
        left: 1rem;
    }

    .w60-banner__mains__next.swiper-button-next {
        right: 1rem;
    }
}

.w60-banner__mains__next:hover,
.w60-banner__mains__prev:hover {
}

.w60-banner__mains__next:after,
.w60-banner__mains__prev:after {
    display: none;
}

.w60-banner__mains__main__item__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 0;
    background-color: transparent;
    background-image: linear-gradient(90deg, #000000D9 0%, #00000000 80%);
    opacity: 1;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.w60-banner__mains__main__item__line {
    position: absolute;
    left: -20rem;
    top: -20rem;
    background-size: cover;
    background-position: center;
    z-index: 0;
    width: 68rem;
    height: 68rem;
    border-radius: 50%;
    box-shadow: 0 0 .5rem rgb(241,241,241,0.1);
    border: solid rgb(241,241,241,0.1) .1rem;
    -webkit-animation: key-w60-banner__mains__main__item__line 100s infinite;
    animation: key-w60-banner__mains__main__item__line 100s infinite;
}

@media only screen and (max-width:75rem) {
    .w60-banner__mains__main__item__line {
        width: 60rem;
        height: 60rem;
    }

    @media only screen and (max-width:68.75rem) {
        .w60-banner__mains__main__item__line {
            width: 50rem;
            height: 50rem;
        }
    }

    @media only screen and (max-width:50rem) {
        .w60-banner__mains__main__item__line {
            width: 40rem;
            height: 40rem;
        }
    }
}

@-webkit-keyframes key-w60-banner__mains__main__item__line {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-banner__bottom {
    position: relative;
    left: 0;
    width: 96%;
    margin: 0 auto;
    z-index: 1;
    margin-top: -6rem
}

@media only screen and (max-width:75rem) {
    .w60-banner__bottom {
        margin-top: -3rem;
        position: relative;
        width: 100%;
    }
}

.w60-banner__bottom__items {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 20px 40px 0px rgba(41.999999999999865, 11, 88, 0.1);
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w60-banner__bottom__items {
        max-width: 90%;
    }
}

.w60-banner__bottom__items__item {
    padding: 2.5rem;
    width: 25%;
    transition: all .75s;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w60-banner__bottom__items__item {
        width: 50%;
        padding: 1.5rem 3rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w60-banner__bottom__items__item {
        width: 100%;
        border-bottom: dotted .1rem #f1f1f1;
    }

        .w60-banner__bottom__items__item:last-child {
            border: none;
        }
}

.w60-banner__bottom__items__item:hover {
    background-color: rgba(var(--main-color-w),.1);
}

.w60-banner__bottom__items__item__link {
    position: absolute;
    top: 0;
    right: 100%;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    cursor: pointer;
}

.w60-banner__bottom__items__item:hover
.w60-banner__bottom__items__item__link {
    opacity: 1;
    z-index: 1;
    visibility: visible;
    right: 0;
}

.w60-banner__bottom__items__item__link:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--text-color-w), 1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-banner__bottom__items__item__link:hover:after {
    width: 100%;
}

.w60-banner__bottom__items__item__link__icon {
    position: relative;
    z-index: 2;
}

.w60-banner__bottom__items__item__icon {
    font-size: 4rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
    display:block
}

    .w60-banner__bottom__items__item__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w60-banner__bottom__items__item__name {
    display: block;
    margin-top: 1.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w60-banner__bottom__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w60-banner__bottom__items__item__des {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
}
/*ed*/
/*w60-introducer*/
.w60-introducer {
    width: 100%;
    padding: 8rem 1rem 8rem;
    display: flex;
    justify-content: center;
    position: relative;
    background-color: #fff;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w60-introducer {
        padding: 10rem 1rem 6rem;
        justify-content: center;
        overflow: hidden;
    }
}

@media only screen and (max-width:75rem) {
    .w60-introducer {
    }
}

.w60-introducer__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-introducer__first {
    width: 45%;
    margin-right: 10%;
}

@media only screen and (max-width:75rem) {
    .w60-introducer__first {
        width: 100%;
        margin-right: 0%;
    }
}

.w60-introducer__first__heading {
}

@media only screen and (max-width:75rem) {
    .w60-introducer__first__heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w60-introducer__first__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background: #fff;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-introducer__first__heading__name:hover {
        background: rgba(var(--main-color-w),1);
    }

.w60-introducer__first__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 1.6rem;
    z-index: 2;
    line-height: 2.4rem;
    transition: all .5s;
}

.w60-introducer__first__heading__name:hover .w60-introducer__first__heading__name__text {
    color: #fff;
}

.w60-introducer__first__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 1.5rem;
    line-height: 4rem;
    text-transform: capitalize;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w60-introducer__first__heading__des:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:75rem) {
    .w60-introducer__first__heading__des {
        font-size: 2rem;
        text-align: center;
        line-height: 2.8rem;
    }
}

.w60-introducer__first__detail {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w60-introducer__first__items {
    margin: 2rem 0 0;
    padding: 0;
    width: 100%;
    display: block;
}

.w60-introducer__first__items__item {
    display: flex;
    width: 100%;
    list-style-type: none;
    margin-top: 1rem;
    align-items: center;
}

.w60-introducer__first__items__item__icon {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:31.25rem) {
    .w60-introducer__first__items__item__icon {
        font-size: 1.8rem;
    }
}

.w60-introducer__first__items__item__name {
    font-size: 1.6rem;
    margin-left: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w60-introducer__second {
    width: 45%;
    position: relative;
    padding-bottom: 8rem;
}

@media only screen and (max-width:75rem) {
    .w60-introducer__second {
        width: 100%;
        margin-top: 4rem;
    }
}

.w60-introducer__second__one {
    width: 80%;
    position: relative;
    z-index: 4;
}

.w60-introducer__second__one__figure {
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
}

.w60-introducer__second__one__figure__img {
    width: 100%;
}

.w60-introducer__second__two {
    position: absolute;
    right: 0;
    bottom: 0;
    height: 40%;
    width: 40%;
    z-index: 4;
}

.w60-introducer__second__two__figure {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
}

.w60-introducer__bg__one {
    height: 44rem;
    width: 44rem;
    border: solid .1rem rgba(var(--main-color-w),.1);
    box-shadow: 0px 0px 21px rgba(var(--main-color-w),.1);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -20rem;
    left: 8rem;
}

@media only screen and (max-width:75rem) {
    .w60-introducer__bg__one {
        height: 20rem;
        width: 20rem;
        top: -12rem;
        left: initial;
    }
}

.w60-introducer__bg__two {
    height: 18rem;
    width: 18rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: 13rem;
    background-size: cover;
    left: 15rem;
    animation-name: key-w60-introducer__bg__two;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@media only screen and (max-width:75rem) {
    .w60-introducer__bg__two {
        top: -9rem;
        height: 16rem;
        width: 16rem;
        left: initial;
    }
}

@-webkit-keyframes key-w60-introducer__bg__two {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-introducer__second__figure1 {
    background-size: cover;
    width: 12rem;
    height: 19rem;
    background-position: top center;
    position: absolute;
    z-index: 1;
    bottom: -2rem;
    left: -3rem;
    border-radius: 2rem;
    animation-name: key-w60-introducer__second__figure1;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes key-w60-introducer__second__figure1 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0);
    }
}

.w60-introducer__second__figure2 {
    background-size: cover;
    width: 18rem;
    height: 18rem;
    background-position: top center;
    position: absolute;
    z-index: 2;
    bottom: 0;
    top: -9rem;
    right: 3rem;
    border-radius: 50%;
    animation-name: key-w60-introducer__second__figure2;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes key-w60-introducer__second__figure2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-introducer__second__figure3 {
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: -4rem;
    right: 0rem;
    z-index: 1;
    width: 21rem;
    height: 19rem;
    animation-name: key-w60-introducer__second__figure3;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@-webkit-keyframes key-w60-introducer__second__figure3 {
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(.8);
    }
}

.w60-introducer__second__round {
    height: 26rem;
    width: 26rem;
    border: solid .1rem rgba(var(--main-color-w), .2);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    bottom: -4rem;
    right: 9rem;
    z-index: 1;
}
/*ed*/
/*w60-service*/
.w60-service {
    width: 100%;
    overflow: hidden;
    padding: 5rem 1rem 5rem;
    background-color: #fafafa;
    background-size: cover;
    background-position: top center;
}

@media only screen and (max-width:1320px) {
    .w60-service {
        padding: 8rem;
    }
}

@media only screen and (max-width:500px) {
    .w60-service {
        padding: 2rem 1rem 0rem 3rem;
    }
}

.w60-service__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w60-service__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w60-service__heading__name {
}

    .w60-service__heading__name:after {
        content: "";
        height: 100%;
        width: 0;
        background: rgba(var(--second-color-w), 1);
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        -webkit-transition: 0.4s;
        transition: 0.4s;
        display: none;
    }

    .w60-service__heading__name:hover:after {
        width: 100%;
    }

.w60-service__heading__name__text {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    line-height: 2.4rem;
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 3rem;
    border-radius: 3rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background: rgba(var(--main-color-w), 1);
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .3s;
}

.w60-service__heading__name:hover .w60-service__heading__name__text {
    color: #fff;
}

.w60-service__heading__des {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    font-size: 2.6rem;
    line-height: 4rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:600px) {
    .w60-service__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-service__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
    margin-top: 6rem;
    min-height: 60rem;
}

@media only screen and (max-width:1320px) {
    .w60-service__main {
        flex-wrap: wrap;
        margin-top: 3rem;
    }
}

.w60-service__main__left {
    width: 30%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:1320px) {
    .w60-service__main__left {
        width: 100%;
    }
}

.w60-service__main__left__item {
    margin-bottom: 6rem;
    background: #fff;
    padding: 3rem;
    border: solid .1rem #f1f1f1;
    border-radius: .5rem;
    background: #ffff;
    display: flex;
    align-items: center;
    position: relative;
    transition: all .5s;
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.15);
}

@media only screen and (max-width:1320px) {
    .w60-service__main__left__item {
        margin-bottom: 2rem;
    }
}

.w60-service__main__left__item:hover {
}

@media only screen and (min-width:1320px) {
    .w60-service__main__left--4 .w60-service__main__left__item:nth-child(1) {
        transform: translateX(6rem);
    }

    .w60-service__main__left__item:nth-child(2) {
        transform: translateX(-5rem);
    }

    .w60-service__main__left--4 .w60-service__main__left__item:nth-child(4) {
        transform: translateX(7rem);
    }
}

.w60-service__main__left__item__link {
    position: absolute;
    right: -4rem;
    background: rgba(var(--main-color-w),1);
    width: 6rem;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skew(-5deg);
    transition: all .5s;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:1320px) {
    .w60-service__main__left__item__link {
        right: inherit;
        left: -4rem;
    }
}

@media only screen and (max-width:500px) {
    .w60-service__main__left__item__link {
        width: 4rem;
        height: 4rem;
        left: -2rem;
    }
}

.w60-service__main__left__item:hover .w60-service__main__left__item__link {
    transform: skew(0);
}

.w60-service__main__left__item__link__icon {
    font-size: 2.5rem;
    color: #fff;
}

.w60-service__main__left__item__content {
}

.w60-service__main__left__item__content__name {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

.w60-service__main__left__item:hover .w60-service__main__left__item__content__name {
}

.w60-service__main__left__item__content__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: justify;
    transition: all .5s;
}

.w60-service__main__left__item:hover .w60-service__main__left__item__content__des {
}

.w60-service__main__center {
    width: 40%;
    display: flex;
    justify-content: center;
    position: relative;
    justify-content: center;
    align-items: center;
    z-index: 0;
    margin-top: -5rem;
}

@media only screen and (max-width:1320px) {
    .w60-service__main__center {
        margin-top: 5rem;
        margin-bottom: 5rem;
        width: 100%;
    }
}

.w60-service__main__center__main {
    padding: 2rem;
    border: dashed rgba(var(--main-color-w),.5) .1rem;
    border-radius: 50%;
    background-color: #fff;
}

.w60-service__main__center__main__imgbox {
    background-size: cover;
    border-radius: 50%;
    width: 40rem;
    height: 40rem;
}

@media only screen and (max-width:1320px) {
    .w60-service__main__center__main__imgbox {
        width: 35rem;
        height: 35rem;
    }
}

@media only screen and (max-width:500px) {
    .w60-service__main__center__main__imgbox {
        width: 22rem;
        height: 22rem;
    }
}

.w60-service__main__center__round {
    width: 55rem;
    height: 55rem;
    border-radius: 50%;
    position: absolute;
    -webkit-animation: key-w60-service__main__center__round 40s infinite;
    animation: key-w60-service__main__center__round 40s infinite;
}

@media only screen and (max-width:1320px) {
    .w60-service__main__center__round {
        width: 45rem;
        height: 45rem;
    }
}

@media only screen and (max-width:500px) {
    .w60-service__main__center__round {
        width: 30rem;
        height: 30rem;
    }
}

@-webkit-keyframes key-w60-service__main__center__round {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-service__main__center__round__circle-shape, .w60-service__main__center__round__circle-shape2, .w60-service__main__center__round__circle-shape3, .w60-service__main__center__round__circle-shape4, .w60-service__main__center__round__circle-shape5, .w60-service__main__center__round__circle-shape6, .w60-service__main__center__round__circle-shape7 {
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    border: 1px solid #e0e0e1;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

    .w60-service__main__center__round__circle-shape:after, .w60-service__main__center__round__circle-shape2:after,
    .w60-service__main__center__round__circle-shape3:after, .w60-service__main__center__round__circle-shape4:after,
    .w60-service__main__center__round__circle-shape5:after, .w60-service__main__center__round__circle-shape6:after,
    .w60-service__main__center__round__circle-shape:before, .w60-service__main__center__round__circle-shape2:before,
    .w60-service__main__center__round__circle-shape3:before, .w60-service__main__center__round__circle-shape4:before,
    .w60-service__main__center__round__circle-shape5:before, .w60-service__main__center__round__circle-shape6:before,
    .w60-service__main__center__round__circle-shape7:before, .w60-service__main__center__round__circle-shape7:after {
        content: '';
        width: 10px;
        height: 10px;
        position: absolute;
        border-radius: 50%;
        -webkit-animation: zoomInOutTwo 4s infinite;
        animation: zoomInOutTwo 4s infinite;
        z-index: 1;
    }

.w60-service__main__center__round__circle-shapes-wrap:before {
    left: 40%;
    top: 0;
    background: rgba(var(--main-color-w),1);
}

.w60-service__main__center__round__circle-shapes-wrap:after {
    top: 9%;
    left: 19%;
    background: #FD1A5A;
}

.w60-service__main__center__round__circle-shape:before {
    top: 26%;
    left: 5%;
    background: #4958E3;
}

.w60-service__main__center__round__circle-shape:after {
    top: 47%;
    left: -6px;
    background: rgba(var(--main-color-w),1);
}

.w60-service__main__center__round__circle-shape2:before {
    top: 69%;
    left: 3%;
    background: #FD1A5A;
}

.w60-service__main__center__round__circle-shape2:after {
    bottom: 11%;
    left: 17%;
    background: #4958E3;
}

.w60-service__main__center__round__circle-shape3:after {
    bottom: 4px;
    right: 62%;
    background: rgba(var(--main-color-w),1);
}

.w60-service__main__center__round__circle-shape3:before {
    bottom: 0%;
    right: 38%;
    background: #FD1A5A;
}

.w60-service__main__center__round__circle-shape4:before {
    right: 17%;
    bottom: 11%;
    background: #4958E3;
}

.w60-service__main__center__round__circle-shape4:after {
    bottom: 29%;
    right: 3%;
    background: rgba(var(--main-color-w),1);
}

.w60-service__main__center__round__circle-shape5:after {
    top: 10%;
    right: 18%;
    background: rgba(var(--main-color-w),1);
}

.w60-service__main__center__round__circle-shape5:before {
    top: 26%;
    right: 5%;
    background: #4958E3;
}

.w60-service__main__center__round__circle-shape6:before {
    top: 46%;
    right: -1%;
    background: #FD1A5A;
}

.w60-service__main__center__round__circle-shape6:after {
    top: 1%;
    right: 36%;
    background: #4958E3;
}

.w60-service__main__center__round__circle-shape7:before {
    top: 12%;
    right: 83%;
    background: #FD1A5A;
}

.w60-service__main__center__round__circle-shape7:after {
    top: 1%;
    right: 63%;
    background: rgba(var(--second-color-w),1);
}

.w60-service__main__right {
    width: 30%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:1320px) {
    .w60-service__main__right {
        width: 100%;
    }
}

.w60-service__main__right__item {
    margin-bottom: 6rem;
    background: #fff;
    padding: 3rem;
    border: solid .1rem #f1f1f1;
    border-radius: .5rem;
    transition: all .5s;
    background: #ffff;
    display: flex;
    box-shadow: 0px 0px 21px rgba(0, 0, 0, 0.15);
    align-items: center;
}

@media only screen and (max-width:1320px) {
    .w60-service__main__right__item {
        margin-bottom: 2rem;
    }
}

.w60-service__main__right__item:hover {
}

@media only screen and (min-width:1320px) {
    .w60-service__main__right--4 .w60-service__main__right__item:nth-child(1) {
        transform: translateX(-6rem);
    }

    .w60-service__main__right__item:nth-child(2) {
        transform: translateX(5rem);
    }

    .w60-service__main__right--4 .w60-service__main__right__item:nth-child(4) {
        transform: translateX(-7rem);
    }
}

.w60-service__main__right__item__link {
    position: absolute;
    left: -4rem;
    background: rgba(var(--main-color-w),1);
    width: 6rem;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skew(-5deg);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:500px) {
    .w60-service__main__right__item__link {
        width: 4rem;
        height: 4rem;
        left: -2rem;
    }
}

.w60-service__main__right__item:hover .w60-service__main__right__item__link {
    transform: skew(0);
}

.w60-service__main__right__item__link__icon {
    font-size: 2.5rem;
    color: #fff;
}

.w60-service__main__right__item__content {
}

.w60-service__main__right__item__content__name {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

.w60-service__main__right__item:hover .w60-service__main__right__item__content__name {
}

.w60-service__main__right__item__content__des {
    margin-top: 1rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    text-align: justify;
    transition: all .5s;
}

.w60-service__main__right__item:hover .w60-service__main__right__item__content__des {
}
/*ed*/
/*w60-abimg*/
.w60-abimg {
    display: block;
    width: 100%;
    z-index: 0;
    position: relative;
    padding: 5rem 0rem 13rem;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w60-abimg {
        padding: 5rem 0rem 5rem;
    }
}

.w60-abimg__imgbox {
    position: absolute;
    top: -.1rem;
    height: 17rem;
    z-index: -1;
    width: 100%;
    background-size: cover;
}

@media only screen and (max-width:62.5rem) {
    .w60-abimg__imgbox {
        height: 9rem;
    }

    @media only screen and (max-width:31.25rem) {
        .w60-abimg__imgbox {
            height: 6rem;
        }
    }
}

.w60-abimg__imgbox2 {
    position: absolute;
    bottom: -.1rem;
    height: 17rem;
    z-index: -1;
    width: 100%;
    background-size: cover;
    transform: rotate(180deg);
}

@media only screen and (max-width:62.5rem) {
    .w60-abimg__imgbox2 {
        height: 9rem;
    }

    @media only screen and (max-width:31.25rem) {
        .w60-abimg__imgbox2 {
            height: 6rem;
        }
    }
}

.w60-abimg__group {
    width: 100%;
    padding: 0 1rem;
    max-width: 120rem;
    margin: 0 auto;
}

.w60-abimg__heading {
    display: flex;
    width: 100%;
    max-width: 120rem;
    flex-wrap: wrap;
    justify-content: center;
    margin: 1rem auto 0rem;
}

.w60-abimg__heading__name {
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.w60-abimg__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    color: #fff;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-abimg__heading__des {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    line-height: 4rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-abimg__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-abimg__mains {
    display: flex;
    margin-top: 2rem;
}

.w60-abimg__mains__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w60-abimg__mains__main__items {
    width: 24.25%;
    margin-left: 1%;
}

@media only screen and (min-width:75rem) {
    .w60-abimg__mains__main__items:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w60-abimg__mains__main__items {
        width: 49%;
        margin-left: 2%;
    }

        .w60-abimg__mains__main__items:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w60-abimg__mains__main__items__item {
    display: contents;
}

.w60-abimg__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    height: 50vh;
    transition: all .5s;
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: move;
    margin-top: 2rem;
}

@media only screen and (max-width:75rem) {
    .w60-abimg__mains__main__items__item__imgbox {
        height: 40vh;
    }

    @media only screen and (max-width:43.75rem) {
        .w60-abimg__mains__main__items__item__imgbox {
            margin-top: 1rem;
            height: 30vh;
        }
    }
}

.w60-abimg__mains__main__items__item__imgbox__detail {
    background-color: rgba(255, 255, 255, 0.9);
    width: 94%;
    height: 92%;
    border-radius: 1.5rem;
    position: absolute;
    transition: all .5s;
    transform: scale(0);
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w60-abimg__mains__main__items__item__imgbox__detail__content {
}

.w60-abimg__mains__main__items__item__imgbox:hover .w60-abimg__mains__main__items__item__imgbox__detail {
    transform: scale(1);
    visibility: visible;
    z-index: 1;
    opacity: 1;
}

.w60-abimg__mains__main__items__item__imgbox__detail.ws1MenudropActive {
    transform: scale(1);
    visibility: visible;
    z-index: 2;
    display: flex !important;
    opacity: 1;
}

.w60-abimg__mains__main__items__item__imgbox__detail__content__name {
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    padding: 0 .5rem;
    line-height: 3.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-abimg__mains__main__items__item__imgbox__detail__content__name {
        font-size: 1.6rem;
    }
}

.w60-abimg__mains__main__items__item__imgbox__detail__content__des {
    font-size: 1.8rem;
    text-align: center;
    padding: 0 .75rem;
    line-height: 3.2rem;
}

@media only screen and (max-width:75rem) {
    .w60-abimg__mains__main__items__item__imgbox__detail__content__des {
        display: none;
    }
}

.w60-abimg__mains__main__items:nth-child(2n+1)
.w60-abimg__mains__main__items__item:nth-child(2n+2)
.w60-abimg__mains__main__items__item__imgbox {
    height: 30vh;
}

.w60-abimg__mains__main__items:nth-child(2n+2)
.w60-abimg__mains__main__items__item:nth-child(2n+1)
.w60-abimg__mains__main__items__item__imgbox {
    height: 30vh;
}

@media only screen and (max-width:43.75rem) {
    .w60-abimg__mains__main__items:nth-child(2n+1)
    .w60-abimg__mains__main__items__item:nth-child(2n+2)
    .w60-abimg__mains__main__items__item__imgbox {
        height: 20vh;
    }

    .w60-abimg__mains__main__items:nth-child(2n+2)
    .w60-abimg__mains__main__items__item:nth-child(2n+1)
    .w60-abimg__mains__main__items__item__imgbox {
        height: 20vh;
    }
}
/*ed*/
/*w60-counter*/
.w60-counter {
    width: 100%;
    padding: 0rem 1rem 4rem;
    background-color: #fff;
    overflow: hidden;
}

@media only screen and (max-width:31.25rem) {
    .w60-counter {
        padding: 2rem 1rem 3rem;
    }
}

.w60-counter__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    padding: 0;
}

.w60-counter__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w60-counter__items__item {
    width: 22.75%;
    margin-left: 3%;
    padding: 3.5rem;
    background-color: #fff;
    margin-top: 3rem;
    box-shadow: 0px 10px 30px 6px rgba(0, 0, 0, 0.07);
    transition: all .5s;
    cursor: pointer;
}

    .w60-counter__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
    }

@media only screen and (min-width:75rem) {
    .w60-counter__items__item:nth-child(4n+1) {
        margin-left: 0;
    }

    .w60-counter__items__item:hover {
        transform: translateY(-2.5rem);
    }
}

@media only screen and (max-width:75rem) {
    .w60-counter__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w60-counter__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:43.75rem) {
        .w60-counter__items__item {
            width: 100%;
            margin-left: 0;
            padding-left: 1rem;
            padding-right: 1rem;
            margin-top: 1.5rem;
        }
    }
}

.w60-counter__items__item__main {
    display: flex;
    justify-content: center;
}

.w60-counter__items__item__main--1 {
    color: #1AB69D;
}

.w60-counter__items__item__main--2 {
    color: #EE4A62;
}

.w60-counter__items__item__main--3 {
    color: #8E56FF;
}

.w60-counter__items__item__main--4 {
    color: #F8941F;
}

.w60-counter__items__item__main--5 {
    color: #EE4A62;
}

.w60-counter__items__item__main--6 {
    color: #8E56FF;
}

.w60-counter__items__item__main--7 {
    color: #F8941F;
}

.w60-counter__items__item__main--8 {
    color: #1AB69D;
}

.w60-counter__items__item__main__value {
    font-size: 4rem;
    font-weight: 700;
    transition: all .5s;
}

.w60-counter__items__item:hover .w60-counter__items__item__main__value {
    color: #fff;
}

.w60-counter__items__item__main__text {
    font-size: 4rem;
    font-weight: 700;
    margin-left: 1rem;
    transition: all .5s;
}

.w60-counter__items__item:hover .w60-counter__items__item__main__text {
    color: #fff;
}

.w60-counter__items__item__name {
    display: block;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 1rem;
    transition: all .5s;
}

.w60-counter__items__item:hover .w60-counter__items__item__name {
    color: #fff;
}
/*ed*/
/*w60-faq*/
.w60-faq {
    width: 100%;
    padding: 6rem 1rem 6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w60-faq {
        padding: 3rem 1rem 3rem;
    }
}

.w60-faq__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w60-faq__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.w60-faq__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-faq__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-faq__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-faq__heading__name:hover .w60-faq__heading__name__text {
    color: #fff;
}

.w60-faq__heading__des {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    line-height: 3.8rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
    margin-top: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-faq__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
}

    .w60-faq__text ul,
    .w60-faq__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w60-faq__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
    position: relative;
    z-index: 1;
    align-items: flex-start;
}

@media only screen and (max-width:75rem) {
    .w60-faq__main {
        overflow: hidden;
        margin-top: 2rem;
    }
}

.w60-faq__main__first {
    width: 57%;
    margin-right: 3%;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:75rem) {
    .w60-faq__main__first {
        width: 100%;
        margin-right: 0;
    }
}

.w60-faq__main__first__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w60-faq__main__first__items {
        width: 100%;
    }
}

.w60-faq__main__first__items__item {
    width: 100%;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
    padding: 2rem;
    margin-top: 2rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
}

    .w60-faq__main__first__items__item:first-child {
        margin-top: 0;
    }

    .w60-faq__main__first__items__item:first-child {
        width: 100%;
        border-top: none;
    }

.w60-faq__main__first__items__item__content {
    display: flex;
    gap: 2rem;
    transition: all .5s;
}

.w60-faq__main__first__items__item__content__box {
    width: 100%;
}

.w60-faq__main__first__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
    align-items: center;
}

.w60-faq__main__first__items__item__content__box__name__text {
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: .5rem;
    line-height: 2.6rem;
}

.w60-faq__main__first__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w60-faq__main__first__items__item__content__box__name__icon {
    font-size: 1.6rem;
    font-weight: 400;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w60-faq__main__first__items__item__content__box__check:checked ~
.w60-faq__main__first__items__item__content__box__name
.w60-faq__main__first__items__item__content__box__name__icon {
    transform: rotate(135deg);
}

.w60-faq__main__first__items__item__content__box__check:checked ~
.w60-faq__main__first__items__item__content__box__name
.w60-faq__main__first__items__item__content__box__name__text {
}

.w60-faq__main__first__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w60-faq__main__first__items__item__content__box__check {
    display: none;
}

    .w60-faq__main__first__items__item__content__box__check:checked ~
    .w60-faq__main__first__items__item__content__box__des {
        max-height: 999vh;
    }

.w60-faq__main__first__items__item__content__box__des__text {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    transition: all .5s;
}

    .w60-faq__main__first__items__item__content__box__des__text ul,
    .w60-faq__main__first__items__item__content__box__des__text ol {
        margin-left: 2.2rem;
        margin-bottom: 1rem;
    }

.w60-faq__main__second {
    width: 40%;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w60-faq__main__second {
        width: 100%;
        margin-top: 3rem;
    }
}

.w60-faq__main__second__imgbox {
    width: 100%;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 3;
    border-radius: 1rem;
}

.w60-faq__main__second__imgbox__img {
    width: 100%;
}

.w60-faq__main__second__imgbox1 {
    background-size: cover;
    width: 12rem;
    height: 19rem;
    background-position: top center;
    position: absolute;
    z-index: 1;
    border-radius: 2rem;
    left: -2rem;
    bottom: -2rem;
    animation-name: key-w60-faq__main__second__imgbox1;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@-webkit-keyframes key-w60-faq__main__second__imgbox1 {
    0% {
        opacity: .2;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: .2;
    }
}

.w60-faq__main__second__imgbox2 {
    background-size: cover;
    width: 10rem;
    height: 10rem;
    background-position: top center;
    position: absolute;
    z-index: 2;
    bottom: 0;
    top: -5rem;
    right: -5rem;
    border-radius: 50%;
    animation-name: key-w60-faq__main__second__imgbox2;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes key-w60-faq__main__second__imgbox2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-faq__main__second__imgbox3 {
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
    bottom: 0;
    top: 2rem;
    right: -10rem;
    z-index: 1;
    width: 21rem;
    height: 19rem;
    animation-name: key-w60-faq__main__second__imgbox3;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@media only screen and (max-width:75rem) {
    .w60-faq__main__second__imgbox3 {
        top: -9rem;
        right: -10rem;
    }
}

@-webkit-keyframes key-w60-faq__main__second__imgbox3 {
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(.8);
    }
}

.w60-faq__main__round {
    position: absolute;
    left: -20rem;
    top: -20rem;
    background-size: cover;
    background-position: center;
    z-index: 1;
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
    box-shadow: 0px 0px 21px rgba(var(--main-color-w),.1);
    border: solid .1rem rgba(var(--main-color-w),.1);
    -webkit-animation: key-w60-faq__round 5s infinite;
    animation: key-w60-faq__round 5s infinite;
}

@media only screen and (max-width:75rem) {
    .w60-faq__round {
        left: initial;
        width: 40rem;
        height: 40rem;
        top: -25rem;
    }
}

@-webkit-keyframes key-w60-faq__round {
    0% {
        transform: scale(0.7);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.7);
    }
}

.w60-faq__main__bgone {
    height: 16rem;
    width: 16rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -8rem;
    background-size: cover;
    left: -8rem;
    animation-name: key-w60-faq__bgone;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@media only screen and (max-width:75rem) {
    .w60-faq__bgone {
        top: -8rem;
        height: 16rem;
        width: 16rem;
        left: initial;
    }
}

@-webkit-keyframes key-w60-faq__bgone {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/*ed*/
/*w60-faq-2*/
.w60-faq-2 {
    width: 100%;
    padding: 8rem 1rem 8rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2 {
        padding: 4rem 1rem 4rem;
    }
}
.w60-faq-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w60-faq-2__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-faq-2__main__first {
    width: 46%;
    margin-left: 8%;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-2__main__first {
        width: 100%;
        margin-left: 0;
        margin-top: 4rem;
    }

    @media only screen and (max-width:50rem) {
        .w60-faq-2__main__first {
            margin-top: 6rem;
        }
    }
}

.w60-faq-2__main__first__heading {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__first__heading {
        justify-content: center;
    }
}

.w60-faq-2__main__first__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-faq-2__main__first__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-faq-2__main__first__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 1.6rem;
    line-height: 2.6rem;
}

.w60-faq-2__main__first__heading__name:hover .w60-faq-2__main__first__heading__name__text {
    color: #fff;
}

.w60-faq-2__main__first__heading__des {
    width: 100%;
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
    margin-top: .75rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__first__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-faq-2__main__first__heading__detail {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
}

.w60-faq-2__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-2__main__first__items {
        width: 100%;
    }
}

.w60-faq-2__main__first__items__item {
    width: 100%;
    margin-top: 2rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
}

    .w60-faq-2__main__first__items__item:first-child {
        margin-top: 0;
    }

    .w60-faq-2__main__first__items__item:first-child {
        width: 100%;
        border-top: none;
    }

.w60-faq-2__main__first__items__item__content {
    display: flex;
    transition: all .5s;
}

.w60-faq-2__main__first__items__item__content__box {
    padding: 1.5rem;
    border: 1px solid #dfdfdf;
    border-radius: 1rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
    width: 100%;
}

.w60-faq-2__main__first__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
}

.w60-faq-2__main__first__items__item__content__box__name__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    margin-right: .5rem;
    color: #fff;
}

.w60-faq-2__main__first__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w60-faq-2__main__first__items__item__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.w60-faq-2__main__first__items__item__content__check:checked ~
.w60-faq-2__main__first__items__item__content__box {
    background-color: #fff;
}

    .w60-faq-2__main__first__items__item__content__check:checked ~
    .w60-faq-2__main__first__items__item__content__box
    .w60-faq-2__main__first__items__item__content__box__name
    .w60-faq-2__main__first__items__item__content__box__name__icon {
        transform: rotate(135deg);
        color: rgba(var(--main-color-w), 1);
    }

    .w60-faq-2__main__first__items__item__content__check:checked ~
    .w60-faq-2__main__first__items__item__content__box
    .w60-faq-2__main__first__items__item__content__box__name
    .w60-faq-2__main__first__items__item__content__box__name__text {
        color: rgba(var(--main-color-w), 1);
    }

.w60-faq-2__main__first__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w60-faq-2__main__first__items__item__content__check {
    display: none;
}

    .w60-faq-2__main__first__items__item__content__check:checked ~
    .w60-faq-2__main__first__items__item__content__box
    .w60-faq-2__main__first__items__item__content__box__des {
        max-height: 999vh;
    }

.w60-faq-2__main__first__items__item__content__box__des__text {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    transition: all .5s;
}

    .w60-faq-2__main__first__items__item__content__box__des__text ul,
    .w60-faq-2__main__first__items__item__content__box__des__text ol {
        margin-left: 2.5rem;
    }

    .w60-faq-2__main__first__items__item__content__box__des__text b {
        color: rgba(var(--main-color-w),1);
    }

.w60-faq-2__main__second {
    width: 46%;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 0;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-2__main__second {
        width: 100%;
    }
}

.w60-faq-2__main__second__imgbox {
    width: 100%;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 1;
    border-radius: 1rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-2__main__second__imgbox {
        width: 95%;
        margin-left: auto;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-faq-2__main__second__imgbox {
            min-height: 55vh;
        }
    }
}

.w60-faq-2__main__second__imgbox__img {
    width: 100%;
}

.w60-faq-2__main__second__imgbox2 {
    position: absolute;
    width: 22rem;
    background-size: cover;
    top: 12rem;
    left: -7rem;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    border: .5rem solid #fff;
    box-shadow: 0px 6px 42px 0px rgba(0, 0, 0, 0.19);
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-2__main__second__imgbox2 {
        left: 0rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-faq-2__main__second__imgbox2 {
            width: 10rem;
            top: 4rem;
        }
    }
}

.w60-faq-2__main__second__imgbox2__play {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    border: 1px solid rgba(199, 134, 101, 0.2);
    transition: all .4s;
    cursor: pointer;
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__imgbox2__play {
        width: 3rem;
        height: 3rem;
    }
}

.w60-faq-2__main__second__imgbox2__play:hover {
    transform: scale(1.3);
}

.w60-faq-2__main__second__imgbox2__play__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__imgbox2__play__icon {
        font-size: 1rem;
    }
}

.w60-faq-2__main__second__imgbox2__play:before {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: key-w60-faq-2__main__second__imgbox2__play__before 3s infinite;
    animation: key-w60-faq-2__main__second__imgbox2__play__before 3s infinite;
}

@-webkit-keyframes key-w60-faq-2__main__second__imgbox2__play__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.3);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w60-faq-2__main__second__support {
    position: absolute;
    bottom: -2rem;
    right: -4rem;
    width: 35rem;
    z-index: 1;
    display: flex;
    align-items: center;
    padding: 2rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 2rem;
    -webkit-animation: key-w60-faq-2__main__second__support 3s infinite;
    animation: key-w60-faq-2__main__second__support 3s infinite;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support {
        width: 28rem;
        border-radius: 1rem;
        padding: 1.5rem;
    }
}

@-webkit-keyframes key-w60-faq-2__main__second__support {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(3rem);
    }

    100% {
        transform: rotate(0);
    }
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-2__main__second__support {
        right: 1rem;
    }
}

.w60-faq-2__main__second__support__link {
    padding-right: 2rem;
    margin-right: 2rem;
    border-right: .1rem solid rgba(255, 255, 255, 0.21);
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support__link {
        padding-right: 1.5rem;
        margin-right: 1.5rem;
    }
}

.w60-faq-2__main__second__support__link__icon {
    font-size: 4rem;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support__link__icon {
        font-size: 3rem;
    }
}

.w60-faq-2__main__second__support__link__icon:hover {
    transform: scale(1.05);
}

.w60-faq-2__main__second__support__right {
}

.w60-faq-2__main__second__support__right__name {
    display: block;
    color: #fff;
    font-size: 2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support__right__name {
        font-size: 1.8rem;
    }
}

.w60-faq-2__main__second__support__right__phone {
    display: block;
    color: #fff;
    font-weight: 600;
    margin-top: .5rem;
    font-size: 1.6rem;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support__right__phone {
        font-size: 1.6rem;
    }
}

.w60-faq-2__main__second__support__right__button {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    border-radius: .5rem;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    position: relative;
    width: max-content;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support__right__button {
        padding: .75rem 1rem;
        margin-top: 1rem;
    }
}

.w60-faq-2__main__second__support__right__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support__right__button__name {
        font-size: 1.4rem;
    }
}

.w60-faq-2__main__second__support__right__button:hover .w60-faq-2__main__second__support__right__button__name {
    color: #fff;
}

.w60-faq-2__main__second__support__right__button__icon {
    font-size: 1.6rem;
    margin-left: .5rem;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-2__main__second__support__right__button__icon {
        font-size: 1.4rem;
    }
}

.w60-faq-2__main__second__support__right__button:hover .w60-faq-2__main__second__support__right__button__icon {
    color: #fff;
}

.w60-faq-2__main__second__support__right__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-faq-2__main__second__support__right__button:hover:after {
    width: 100%;
}

.w60-faq-2__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w60-faq-2__check {
    display: none;
}

    .w60-faq-2__check:checked ~
    .w60-faq-2__popup {
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }

.w60-faq-2__popup__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w60-faq-2__popup__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w60-faq-2__popup__main__video {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-2__popup__main__video {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-faq-2__popup__main__video {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w60-faq-2__popup__main__video {
                width: 34rem;
            }
        }
    }
}

.w60-faq-2__popup__main__video__detail {
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
}

.w60-faq-2__popup__main__video iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:50rem) {
    .w60-faq-2__popup__main__video iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-faq-2__popup__main__video iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w60-faq-2__popup__main__video iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w60-faq-2__popup__main__video__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w60-faq-2__popup__main__video__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-faq-2__popup__main__video__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w60-faq-2__popup__main__video__close:hover {
    background-color: red;
}

.w60-faq-2__popup__main__video__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w60-faq-2__popup__main__video__close__icon {
        font-size: 2.5rem;
    }
}

.w60-faq-2__popup__main__video__close:hover .w60-faq-2__popup__main__video__close__icon {
    transform: rotate(405deg);
}
/*ed*/
/*w60-ctaregister*/
.w60-ctaregister {
    display: block;
    width: 100%;
    padding: 0rem 0rem 0rem;
    background-size: cover;
    background-color: #fff;
}

.w60-ctaregister__number {
    position: relative;
    width: 100%;
    height: 60rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w60-ctaregister__number {
        height: 50rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-ctaregister__number {
            height: 45rem;
        }

        @media only screen and (max-width:31.25rem) {
            .w60-ctaregister__number {
                height: 40rem;
            }
        }
    }
}

.w60-ctaregister__number__imgbox {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    overflow: hidden;
    background-size: cover;
}

.w60-ctaregister__number__imgbox__img {
    width: 100%;
}

.w60-ctaregister__number__imgbox:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w60-ctaregister__number:hover .w60-ctaregister__number__imgbox:after {
    animation: key-w60-ctaregister__number__imgbox 2.5s;
}

@keyframes key-w60-ctaregister__number__imgbox {
    100% {
        left: 125%;
    }
}

.w60-ctaregister__number__imgbox__bg {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-image: linear-gradient(-360deg, #000000D9 0%, rgba(0,0,0,.3) 90%);
    opacity: 1;
}

.w60-ctaregister__number__main {
    margin: 10rem auto 0;
    max-width: 120rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w60-ctaregister__number__main__heading {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    width: 100%;
    justify-content: center;
    padding: 0 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-ctaregister__number__main__heading {
        justify-content: center;
    }
}

.w60-ctaregister__number__main__heading__name {
    box-shadow: 0px 8px 19px 0px rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-ctaregister__number__main__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-ctaregister__number__main__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 1.6rem;
}

.w60-ctaregister__number__main__heading__name:hover .w60-ctaregister__number__main__heading__name__text {
    color: #fff;
}

.w60-ctaregister__number__main__heading__des {
    width: 100%;
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
    margin-top: 2rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w60-ctaregister__number__main__heading__des {
        font-size: 2rem;
    }
}

.w60-ctaregister__number__main__items {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 4rem;
    position: relative;
    z-index: 1;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__number__main__items {
        justify-content: space-between;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.w60-ctaregister__number__main__items__item {
    display: flex;
    flex-wrap: wrap;
    width: 12rem;
    height: 12rem;
    background-color: rgba(255,255,255,.9);
    border-radius: 1rem;
    text-align: center;
    margin-left: 8rem;
    flex-wrap: wrap;
    align-items: center;
    border: solid .4rem rgba(var(--main-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__number__main__items__item {
        width: 10rem;
        height: 10rem;
        margin: 0;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-ctaregister__number__main__items__item {
            width: 7rem;
            height: 7rem;
            border: solid .1rem rgba(var(--main-color-w),1);
        }
    }
}

.w60-ctaregister__number__main__items__item__box {
    width: 100%;
}

.w60-ctaregister__number__main__items__item:first-child {
    margin-left: 0;
}

.w60-ctaregister__number__main__items__item__box__value {
    color: rgba(var(--main-color-w),1);
    font-size: 4rem;
    width: 100%;
    font-weight: 600;
    text-align: center;
    letter-spacing: .1rem;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__number__main__items__item__box__value {
        font-size: 3rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-ctaregister__number__main__items__item__box__value {
            font-size: 2rem;
        }
    }
}

.w60-ctaregister__number__main__items__item__box__name {
    color: #626262;
    margin-top: .25rem;
    width: 100%;
    font-size: 1.8rem;
    text-align: center;
    text-transform: uppercase;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__number__main__items__item__box__name {
        font-size: 1.6rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-ctaregister__number__main__items__item__box__name {
            font-size: 1.4rem;
        }
    }
}

.w60-ctaregister__number__round {
    position: absolute;
    background-size: cover;
    background-position: center;
    z-index: 2;
    width: 46rem;
    height: 46rem;
    top: 1rem;
    border-radius: 50%;
    box-shadow: 0 0 .5rem rgb(241,241,241,0.1);
    border: solid rgb(241,241,241,0.1) .1rem;
    -webkit-animation: key-w60-ctaregister__number__round 100s infinite;
    animation: key-w60-ctaregister__number__round 100s infinite;
}

@media only screen and (max-width:81.25rem) {
    .w60-ctaregister__number__round {
        width: 40rem;
        height: 40rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-ctaregister__number__round {
            width: 37rem;
            height: 37rem;
        }

        @media only screen and (max-width:31.25rem) {
            .w60-ctaregister__number__round {
                width: 32rem;
                height: 32rem;
            }
        }
    }
}

@-webkit-keyframes key-w60-ctaregister__number__round {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-ctaregister__group {
    padding: 0 1rem;
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    background: url('../../img/w60/wd-form-12_bg.png') #fff no-repeat center center;
    background-size: 90%;
    margin-top: -12rem;
    border-radius: 2rem;
    z-index: 1;
}

@media only screen and (max-width:81.25rem) {
    .w60-ctaregister__group {
        max-width: 95%;
        margin-top: -8rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-ctaregister__group {
            margin-top: -2rem;
        }
    }
}

.w60-ctaregister__main {
    display: flex;
    width: 100%;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
    padding: 5rem 2rem;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__main {
        padding: 2rem 0rem;
    }
}

.w60-ctaregister__main__first {
    width: 49%;
    margin-left: 2%;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-w60-ctaregister__main__first {
        0% {
            transform: translateX(10rem);
        }

        100% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w60-ctaregister__main__first {
        -webkit-animation: key-w60-ctaregister__main__first 1s;
        animation: key-w60-ctaregister__main__first 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__main__first {
        width: 100%;
        margin-right: 0;
    }
}

.w60-ctaregister__main__first__heading {
    margin-bottom: 4rem;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__main__first__heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w60-ctaregister__main__first__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    color: #626262;
    transition: all .5s;
}

    .w60-ctaregister__main__first__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-ctaregister__main__first__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-ctaregister__main__first__heading__name:hover .w60-ctaregister__main__first__heading__name__text {
    color: #fff;
}

.w60-ctaregister__main__first__heading__text {
    font-size: 2.4rem;
    font-weight: 700;
    display: block;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin-top: 1rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-ctaregister__main__first__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-ctaregister__main__first__heading__des {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    color: #626262;
}

    .w60-ctaregister__main__first__heading__des b {
        color: rgba(var(--main-color-w),1);
    }

    .w60-ctaregister__main__first__heading__des ul,
    .w60-ctaregister__main__first__heading__des ol {
        margin-left: 2.2rem;
    }

.w60-ctaregister__main__first__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w60-ctaregister__main__first__items__item {
    width: 48.5%;
    margin-bottom: 2rem;
    position: relative;
    margin-left: 3%;
}

    .w60-ctaregister__main__first__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w60-ctaregister__main__first__items__item--2 {
    margin-left: 0;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w60-ctaregister__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w60-ctaregister__main__first__items__item__input {
    color: #626262;
    border: .1rem solid #e6e6e6;
    border-radius: .5rem;
    padding: 1rem 1rem;
    box-shadow: none;
    outline: none;
    width: 100%;
    font-family: inherit;
    font-size: 1.6rem;
}

    .w60-ctaregister__main__first__items__item__input:focus {
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w60-ctaregister__main__first__items__item__textarea {
    color: #626262;
    border: .1rem solid #e6e6e6;
    border-radius: .5rem;
    padding: 1rem 1rem;
    box-shadow: none;
    outline: none;
    width: 100%;
    font-family: inherit;
    font-size: 1.6rem;
}

    .w60-ctaregister__main__first__items__item__textarea:focus {
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w60-ctaregister__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: 0.5rem !important;
}

.w60-ctaregister__main__first__items__item--capcha {
    margin-left: 0;
}

.w60-ctaregister__main__first__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: 100%;
    z-index: 0;
    justify-content: center;
    overflow: hidden;
    transition: all .3s ease;
}

.w60-ctaregister__main__first__button:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w60-ctaregister__main__first__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w60-ctaregister__main__first__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-ctaregister__main__second {
    width: 49%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__main__second {
        display: none;
    }
}

.w60-ctaregister__main__second__figure {
    width: 95%;
    height: 95%;
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all .5s;
    position: absolute;
}

    .w60-ctaregister__main__second__figure:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w60-ctaregister__main__second__figure:hover:after {
        animation: key-w60-ctaregister__main__second__figure 2s;
    }

@keyframes key-w60-ctaregister__main__second__figure {
    100% {
        left: 125%;
    }
}

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-w60-ctaregister__main__second {
        0% {
            transform: translateX(-10rem);
        }

        50% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w60-ctaregister__main__second {
        -webkit-animation: key-w60-ctaregister__main__second 1s;
        animation: key-w60-ctaregister__main__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

.w60-ctaregister__main__first__items__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister__main__first__items__dropdown {
        width: 100%;
    }
}

.w60-ctaregister__main__first__items__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .75rem;
    border: #e6e6e6 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w60-ctaregister__main__first__items__dropdown__check:checked ~
.w60-ctaregister__main__first__items__dropdown__label
.w60-ctaregister__main__first__items__dropdown__label__icon:before {
    content: "\f106";
}

.w60-ctaregister__main__first__items__dropdown__label__name {
    font-size: 1.4rem;
    color: #626262;
}

.w60-ctaregister__main__first__items__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #626262;
}

.w60-ctaregister__main__first__items__dropdown__check {
    display: none;
}

.w60-ctaregister__main__first__items__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #e6e6e6 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: hidden;
}

.w60-ctaregister__main__first__items__dropdown__check:checked ~
.w60-ctaregister__main__first__items__dropdown__subs {
    visibility: visible;
    z-index: 2;
    top: 5rem;
    opacity: 1;
}

.w60-ctaregister__main__first__items__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #626262;
}

    .w60-ctaregister__main__first__items__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w60-ctaregister__main__first__items__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w60-video*/
.w60-video {
    overflow: hidden;
    width: 100%;
    padding: 5rem 1rem 1rem;
    position: relative;
    background-color: rgba(var(--main-color-w),.05);
}

.ws1RightMenubox .w60-video {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w60-video {
        justify-content: center;
        overflow: hidden;
    }
}

.w60-video__figure1 {
    position: absolute;
    top: -.1rem;
    height: 17rem;
    left: 0;
    z-index: 1;
    width: 100%;
    background-size: cover;
}

@media only screen and (max-width:37.5rem) {
    .w60-video__figure1 {
        height: 3rem;
    }
}

.w60-video__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-video__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: relative;
    z-index: 1;
    justify-content: center;
}

.w60-video__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-video__heading__name:hover {
        background: rgba(var(--main-color-w),1);
    }

.w60-video__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    transition: all .5s;
    letter-spacing: .1rem;
    transition: all .5s;
    line-height: 2.6rem;
}

.w60-video__heading__name:hover .w60-video__heading__name__text {
    color: #fff;
}

.w60-video__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: .75rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

@media only screen and (max-width:75rem) {
    .w60-video__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-video__items {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.w60-video__items__item {
    margin-top: 4rem;
    width: 30.666666%;
    margin-left: 3%;
    cursor: pointer;
}

.w60-video__items__item__main {
    background: #fff;
    border-radius: 1rem;
    transition: all .5s;
    overflow: hidden;
}

.w60-video__items__item:hover .w60-video__items__item__main {
    transform: translateY(-2rem);
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:62.5rem) {
    .w60-video__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-video__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w60-video__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w60-video__items__item {
            width: 100%;
            margin-left: 0;
            margin-top: 3rem;
        }
    }
}
.w60-video__items__item__main__head {
    position: relative;
}

.w60-video__items__item__main__head__first {
    overflow: hidden;
}

.w60-video__items__item__main__head__first__figure {
    background-size: cover;
    transition: all .5s;
    border-radius: 1rem 1rem 0 0;
}

.w60-video__items__item__main__head__first__figure__img {
    width: 100%;
}

.w60-video__items__item:hover .w60-video__items__item__main__head__first__figure {
    transform: scale(1.05);
}

.w60-video__items__item__main__head__play {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    right: 2.5rem;
    bottom: -2.5rem;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w60-video__items__item__main__head__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w60-video__items__item:hover .w60-video__items__item__main__head__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w60-video__items__item__main__head__play__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w60-video__items__item__main__text {
    padding: 4rem 2rem;
    transition: all .5s;
}

.w60-video__items__item__main__text__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
}

.w60-video__items__item:hover .w60-video__items__item__main__text__name {
    color: #fff;
}

.w60-video__items__item__main__text__des {
    display: block;
    font-size: 1.6rem;
    margin-top: .75rem;
    line-height: 2.6rem;
}

.w60-video__items__item:hover .w60-video__items__item__main__text__des {
    color: #fff;
}

.w60-video__items__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w60-video__items__item__check {
    display: none;
}

    .w60-video__items__item__check:checked ~
    .w60-video__items__item__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w60-video__items__item__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w60-video__items__item__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w60-video__items__item__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w60-video__items__item__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-video__items__item__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w60-video__items__item__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w60-video__items__item__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w60-video__items__item__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-video__items__item__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w60-video__items__item__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-video__items__item__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w60-video__items__item__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w60-video__items__item__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w60-video__items__item__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-video__items__item__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w60-video__items__item__modal__main__box__close:hover {
    background-color: red;
}

.w60-video__items__item__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w60-video__items__item__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w60-video__items__item__modal__main__box__close:hover .w60-video__items__item__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w60-video__bg__one {
    height: 44rem;
    width: 44rem;
    border: solid .1rem rgba(var(--main-color-w),.1);
    box-shadow: 0px 0px 21px rgba(var(--main-color-w),.1);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -20rem;
    left: -20rem;
    overflow: hidden;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w60-video__bg__one {
        height: 20rem;
        width: 20rem;
        top: -10rem;
        left: -10rem;
    }
}

.w60-video__bg__two {
    height: 18rem;
    width: 18rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: 14rem;
    z-index: 0;
    background-size: cover;
    left: 4rem;
    z-index: 0;
    animation-name: key-wd-video-6__bg__two;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@media only screen and (max-width:75rem) {
    .w60-video__bg__two {
        top: 4rem;
        height: 8rem;
        width: 8rem;
        left: 4rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-video__bg__two {
            top: -2rem;
            left: -2rem;
        }
    }
}

@-webkit-keyframes key-wd-video-6__bg__two {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-video__bg__topleft {
    position: absolute;
    top: -22rem;
    right: -10rem;
    z-index: 0;
    width: 70rem;
    height: 66rem;
    background-size: cover;
}

.w60-video__bg__bottomright {
    position: absolute;
    bottom: -7rem;
    left: -15rem;
    width: 70rem;
    height: 66rem;
    background-size: cover;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w60-video__bg__bottomright {
        bottom: 0rem;
        left: -18rem;
    }
}
/*ed*/
/*w60-ctaregister-2*/
.w60-ctaregister-2 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 8rem 1rem 8rem;
    background-color: rgba(var(--main-color-w),.05);
    background-size: cover;
    overflow: hidden;
}

.ws1RightMenubox .w60-ctaregister-2 {
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-ctaregister-2 {
        padding: 3rem 1rem 3rem;
    }
}

.w60-ctaregister-2__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 1;
}

.w60-ctaregister-2__heading {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: -2.5rem;
    z-index: 5;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w60-ctaregister-2__heading {
        width: 75%;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-ctaregister-2__heading {
            width: 80%;
        }
    }
}

.w60-ctaregister-2__heading__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2rem;
    border-radius: .5rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    text-transform: uppercase;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    letter-spacing: .1rem;
    transition: all .5s;
}

    .w60-ctaregister-2__heading__name:hover {
        transform: scale(1.05);
    }

.w60-ctaregister-2__main {
    width: 60%;
    margin: 0rem auto 0rem;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w60-ctaregister-2__main {
        width: 95%;
    }
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-2__main {
        width: 100%;
    }
}

.w60-ctaregister-2__main__support {
    padding: 5rem;
    position: relative;
    z-index: 4;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: transparent;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(-90deg, rgba(var(--main-color-w),1) 0%, rgba(var(--main-color-w),1) 100%);
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-2__main__support {
        padding: 4rem;
        flex-wrap: wrap;
    }
}

.w60-ctaregister-2__main__support__item {
    width: 40%;
    position: relative;
    z-index: 4;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-2__main__support__item {
        width: 100%;
    }
}

.w60-ctaregister-2__main__support__item__name {
    color: #fff;
    font-size: 2rem;
    margin-bottom: .25rem;
    display: block;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-2__main__support__item__name {
        text-align: center;
    }
}

@media only screen and (min-width:50rem) {
    .w60-ctaregister-2__main__support__item--first .w60-ctaregister-2__main__support__item__name {
        text-align: right;
    }
}

.w60-ctaregister-2__main__support__item__des {
    color: #fff;
    font-size: 2.6rem;
    display: block;
    cursor: pointer;
    transition: all .5s;
    font-weight: 600;
    transition: all .5s;
}

    .w60-ctaregister-2__main__support__item__des:hover {
        letter-spacing: 0.1rem;
    }

@media only screen and (max-width:50rem) {
    .w60-ctaregister-2__main__support__item__des {
        text-align: center;
    }
}

@media only screen and (min-width:50rem) {
    .w60-ctaregister-2__main__support__item--first .w60-ctaregister-2__main__support__item__des {
        text-align: right;
    }
}

.w60-ctaregister-2__main__support__item__center {
    width: 8rem;
    height: 8rem;
    margin: 0 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid rgba(199, 134, 101, 0.2);
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-2__main__support__item__center {
        width: 6rem;
        height: 6rem;
        margin: 3rem 0rem;
    }
}

.w60-ctaregister-2__main__support__item__center__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    position: relative;
    z-index: 3;
    transition: all .5s;
}

.w60-ctaregister-2__main__support__item__center:hover .w60-ctaregister-2__main__support__item__center__icon {
    transform: rotate(45deg);
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-2__main__support__item__center__icon {
        font-size: 2rem;
    }
}

.w60-ctaregister-2__main__support__item__center:before {
    width: 100%;
    z-index: 2;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: key-wd-action-11__main__support__item__center__before 3s infinite;
    animation: key-wd-action-11__main__support__item__center__before 3s infinite;
}

@-webkit-keyframes key-wd-action-11__main__support__item__center__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w60-ctaregister-2__main__support__item__center:after {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: key-wd-action-11__main__support__item__center__after 3s infinite;
    animation: key-wd-action-11__main__support__item__center__after 3s infinite;
}

@-webkit-keyframes key-wd-action-11__main__support__item__center__after {
    0% {
        transform: scale(1);
        opacity: .3;
    }

    50% {
        opacity: .75;
        transform: scale(1.4);
    }

    100% {
        opacity: .3;
        transform: scale(1);
    }
}

.w60-ctaregister-2__main__support__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url('../../img/w60/wd-action-11_bg.png') no-repeat center;
    background-size: cover;
    z-index: 1;
}

.w60-ctaregister-2__main__imgbox1 {
    height: 10rem;
    width: 10rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    bottom: -5rem;
    background-size: cover;
    left: -5rem;
    animation-name: key-wd-action-11__main__figure1;
    animation-iteration-count: infinite;
    animation-duration: 12s;
}

@-webkit-keyframes key-wd-action-11__main__figure1 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0);
    }
}

.w60-ctaregister-2__main__imgbox2 {
    height: 10rem;
    width: 13rem;
    position: absolute;
    top: -5rem;
    background-size: cover;
    left: -5rem;
    animation-name: key-wd-action-11__figure2;
    animation-iteration-count: infinite;
    animation-duration: 20s;
}

@-webkit-keyframes key-wd-action-11__figure2 {
    0% {
        opacity: 0.5;
    }

    50% {
        opacity: 1;
    }

    100% {
        opacity: 0.5;
    }
}

.w60-ctaregister-2__main__imgbox3 {
    height: 10rem;
    width: 10rem;
    position: absolute;
    right: -7rem;
    background-size: cover;
    top: -5rem;
    animation-name: key-wd-action-11__figure3;
    animation-iteration-count: infinite;
    animation-duration: 20s;
}

@-webkit-keyframes key-wd-action-11__figure3 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0);
    }
}
/*ed*/
/*w60-testimonial*/
.w60-testimonial {
    width: 100%;
    padding: 5rem 1rem 2rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 0;
}

.w60-testimonial-top {
    position: absolute;
    left: 0;
    top: -.5rem;
    width: 100%;
    z-index: 1;
}

.w60-testimonial-top__svg {
}

.w60-testimonial-top__svg__path {
    fill: rgba(var(--main-color-w),.05);
    transform-origin: center;
    transform: rotateX(360deg) rotateY(180deg);
}

.w60-testimonial__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-testimonial__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 3;
}

.w60-testimonial__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-testimonial__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-testimonial__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-testimonial__heading__name:hover .w60-testimonial__heading__name__text {
    color: #fff;
}

.w60-testimonial__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: .75rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

@media only screen and (max-width:75rem) {
    .w60-testimonial__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-testimonial__items {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
}

.w60-testimonial__items__item {
    margin-top: 2rem;
    width: 31.333333%;
    margin-left: 3%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    padding: 3rem 2rem;
    position: relative;
}

.w60-testimonial__items__item__bg {
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 1rem;
    left: 0;
    bottom: 0;
    height: 65%;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

    .w60-testimonial__items__item__bg:before {
        content: "";
        background-color: #fff;
        border-radius: 50%;
        width: 14rem;
        height: 14rem;
        bottom: -14rem;
        position: absolute;
        transition: all .5s;
        z-index: 0;
        visibility: hidden;
        opacity: 0;
    }

.w60-testimonial__items__item:hover
.w60-testimonial__items__item__bg:before {
    z-index: 1;
    visibility: visible;
    opacity: 1;
    bottom: -12rem;
}

@media only screen and (min-width:75rem) {
    .w60-testimonial__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w60-testimonial__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w60-testimonial__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:50rem) {
        .w60-testimonial__items__item {
            width: 100%;
            margin-left: 0;
            margin-top: 3rem;
        }
    }
}

.w60-testimonial__items__item__head {
    position: relative;
    z-index: 2;
    overflow: hidden;
    transition: all .5s;
    border-radius: 1rem;
    margin: 0 1rem;
}

.w60-testimonial__items__item:hover
.w60-testimonial__items__item__head {
    transform: translateY(-2rem);
}

.w60-testimonial__items__item__head__first {
    overflow: hidden;
}

.w60-testimonial__items__item__head__first__imgbox {
    background-size: cover;
    transition: all .5s;
    position: relative;
    z-index: 1;
}

.w60-testimonial__items__item__head__first__imgbox__img {
    width: 100%;
}

.w60-testimonial__items__item__head__icons {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: #fff;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .5s;
    background-color: rgba(var(--main-color-w),.5);
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.w60-testimonial__items__item:hover
.w60-testimonial__items__item__head__icons {
    opacity: 1;
    visibility: visible;
    z-index: 1;
}

.w60-testimonial__items__item__head__icons__icon {
    font-size: 1.7rem;
    color: #fff;
    position: relative;
    z-index: 2;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid .15rem #fff;
    margin-left: 1rem;
    transition: all .5s;
    transform: translateY(4rem);
    opacity: 0;
    text-decoration: none !important;
}

.w60-testimonial__items__item__head__icons__icon__value {
    color: #fff;
}

.w60-testimonial__items__item:hover .w60-testimonial__items__item__head__icons__icon {
    transform: translateX(0rem);
    opacity: 1;
}

.w60-testimonial__items__item__head__icons__icon:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w60-testimonial__items__item__head__icons__icon:first-child {
    margin-left: 0;
}

.w60-testimonial__items__item__text {
    margin-top: 2rem;
    transition: all .5s;
    z-index: 2;
    position: relative;
}

.w60-testimonial__items__item:hover
.w60-testimonial__items__item__text {
    transform: translateY(-2rem);
}

.w60-testimonial__items__item__text__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: capitalize;
    color: #fff;
    text-align: center;
    padding: 0 1rem;
}

.w60-testimonial__items__item__text__des {
    display: block;
    font-size: 1.6rem;
    margin-top: 1.5rem;
    line-height: 2.6rem;
    color: #fff;
    text-align: justify;
    max-height: 18rem;
    overflow-y: scroll;
    padding: 0 1rem;
}

    .w60-testimonial__items__item__text__des::-webkit-scrollbar {
        width: 0rem;
    }

.w60-testimonial__items__item:hover .w60-testimonial__items__item__text__des::-webkit-scrollbar {
    width: .2rem;
}

.w60-testimonial__items__item__text__des::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w60-testimonial__items__item__text__des::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background-color: rgba(255,255,255,.7);
}

.wd-comment-9__items__item__main__text::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255,255,255,.7);
}

.w60-testimonial__bottom {
    position: absolute;
    bottom: -1rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.w60-testimonial__bottom__svg {
}

.w60-testimonial__bottom__svg__path {
    fill: rgba(var(--main-color-w),.05);
    transform-origin: center;
    transform: rotateX(180deg);
}
/*ed*/
/*w60-abimg-2*/
.w60-abimg-2 {
    width: 100%;
    padding: 3rem 1rem 5rem;
    background-image: linear-gradient(-180deg, rgba(var(--main-color-w),.05) 0%, rgba(var(--main-color-w),.05) 75%, rgba(var(--main-color-w),0) 50%);
}

    .w60-abimg-2.ws1StickySet {
        background-color: #fff;
    }

.ws1RightMenubox .w60-abimg-2 {
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-abimg-2 {
        padding: 2rem 1rem 3rem;
    }
}

.w60-abimg-2__group {
    position: relative;
    width: 100%;
    max-width: 120rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
}

.w60-abimg-2__heading {
    display: flex;
    justify-content: center;
    background-color: rgba(255,255,255,1);
    padding: 1.5rem 3rem;
    position: absolute;
    border-radius: 1rem;
    z-index: 5;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.5);
    transition: all 1s;
    align-content: center;
    border: solid rgba(var(--main-color-w),.3) .1rem;
    max-width: 80%;
    text-align: center;
}

@media only screen and (max-width:75rem) {
    .w60-abimg-2__heading {
        padding: 1rem;
    }
}

.w60-abimg-2__heading__bg {
    position: absolute;
    width: 104%;
    height: 130%;
    background-color: #fff;
    content: "";
    top: -15%;
    left: -2%;
    animation-name: key-wd-album-7__heading__bg;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    border-radius: 1rem;
    border: solid rgba(var(--main-color-w),0) .1rem;
    -webkit-clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);
    clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);
}

@-webkit-keyframes key-wd-album-7__heading__bg {
    0% {
        opacity: 0;
        transform: scale(1);
        border-color: rgba(var(--main-color-w),0);
    }

    50% {
        opacity: 0.5;
        transform: scale(1.1);
        border-color: rgba(var(--main-color-w),.5);
    }

    100% {
        opacity: 0;
        transform: scale(1);
        border-color: rgba(var(--main-color-w),0);
    }
}

.w60-abimg-2:hover .w60-abimg-2__heading {
    transform: scale(0);
}

.w60-abimg-2__heading.editview {
    transform: scale(1) !important;
}

.w60-abimg-2__heading__name {
    border-radius: 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

.w60-abimg-2__heading__name__text {
    font-size: 2.8rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    letter-spacing: 0.1rem;
    line-height: 3.6rem;
}

@media only screen and (max-width:75rem) {
    .w60-abimg-2__heading__name__text {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.w60-abimg-2__heading__hide {
    width: 2rem;
    height: 2rem;
    position: absolute;
    right: -1rem;
    top: -1rem;
    z-index: 2;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: red;
    color: #fff;
    font-size: 1rem;
    cursor: pointer;
}

    .w60-abimg-2__heading__hide:before {
        font-family: "Font Awesome 5 Pro";
        content: "\f067";
        transform: rotate(45deg);
    }

.w60-abimg-2__heading__des {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-abimg-2__heading__des {
        font-size: 2rem;
    }
}

.w60-abimg-2__items {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.w60-abimg-2__items__item {
    width: 19.2%;
    margin-left: 1%;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width:75rem) {
    .w60-abimg-2__items__item:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w60-abimg-2__items__item {
        width: 24.25%;
        margin-left: 1%;
        margin-top: 1rem;
    }

    @media only screen and (min-width:50rem) {
        .w60-abimg-2__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w60-abimg-2__items__item {
            width: 32.6666%;
        }

        @media only screen and (min-width:37.5rem) {
            .w60-abimg-2__items__item:nth-child(3n+1) {
                margin-left: 0;
            }
        }

        @media only screen and (max-width:37.5rem) {
            .w60-abimg-2__items__item {
                width: 49%;
                margin-left: 2%;
            }

                .w60-abimg-2__items__item:nth-child(2n+1) {
                    margin-left: 0;
                }
        }
    }
}

.w60-abimg-2__items__item__imgbox {
    background-size: cover;
    border-radius: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
}

.w60-abimg-2__items__item__imgbox__img {
    width: 100%;
}

.w60-abimg-2__items__item__imgbox__main {
    background-color: rgba(255, 255, 255, 0.9);
    width: 94%;
    height: 92%;
    border-radius: 1.5rem;
    position: absolute;
    transition: all .5s;
    transform: scale(0);
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w60-abimg-2__items__item__imgbox__main__content {
}

.w60-abimg-2__items__item__imgbox:hover .w60-abimg-2__items__item__imgbox__main {
    transform: scale(1);
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w60-abimg-2__items__item__imgbox__main__content__name {
    display: block;
    font-size: 2.4rem;
    font-weight: 600;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    padding: 0 .5rem;
    line-height: 3.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-abimg-2__items__item__imgbox__main__content__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w60-abimg-2__items__item__imgbox__main__content__des {
    font-size: 1.8rem;
    line-height: 3.2rem;
    margin-top: .5rem;
    text-align: center;
    padding: 0 .75rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-abimg-2__items__item__imgbox__main__content__des {
        display: none;
    }
}
/*ed*/
/*w60-pricingplan*/
.w60-pricingplan {
    width: 100%;
    padding: 5rem 1rem 13rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: rgba(var(--main-color-w),.05);
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan {
        padding: 5rem 0rem 5rem;
    }
}

.w60-pricingplan__imgbox1 {
    position: absolute;
    top: -.1rem;
    height: 17rem;
    left: 0;
    z-index: 1;
    width: 100%;
    background-size: cover;
}

@media only screen and (max-width:62.5rem) {
    .w60-pricingplan__imgbox1 {
        height: 9rem;
    }

    @media only screen and (max-width:31.25rem) {
        .w60-pricingplan__imgbox1 {
            height: 6rem;
        }
    }
}

.w60-pricingplan__imgbox2 {
    position: absolute;
    bottom: -.1rem;
    height: 17rem;
    z-index: 1;
    width: 100%;
    background-size: cover;
    transform: rotate(180deg);
}

@media only screen and (max-width:62.5rem) {
    .w60-pricingplan__imgbox2 {
        height: 9rem;
    }

    @media only screen and (max-width:31.25rem) {
        .w60-pricingplan__imgbox2 {
            height: 6rem;
        }
    }
}

.w60-pricingplan__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-pricingplan__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.w60-pricingplan__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-pricingplan__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-pricingplan__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-pricingplan__heading__name:hover .w60-pricingplan__heading__name__text {
    color: #fff;
}

.w60-pricingplan__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: .75rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    margin-top: 1rem;
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-pricingplan__items {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:50rem) {
    .w60-pricingplan__items {
        margin-top: 1rem;
    }
}

.w60-pricingplan__items__item {
    margin-top: 2rem;
    width: 23.5%;
    margin-left: 2%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
    padding-bottom: 3rem;
}

@media only screen and (min-width:75rem) {
    .w60-pricingplan__items__item:hover {
        transform: translateY(-2rem);
    }
}

@media only screen and (min-width:75rem) {
    .w60-pricingplan__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan__items__item {
        width: 49%;
    }

    @media only screen and (min-width:50rem) {
        .w60-pricingplan__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w60-pricingplan__items__item {
            margin-left: 0;
            width: 100%;
        }
    }
}

.w60-pricingplan__items__item__head {
    padding: 2rem;
    text-align: center;
}

.w60-pricingplan__items__item__head__text {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    display: block;
    line-height: 2.6rem;
}

.w60-pricingplan__items__item__center {
    padding: 2rem;
    background-color: rgba(var(--main-color-w),1);
    justify-content: center;
    display: flex;
    align-items: center;
}

.w60-pricingplan__items__item__center__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w60-pricingplan__items__item__center__name {
    font-size: 1.6rem;
    color: #fff;
    margin-left: 1rem;
}

.w60-pricingplan__items__item__main {
    padding: 3rem 2rem;
}

.w60-pricingplan__items__item__main__child {
    padding: 1rem 0rem;
}

    .w60-pricingplan__items__item__main__child:nth-child(2n+2) {
        background-color: #f7f8f4;
    }

.w60-pricingplan__items__item__main__child__text {
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w60-pricingplan__items__item__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
}

.w60-pricingplan__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}

.w60-pricingplan__items__item__bottom__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w60-pricingplan__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-pricingplan__items__item__bottom__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-pricingplan__items__item__bottom__button:hover:after {
    width: 100%;
}
/*ed*/
/*w60-footer*/
.w60-footer {
    width: 100%;
    padding: 12rem 1rem 5rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w60-footer {
        padding: 18rem 1rem 5rem;
    }
}

.w60-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.w60-footer__heading {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: #fff;
    border: solid .1rem #E2E6EE;
    border-radius: 1rem;
    padding: 0rem 5rem;
    height: 10rem;
    top: -17rem;
    z-index: 1;
    position: absolute;
}

@media only screen and (max-width:75rem) {
    .w60-footer__heading {
        flex-wrap: wrap;
        height: max-content;
        padding: 2.5rem;
        justify-content: center;
        top: -25rem;
    }
}

@-webkit-keyframes key-wd-footer-11__heading {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w60-footer__heading {
    -webkit-animation: key-wd-footer-11__heading 1s;
    animation: key-wd-footer-11__heading 1s;
    animation-iteration-count: 1;
}

.w60-footer__heading__first {
    width: 49%;
    margin-right: 2rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w60-footer__heading__first {
        width: 100%;
        margin-right: 0rem;
        justify-content: center;
    }
}

.w60-footer__heading__first__icon {
    font-size: 2rem;
    font-weight: 400;
    color: rgba(var(--main-color-w),1);
    margin-top: .2rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-footer__heading__first__icon {
        font-size: 1.6rem;
    }
}

.w60-footer__heading__first__text {
    font-size: 2rem;
    margin-left: .5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1)
}

@media only screen and (max-width:37.5rem) {
    .w60-footer__heading__first__text {
        font-size: 1.6rem;
    }
}

.w60-footer__heading__second {
    width: 49%;
    display: flex;
    padding: 0 2rem;
    position: relative;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w60-footer__heading__second {
        width: 100%;
        margin-top: 3rem;
    }
}

.w60-footer__heading__second__input {
    margin-bottom: 0;
    border-radius: 3rem;
    border: 1px solid #E6E8EA;
    background-color: #fff;
    box-shadow: 0px 6px 26px 0px #E4E8F1;
    padding: 1.25rem;
    outline: none;
    width: 100%;
    font-size: 1.6rem;
    border: solid .1rem rgba(var(--main-color-w),0);
    transition: all .5s;
}

    .w60-footer__heading__second__input:focus {
        border: solid .1rem rgba(var(--main-color-w),1);
    }

.w60-footer__heading__second__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    border-radius: 3rem;
    position: absolute;
    width: max-content;
    right: 2.5rem;
    border: none;
    font-family: inherit;
    overflow: hidden;
    font-size: 1rem;
}

.w60-footer__heading__second__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
    margin-right: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-footer__heading__second__button__name {
        display: none;
    }
}

.w60-footer__heading__second__button__icon {
    font-size: 1.6rem;
    position: relative;
    z-index: 2;
}

.w60-footer__heading__second__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-footer__heading__second__button:hover:after {
    width: 100%;
}

.w60-footer__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@-webkit-keyframes key-wd-footer-11__items {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w60-footer__items {
    -webkit-animation: key-wd-footer-11__items 1s;
    animation: key-wd-footer-11__items 1s;
    animation-iteration-count: 1;
}

.w60-footer__items__first {
    width: 23.5%;
    margin-bottom: 2rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-right: 1rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-footer__items__first {
        width: 49%;
    }
}

@media only screen and (max-width:43.75rem) {
    .w60-footer__items__first {
        width: 100%;
    }
}

.w60-footer__items__first__imgbox {
    background-size: contain;
    margin-top: 1rem;
    cursor: pointer;
    transition: all .5s;
}

    .w60-footer__items__first__imgbox:hover {
        transform: scale(1.05);
    }

.w60-footer__items__first__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    margin-top: 1rem;
    width: 100%;
    color: #fff;
}

.w60-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w60-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w60-footer__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

    .w60-footer__items__item:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:81.25rem) {
    .w60-footer__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w60-footer__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w60-footer__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w60-footer__items__item__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w60-footer__items__item__name:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w60-footer__items__item__name:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w60-footer__items__item__name:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w60-footer__items__item__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w60-footer__items__item__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w60-footer__items__item__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w60-footer__items__item__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w60-footer__items__item__childs {
    margin-top: 2rem;
}

.w60-footer__items__item__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w60-footer__items__item__childs__item__icon {
    font-size: 1.4rem;
    transition: all .5s;
    margin-top: .3rem;
    color: #fff;
}

.w60-footer__items__item__childs__item:hover
.w60-footer__items__item__childs__item__icon {
    color: rgba(var(--second-color-w), 1);
}

.w60-footer__items__item__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    margin-left: .5rem;
    color: #fff;
    cursor: pointer;
}

.w60-footer__items__item__childs__item:hover
.w60-footer__items__item__childs__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w60-footer__items__item__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w60-footer__items__item__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w60-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w60-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w60-footer__items__last__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w60-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w56-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__item__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__item__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__item__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w56-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__first__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__first__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__first__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w56-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__last__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__last__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__last__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w60-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w60-footer__items__item__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w60-footer__items__item__ads__child:first-child {
        margin-left: 0;
    }

    .w60-footer__items__item__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w60-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w60-footer__items__first__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w60-footer__items__first__ads__child:first-child {
        margin-left: 0;
    }

    .w60-footer__items__first__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w60-footer__items__last__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w60-footer__items__last__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w60-footer__items__last__ads__child:first-child {
        margin-left: 0;
    }

    .w60-footer__items__last__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w60-footer__items__item__supports {
}

.w60-footer__items__item__supports {
    margin-top: 3rem;
}

.w60-footer__items__item__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 5rem;
}

    .w60-footer__items__item__supports__child:last-child {
        margin-bottom: 0;
    }

.w60-footer__items__item__supports__child__first {
    width: 4rem;
    height: 4rem;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all .5s;
    position: absolute;
    left: 0;
    cursor: pointer;
}

    .w60-footer__items__item__supports__child__first:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w60-footer__items__item__supports__child__first__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

.w60-footer__items__item__supports__child__first:hover .w60-footer__items__item__supports__child__first__icon {
    color: #fff;
}

.w60-footer__items__item__supports__child__name {
}

.w60-footer__items__item__supports__child__name__text {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
}

.w60-footer__items__item__supports__child__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w60-footer__items__item__supports__child__name__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w60-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w60-footer__code {
    width: 100%;
    margin-top: 1rem;
}
/*ed*/
/*w60-faq-3*/
.w60-faq-3 {
    width: 100%;
    padding: 6rem 1rem 6rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/img/wd-video-6_bg_left.png') center center no-repeat #fff;
    background-size: 70rem;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w60-faq-3 {
        padding: 3rem 1rem 3rem;
    }
}

.w60-faq-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.w60-faq-3__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.w60-faq-3__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

    .w60-faq-3__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-faq-3__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    letter-spacing: .1rem;
    transition: all .5s;
    line-height: 2.6rem;
}

.w60-faq-3__heading__name:hover .w60-faq-3__heading__name__text {
    color: #fff;
}

.w60-faq-3__heading__des {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-3__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-faq-3__text {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-top: 3rem;
}

    .w60-faq-3__text ul,
    .w60-faq-3__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w60-faq-3__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    position: relative;
    z-index: 2;
    align-items: flex-start;
}

.w60-faq-3__main__items {
    display: flex;
    flex-wrap: wrap;
    width: 48.5%;
    margin-left: 3%;
    margin-top: 2rem;
    position: relative;
    z-index: 3;
}

    .w60-faq-3__main__items:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:62.5rem) {
    .w60-faq-3__main__items {
        width: 100%;
        margin-left: 0;
    }
}

.w60-faq-3__main__items__item {
    width: 100%;
    box-shadow: 0 10px 50px 0 rgba(26,46,85,.1);
    margin-top: 2rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

    .w60-faq-3__main__items__item:first-child {
        margin-top: 0;
    }

    .w60-faq-3__main__items__item:first-child {
        width: 100%;
        border-top: none;
    }

.w60-faq-3__main__items__item__content {
    display: flex;
    gap: 2rem;
    transition: all .5s;
}

.w60-faq-3__main__items__item__content__box {
    width: 100%;
}

.w60-faq-3__main__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
    padding: 1.5rem;
    transition: all .5s;
    align-items: center;
}


.w60-faq-3__main__items__item__content__box__name__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 500;
    margin-right: .5rem;
}

.w60-faq-3__main__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w60-faq-3__main__items__item__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w60-faq-3__main__items__item__content__box__check:checked ~
.w60-faq-3__main__items__item__content__box__name
.w60-faq-3__main__items__item__content__box__name__icon {
    transform: rotate(180deg);
}

.w60-faq-3__main__items__item__content__box__check:checked ~
.w60-faq-3__main__items__item__content__box__name
.w60-faq-3__main__items__item__content__box__name__text {
    font-weight: 600;
}

.w60-faq-3__main__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w60-faq-3__main__items__item__content__box__check {
    display: none;
}

    .w60-faq-3__main__items__item__content__box__check:checked ~
    .w60-faq-3__main__items__item__content__box__des {
        max-height: 999vh;
    }

.w60-faq-3__main__items__item__content__box__des__text {
    padding: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    transition: all .5s;
}

    .w60-faq-3__main__items__item__content__box__des__text ol,
    .w60-faq-3__main__items__item__content__box__des__text ul {
        margin-left: 3rem;
    }

.w60-faq-3__main__round {
    position: absolute;
    right: -20rem;
    top: -20rem;
    background-size: cover;
    background-position: center;
    z-index: 1;
    width: 40rem;
    height: 40rem;
    border-radius: 50%;
    box-shadow: 0px 0px 21px rgba(var(--main-color-w),.1);
    border: solid .1rem rgba(var(--main-color-w),.1);
    -webkit-animation: key-wd-faq-8__round 5s infinite;
    animation: key-wd-faq-8__round 5s infinite;
}

@-webkit-keyframes key-wd-faq-8__round {
    0% {
        transform: scale(0.7);
    }

    50% {
        transform: scale(1);
    }

    100% {
        transform: scale(0.7);
    }
}

.w60-faq-3__main__bgone {
    height: 16rem;
    width: 16rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -8rem;
    background-size: cover;
    right: -8rem;
    animation-name: key-wd-faq-8__bgone;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@media only screen and (max-width:75rem) {
    .w60-faq-3__bgone {
        top: -8rem;
        height: 16rem;
        width: 16rem;
        left: initial;
    }
}

@-webkit-keyframes key-wd-faq-8__bgone {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/*ed*/

/*w60-video-2*/
.w60-video-2 {
    width: 100%;
    padding: 5rem 1rem 12rem;
    position: relative;
    background-color: rgba(var(--main-color-w),.05);
    overflow: hidden;
}

.ws1RightMenubox .w60-video-2 {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w60-video-2 {
        justify-content: center;
        overflow: hidden;
    }
}

.w60-video-2__figure1 {
    position: absolute;
    top: -.1rem;
    height: 17rem;
    left: 0;
    z-index: 0;
    width: 100%;
    background-size: cover;
}

@media only screen and (max-width:37.5rem) {
    .w60-video-2__figure1 {
        height: 3rem;
    }
}

.w60-video-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-video-2__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.w60-video-2__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-video-2__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-video-2__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 1.6rem;
    transition: all .5s;
    line-height: 2.6rem;
}

.w60-video-2__heading__name:hover .w60-video-2__heading__name__text {
    color: #fff;
}

.w60-video-2__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: .75rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}

@media only screen and (max-width:75rem) {
    .w60-video-2__heading__des {
        font-size: 2rem;
        line-height: 2.6rem;
    }
}

.w60-video-2__items {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w60-video-2__items__item {
    margin-top: 3rem;
    width: 31.333333%;
    margin-left: 3%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    position: relative;
}

.w60-video-2__items__item__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 7rem;
}

@media only screen and (min-width:62.5rem) {
    .w60-video-2__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-video-2__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w60-video-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w60-video-2__items__item {
            width: 100%;
            margin-left: 0;
            margin-top: 3rem;
        }
    }
}

.w60-video-2__items__item__main__head {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}

.w60-video-2__items__item__main__head__first {
    overflow: hidden;
}

.w60-video-2__items__item__main__head__first__figure {
    background-size: cover;
    transition: all .5s;
    background-position: center;
    height: 36rem;
}

.w60-video-2__items__item__main__head__first__figure__img {
    width: 100%;
}

.w60-video-2__items__item__main:hover .w60-video-2__items__item__main__head__first__figure {
    transform: scale(1.05);
}

.w60-video-2__items__item__main__text {
    padding: 4rem 3rem 3rem 3rem;
    transition: all .5s;
    position: absolute;
    z-index: 1;
    background-color: #fff;
    width: 86%;
    bottom: 2rem;
    border-radius: 1rem;
    box-shadow: 0 5px 12px rgba(0,0,0,.1);
}

.w60-video-2__items__item__main:hover .w60-video-2__items__item__main__text {
    background-color: rgba(var(--main-color-w),1);
}

.w60-video-2__items__item__main__text__play {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 50%;
    left: 2.5rem;
    top: -2.5rem;
    z-index: 3;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w60-video-2__items__item__main__text__play:after {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background-color: rgba(255, 255, 255, .9);
        opacity: 0;
    }

.w60-video-2__items__item__main:hover .w60-video-2__items__item__main__text__play:after {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w60-video-2__items__item__main__text__play__main__icons {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

.w60-video-2__items__item__main:hover .w60-video-2__items__item__main__text__play__main__icons {
    background-color: #fff;
}

.w60-video-2__items__item__main__text__play__main__icons__icon {
    font-size: 1.6rem;
    color: #fff;
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w60-video-2__items__item__main:hover .w60-video-2__items__item__main__text__play__main__icons__icon {
    color: rgba(var(--main-color-w),1);
}

.w60-video-2__items__item__main__text__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: capitalize;
    transition: all .5s;
    font-weight: 600;
}

.w60-video-2__items__item__main:hover .w60-video-2__items__item__main__text__name {
    color: #fff;
    font-weight: 600;
}

.w60-video-2__items__item__main__text__des {
    overflow: hidden;
    max-height: 0;
    font-size: 1.6rem;
    color: #fff;
    transition: all .1s;
    line-height: 2.6rem;
}

.w60-video-2__items__item__main:hover .w60-video-2__items__item__main__text__des {
    max-height: 999vh;
    margin-top: 1rem;
}

.w60-video-2__items__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w60-video-2__items__item__check {
    display: none;
}

    .w60-video-2__items__item__check:checked ~
    .w60-video-2__items__item__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w60-video-2__items__item__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w60-video-2__items__item__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w60-video-2__items__item__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w60-video-2__items__item__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-video-2__items__item__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w60-video-2__items__item__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w60-video-2__items__item__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w60-video-2__items__item__modal__main__box iframe {
    border: none;
    width: 100% !important;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-video-2__items__item__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w60-video-2__items__item__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w60-video-2__items__item__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-video-2__items__item__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w60-video-2__items__item__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w60-video-2__items__item__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w60-video-2__items__item__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-video-2__items__item__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w60-video-2__items__item__modal__main__box__close:hover {
    background-color: red;
}

.w60-video-2__items__item__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w60-video-2__items__item__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w60-video-2__items__item__modal__main__box__close:hover .w60-video-2__items__item__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w60-video-2__bg__one {
    height: 44rem;
    width: 44rem;
    border: solid .1rem rgba(var(--main-color-w),.1);
    box-shadow: 0px 0px 21px rgba(var(--main-color-w),.1);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -20rem;
    z-index: -1;
    left: -20rem;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w60-video-2__bg__one {
        height: 20rem;
        width: 20rem;
        top: -10rem;
        left: -10rem;
    }
}

.w60-video-2__bg__two {
    height: 18rem;
    width: 18rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: 14rem;
    background-size: cover;
    left: 4rem;
    z-index: -1;
    animation-name: key-wd-video-7__bg__two;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@media only screen and (max-width:75rem) {
    .w60-video-2__bg__two {
        top: 4rem;
        height: 8rem;
        width: 8rem;
        left: 4rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-video-2__bg__two {
            top: -2rem;
            left: -2rem;
        }
    }
}

@-webkit-keyframes key-wd-video-7__bg__two {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-video-2__bg__topleft {
    position: absolute;
    top: -22rem;
    right: -10rem;
    z-index: 0;
    width: 70rem;
    z-index: -1;
    height: 66rem;
    background-size: cover;
}

.w60-video-2__bg__bottomright {
    position: absolute;
    bottom: -7rem;
    left: -15rem;
    z-index: -1;
    width: 70rem;
    height: 66rem;
    background-size: cover;
}

@media only screen and (max-width:75rem) {
    .w60-video-2__bg__bottomright {
        bottom: 0rem;
        left: -18rem;
    }
}
/*ed*/
/*w60-introducer-2*/
.w60-introducer-2 {
    width: 100%;
    padding: 7rem 1rem 7rem;
    display: flex;
    justify-content: center;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2 {
        padding: 3rem 1rem 3rem;
        justify-content: center;
        overflow: hidden;
    }
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2 {
    }
}

.w60-introducer-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-introducer-2__first {
    width: 40%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__first {
        width: 100%;
        margin-right: 0%;
        margin-top: 3rem;
    }
}

.w60-introducer-2__first__heading {
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__first__heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w60-introducer-2__first__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-introducer-2__first__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-introducer-2__first__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    transition: all .5s;
}

.w60-introducer-2__first__heading__name:hover .w60-introducer-2__first__heading__name__text {
    color: #fff;
}

.w60-introducer-2__first__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 1.5rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__first__heading__des {
        font-size: 2rem;
        text-align: center;
        line-height: 3rem;
    }
}

.w60-introducer-2__first__detail {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w60-introducer-2__first__items {
    margin: 2rem 0 0;
    padding: 0;
    width: 100%;
    display: block;
}

.w60-introducer-2__first__items__item {
    display: flex;
    width: 100%;
    list-style-type: none;
    margin-top: 1rem;
    align-items: center;
}

.w60-introducer-2__first__items__item__icon {
    font-size: 2.4rem;
    color: rgba(var(--main-color-w),1);
    line-height: 3.2rem;
}

@media only screen and (max-width:31.25rem) {
    .w60-introducer-2__first__items__item__icon {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

.w60-introducer-2__first__items__item__name {
    font-size: 1.6rem;
    margin-left: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w60-introducer-2__second {
    width: 60%;
    position: relative;
    padding: 8rem 0rem;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__second {
        width: 100%;
    }
}

.w60-introducer-2__second__one {
    width: 80%;
    position: relative;
    z-index: 4;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__second__one {
        width: 90%;
        margin: 0 auto;
    }
}

.w60-introducer-2__second__one__imgbox {
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
}

.w60-introducer-2__second__one__imgbox__img {
    width: 100%;
}

.w60-introducer-2__second__two {
    position: absolute;
    right: 8rem;
    top: 0;
    z-index: 4;
    padding: 2rem;
    width: 16rem;
    border-radius: .5rem;
    background-color: #FFFFFF;
    box-shadow: 0px 40px 70px 0px rgba(14.999999999999972, 11.000000000000005, 44, 0.2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__second__two {
        right: 0;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-introducer-2__second__two {
            padding: 1rem;
            top: 2.5rem;
        }
    }
}

.w60-introducer-2__second__two:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w60-introducer-2__second__two__icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w60-introducer-2__second__two__icon {
        font-size: 1.5rem;
    }
}

.w60-introducer-2__second__two:hover .w60-introducer-2__second__two__icon {
    color: rgba(var(--main-color-w),1);
    transform: scale(1.1);
    background-color: #fff;
}

.w60-introducer-2__second__two__name {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    margin-top: 1.25rem;
    text-align: center;
    transition: all .5s;
}

.w60-introducer-2__second__two:hover .w60-introducer-2__second__two__name {
    color: #fff;
}

.w60-introducer-2__second__three {
    position: absolute;
    left: -6rem;
    bottom: 8rem;
    z-index: 4;
    padding: 1.5rem 3rem 1.5rem 3rem;
    background-color: #FFFFFF;
    border-radius: 3rem 1rem 4rem 1rem;
    box-shadow: 0px 40px 60px 0px rgba(14.999999999999972, 11.000000000000005, 44, 0.15);
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    -webkit-animation: key-wd-about-12__second__three 3s infinite;
    animation: key-wd-about-12__second__three 3s infinite;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__second__three {
        left: 0;
    }

    @media only screen and (max-width:31.25rem) {
        .w60-introducer-2__second__three {
            padding: 1rem;
            border-radius: 1rem .5rem 2rem .5rem;
        }
    }
}

@-webkit-keyframes key-wd-about-12__second__three {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(6rem);
    }

    100% {
        transform: rotate(0);
    }
}

.w60-introducer-2__second__three:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w60-introducer-2__second__three__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w60-introducer-2__second__three__icon {
        width: 2rem;
        height: 2rem;
        font-size: 1.6rem;
    }
}

.w60-introducer-2__second__three:hover
.w60-introducer-2__second__three__icon {
    transform: rotate(360deg);
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
}

.w60-introducer-2__second__three__content {
    margin-left: 1.5rem;
}

.w60-introducer-2__second__three__content__name {
    display: block;
    font-size: 1.8rem;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w60-introducer-2__second__three__content__name {
        font-size: 1.4rem;
    }
}

.w60-introducer-2__second__three:hover
.w60-introducer-2__second__three__content__name {
    letter-spacing: .1rem;
    color: #fff;
}

.w60-introducer-2__second__three__content__des {
    display: block;
    font-size: 1.6rem;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-introducer-2__second__three__content__des {
        font-size: 1.2rem;
    }
}

.w60-introducer-2__second__three:hover
.w60-introducer-2__second__three__content__des {
    color: #fff;
}

.w60-introducer-2__bg__one {
    height: 44rem;
    width: 44rem;
    border: solid .1rem rgba(var(--main-color-w),.1);
    box-shadow: 0px 0px 21px rgba(var(--main-color-w),.1);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -20rem;
    left: 8rem;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__bg__one {
        height: 20rem;
        width: 20rem;
        top: -12rem;
        left: initial;
    }
}

.w60-introducer-2__second__imgbox1 {
    background-size: cover;
    width: 12rem;
    height: 19rem;
    background-position: top center;
    position: absolute;
    z-index: 1;
    bottom: -2rem;
    left: -3rem;
    border-radius: 2rem;
    animation-name: key-wd-about-10__second__figure1;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes key-wd-about-10__second__figure1 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0);
    }
}

.w60-introducer-2__second__imgbox2 {
    background-size: cover;
    width: 18rem;
    height: 18rem;
    background-position: top center;
    position: absolute;
    z-index: 2;
    bottom: 0;
    top: 0rem;
    left: -9rem;
    border-radius: 50%;
    animation-name: key-wd-about-10__second__figure2;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes key-wd-about-10__second__figure2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-introducer-2__second__imgbox3 {
    background-size: contain;
    background-position: top center;
    position: absolute;
    z-index: 1;
    top: 8rem;
    left: -12rem;
    z-index: 1;
    width: 21rem;
    height: 19rem;
    animation-name: key-wd-about-10__second__figure3;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@-webkit-keyframes key-wd-about-10__second__figure3 {
    0% {
        transform: scale(.8);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(.8);
    }
}

.w60-introducer-2__second__round {
    height: 26rem;
    width: 26rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    bottom: -4rem;
    right: 4rem;
    z-index: 1;
    background: url('/img/wd-about-12_1.png') center no-repeat;
    background-size: contain;
}

.w60-introducer-2__check {
    display: none;
}

.w60-introducer-2__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w60-introducer-2__check:checked ~
.w60-introducer-2__popup {
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w60-introducer-2__popup__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w60-introducer-2__popup__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w60-introducer-2__popup__main__detail {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:71.25rem) {
    .w60-introducer-2__popup__main__detail {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-introducer-2__popup__main__detail {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w60-introducer-2__popup__main__detail {
                width: 34rem;
            }
        }
    }
}

.w60-introducer-2__popup__main__detail__text {
    width: 100%;
    background: #f1f1f1;
    padding: 1rem;
    border-radius: 1rem;
}

.w60-introducer-2__popup__main__detail iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:75rem) {
    .w60-introducer-2__popup__main__detail iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-introducer-2__popup__main__detail iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w60-introducer-2__popup__main__detail iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w60-introducer-2__popup__main__detail__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w60-introducer-2__popup__main__detail__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-introducer-2__popup__main__detail__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w60-introducer-2__popup__main__detail__close:hover {
    background-color: red;
}

.w60-introducer-2__popup__main__detail__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w60-introducer-2__popup__main__detail__close__icon {
        font-size: 2.5rem;
    }
}

.w60-introducer-2__popup__main__detail__close:hover .w60-introducer-2__popup__main__detail__close__icon {
    transform: rotate(405deg);
}
/*ed*/
/*w60-pricingplan-2*/
.w60-pricingplan-2 {
    width: 100%;
    padding: 0rem 1rem 0rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url('/img/wd-video-6_bg_left.png') center center no-repeat rgba(var(--main-color-w),.05);
    background-size: 70rem;
    z-index: 1;
    overflow: hidden
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan-2 {
        padding: 3rem 1rem 3rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2 {
        padding: 5rem 1rem 3rem;
    }
}

.w60-pricingplan-2__figure1 {
    position: absolute;
    top: -.1rem;
    height: 17rem;
    left: 0;
    z-index: -1;
    width: 100%;
    background-size: cover;
}

.w60-pricingplan-2__figure2 {
    position: absolute;
    bottom: -.1rem;
    height: 17rem;
    z-index: -1;
    width: 100%;
    background-size: cover;
    transform: rotate(180deg);
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2__figure2 {
        height: 4rem;
    }
}

.w60-pricingplan-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    padding: 6rem 0 8rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2__group {
        padding-bottom: 0rem;
        padding-top: 0rem;
    }
}

.w60-pricingplan-2__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2;
}

.w60-pricingplan-2__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-pricingplan-2__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-pricingplan-2__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    letter-spacing: .1rem;
    transition: all .5s;
    line-height: 2.6rem;
}

.w60-pricingplan-2__heading__name:hover .w60-pricingplan-2__heading__name__text {
    color: #fff;
}

.w60-pricingplan-2__heading__des {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    line-height: 3.3rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-pricingplan-2__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    align-items: flex-start;
}

.w60-pricingplan-2__main__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 3rem;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w60-pricingplan-2__main__items {
        margin-top: 1rem;
    }
}

.w60-pricingplan-2__main__items__item {
    width: 23.5%;
    box-shadow: 0 10px 50px 0 rgba(26,46,85,.1);
    margin-top: 6rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
    margin-left: 2%;
    position: relative;
    padding: 3rem 1.5rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .5s;
    cursor: pointer;
}

    .w60-pricingplan-2__main__items__item:hover {
        transform: translateY(-2rem);
        background-color: rgba(var(--main-color-w),1);
    }

@media only screen and (min-width:75rem) {
    .w60-pricingplan-2__main__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan-2__main__items__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w60-pricingplan-2__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w60-pricingplan-2__main__items__item {
            width: 49%;
        }

            .w60-pricingplan-2__main__items__item:nth-child(2n+1) {
                margin-left: 0;
            }

        @media only screen and (max-width:37.5rem) {
            .w60-pricingplan-2__main__items__item {
                width: 100%;
                margin-left: 0;
            }
        }
    }
}

.w60-pricingplan-2__main__items__item__name {
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
    width: 100%;
    color: rgba(var(--main-color-w),1);
}

.w60-pricingplan-2__main__items__item:hover .w60-pricingplan-2__main__items__item__name {
    color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-2__main__items__item__des {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    transition: all .5s;
}

.w60-pricingplan-2__main__items__item:hover .w60-pricingplan-2__main__items__item__des {
    color: #fff;
}

.w60-pricingplan-2__main__items__item__des__first {
    font-size: 1.6rem;
    font-weight: 600;
}

.w60-pricingplan-2__main__items__item__des__second {
    margin-left: .5rem;
}

.w60-pricingplan-2__main__items__item__stt {
    position: absolute;
    top: -3rem;
    background-color: rgba(var(--main-color-w), 1);
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: skew(-7deg);
    transition: all 1.5s;
}

.w60-pricingplan-2__main__items__item:hover .w60-pricingplan-2__main__items__item__stt {
    transform: skew(0);
    background-color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-2__main__items__item__stt__text {
    font-size: 2rem;
    color: #fff;
    font-weight: 600;
}

.w60-pricingplan-2__bottom {
    margin-top: 6rem;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2__bottom {
        flex-wrap: wrap;
        margin-top: 3rem;
        border-top: dotted .2rem rgba(var(--main-color-w),.2);
        padding-top: 3rem;
    }
}

.w60-pricingplan-2__bottom__item {
    position: relative;
    width: max-content;
    margin-left: 1%;
    margin-right: 1%;
    flex-wrap: wrap;
    display: flex;
}


@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2__bottom__item {
        width: 100%;
        margin-left: 0;
    }
}

.w60-pricingplan-2__bottom__item__box {
    width: max-content;
}

@media only screen and (max-width:50rem) {
    .w60-pricingplan-2__bottom__item__box {
        width: 100%;
    }
}

.w60-pricingplan-2__bottom__item__box__head {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 2rem;
    padding: 1rem 2rem;
    transition: all .5s;
    z-index: 3;
    position: relative;
    width: max-content;
    margin: 0 auto;
    transform: translateY(-2rem);
    transition: all .5s;
}

.w60-pricingplan-2__bottom__item:hover
.w60-pricingplan-2__bottom__item__box__head {
    background-color: rgba(var(--main-color-w),1);
}

.w60-pricingplan-2__bottom__item:first-child:hover
.w60-pricingplan-2__bottom__item__box__head {
    background-color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-2__bottom__item__box__head__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

.w60-pricingplan-2__bottom__item:hover
.w60-pricingplan-2__bottom__item__box__head__name {
    color: #fff;
}

.w60-pricingplan-2__bottom__item__box__head__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    margin-right: .5rem;
    transition: all .5s;
}

.w60-pricingplan-2__bottom__item:hover
.w60-pricingplan-2__bottom__item__box__head__icon {
    color: #fff;
}

.w60-pricingplan-2__bottom__item__box__button {
    display: flex;
    align-items: center;
    padding: 4rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: 100%;
    justify-content: center;
    width: max-content;
    max-width: 100%;
    overflow: hidden;
}

.w60-pricingplan-2__bottom__item--1 .w60-pricingplan-2__bottom__item__box__button {
    background-color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-2__bottom__item--2 .w60-pricingplan-2__bottom__item__box__button {
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2__bottom__item__box__button {
        width: 100%;
        padding: 4rem 2rem;
    }
}

.w60-pricingplan-2__bottom__item__box__button--1 {
    background-color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-2__bottom__item__box__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w60-pricingplan-2__bottom__item__box__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-pricingplan-2__bottom__item--1
.w60-pricingplan-2__bottom__item__box__button:after {
    background-color: rgba(var(--main-color-w),1);
}

.w60-pricingplan-2__bottom__item__box__button:hover:after {
    width: 100%;
}

.w60-pricingplan-2__bottom__center {
    position: absolute;
    z-index: 5;
    width: 5rem;
    height: 5rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-top: -3rem;
    animation-name: key-wd-banggia-5__bottom__center;
    animation-iteration-count: infinite;
    animation-duration: 2.5s;
}

@-webkit-keyframes key-wd-banggia-5__bottom__center {
    0% {
        transform: scale(0.85);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(0.85);
    }
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-2__bottom__center {
        margin: 0rem 0rem 2rem;
        position: relative;
    }
}

.w60-pricingplan-2__bottom__center__icon {
    font-size: 4rem;
    color: rgba(var(--main-color-w),1);
}
/*ed*/
/*w60-introducer-3*/
.w60-introducer-3 {
    width: 100%;
    padding: 5rem 1rem 3rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:1250px) {
    .w60-introducer-3 {
        justify-content: center;
        overflow: hidden;
        padding: 5rem 1rem 2rem;
    }
}

.w60-introducer-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-introducer-3__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w60-introducer-3__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-introducer-3__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-introducer-3__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
    transition: all .5s;
}

.w60-introducer-3__heading__name:hover .w60-introducer-3__heading__name__text {
    color: #fff;
}

.w60-introducer-3__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 2rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:1200px) {
    .w60-introducer-3__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-introducer-3__items {
    display: flex;
    margin-top: 4rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-introducer-3__items__item {
    width: 48.5%;
    margin-left: 3%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-bottom: 3rem;
}

@media only screen and (min-width:1200px) {
    .w60-introducer-3__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:1200px) {
    .w60-introducer-3__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w60-introducer-3__items__item__head {
    position: relative;
    width: 100%;
    border-radius: 1rem;
    overflow: hidden;
}

.w60-introducer-3__items__item__head__first {
    overflow: hidden;
    background-color: rgba(var(--main-color-w),.5);
}

.w60-introducer-3__items__item__head__first__imgbox {
    transition: all .5s;
    position: relative;
    z-index: 1;
    background-position: top center;
    background-size: cover;
    height: 50rem;
}

@media only screen and (max-width:1200px) {
    @media only screen and (min-width:800px) {
        .w60-introducer-3__items__item__head__first__imgbox {
            height: 70rem;
        }
    }
}

.w60-introducer-3__items__item__head__first__imgbox__img {
    width: 100%;
}

.w60-introducer-3__items__item:hover .w60-introducer-3__items__item__head__first__imgbox {
    transform: scale(1.05);
}

.w60-introducer-3__items__item__text {
    padding: 4rem 2rem 5rem;
    transition: all .5s;
    position: relative;
    z-index: 1;
    background-color: #fff;
    width: 86%;
    border-radius: 1rem;
    box-shadow: 0 5px 12px rgba(0,0,0,.1);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: -10rem;
}

@media only screen and (max-width:600px) {
    .w60-introducer-3__items__item__text {
        padding: 4rem 1rem 5rem 1rem;
    }
}

@media only screen and (max-width:1300px) {
    .w60-introducer-3__items__item__text {
        padding: 4rem 2rem 5rem 2rem;
        width: 92%;
    }
}

.w60-introducer-3__items__item__text__icons {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 3;
    top: -2.5rem;
}

.w60-introducer-3__items__item__text__icons__icon {
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
    margin-left: 3rem;
}

    .w60-introducer-3__items__item__text__icons__icon:first-child {
        margin-left: 0;
    }

.w60-introducer-3__items__item__text__icons__icon__main {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 3;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w60-introducer-3__items__item__text__icons__icon__main:hover {
        transform: scale(1.1);
        background-color: rgba(var(--second-color-w),1);
    }

.w60-introducer-3__items__item__text__icons__icon__main__icon {
    font-size: 2rem;
    color: #fff;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.w60-introducer-3__items__item__text__name {
    display: block;
    font-size: 1.8rem;
    line-height: 2.8rem;
    text-transform: uppercase;
    transition: all .5s;
    font-weight: 600;
    text-align: center;
    width: 100%;
    color: rgba(var(--main-color-w),1);
}

.w60-introducer-3__items__item__text__des {
    font-size: 1.6rem;
    transition: all .1s;
    width: 100%;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w60-introducer-3__items__item__text__childs {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

@media only screen and (max-width:1300px) {
    .w60-introducer-3__items__item__text__childs {
        width: 100%;
    }
}

.w60-introducer-3__items__item__text__childs__child {
    width: 100%;
    margin-top: 1.5rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
}

    .w60-introducer-3__items__item__text__childs__child:first-child {
        margin-top: 0;
    }

    .w60-introducer-3__items__item__text__childs__child:first-child {
        width: 100%;
        border-top: none;
    }

.w60-introducer-3__items__item__text__childs__child__content {
    display: flex;
    transition: all .5s;
}

.w60-introducer-3__items__item__text__childs__child__content__box {
    padding: 1.5rem 1rem 1.25rem 2rem;
    border: 1px solid #dfdfdf;
    border-radius: .5rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
    width: 100%;
}

.w60-introducer-3__items__item__text__childs__child__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
}

.w60-introducer-3__items__item__text__childs__child__content__box__name__text {
    font-size: 1.6rem;
    margin-right: .5rem;
    color: #fff;
    font-weight: 600;
}

.w60-introducer-3__items__item__text__childs__child__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w60-introducer-3__items__item__text__childs__child__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-weight: 600;
}

.w60-introducer-3__items__item__text__childs__child__content__check:checked ~
.w60-introducer-3__items__item__text__childs__child__content__box {
    background-color: #fff;
}

    .w60-introducer-3__items__item__text__childs__child__content__check:checked ~
    .w60-introducer-3__items__item__text__childs__child__content__box
    .w60-introducer-3__items__item__text__childs__child__content__box__name
    .w60-introducer-3__items__item__text__childs__child__content__box__name__icon {
        transform: rotate(180deg);
        color: rgba(var(--main-color-w), 1);
    }

    .w60-introducer-3__items__item__text__childs__child__content__check:checked ~
    .w60-introducer-3__items__item__text__childs__child__content__box
    .w60-introducer-3__items__item__text__childs__child__content__box__name
    .w60-introducer-3__items__item__text__childs__child__content__box__name__text {
        color: rgba(var(--main-color-w), 1);
    }

.w60-introducer-3__items__item__text__childs__child__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w60-introducer-3__items__item__text__childs__child__content__check {
    display: none;
}

    .w60-introducer-3__items__item__text__childs__child__content__check:checked ~
    .w60-introducer-3__items__item__text__childs__child__content__box
    .w60-introducer-3__items__item__text__childs__child__content__box__des {
        max-height: 999vh;
    }

.w60-introducer-3__items__item__text__childs__child__content__box__des__text {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    transition: all .5s;
}

.w60-introducer-3__items__item__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 3rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
    position: absolute;
    bottom: 1rem;
    border: solid .1rem #f1f1f1;
    z-index: 1;
}

.w60-introducer-3__items__item__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    font-weight: 600;
    z-index: 2;
    text-transform: uppercase;
}

.w60-introducer-3__items__item__button:hover .w60-introducer-3__items__item__button__name {
    color: #fff;
}

.w60-introducer-3__items__item__button__icon {
    font-size: 1.6rem;
    margin-left: .5rem;
    position: relative;
    z-index: 2;
}

.w60-introducer-3__items__item__button:hover .w60-introducer-3__items__item__button__icon {
    color: #fff;
}

.w60-introducer-3__items__item__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--main-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-introducer-3__items__item__button:hover:after {
    width: 100%;
}

.w60-introducer-3__round {
    margin-top: 30rem;
    position: absolute;
    z-index: 1;
    width: 30rem;
    height: 30rem;
    border-radius: 50%;
    overflow: hidden;
    background-color: rgba(var(--main-color-w),.1);
    -webkit-animation: key-wd-about-11__round 3s infinite;
    animation: key-wd-about-11__round 3s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
}

@-webkit-keyframes key-wd-about-11__round {
    0% {
        transform: scale(0.2);
        background-color: rgba(var(--main-color-w),0);
    }

    50% {
        transform: scale(1.1);
        background-color: rgba(var(--main-color-w),.1);
    }

    100% {
        transform: scale(0.2);
        background-color: rgba(var(--main-color-w),0);
    }
}

.w60-introducer-3__round:after {
    width: 100%;
    height: 100%;
    content: "";
    border-radius: 50%;
    -webkit-animation: key-wd-about-11__round__after 1.5s infinite;
    animation: key-wd-about-11__round__after 1.5s infinite;
}

@-webkit-keyframes key-wd-about-11__round__after {
    0% {
        background-color: rgba(var(--main-color-w),0);
        transform: scale(0.5);
    }

    50% {
        transform: scale(1.2);
        background-color: rgba(var(--main-color-w),.2);
    }

    100% {
        background-color: rgba(var(--main-color-w),0);
        transform: scale(0.5);
    }
}
/*ed*/
/*w60-video-3*/
.w60-video-3 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 0rem 0rem 3rem;
    background-size: cover;
    overflow: hidden;
    background-color: #fff;
}

.w60-video-3__figure {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    height: 75vh;
    z-index: 0;
    background-size: cover;
}

@media only screen and (max-width:50rem) {
    .w60-video-3__figure {
        height: 40rem;
    }
}

.w60-video-3__figure::after {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    z-index: 1;
    position: absolute;
    left: 0;
    content: "";
    top: 0;
}

.w60-video-3__figure__heading {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    z-index: 5;
    position: absolute;
    padding: 0 1rem;
}

.w60-video-3__figure__heading__play {
    width: 8rem;
    height: 8rem;
    margin: 0 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #EE4A62;
    position: relative;
    cursor: pointer;
    transition: all .5s;
}

    .w60-video-3__figure__heading__play:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:50rem) {
    .w60-video-3__figure__heading__play {
        width: 6rem;
        height: 6rem;
        margin: 3rem 0rem;
    }
}

.w60-video-3__figure__heading__play__icon {
    color: #fff;
    font-size: 3rem;
    position: relative;
    z-index: 3;
    transition: all .5s;
}

@media only screen and (max-width:50rem) {
    .w60-video-3__figure__heading__play__icon {
        font-size: 2rem;
    }
}

.w60-video-3__figure__heading__play:before {
    width: 100%;
    z-index: 2;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-wd8-video__figure__heading__play__before 3s infinite;
    animation: key-wd8-video__figure__heading__play__before 3s infinite;
}

@-webkit-keyframes key-wd8-video__figure__heading__play__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.6);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w60-video-3__figure__heading__play:after {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-wd8-video__figure__heading__play__after 3s infinite;
    animation: key-wd8-video__figure__heading__play__after 3s infinite;
}

@-webkit-keyframes key-wd8-video__figure__heading__play__after {
    0% {
        transform: scale(1);
        opacity: .1;
    }

    50% {
        opacity: .5;
        transform: scale(1.3);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}

.w60-video-3__figure__heading__main {
    margin-top: 4rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w60-video-3__figure__heading__main {
        margin-top: 0rem;
    }
}

.w60-video-3__figure__heading__main__name {
    font-size: 2.6rem;
    line-height: 3.6rem;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    width: 100%;
}

.w60-video-3__figure__heading__main__des {
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin-top: 1rem;
    display: inline-block;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    width: 100%;
}

.w60-video-3__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    justify-content: center;
    margin-top: -7rem;
}

.w60-video-3__main {
    width: 70%;
    margin: 0rem auto 0rem;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w60-video-3__main {
        width: 95%;
    }
}

@media only screen and (max-width:50rem) {
    .w60-video-3__main {
        width: 100%;
    }
}

.w60-video-3__main__support {
    padding: 4rem;
    position: relative;
    z-index: 1;
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: transparent;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
    background-image: linear-gradient(-90deg, rgba(var(--main-color-w),1) 0%, rgba(var(--main-color-w),1) 100%);
}

@media only screen and (max-width:50rem) {
    .w60-video-3__main__support {
        padding: 4rem;
        flex-wrap: wrap;
    }
}

.w60-video-3__main__support__item {
    width: 40%;
    position: relative;
    z-index: 4;
}

@media only screen and (max-width:50rem) {
    .w60-video-3__main__support__item {
        width: 100%;
    }
}

.w60-video-3__main__support__item__name {
    color: #fff;
    font-size: 2rem;
    display: block;
}

@media only screen and (max-width:50rem) {
    .w60-video-3__main__support__item__name {
        text-align: center;
    }
}

@media only screen and (min-width:50rem) {
    .w60-video-3__main__support__item--first .w60-video-3__main__support__item__name {
        text-align: right;
    }
}

.w60-video-3__main__support__item__des {
    color: #fff;
    font-size: 2.6rem;
    display: block;
    cursor: pointer;
    transition: all .5s;
    font-weight: 600;
    margin-top: .5rem;
    transition: all .5s;
    letter-spacing: .2rem;
}

    .w60-video-3__main__support__item__des:hover {
        letter-spacing: 0.3rem;
    }

@media only screen and (max-width:50rem) {
    .w60-video-3__main__support__item__des {
        text-align: center;
    }
}

@media only screen and (min-width:50rem) {
    .w60-video-3__main__support__item--first .w60-video-3__main__support__item__des {
        text-align: right;
    }
}

.w60-video-3__main__support__item__center {
    width: 8rem;
    height: 8rem;
    margin: 0 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    border: 1px solid rgba(199, 134, 101, 0.2);
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w60-video-3__main__support__item__center {
        width: 6rem;
        height: 6rem;
        margin: 3rem 0rem;
    }
}

.w60-video-3__main__support__item__center__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    position: relative;
    z-index: 3;
    transition: all .5s;
}

.w60-video-3__main__support__item__center:hover .w60-video-3__main__support__item__center__icon {
    transform: rotate(45deg);
}

@media only screen and (max-width:50rem) {
    .w60-video-3__main__support__item__center__icon {
        font-size: 2rem;
    }
}

.w60-video-3__main__support__item__center:before {
    width: 100%;
    z-index: 2;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: key-wd8-video__main__support__item__center__before 3s infinite;
    animation: key-wd8-video__main__support__item__center__before 3s infinite;
}

@-webkit-keyframes key-wd8-video__main__support__item__center__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w60-video-3__main__support__item__center:after {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-animation: key-wd8-video__main__support__item__center__after 3s infinite;
    animation: key-wd8-video__main__support__item__center__after 3s infinite;
}

@-webkit-keyframes key-wd8-video__main__support__item__center__after {
    0% {
        transform: scale(1);
        opacity: .3;
    }

    50% {
        opacity: .75;
        transform: scale(1.4);
    }

    100% {
        opacity: .3;
        transform: scale(1);
    }
}

.w60-video-3__main__support__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background: url(/img/wd-action-11_bg.png) no-repeat center;
    background-size: cover;
    z-index: 1;
}

.w60-video-3__check {
    display: none;
}

.w60-video-3__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w60-video-3__check:checked ~
.w60-video-3__modal {
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w60-video-3__modal__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w60-video-3__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 9;
}

.w60-video-3__modal__main__detail {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w60-video-3__modal__main__detail {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-video-3__modal__main__detail {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w60-video-3__modal__main__detail {
                width: 34rem;
            }
        }
    }
}

.w60-video-3__modal__main__detail__text {
    width: 100%;
    background: #f1f1f1;
    border-radius: 1rem;
    padding: 1rem;
}

.w60-video-3__modal__main__detail iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-video-3__modal__main__detail iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:75rem) {
    .w60-video-3__modal__main__detail iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-video-3__modal__main__detail iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w60-video-3__modal__main__detail iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w60-video-3__modal__main__detail__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w60-video-3__modal__main__detail__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-video-3__modal__main__detail__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w60-video-3__modal__main__detail__close:hover {
    background-color: red;
}

.w60-video-3__modal__main__detail__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w60-video-3__modal__main__detail__close__icon {
        font-size: 2.5rem;
    }
}

.w60-video-3__modal__main__detail__close:hover .w60-video-3__modal__main__detail__close__icon {
    transform: rotate(405deg);
}
/*ed*/
/*w60-pricingplan-3*/
.w60-pricingplan-3 {
    width: 100%;
    padding: 5rem 1rem 10rem;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background-color: rgba(var(--main-color-w),.05);
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan-3 {
        padding: 3rem 1rem 10rem;
    }
}

.w60-pricingplan-3__figure1 {
    position: absolute;
    top: -.1rem;
    height: 17rem;
    left: 0;
    z-index: 1;
    width: 100%;
    background-size: cover;
    z-index: 0;
}

@media only screen and (max-width:62.5rem) {
    .w60-pricingplan-3__figure1 {
        height: 9rem;
    }

    @media only screen and (max-width:31.5rem) {
        .w60-pricingplan-3__figure1 {
            height: 6rem;
        }
    }
}

.w60-pricingplan-3__figure2 {
    position: absolute;
    bottom: -.1rem;
    height: 17rem;
    z-index: -1;
    width: 100%;
    background-size: cover;
    transform: rotate(180deg);
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-3__figure2 {
        height: 4rem;
    }
}

.w60-pricingplan-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-pricingplan-3__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.w60-pricingplan-3__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-pricingplan-3__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-pricingplan-3__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-pricingplan-3__heading__name:hover .w60-pricingplan-3__heading__name__text {
    color: #fff;
}

.w60-pricingplan-3__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: .75rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
    margin-top: 2rem;
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan-3__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-pricingplan-3__text {
    font-size: 1.6rem;
    line-height: 1.8rem;
    margin-top: 3rem;
    width: 100%;
}

    .w60-pricingplan-3__text ul,
    .w60-pricingplan-3__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w60-pricingplan-3__items {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w60-pricingplan-3__items {
        margin-top: 1rem;
    }
}

.w60-pricingplan-3__items__item {
    margin-top: 2rem;
    width: 49%;
    margin-left: 2%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.41);
    padding-bottom: 3rem;
}

@media only screen and (min-width:75rem) {
    .w60-pricingplan-3__items__item:hover {
        transform: translateY(-2rem);
    }
}

@media only screen and (min-width:50rem) {
    .w60-pricingplan-3__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w60-pricingplan-3__items__item {
        margin-left: 0;
        width: 100%;
    }
}

.w60-pricingplan-3__items__item__head {
    padding: 2rem;
    text-align: center;
}

.w60-pricingplan-3__items__item__head__text {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    display: block;
    line-height: 2.6rem;
}

.w60-pricingplan-3__items__item__center {
    padding: 2rem;
    background-color: rgba(var(--main-color-w),1);
    justify-content: center;
    display: flex;
    align-items: center;
}

.w60-pricingplan-3__items__item__center__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w60-pricingplan-3__items__item__center__name {
    font-size: 1.6rem;
    color: #fff;
    margin-left: 1rem;
    line-height: 2.6rem;
}

.w60-pricingplan-3__items__item__main {
    padding: 3rem 2rem;
}

.w60-pricingplan-3__items__item__main__child {
    padding: 1rem 0rem;
}

    .w60-pricingplan-3__items__item__main__child:nth-child(2n+2) {
        background-color: #f7f8f4;
    }

.w60-pricingplan-3__items__item__main__child__text {
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

    .w60-pricingplan-3__items__item__main__child__text b,
    .w60-pricingplan-3__items__item__main__child__text strong {
        color: rgba(var(--main-color-w),1);
    }

.w60-pricingplan-3__items__item__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
}

.w60-pricingplan-3__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
}

.w60-pricingplan-3__items__item__bottom__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w60-pricingplan-3__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-pricingplan-3__items__item__bottom__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-pricingplan-3__items__item__bottom__button:hover:after {
    width: 100%;
}
/*ed*/
/*w60-ctaregister-3*/
.w60-ctaregister-3 {
    width: 100%;
    padding: 0rem 1rem 0rem;
    background: url('../../img/w60/wd-action-12.jpg') no-repeat center;
    background-size: cover;
    overflow: hidden;
}

.w60-ctaregister-3__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    padding: 8rem 0rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w60-ctaregister-3__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w60-ctaregister-3__heading__name {
    width: 100%;
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    text-transform: uppercase;
}

.w60-ctaregister-3__heading__des {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin-top: 1rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    text-transform: uppercase;
}

.w60-ctaregister-3__heading__button {
    margin-top: 6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index:0;
}

.w60-ctaregister-3__heading__button__main {
    display: flex;
    align-items: center;
    padding: 1.25rem 5rem;
    background: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: max-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.w60-ctaregister-3__heading__button__main__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w60-ctaregister-3__heading__button__main__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-ctaregister-3__heading__button__main:after {
    content: "";
    height: 100%;
    width: 0;
    background: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-ctaregister-3__heading__button__main:hover:after {
    width: 100%;
}

.w60-ctaregister-3__heading__button__bg {
    width: 8rem;
    height: 8rem;
    position: absolute;
    border-radius: 50%;
    background: rgba(255,255,255,.7);
}

    .w60-ctaregister-3__heading__button__bg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 50%;
        border: solid .1rem rgba(255,255,255,.8);
        animation-name: key-wd-action-12__heading__button__bg__before;
        animation-iteration-count: infinite;
        animation-duration: 3s;
    }

@-webkit-keyframes key-wd-action-12__heading__button__bg__before {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.25);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.w60-ctaregister-3__heading__button__bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    border: solid .1rem rgba(var(--main-color-w),.1);
    animation-name: key-wd-action-12__heading__button__bg__after;
    animation-iteration-count: infinite;
    animation-duration: 3s;
}

@-webkit-keyframes key-wd-action-12__heading__button__bg__after {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.5);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.w60-ctaregister-3__round1 {
    height: 18rem;
    width: 18rem;
    border: solid .1rem rgba(var(--main-color-w), .2);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    left: -9rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    animation-name: key-wd-action-12__round1;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    z-index: 1;
}

@-webkit-keyframes key-wd-action-12__round1 {
    0% {
        transform: scale(.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }

    100% {
        transform: scale(.8);
        opacity: 0;
    }
}

.w60-ctaregister-3__imgbox1 {
    height: 10rem;
    width: 10rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    background-size: cover;
    left: -5rem;
    animation-name: key-wd-action-12__tron1;
    animation-iteration-count: infinite;
    animation-duration: 3s;
}

@-webkit-keyframes key-wd-action-12__tron1 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.w60-ctaregister-3__round2 {
    height: 24rem;
    width: 24rem;
    border: solid .1rem rgba(var(--main-color-w), .2);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -21rem;
    right: -12rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    animation-name: key-wd-action-12__round2;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    z-index: 1;
}

@-webkit-keyframes key-wd-action-12__round2 {
    0% {
        transform: scale(.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }

    100% {
        transform: scale(.8);
        opacity: 0;
    }
}

.w60-ctaregister-3__imgbox2 {
    height: 10rem;
    width: 10rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -5rem;
    background-size: cover;
    right: -5rem;
    animation-name: key-wd-action-12__tron2;
    animation-iteration-count: infinite;
    animation-duration: 7.5s;
}

@-webkit-keyframes key-wd-action-12__tron2 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/*ed*/
/*w60-banner-2*/
.w60-banner-2 {
    width: 100%;
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(-45deg, rgba(var(--main-color-w),.5) 0%, rgba(var(--main-color-w),1) 100%);
    height: 100vh;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w60-banner-2 {
        height: 85vh;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-banner-2 {
            height: max-content;
        }
    }
}

.w60-banner-2_imgbox {
    width: 58rem;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-size: cover;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-2_imgbox {
        display: none;
    }
}

.w60-banner-2__group {
    position: relative;
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    z-index: 4;
    padding: 0 1rem;
}

.w60-banner-2__main {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    height: 100vh;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-2__main {
        height: max-content;
        padding: 0rem 4rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-banner-2__main {
            padding: 0rem 0rem;
        }
    }
}

.w60-banner-2__main__first {
    width: 47%;
    margin-right: 6%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}
@-webkit-keyframes key-wd-banner-12__main__first {
    0% {
        opacity: 0;
        transform: translateY(10rem);
    }

    70% {
        opacity: .7;
        transform: translateY(-1rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-2__main__first {
        width: 100%;
        margin-right: 0;
        justify-content: center;
        margin-top: 4rem;
    }
}

.w60-banner-2__main__first__heading {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

@-webkit-keyframes key-wd-banner-12__main__first__heading {
    0% {
        opacity: 0;
        transform: translateY(10rem);
    }

    70% {
        opacity: .7;
        transform: translateY(-1rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}
.w60-banner-2__main__first__heading__name {
    font-size: 5rem;
    line-height: 7rem;
    color: #fff;
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    width: 100%;
    transition: all .5s;
}

    .w60-banner-2__main__first__heading__name:hover {
        letter-spacing: .1rem;
    }

@media only screen and (max-width:62.5rem) {
    .w60-banner-2__main__first__heading__name {
        text-align: center;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-banner-2__main__first__heading__name {
            font-size: 2rem;
            line-height: 3rem;
        }
    }
}

.w60-banner-2__main__first__heading__one {
    position: absolute;
    left: 0;
    top: 0;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
}

    .w60-banner-2__main__first__heading__one:before {
        width: 100%;
        height: .3rem;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
    }

    .w60-banner-2__main__first__heading__one:after {
        width: .3rem;
        height: 100%;
        background-color: #fff;
        position: absolute;
        left: 0;
        top: 0;
        content: "";
    }

.w60-banner-2__main__first__heading__two {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 1rem;
    height: 1rem;
    pointer-events: none;
}

    .w60-banner-2__main__first__heading__two:before {
        width: 100%;
        height: .3rem;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
        content: "";
    }

    .w60-banner-2__main__first__heading__two:after {
        width: .3rem;
        height: 100%;
        background-color: #fff;
        position: absolute;
        right: 0;
        bottom: 0;
        content: "";
    }

.w60-banner-2__main__first__center {
    position: relative;
    width: 100%;
    margin-top: 3rem;
}

.w60-banner-2__main__first__center__text {
    font-size: 2rem;
    color: #fff;
    line-height: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-2__main__first__center__text {
        text-align: center
    }

    @media only screen and (max-width:37.5rem) {
        .w60-banner-2__main__first__center__text {
            font-size: 1.8rem;
            line-height: 2.8rem;
        }
    }
}

.w60-banner-2__main__first__bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 4rem;
    background-color: #fff;
    overflow: hidden;
    border-radius: .5rem;
}

@-webkit-keyframes key-wd-banner-12__main__first__bottom {
    0% {
        opacity: 0;
        transform: translateY(10rem);
    }

    50% {
        opacity: .5;
        transform: translateY(-1rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}
.w60-banner-2__main__first__bottom__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 2rem;
    cursor: pointer;
    position: relative;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: max-content;
    justify-content: center;
    overflow: hidden;
    position: relative;
    z-index: 2;
}

    .w60-banner-2__main__first__bottom__button:hover {
        color: #fff;
    }

.w60-banner-2__main__first__bottom__button__name {
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w60-banner-2__main__first__bottom:hover .w60-banner-2__main__first__bottom__button__name {
    color: #fff;
}

.w60-banner-2__main__first__bottom__button__icon {
    font-size: 1.8rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
    font-weight: 400;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

.w60-banner-2__main__first__bottom:hover .w60-banner-2__main__first__bottom__button__icon {
    color: #fff;
}

.w60-banner-2__main__first__bottom__button:hover:after {
    width: 100%;
}

.w60-banner-2__main__first__bottom__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

.w60-banner-2__main__first__bottom:hover .w60-banner-2__main__first__bottom__bg {
    width: 100%;
}

.w60-banner-2__main__second {
    width: 47%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-2__main__second {
        width: 100%;
        margin-top: 5rem;
    }
}

.w60-banner-2__main__second__imgbox {
    background-size: contain;
    width: 100%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 4;
    background-position: top center;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-2__main__second__imgbox {
        position: relative;
        bottom: auto;
    }
}

.w60-banner-2__main__second__round__1 {
    background-color: rgba(255,255,255,.5);
    height: 45rem;
    width: 45rem;
    border-radius: 50% 50% 50% 50%;
    z-index: 3;
    position: absolute;
    opacity: .2;
}

.w60-banner-2__main__second__round__2 {
    background-color: rgba(255,255,255,.5);
    height: 60rem;
    width: 60rem;
    border-radius: 50% 50% 50% 50%;
    z-index: 2;
    position: absolute;
    opacity: .1;
}

.w60-banner-2__main__second__imgbox1 {
    width: 14rem;
    height: 14rem;
    position: absolute;
    top: 24rem;
    right: -20rem;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat !important;
    animation-name: key-wd-banner-12__main__second__figure1;
    animation-iteration-count: infinite;
    animation-duration: 30s;
}

@media only screen and (max-width:75rem) {
    .w60-banner-2__main__second__imgbox1 {
        right: 0;
        top: 0;
    }
}

@-webkit-keyframes key-wd-banner-12__main__second__figure1 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0);
    }
}

.w60-banner-2__main__second__imgbox2 {
    width: 16rem;
    height: 16rem;
    position: absolute;
    top: 18rem;
    right: -18rem;
    z-index: 1;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    animation-name: key-wd-banner-12__main__second__figure2;
    animation-iteration-count: infinite;
    animation-duration: 10s;
}

@media only screen and (max-width:75rem) {
    .w60-banner-2__main__second__imgbox2 {
        right: 0;
        top: 0;
    }
}

@-webkit-keyframes key-wd-banner-12__main__second__figure2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-banner-2__main__second__imgbox3 {
    width: 14rem;
    height: 14rem;
    position: absolute;
    bottom: 8rem;
    left: -22rem;
    z-index: 1;
    background-size: contain;
    background-repeat: no-repeat !important;
    animation-name: key-wd-banner-12__main__second__figure3;
    animation-iteration-count: infinite;
    animation-duration: 36s;
}

@media only screen and (max-width:75rem) {
    .w60-banner-2__main__second__imgbox3 {
        bottom: 9rem;
        left: -7rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-banner-2__main__second__imgbox3 {
            bottom: 9rem;
            left: -3rem;
        }
    }
}

@-webkit-keyframes key-wd-banner-12__main__second__figure3 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0);
    }
}

.w60-banner-2__main__second__imgbox4 {
    width: 16rem;
    height: 16rem;
    position: absolute;
    bottom: 3rem;
    left: -16rem;
    z-index: 2;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    animation-name: key-wd-banner-12__main__second__figure4;
    animation-iteration-count: infinite;
    animation-duration: 12s;
}

@media only screen and (max-width:75rem) {
    .w60-banner-2__main__second__imgbox4 {
        bottom: 10rem;
        left: -8rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w60-banner-2__main__second__imgbox4 {
            bottom: 2rem;
            left: -4rem;
        }
    }
}

@-webkit-keyframes key-wd-banner-12__main__second__figure4 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w60-banner-2__bg {
    position: absolute;
    left: 0;
    bottom: -4rem;
    background-image: url('../../img/w60/wd-banner-12_2_bg.png');
    background-size: cover;
    background-position: top center;
    height: 10rem;
    z-index: 5;
    width: 100%;
}
/*ed*/
/*w60-pricingplan-4*/
.w60-pricingplan-4 {
    width: 100%;
    padding: 5rem 1rem 2rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 1;
}

.w60-pricingplan-4__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-pricingplan-4__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w60-pricingplan-4__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-pricingplan-4__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-pricingplan-4__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-pricingplan-4__heading__name:hover .w60-pricingplan-4__heading__name__text {
    color: #fff;
}

.w60-pricingplan-4__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 1.5rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

.w60-pricingplan-4__heading__text {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 1.6rem;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan-4__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-pricingplan-4__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
    width:100%;
}

    .w60-pricingplan-4__text ul,
    .w60-pricingplan-4__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w60-pricingplan-4__items {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w60-pricingplan-4__items {
        margin-top: 1rem;
    }
}

.w60-pricingplan-4__items__item {
    margin-top: 5rem;
    margin-bottom: 3rem;
    padding: 5rem 0rem 3rem;
    width: 32%;
    margin-left: 2%;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #F6F6F7;
}

@media only screen and (min-width:75rem) {
    .w60-pricingplan-4__items__item:hover {
        transform: translateY(-2rem);
    }
}

@media only screen and (min-width:75rem) {
    .w60-pricingplan-4__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan-4__items__item {
        width: 49%;
    }

    @media only screen and (min-width:50rem) {
        .w60-pricingplan-4__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w60-pricingplan-4__items__item {
            margin-left: 0;
            width: 100%;
        }
    }
}

.w60-pricingplan-4__items__item__top {
    position: absolute;
    width: 8rem;
    height: 8rem;
    flex-shrink: 0;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    border: .2rem solid #fff;
    border-radius: 1rem;
    position: absolute;
    top: -4rem;
    left: 4rem;
}

.w60-pricingplan-4__items__item__top__icon {
    color: #fff;
    font-size: 3.6rem;
}

.w60-pricingplan-4__items__item__head {
    padding: 1rem 3rem 1rem;
}

.w60-pricingplan-4__items__item__head__text {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    text-transform: uppercase;
    font-weight: 600;
    display: block;
}

.w60-pricingplan-4__items__item__center {
    padding: 1rem 3rem 1rem;
    display: flex;
    align-items: center;
}

.w60-pricingplan-4__items__item__center__name {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w60-pricingplan-4__items__item__center__des {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .5rem;
    color: #808080;
}

.w60-pricingplan-4__items__item__line {
    width: 100%;
    height: 2rem;
    background: url('../../img/w60/wd-banggia-8_line.svg') center no-repeat;
    background-size: cover;
    margin-top: 2rem
}

.w60-pricingplan-4__items__item__main {
    padding: 3rem 3rem;
}

.w60-pricingplan-4__items__item__main__child {
    padding: .5rem 0rem;
    display: flex;
    align-items: center;
}

    .w60-pricingplan-4__items__item__main__child:nth-child(2n+2) {
    }

.w60-pricingplan-4__items__item__main__child__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 400;
}

.w60-pricingplan-4__items__item__main__child__text {
    display: block;
    margin-left: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w60-pricingplan-4__items__item__bottom {
    display: flex;
    padding: 0 3rem;
    width: 100%;
}

.w60-pricingplan-4__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}

.w60-pricingplan-4__items__item__bottom__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w60-pricingplan-4__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}


.w60-pricingplan-4__bottom {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .w60-pricingplan-4__bottom ul,
    .w60-pricingplan-4__bottom ol {
        margin: .25rem 0rem .25rem 2rem;
    }
/*ed*/
/*w60-pricingplan-5*/
.w60-pricingplan-5 {
    width: 100%;
    padding: 5rem 1rem 3rem;
    background: url(../../img/w60/wd-video-6_bg_left.png) center center no-repeat #fff;
    background-size: 70rem;
    overflow: hidden;
}

.w60-pricingplan-5__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-pricingplan-5__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w60-pricingplan-5__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-pricingplan-5__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-pricingplan-5__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    transition: all .5s;
    line-height: 2.6rem;
    letter-spacing: .1rem;
}

.w60-pricingplan-5__heading__name:hover .w60-pricingplan-5__heading__name__text {
    color: #fff;
}

.w60-pricingplan-5__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 2rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:75rem) {
    .w60-pricingplan-5__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-pricingplan-5__main {
    position: relative;
    width: 100%;
    margin-top: 6rem;
}

.w60-pricingplan-5__main__items {
    display: flex;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w60-pricingplan-5__main__items__item {
    margin-bottom: 3rem;
    width: 49%;
    margin-left: 2%;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
    padding: 3rem 3rem;
    overflow: hidden;
}

@media only screen and (min-width:75rem) {
    .w60-pricingplan-5__main__items__item:hover {
        transform: translateY(-2rem);
    }
}

@media only screen and (min-width:50rem) {
    .w60-pricingplan-5__main__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w60-pricingplan-5__main__items__item {
        margin-left: 0;
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item {
        padding: 1rem;
    }
}

.w60-pricingplan-5__main__items__item__type {
    position: absolute;
    top: 0rem;
    right: 0rem;
    color: #fff;
    padding: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w60-pricingplan-5__main__items__item__type__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    position: relative;
    z-index: 1;
}

.w60-pricingplan-5__main__items__item__type__bg {
    content: "";
    width: 18rem;
    height: 18rem;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    z-index: 0;
    top: -10rem;
    right: -10rem;
    transform: rotate(-50deg);
}

.w60-pricingplan-5__main__items__item__head {
    padding: 2rem 0rem .5rem;
    text-align: center;
}

.w60-pricingplan-5__main__items__item__head__text {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    display: block;
    text-transform: uppercase;
}

.w60-pricingplan-5__main__items__item__center {
    padding: 0rem;
    justify-content: center;
    display: flex;
    align-items: center;
    margin: 1rem 0 0;
}

.w60-pricingplan-5__main__items__item__center__icon {
    font-size: 4rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center__icon {
        font-size: 3rem;
    }
}

.w60-pricingplan-5__main__items__item__center__text {
    font-size: 1.8rem;
    margin-left: .5rem;
    font-weight: 600;
    color: #808080;
    letter-spacing: .05rem;
    text-decoration: line-through;
}

.w60-pricingplan-5__main__items__item__center__name {
    font-size: 4rem;
    margin-left: .25rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    letter-spacing: .05rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center__name {
        font-size: 3rem;
    }
}

.w60-pricingplan-5__main__items__item__center2__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #808080;
    margin-top: 1rem;
    display: block;
    text-align: center;
}

.w60-pricingplan-5__main__items__item__center2__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #808080;
    margin-top: .5rem;
    text-align: center;
}

.w60-pricingplan-5__main__items__item__center3 {
    margin-top: 2rem;
}

.w60-pricingplan-5__main__items__item__center3__khuyenmai {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    justify-content: space-evenly;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    padding: 1rem 1rem;
    border-radius: 1rem;
    position: relative;
}

.w60-pricingplan-5__main__items__item__center3__khuyenmai__icon {
    width: 6rem;
    height: 6rem;
    background-color: rgba(var(--second-color-w),1);
    border: solid .1rem #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    animation-name: key-wd-banggia-6__main__items__item__center3__khuyenmai__icon;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    z-index: 1;
    border-radius: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__khuyenmai__icon {
        width: 5rem;
        height: 5rem;
        top: -4rem;
    }
}

@-webkit-keyframes key-wd-banggia-6__main__items__item__center3__khuyenmai__icon {
    0% {
        transform: translateY(-3rem);
    }

    50% {
        transform: translateY(0rem);
    }

    100% {
        transform: translateY(-3rem);
    }
}

.w60-pricingplan-5__main__items__item__center3__khuyenmai__icon__fa {
    font-size: 3rem;
    font-weight: 600;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__khuyenmai__icon__fa {
        font-size: 2rem;
    }
}

.w60-pricingplan-5__main__items__item__center3__khuyenmai__name {
    font-size: 2rem;
    text-transform: uppercase;
    color: #fff;
    font-weight: 600;
    margin-left: 1rem;
    line-height: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-pricingplan-5__main__items__item__center3__khuyenmai__name {
        max-width: 70%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__khuyenmai__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
        max-width: 70%;
    }
}

.w60-pricingplan-5__main__items__item__center3__items {
}

.w60-pricingplan-5__main__items__item__center3__items__item {
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 1rem 0rem;
    margin: .5rem 0;
    position: relative;
    border: solid .1rem rgba(var(--main-color-w),0);
    transition: all .5s;
    border-radius: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__items__item {
        flex-wrap: wrap;
        border-radius: .3rem;
        border: solid .1rem #f1f1f1;
        padding: 2rem 0rem;
        margin-bottom: 2rem;
    }

        .w60-pricingplan-5__main__items__item__center3__items__item:last-child {
            margin-bottom: 0;
        }
}

.w60-pricingplan-5__main__items__item__center3__items__item:hover {
    border: solid .1rem rgba(var(--second-color-w),1);
    background-color: rgba(var(--main-color-w),.05);
    border-radius: 1rem;
}

.w60-pricingplan-5__main__items__item__center3__items__item__name {
    font-size: 1.4rem;
    padding: .5rem 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 3rem;
    transition: all .5s;
}

.w60-pricingplan-5__main__items__item__center3__items__item:hover
.w60-pricingplan-5__main__items__item__center3__items__item__name {
    background-color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-5__main__items__item__center3__items__item__price {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__items__item__price {
        width: 100%;
        flex-wrap: wrap;
        margin: 1.5rem 0;
    }
}

.w60-pricingplan-5__main__items__item__center3__items__item__price__first {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 3.4rem;
    margin: 0 .5rem;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__items__item__price__first {
        margin: 0;
        font-size: 3rem;
        text-align: center;
        width: 100%;
    }
}

.w60-pricingplan-5__main__items__item__center3__items__item:hover
.w60-pricingplan-5__main__items__item__center3__items__item__price__first {
    color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-5__main__items__item__center3__items__item__price__second {
    color: #808080;
    font-weight: 600;
    font-size: 1.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__items__item__price__second {
        margin-top: 1rem;
        width: 100%;
        text-align: center;
    }
}

.w60-pricingplan-5__main__items__item__center3__items__item__button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    margin-left: 2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 50%;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__items__item__button {
        margin-left: 0;
        width: max-content;
        height: auto;
        border-radius: .5rem;
        padding: .75rem 1.5rem;
        margin-top: 1rem;
    }
}

.w60-pricingplan-5__main__items__item__center3__items__item:hover
.w60-pricingplan-5__main__items__item__center3__items__item__button {
    background-color: rgba(var(--second-color-w),1);
}

.w60-pricingplan-5__main__items__item__center3__items__item__button__text {
    display: none;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__items__item__button__text {
        display: block;
        font-size: 1.6rem;
        font-weight: 600;
    }
}

.w60-pricingplan-5__main__items__item__center3__items__item__button__icon {
    font-size: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-pricingplan-5__main__items__item__center3__items__item__button__icon {
        font-size: 1.6rem;
        margin-left: .5rem;
    }
}

.w60-pricingplan-5__main__items__item__center3__items__item__km {
    background-color: rgba(var(--second-color-w),1);
    border-radius: 1rem;
    padding: 1rem;
    border-radius: .5rem;
    border: solid .1rem #f1f1f1;
    position: absolute;
    top: -7rem;
    width: max-content;
    text-align: center;
    color: #fff;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    display: flex;
    justify-content: center;
}

.w60-pricingplan-5__main__items__item__center3__items__item:hover .w60-pricingplan-5__main__items__item__center3__items__item__km {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    top: -5.3rem;
}

.w60-pricingplan-5__main__items__item__center3__items__item.active .w60-pricingplan-5__main__items__item__center3__items__item__km {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    top: -5.3rem;
}

.w60-pricingplan-5__main__items__item__center3__items__item__km__text {
    font-size: 1.6rem;
    font-weight: 600;
}

.w60-pricingplan-5__main__items__item__center3__items__item__km:after {
    position: absolute;
    bottom: -.5rem;
    width: 0px;
    height: 0px;
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .5rem solid rgba(var(--second-color-w),1);
    content: "";
}

.w60-pricingplan-5__main__items__item__main {
    padding: 2rem 2rem 2rem;
    border-top: .1rem solid #e7e7e7;
    margin-top: 2rem;
}

.w60-pricingplan-5__main__items__item__main__child {
    padding: .75rem 0rem;
    display: flex;
    width: 100%;
    align-items: center;
}

.w60-pricingplan-5__main__items__item__main__child__icon {
    font-size: 1.6rem;
    font-weight: 400;
    color: #181818;
    transform: translateY(.2rem);
    color: rgba(var(--main-color-w),1);
}

.w60-pricingplan-5__main__items__item__main__child__text {
    display: block;
    font-size: 1.6rem;
    margin-left: 1rem;
    max-width: 91%;
    line-height: 2.6rem;
}

.w60-pricingplan-5__main__items__item__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
}

.w60-pricingplan-5__main__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
    z-index: 1;
}

.w60-pricingplan-5__main__items__item__bottom__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w60-pricingplan-5__main__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-pricingplan-5__main__items__item__bottom__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-pricingplan-5__main__items__item__bottom__button:hover:after {
    width: 100%;
}

.w60-pricingplan-5__main__round {
    height: 30rem;
    width: 30rem;
    border: solid .1rem rgba(var(--main-color-w), .1);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -15rem;
    left: -15rem;
    animation-name: key-wd-banggia-6__main__round;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w60-pricingplan-5__main__round {
    }
}

@-webkit-keyframes key-wd-banggia-6__main__round {
    0% {
        transform: scale(.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }

    100% {
        transform: scale(.8);
        opacity: 0;
    }
}

.w60-pricingplan-5__main__imgbox {
    height: 18rem;
    width: 18rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -9rem;
    left: -9rem;
    background-size: cover;
    animation-name: key-wd-banggia-6__main__tron;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@-webkit-keyframes key-wd-banggia-6__main__tron {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.w60-pricingplan-5__main__round2 {
    height: 30rem;
    width: 30rem;
    border: solid .1rem #f1f1f1;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    bottom: -15rem;
    right: -15rem;
    animation-name: key-wd-banggia-6__main__round2;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    z-index: 1;
}

@-webkit-keyframes key-wd-banggia-6__main__round2 {
    0% {
        transform: scale(.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }

    100% {
        transform: scale(.8);
        opacity: 0;
    }
}

.w60-pricingplan-5__main__imgbox2 {
    height: 18rem;
    width: 18rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    bottom: -9rem;
    background-size: cover;
    right: -9rem;
    animation-name: key-wd-banggia-6__main__tron2;
    animation-iteration-count: infinite;
    animation-duration: 7.5s;
}

@-webkit-keyframes key-wd-banggia-6__main__tron2 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}
/*ed*/
/*w60-testimonial-2*/
.w60-testimonial-2 {
    width: 100%;
    padding: 5rem 1rem 2rem;
    overflow: hidden;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-testimonial-2 {
        padding: 3rem 1rem 2rem;
    }
}

.w60-testimonial-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.wd-banner-12_top__img {
    width: 100%;
}

.w60-testimonial-2__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.w60-testimonial-2__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
}

    .w60-testimonial-2__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-testimonial-2__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
}

.w60-testimonial-2__heading__name:hover .w60-testimonial-2__heading__name__text {
    color: #fff;
}

.w60-testimonial-2__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 2rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:75rem) {
    .w60-testimonial-2__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-testimonial-2__items {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w60-testimonial-2__items__item {
    margin-top: 3rem;
    margin-bottom: 3rem;
    width: 31.333333%;
    margin-left: 3%;
    transition: all .5s;
}

@media only screen and (min-width:75rem) {
    .w60-testimonial-2__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w60-testimonial-2__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w60-testimonial-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:50rem) {
        .w60-testimonial-2__items__item {
            width: 100%;
            margin-left: 0;
            margin-top: 3rem;
        }
    }
}

.w60-testimonial-2__items__item__main {
    box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
    padding: 3rem;
    border-radius: .5rem;
    background-color: #fff;
}

.w60-testimonial-2__items__item__main__head {
    overflow: hidden;
    transition: all .5s;
}

.w60-testimonial-2__items__item__main__head__first {
    overflow: hidden;
    height: 7rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center
}

.w60-testimonial-2__items__item__main__head__first__imgbox {
    background-size: contain;
    transition: all .5s;
    position: relative;
    z-index: 1;
    transition: all .5s;
    height: 100%;
}

    .w60-testimonial-2__items__item__main__head__first__imgbox:hover {
        transform: scale(1.05);
    }

.w60-testimonial-2__items__item__main__head__first__imgbox__img {
    width: 100%;
}

.w60-testimonial-2__items__item__main__text {
    transition: all .5s;
    z-index: 1;
    position: relative;
    max-height: 15rem;
    transition: all .5s;
    overflow-y: scroll;
    margin-top: 1rem;
}
.w60-testimonial-2__items__item__main__text::-webkit-scrollbar {
    width: .4rem;
    visibility: hidden;
}

.w60-testimonial-2__items__item__main__text::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w60-testimonial-2__items__item__main__text::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    visibility: hidden;
}

.w60-testimonial-2__items__item__main__text:hover::-webkit-scrollbar-thumb {
    visibility: visible;
}

.w60-testimonial-2__items__item__main__text__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w60-testimonial-2__items__item__main__rate {
    display: flex;
    margin-top: 2rem
}

.w60-testimonial-2__items__item__main__rate__item {
    margin-left: .5rem;
    font-size: 1.4rem;
    color: #ff8000;
}

    .w60-testimonial-2__items__item__main__rate__item:first-child {
        margin-left: 0;
    }

.w60-testimonial-2__items__item__bottom {
    margin-top: 3rem;
    display: flex;
    align-items: center;
}

.w60-testimonial-2__items__item__bottom__imgbox {
    width: 8rem;
    height: 8rem;
    background-size: cover;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    background-position: top center;
    border-radius: 50%;
    transition: all .5s;
}

    .w60-testimonial-2__items__item__bottom__imgbox:hover {
        transform: scale(1.02);
    }

.w60-testimonial-2__items__item__bottom__content {
    margin-left: 2rem;
}

.w60-testimonial-2__items__item__bottom__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: block;
    text-transform: uppercase;
    line-height: 2.6rem;
}

.w60-testimonial-2__items__item__bottom__content__des {
    font-size: 1.6rem;
    margin-top: .5rem;
    color: #808080;
}
/*ed*/
/*w55-menu*/
.w55-menu {
    width: 100%;
    padding: 1rem 1rem;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w55-menu {
        background-color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu {
        padding: 0;
    }
}

.w55-menu__check {
    display: none;
}

.w55-menu__mobile {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 2rem 1rem;
    display: none;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w55-menu__mobile {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .w55-menu.ws1TransApply .w55-menu__mobile {
        background-color: transparent;
    }
}

@media only screen and (max-width:50rem) {
    .w55-menu__mobile {
        padding: .5rem 1rem;
    }
}

.w55-menu__mobile__figure {
    background-size: contain;
    background-position: center;
    width: 20rem;
    max-height: 6rem;
}

@media only screen and (max-width:50rem) {
    .w55-menu__mobile__figure {
        max-height: 4.5rem;
    }
}

.w55-menu__mobile__label {
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    left: 1rem;
}

.w55-menu__mobile__label__icon {
    font-size: 2.4rem;
    font-weight: normal;
}

.w55-menu.ws1TransApply .w55-menu__mobile__label__icon {
    color: #fff;
}

.sticky .w55-menu__mobile__label__icon {
    color: inherit;
}

.w55-menu__mobile__btn {
    position: absolute;
    right: 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    border-radius: .3rem;
    transition: all .5s;
    cursor: pointer;
}

    .w55-menu__mobile__btn:hover {
        background-color: rgba(var(--main-color-w),.8);
    }

.w55-menu__mobile__btn__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-menu__mobile__btn__icon {
        font-size: 1.1rem;
    }
}

.w55-menu__mobile__btn__text {
    font-size: 1.4rem;
    margin-left: .5rem;
    text-transform: uppercase;
}

@media only screen and (max-width:37.5rem) {
    .w55-menu__mobile__btn__text {
        font-size: 1.1rem;
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__check:checked ~ .w55-menu__mobile__label .w55-menu__mobile__label__icon:before {
        content: "\f141";
    }
}

.w55-menu__ckpc {
    display: none;
}

.w55-menu__bar {
    overflow: hidden;
    height: 0;
    transition: all .5s;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.w55-menu__ckpc:checked ~ .w55-menu__bar {
    height: 6rem;
}

.w55-menu__bar__items {
    margin: 0 auto;
    max-width: 120rem;
    width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0;
}

.w55-menu__bar__items__item {
    list-style-type: none;
    padding: 0rem 2rem;
}

.w55-menu__bar__items__item__icon {
    font-size: 2rem;
    cursor: pointer;
    transition: all .5s;
    color: #545454;
    list-style-type: none;
}

    .w55-menu__bar__items__item__icon:hover {
        color: rgba(var(--main-color-w),1);
    }

.w55-menu__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w55-menu__ckpc:checked ~ .w55-menu__group {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w55-menu__group {
        margin: 0;
        width: 37rem;
        max-width: 100%;
        padding: 0;
        background-color: #fff;
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .5s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100%;
    }

    .w55-menu__check:checked ~ .w55-menu__group {
        overflow-y: scroll;
        padding: 6rem 3rem 3rem 3rem;
        left: 0;
    }

    .w55-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w55-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w55-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w55-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

@-webkit-keyframes key-menu-9__first__btn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
.w55-menu__second {
    transition: all .5s;
}

@media only screen and (min-width:75rem) {
    .w55-menu__second {
        width: 44%;
        display: flex;
        align-items: center;
    }

    .w55-menu__second--last {
        display: flex;
        justify-content: flex-end;
    }
}

@-webkit-keyframes key-wd-menu-15__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    section.in .w55-menu__second {
        -webkit-animation: key-wd-menu-15__second 1s;
        animation: key-wd-menu-15__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__second {
        margin-left: 0;
    }
}

.w55-menu__second__bar {
    cursor: pointer;
    margin-right: 2rem;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__bar {
        display: none;
    }
}

.w55-menu__second__bar__icon {
    font-size: 1.8rem;
}

.w55-menu.ws1TransApply .w55-menu__second__bar__icon {
    color: #fff;
}

.sticky .w55-menu__second__bar__icon {
    color: inherit;
}

.w55-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items {
        width: 100%;
    }
}

.w55-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item {
        width: 100%;
    }
}

.w55-menu__second__items__item__check {
    display: none;
}

.w55-menu__second__items__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__main {
        transition: .5s;
    }

    .w55-menu__second__items__item:hover .w55-menu__second__items__item__main {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__main {
        padding: 0 0 0 1rem;
        border-bottom: solid 1px #EEEEEE;
        width: 100%;
    }
}

.w55-menu__second__items__item__main__name {
    font-size: 1.3rem;
    cursor: pointer;
    text-transform: uppercase;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__main__name {
        font-size: 1.2rem;
        font-weight: 400;
        transition: all .5s;
        padding: .75rem 0rem;
        color: #545454;
    }

    .w55-menu__second__items__item__check:checked ~
    .w55-menu__second__items__item__main
    .w55-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__main__name {
        padding: 1rem 2rem;
    }

    .w55-menu.ws1TransApply .w55-menu__second__items__item__main__name {
        color: #fff;
        text-shadow: 0.05rem 0 0 #fff;
    }

    .sticky .w55-menu__second__items__item__main__name {
        color: inherit;
        text-shadow: none;
    }

    .w55-menu__second__items__item:hover .w55-menu__second__items__item__main__name {
    }
}

.w55-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none !important;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__main__icon1 {
        display: none !important;
        padding: .9rem 0rem;
    }
}

.w55-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__main__icon2 {
        padding: 0;
        display: flex !important;
        justify-content: center;
        align-items: center;
        color: #999;
        position: absolute;
        font-weight: 400;
        font-size: 1.3rem;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w55-menu__second__items__item__main__icon2__value {
        position: relative;
    }

        .w55-menu__second__items__item__main__icon2__value:before {
            content: "\f068" !important;
        }

        .w55-menu__second__items__item__main__icon2__value:after {
            content: "\f068";
            transition: all .5s;
            transform: rotate(90deg);
            position: absolute;
            right: 0;
        }

    .w55-menu__second__items__item__check:checked ~
    .w55-menu__second__items__item__main
    .w55-menu__second__items__item__main__icon2 {
        color: rgba(var(--main-color-w),1);
    }

    .w55-menu__second__items__item__check:checked ~
    .w55-menu__second__items__item__main
    .w55-menu__second__items__item__main__icon2__value:after {
        transform: rotate(0);
    }
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__main__icon2 {
    }

    .w55-menu.ws1TransApply .w55-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .sticky .w55-menu__second__items__item__main__icon2 {
        color: inherit;
    }
}

.w55-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w55-menu__second__items__item__check:checked ~
    .w55-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__childs {
        position: absolute;
        top: 6rem;
        background-color: rgba(var(--main-color-w),1);
        width: 22rem;
        min-width:100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 1rem 0rem;
        overflow: hidden;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w55-menu__second__items__item:hover .w55-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        border: none;
        overflow: inherit;
        transform: none;
    }

    .w55-menu.ws1TransApply .w55-menu__second__items__item:hover .w55-menu__second__items__item__childs {
        top: 4rem;
    }

    .w55-menu__second__items__item__childs.ws1MenudropActive {
        overflow: initial;
    }
}

.w55-menu__second__items__item__childs__child {
    position: relative;
}

    .w55-menu__second__items__item__childs__child:last-child {
        border: none;
    }

.w55-menu__second__items__item__childs__child__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__childs__child__main {
        border-color: #646161;
    }

    .w55-menu__second__items__item__childs__child:first-child .w55-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__childs__child__main {
        padding: 0 0 0;
        margin-left: 2rem;
        border-bottom: solid 1px #EEEEEE;
    }
}

.w55-menu__second__items__item__childs__child__main__name {
    font-size: 1.4rem;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__childs__child__main__name {
        text-transform: capitalize;
        font-size: 1.3rem;
        font-weight: 400;
        color: #545454;
        padding: .75rem 0rem;
        transition: all .5s;
        width: 100%;
    }

    .w55-menu__second__items__item__childs__child__check:checked ~
    .w55-menu__second__items__item__childs__child__main
    .w55-menu__second__items__item__childs__child__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__childs__child__main__name {
        transition: all .5s;
        color: #fff;
        padding: 1rem 1.5rem;
        display: block;
        width: 100%;
    }

    .w55-menu__second__items__item__childs__child:hover .w55-menu__second__items__item__childs__child__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .w55-menu__second__items__item__childs__child:hover .w55-menu__second__items__item__childs__child__main {
        background-color: #fff;
    }
}

.w55-menu__second__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__childs__child__main__icon {
        color: #fff0e3;
    }

    .w55-menu__second__items__item__childs__child:hover .w55-menu__second__items__item__childs__child__main__icon {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__childs__child__main__icon {
        padding: 0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #999;
        position: absolute;
        font-weight: 400;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w55-menu__second__items__item__childs__child__main__icon__value {
        position: relative;
    }

        .w55-menu__second__items__item__childs__child__main__icon__value:before {
            content: "\f068" !important;
        }

        .w55-menu__second__items__item__childs__child__main__icon__value:after {
            content: "\f068" !important;
            transition: all .5s;
            transform: rotate(90deg);
            position: absolute;
            right: 0;
        }

    .w55-menu__second__items__item__childs__child__check:checked ~
    .w55-menu__second__items__item__childs__child__main
    .w55-menu__second__items__item__childs__child__main__icon {
        color: rgba(var(--main-color-w),1);
    }

    .w55-menu__second__items__item__childs__child__check:checked ~
    .w55-menu__second__items__item__childs__child__main
    .w55-menu__second__items__item__childs__child__main__icon__value:after {
        transform: rotate(0deg);
    }
}

.w55-menu__second__items__item__childs__child__check {
    display: none;
}

.w55-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__childs__child__grands {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w55-menu__second__items__item__childs__child__check:checked ~
    .w55-menu__second__items__item__childs__child__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__childs__child__grands {
        position: absolute;
        left: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: -1rem;
        background-color: rgba(var(--main-color-w),1);
        width: 22rem;
        padding: 1rem 0rem;
        border: none;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
    }

    .w55-menu__second__items__item__childs__child:hover .w55-menu__second__items__item__childs__child__grands {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w55-menu__second__items__item__childs__child__grands.ws1MenudropActive {
    z-index: 2 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
}

.w55-menu__second__items__item__childs__child__grands__grand {
}

.w55-menu__second__items__item__childs__child__grands__grand__main {
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__childs__child__grands__grand__main {
        border-color: #646161;
    }

    .w55-menu__second__items__item__childs__child__grands__grand:first-child .w55-menu__second__items__item__childs__child__grands__grand__main {
        border: none;
    }

    .w55-menu__second__items__item__childs__child__grands__grand:hover .w55-menu__second__items__item__childs__child__grands__grand__main {
        background-color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__childs__child__grands__grand__main {
        margin-left: 4rem;
        padding: .75rem 0rem;
        border-bottom: solid 1px #EEEEEE;
    }
}

.w55-menu__second__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    transition: all .25s;
    cursor: pointer;
}

@media only screen and (min-width:75rem) {
    .w55-menu__second__items__item__childs__child__grands__grand__main__name {
        color: #fff;
        padding: 1rem 1.5rem;
        display: block;
    }

    .w55-menu__second__items__item__childs__child__grands__grand__main:hover .w55-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__items__item__childs__child__grands__grand__main__name {
        font-size: 1.4rem;
        text-transform: capitalize;
        font-weight: 400;
        color: #545454;
    }

    .w55-menu__second__items__item__childs__child__grands__grand__main:hover .w55-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

.w55-menu__second__btn {
    font-size: 1.4rem;
    cursor: pointer;
    padding: .5rem 1rem;
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    text-transform: uppercase;
    display: inline-block;
    margin-left: 1rem;
}

@media only screen and (max-width:75rem) {
    .w55-menu__second__btn {
        margin-top: 1rem;
    }
}

.w55-menu__second__btn:hover {
    background-color: rgba(var(--main-color-w),.9);
}

.w55-menu__heading {
    display: none;
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0rem 3rem;
    height: 5rem;
    align-items: center
}

@media only screen and (max-width:75rem) {
    .w55-menu__heading {
        display: flex;
    }

    .w55-menu__heading__close {
        text-align: center;
        padding: .75rem 1rem;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: #545454;
    }

        .w55-menu__heading__close:hover {
            color: rgba(var(--main-color-w),1);
        }

    .w55-menu__heading__close__icon {
        font-size: 2.5rem;
        transform: rotate(45deg);
        transition: all .5s;
    }

    .w55-menu__heading__close:hover .w55-menu__heading__close__icon {
        transform: rotate(135deg);
    }

    .w55-menu__heading__close__text {
        font-size: 1.6rem;
        margin-left: .5rem;
    }

    .w55-menu__heading__items {
        margin: 0;
        padding: 0;
        margin-left: auto;
        display: flex;
        align-items: center;
    }

    .w55-menu__heading__items__item {
        list-style-type: none;
        margin-left: 1rem;
        width: 2.2rem;
        height: 2.2rem;
        display: flex;
        justify-content: center;
        align-items: center;
        background-color: #bbb;
        border-radius: 50%;
        cursor: pointer;
        transition: all .5s;
    }

        .w55-menu__heading__items__item:hover {
            background-color: rgba(var(--main-color-w),1);
        }

        .w55-menu__heading__items__item:first-child {
            margin-left: 0;
        }

    .w55-menu__heading__items__item__text {
        font-size: .8rem;
        color: #fff;
    }
}

.w55-menu__center {
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w55-menu__center {
        display: none;
    }
}

.w55-menu__center__figure {
    background-position: center;
    background-size: contain;
    width: 8rem;
    height: 8rem;
}

.w55-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    height: 100%;
    overflow: hidden;
    background-color: rgb(0 0 0 / 70%);
    width: 100%;
    transition: all .35s;
}

@media only screen and (min-width:75rem) {
    .w55-menu__bg {
        display: none;
    }
}

@media only screen and (max-width:75rem) {
    .w55-menu__check:checked ~ .w55-menu__bg {
        left: 0;
    }
}

.w55-menu__pc {
    margin: 0;
    width: 37rem;
    max-width: 100%;
    padding: 0;
    background-color: #fff;
    border-bottom: solid .1rem #f1f1f1;
    border-right: solid .1rem #f1f1f1;
    overflow: hidden;
    position: fixed;
    z-index: 9;
    transition: all .5s;
    display: block;
    top: 0;
    left: -100%;
    height: 100%;
    padding: 15rem 3rem 3rem 3rem;
    overflow-y: scroll;
}

.w55-menu__ckpc:checked ~ .w55-menu__pc {
    left: 0;
}

.w55-menu__pc::-webkit-scrollbar {
    width: .4rem;
}

.w55-menu__pc::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w55-menu__pc::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w55-menu__pc::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w55-menu__pc__main {
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w55-menu__pc__main {
        margin-left: 0;
    }
}

.w55-menu__pc__main__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w55-menu__pc__main__items__item {
    list-style-type: none;
    position: relative;
    width: 100%;
}

.w55-menu__pc__main__items__item__check {
    display: none;
}

.w55-menu__pc__main__items__item__main {
    display: flex;
    align-items: center;
    padding: 0 0 0 0rem;
    position: relative;
    border-bottom: solid 1px #EEEEEE;
}

.w55-menu__pc__main__items__item__main__name {
    font-size: 1.2rem;
    font-weight: 400;
    transition: all .5s;
    padding: .75rem 0rem;
    color: #545454;
    text-transform: uppercase;
}

.w55-menu__pc__main__items__item__check:checked ~
.w55-menu__pc__main__items__item__main
.w55-menu__pc__main__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}


.w55-menu__pc__main__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none !important;
    padding: .9rem 0rem;
    color: rgba(var(--main-color-w),1);
}

.w55-menu__pc__main__items__item__main__icon2 {
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    position: relative;
    font-weight: 400 !important;
    font-size: 1.3rem;
    position: absolute;
    right: 0rem;
}

.w55-menu__pc__main__items__item__main__icon2__value {
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: center;
}

    .w55-menu__pc__main__items__item__main__icon2__value:before {
        content: "\f068" !important;
        position: absolute;
    }

    .w55-menu__pc__main__items__item__main__icon2__value:after {
        content: "\f068";
        transition: all .5s;
        transform: rotate(90deg);
        position: absolute;
    }

.w55-menu__pc__main__items__item__check:checked ~
.w55-menu__pc__main__items__item__main
.w55-menu__pc__main__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

    .w55-menu__pc__main__items__item__check:checked ~
    .w55-menu__pc__main__items__item__main
    .w55-menu__pc__main__items__item__main__icon2
    .w55-menu__pc__main__items__item__main__icon2__value:after {
        transform: rotate(0);
    }

.w55-menu__pc__main__items__item__childs {
    list-style-type: none;
}

.w55-menu__pc__main__items__item__childs {
    overflow: hidden;
    max-height: 0;
    transition: all .25s;
}

.w55-menu__pc__main__items__item__check:checked ~
.w55-menu__pc__main__items__item__childs {
    max-height: 900vh;
}


.w55-menu__pc__main__items__item__childs__child {
    position: relative;
}

    .w55-menu__pc__main__items__item__childs__child:last-child {
        border: none;
    }

.w55-menu__pc__main__items__item__childs__child__main {
    padding: 0 0 0;
    margin-left: 2rem;
    border-bottom: solid 1px #EEEEEE;
    display: flex;
    align-items: center;
    position: relative;
}

.w55-menu__pc__main__items__item__childs__child__main__name {
    text-transform: capitalize;
    font-size: 1.3rem;
    font-weight: 400;
    color: #545454;
    padding: .75rem 1rem;
    transition: all .5s;
    cursor: pointer;
    width: 100%;
}

.w55-menu__pc__main__items__item__childs__child__check:checked ~
.w55-menu__pc__main__items__item__childs__child__main
.w55-menu__pc__main__items__item__childs__child__main__name {
    color: rgba(var(--main-color-w),1);
}

.w55-menu__pc__main__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
}

.w55-menu__pc__main__items__item__childs__child__main__icon {
    padding: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #999;
    position: absolute;
    font-weight: 400 !important;
    right: 0;
    width: 4rem;
    height: 100%;
}

.w55-menu__pc__main__items__item__childs__child__main__icon__value {
    display: flex;
    position: relative;
    height: 100%;
    align-items: center;
    justify-content: center;
}

    .w55-menu__pc__main__items__item__childs__child__main__icon__value:before {
        content: "\f068" !important;
        position: absolute;
    }

    .w55-menu__pc__main__items__item__childs__child__main__icon__value:after {
        content: "\f068" !important;
        transition: all .5s;
        transform: rotate(90deg);
        position: absolute;
    }

.w55-menu__pc__main__items__item__childs__child__check:checked ~
.w55-menu__pc__main__items__item__childs__child__main
.w55-menu__pc__main__items__item__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

    .w55-menu__pc__main__items__item__childs__child__check:checked ~
    .w55-menu__pc__main__items__item__childs__child__main
    .w55-menu__pc__main__items__item__childs__child__main__icon
    .w55-menu__pc__main__items__item__childs__child__main__icon__value:after {
        transform: rotate(0deg);
    }

.w55-menu__pc__main__items__item__childs__child__check {
    display: none;
}

.w55-menu__pc__main__items__item__childs__child__grands {
    list-style: none;
    transition: all .5s;
    overflow: hidden;
    max-height: 0;
    transition: all .25s;
}

.w55-menu__pc__main__items__item__childs__child__check:checked ~
.w55-menu__pc__main__items__item__childs__child__grands {
    max-height: 900vh;
}

.w55-menu__pc__main__items__item__childs__child__grands__grand {
}

.w55-menu__pc__main__items__item__childs__child__grands__grand__main {
    margin-left: 4rem;
    border-bottom: solid 1px #EEEEEE;
}

.w55-menu__pc__main__items__item__childs__child__grands__grand__main__name {
    transition: all .25s;
    cursor: pointer;
    font-size: 1.3rem;
    text-transform: capitalize;
    font-weight: 400;
    color: #545454;
    padding: .75rem 0rem;
    width: 100%;
    display: block;
}

.w55-menu__pc__main__items__item__childs__child__grands__grand__main:hover .w55-menu__pc__main__items__item__childs__child__grands__grand__main__name {
    color: rgba(var(--second-color-w),1);
}

.w55-menu__pc__heading {
    display: none;
    width: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0rem 3rem;
    height: 6rem;
    align-items: center
}

.w55-menu__pc__heading__close {
    text-align: center;
    padding: .75rem 1rem;
    border-radius: .5rem;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    align-items: center;
    color: #545454;
}

    .w55-menu__pc__heading__close:hover {
        color: rgba(var(--main-color-w),1);
    }

.w55-menu__pc__heading__close__icon {
    font-size: 2.5rem;
    transform: rotate(45deg);
    transition: all .5s;
}

.w55-menu__pc__heading__close:hover .w55-menu__pc__heading__close__icon {
    transform: rotate(135deg);
}

.w55-menu__pc__heading__close__text {
    font-size: 1.6rem;
    margin-left: .5rem;
}

.w55-menu__pc__heading__items {
    margin: 0;
    padding: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
}

.w55-menu__pc__heading__items__item {
    list-style-type: none;
    margin-left: 1rem;
    width: 2.2rem;
    height: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #bbb;
    border-radius: 50%;
    cursor: pointer;
    transition: all .5s;
}

    .w55-menu__pc__heading__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
    }

    .w55-menu__pc__heading__items__item:first-child {
        margin-left: 0;
    }

.w55-menu__pc__heading__items__item__text {
    font-size: .8rem;
    color: #fff;
}

.w55-menu__check--form {
    display: none;
}

.w55-menu__form {
    position: fixed;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100vh;
    z-index: 9;
    display: flex;
    align-items: center;
    transition: all 1s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.w55-menu__check--form:checked ~
.w55-menu__form {
    opacity: 1;
    z-index: 9;
    visibility: visible;
    left: 0;
}

.w55-menu__form__main {
    width: 100%;
    background-color: #fff;
    z-index: 2;
    overflow-y: scroll;
    position: relative;
    padding-bottom: 2rem;
    height: 100%;
    max-width: 35rem;
}

    .w55-menu__form__main::-webkit-scrollbar {
        width: .1rem;
    }

    .w55-menu__form__main::-webkit-scrollbar-track {
        border-radius: .1rem;
    }

    .w55-menu__form__main::-webkit-scrollbar-thumb {
        border-radius: .1rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w55-menu__form__main::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

@media only screen and (min-width:31.25rem) {
    .w55-menu__form__main {
        max-width: 35rem;
    }
}

.w55-menu__form__main__name {
    z-index: 2;
    position: relative;
    padding: 2rem 2rem;
    display: flex;
    align-items: center;
}

.w55-menu__form__main__name__text {
    font-size: 1.6rem;
    color: #333;
    line-height: 1.6rem;
    margin-left: 2rem;
}

.w55-menu__form__main__name__close {
    display: flex;
    width: 3rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
    z-index: 2;
    cursor: pointer;
}

.w55-menu__form__main__name__close__icon {
    color: #333;
    font-size: 3rem;
    cursor: pointer;
    transform: rotate(45deg);
    transition: all .5s;
}

.w55-menu__form__main__name__close:hover .w55-menu__form__main__name__close__icon {
    color: rgba(var(--second-color-w),1);
    transform: rotate(135deg);
}

.w55-menu__form__main__line {
    height: .1rem;
    background-color: #efefef;
    margin: 0rem 2rem;
}

.w55-menu__form__main__input {
    width: 100%;
    padding: .5rem 2rem;
    position: relative;
    z-index: 2;
}

.w55-menu__form__main__input__name {
    display: block;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: 1rem;
}

.w55-menu__form__main__input__text {
    width: 100%;
    background-color: #fff;
    outline: none;
    border: none;
    border: .1rem solid #ddd;
    font-family: inherit;
    font-size: 1.3rem;
    color: #333;
    padding: .75rem 1rem;
    transition: all .5s;
    margin-top: 1rem;
}

    .w55-menu__form__main__input__text:focus {
        border: .1rem solid rgba(var(--second-color-w),1);
    }

.w55-menu__form__main__input__dropdown {
    position: relative;
    width: 100%;
    z-index: 2;
    margin-top: 1rem
}

@media only screen and (max-width:50rem) {
    .w55-menu__form__main__input__dropdown {
        width: 100%;
    }
}

.w55-menu__form__main__input__dropdown__label {
    background-color: #fff;
    padding: 1rem;
    border-radius: .5rem;
    background-color: #fff;
    border: #efefef solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w55-menu__form__main__input__dropdown__check:checked ~
.w55-menu__form__main__input__dropdown__label
.w55-menu__form__main__input__dropdown__label__icon:before {
    content: "\f106";
}

.w55-menu__form__main__input__dropdown__label__name {
    font-size: 1.4rem;
}

.w55-menu__form__main__input__dropdown__label__icon {
    font-size: 1.6rem;
    margin-left: auto;
}

@media only screen and (max-width:50rem) {
    .w55-menu__form__main__input__dropdown__label__icon {
        margin-left: auto;
    }
}

.w55-menu__form__main__input__dropdown__check {
    display: none;
}

.w55-menu__form__main__input__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
    width: 100%;
}

.w55-menu__form__main__input__dropdown__check:checked ~
.w55-menu__form__main__input__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w55-menu__form__main__input__dropdown__subs__sub {
    display: flex;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    position: relative;
    align-items: center;
}

.w55-menu__form__main__input__dropdown__subs__sub__name {
    padding: 1rem 1rem 1rem 1rem;
    width: 100%;
}

.w55-menu__form__main__input__dropdown__subs__sub:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w55-menu__form__main__input__dropdown__subs__sub:last-child {
    border: none;
    cursor: pointer;
}

.w55-menu__form__main__label {
    padding: 1rem 2rem;
}

.w55-menu__form__main__label__name {
    font-size: 1.3rem;
    text-transform: uppercase;
}

.w55-menu__form__main__dropdown {
    margin-left: auto;
    position: initial;
    width: 100%;
    padding: 1rem 2rem;
}

.w55-menu__form__main__dropdown__label {
    background-color: #fff;
    border: #efefef solid .1rem;
    border-radius: .5rem;
    padding: 1rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w55-menu__form__main__dropdown__check:checked ~
.w55-menu__form__main__dropdown__label {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w55-menu__form__main__dropdown__label__name {
    font-size: 1.4rem;
}

.w55-menu__form__main__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w55-menu__form__main__dropdown__check {
    display: none;
}

.w55-menu__form__main__dropdown__main {
    background-color: #fff;
    position: absolute;
    left: -100%;
    width: 100%;
    height: 100%;
    overflow-y: hidden;
    visibility: hidden;
    z-index: -1;
    top: 0rem;
    transition: all 1s;
}

.w55-menu__form__main__dropdown__check:checked ~
.w55-menu__form__main__dropdown__main {
    visibility: visible;
    z-index: 4;
    left: 0;
}

.w55-menu__form__main__dropdown__main__heading {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
}

.w55-menu__form__main__dropdown__main__heading__icon {
    font-size: 1.4rem;
    font-weight: 900;
}

.w55-menu__form__main__dropdown__main__heading__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-left: .5rem;
    font-weight: 600;
}

.w55-menu__form__main__dropdown__main__items {
    overflow-y: scroll;
    padding-bottom: 1rem;
    position: relative;
    height: 100%;
}

    .w55-menu__form__main__dropdown__main__items::-webkit-scrollbar {
        width: .1rem;
    }

    .w55-menu__form__main__dropdown__main__items::-webkit-scrollbar-track {
        border-radius: .1rem;
    }

    .w55-menu__form__main__dropdown__main__items::-webkit-scrollbar-thumb {
        border-radius: .1rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w55-menu__form__main__dropdown__main__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w55-menu__form__main__dropdown__main__items__item {
    display: block;
    padding: .5rem 1rem;
    font-size: 1.3rem;
    border-bottom: #efefef solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #333;
}

    .w55-menu__form__main__dropdown__main__items__item.active {
        color: rgba(var(--second-color-w),1);
        font-weight: 600;
    }

@media only screen and (min-width:50rem) {
    .w55-menu__form__main__dropdown__main__items__item {
        font-size: 1.4rem;
    }
}

.w55-menu__form__main__dropdown__main__items__item:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w55-menu__form__main__dropdown__main__items__item:last-child {
    border: none;
    cursor: pointer;
}

.w55-menu__form__main__btn {
    position: relative;
    z-index: 1;
    padding: 1rem 2rem;
    cursor: pointer;
}

.w55-menu__form__main__btn__text {
    border: none;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.3rem;
    text-transform: none;
    text-align: center;
    width: 100%;
    padding: .75rem;
    transition: all .5s;
}

    .w55-menu__form__main__btn__text:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w55-menu__form__main__bot {
    padding: 0 2rem;
    margin-top: 1rem;
}

.w55-menu__form__main__bot__text {
    text-align: center;
    font-size: 1.3rem;
    line-height: 2.2rem;
    color: #333;
}

.w55-menu__form__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
    z-index: 1
}
/*ed*/
/*w55-banner*/
.w55-banner {
    width: 100%;
    padding: 0rem 0rem;
    position: relative;
    z-index: 0;
}

.w55-banner__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w55-banner__group--max {
    max-width: 100%;
}

.w55-banner__mains {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

    .w55-banner__mains:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-banner__mains:hover:after {
        animation: key-w55-banner__mains 3s;
    }

@keyframes key-w55-banner__mains {
    100% {
        left: 125%;
    }
}

.w55-banner__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

.w55-banner__mains__main__items {
    display: flex;
    z-index: 0;
}

.w55-banner__mains__main__items__item.swiper-slide {
    width: 100%;
    background: #fff;
    position: relative;
    outline: none;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-banner__mains__main__items__item.swiper-slide {
        align-items: center;
    }
}

.w55-banner__mains__main__items__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 0rem 0rem;
    z-index: 2;
    width: 100%;
}

.w55-banner__mains__main__items__item__content__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.2s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
    opacity: .3;
    height: 90vh;
}

.w55-banner__mains__main__items__item:not(.swiper-slide-active) .w55-banner__mains__main__items__item__content__imgbox {
    opacity: 1;
}

.ws-right-menu .w55-banner__mains__main__items__item__content__imgbox,
.ws-right-menu-box .w55-banner__mains__main__items__item__content__imgbox {
    opacity: 1;
}

@media only screen and (min-width:81.25rem) {
    .w55-banner__group--max .w55-banner__mains__main__items__item__content__imgbox {
        height: 100vh;
    }

    .ws1RightMenubox .w55-banner__group--max .w55-banner__mains__main__items__item__content__imgbox {
        height: max-content;
    }
}

@media only screen and (max-width:81.25rem) {
    .w55-banner__mains__main__items__item__content__imgbox {
        height: 65vh;
    }

    @media only screen and (max-width:50rem) {
        .w55-banner__mains__main__items__item__content__imgbox {
            height: 40vh;
        }

        @media only screen and (max-width:31.25rem) {
            .w55-banner__mains__main__items__item__content__imgbox {
                height: 30vh;
            }
        }
    }
}

.w55-banner__mains__main__items__item__content__imgbox img {
    width: 100%;
}

.w55-banner__mains__main__items__item__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3;
    display: flex;
    pointer-events: none;
    transition: all .5s;
}

.w55-banner__mains__main__items__item:not(.swiper-slide-active) .w55-banner__mains__main__items__item__bg {
    opacity: 0;
}

.ws-right-menu .w55-banner__mains__main__items__item__bg,
.ws-right-menu-box .w55-banner__mains__main__items__item__bg {
    display: none;
}

.w55-banner__mains__main__items__item__bg__overlay {
    width: 16.7%;
    height: 100%;
    overflow: hidden;
    position: absolute;
}

    .w55-banner__mains__main__items__item__bg__overlay:after {
        content: "";
        width: 0rem;
        height: 100%;
        position: absolute;
        right: 0;
        z-index: 2;
        background: rgba(255, 255, 255, 0.15);
    }

.w55-banner__mains__main__items__item__bg__overlay__box {
    width: 120rem;
    height: 100%;
    position: absolute;
    transform: translate(0);
    z-index: 1;
    height: 100%;
    background-position: bottom center;
    background-size: cover;
}

@media only screen and (min-width:62.5rem) {
    .w55-banner__group--max .w55-banner__mains__main__items__item__bg__overlay__box {
        height: 100%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w55-banner__mains__main__items__item__bg__overlay__box {
        height: 100%;
    }
}

.w55-banner__group--max .w55-banner__mains__main__items__item__bg__overlay__box {
    width: 100vw;
}
.w55-banner__mains__main__items__item__bg__overlay:nth-child(1) {
    left: 0;
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(1) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 1.1s;
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(1) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(0) translateY(-50%);
}

.w55-banner__mains__main__items__item:nth-child(2n).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(1) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(0) translateY(0);
}
.w55-banner__mains__main__items__item__bg__overlay:nth-child(2) {
    left: 16.6666666667%;
}

.w55-banner__mains__main__items__item:nth-child(2n+1) .w55-banner__mains__main__items__item__bg__overlay:nth-child(2) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 0.3s;
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(2) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 1.4s;
}

.w55-banner__mains__main__items__item:nth-child(2n+1).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(2) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-16.6666666667%) translateY(0);
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(2) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-16.6666666667%) translateY(-60%);
}

.w55-banner__mains__main__items__item:nth-child(2n).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(2) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-16.6666666667%) translateY(0);
}
.w55-banner__mains__main__items__item__bg__overlay:nth-child(3) {
    left: 33.3333333334%;
}

.w55-banner__mains__main__items__item:nth-child(2n+1) .w55-banner__mains__main__items__item__bg__overlay:nth-child(3) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 0.6s;
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(3) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 1.7s;
}

.w55-banner__mains__main__items__item:nth-child(2n+1).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(3) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-33.3333333334%) translateY(0);
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(3) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-33.3333333334%) translateY(-70%);
}

.w55-banner__mains__main__items__item:nth-child(2n).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(3) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-33.3333333334%) translateY(0);
}
.w55-banner__mains__main__items__item__bg__overlay:nth-child(4) {
    left: 50.0000000001%;
}

.w55-banner__mains__main__items__item:nth-child(2n+1) .w55-banner__mains__main__items__item__bg__overlay:nth-child(4) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 0.9s;
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(4) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 2s;
}

.w55-banner__mains__main__items__item:nth-child(2n+1).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(4) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-50.0000000001%) translateY(0);
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(4) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-50.0000000001%) translateY(-80%);
}

.w55-banner__mains__main__items__item:nth-child(2n).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(4) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-50.0000000001%) translateY(0);
}
.w55-banner__mains__main__items__item__bg__overlay:nth-child(5) {
    left: 66.6666666668%;
}

.w55-banner__mains__main__items__item:nth-child(2n+1) .w55-banner__mains__main__items__item__bg__overlay:nth-child(5) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 1.2s;
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(5) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 2.3s;
}

.w55-banner__mains__main__items__item:nth-child(2n+1).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(5) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-66.6666666668%) translateY(0);
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(5) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-66.6666666668%) translateY(-90%);
}

.w55-banner__mains__main__items__item:nth-child(2n).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(5) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-66.6666666668%) translateY(0);
}
.w55-banner__mains__main__items__item__bg__overlay:nth-child(6) {
    left: 83.3333333335%;
}

.w55-banner__mains__main__items__item:nth-child(2n+1) .w55-banner__mains__main__items__item__bg__overlay:nth-child(6) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 1.5s;
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(6) .w55-banner__mains__main__items__item__bg__overlay__box {
    transition: all 2.5s;
}

.w55-banner__mains__main__items__item:nth-child(2n+1).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(6) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-83.3333333335%) translateY(0);
}

.w55-banner__mains__main__items__item:nth-child(2n) .w55-banner__mains__main__items__item__bg__overlay:nth-child(6) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-83.3333333335%) translateY(-100%);
}

.w55-banner__mains__main__items__item:nth-child(2n).swiper-slide-active .w55-banner__mains__main__items__item__bg__overlay:nth-child(6) .w55-banner__mains__main__items__item__bg__overlay__box {
    transform: translateX(-83.3333333335%) translateY(0);
}

.w55-banner__mains__main__items__item__text {
    position: absolute;
    z-index: 4;
    bottom: 15rem;
    opacity: 0;
    transition: all 1s;
}

@media only screen and (max-width:37.5rem) {
    .w55-banner__mains__main__items__item__text {
        left: inherit;
        bottom: inherit;
    }
}

.swiper-slide-active .w55-banner__mains__main__items__item__text {
    opacity: 1;
}

.w55-banner__mains__main__items__item__text__name {
    color: #fff;
    font-weight: 600;
    font-size: 4rem;
    letter-spacing: 0.01rem;
}

@media only screen and (max-width:75rem) {
    .w55-banner__mains__main__items__item__text__name {
        font-size: 2.6rem;
    }
}

@media only screen and (max-width:50rem) {
    .w55-banner__mains__main__items__item__text__name {
        font-size: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w55-banner__mains__main__items__item__text__name {
        font-size: 1.6rem;
    }
}

.w55-banner__mains__main__pagination {
    width: 100%;
    left: 16.6666666667% !important;
    display: flex;
    align-items: center;
    bottom: 0 !important;
    z-index: 1;
}

    .w55-banner__mains__main__pagination .swiper-pagination-bullet {
        background: none;
        font-size: 2rem;
        margin: 0 !important;
        padding: 1rem .75rem;
        width: 16.6666666667%;
        border-radius: 0;
        height: max-content;
        color: rgba(255, 255, 255, 0.5);
        position: relative;
        font-weight: 600;
        text-align: left;
        display: flex;
        opacity: .8;
    }

@media only screen and (max-width:37.5rem) {
    .w55-banner__mains__main__pagination .swiper-pagination-bullet {
        font-size: 1.4rem;
    }
}

.w55-banner__mains__main__pagination .swiper-pagination-bullet-active {
    color: #fff;
    opacity: 1;
}

.w55-banner__mains__main__pagination .swiper-pagination-bullet:hover {
    color: #fff;
}

.w55-banner__mains__main__pagination .swiper-pagination-bullet__text {
    position: relative;
    z-index: 2;
    display: inline-block;
}

.w55-banner__mains__main__pagination .swiper-pagination-bullet::after {
    background: rgba(var(--main-color-w),1);
    width: 4.5rem;
    height: .4rem;
    position: absolute;
    bottom: 0;
    content: "";
    left: 0;
    transition: all .5s;
    z-index: 1;
}

.w55-banner__mains__main__pagination .swiper-pagination-bullet-active::after {
    height: 5rem;
}

.w55-banner__mains__main__pagination .swiper-pagination-bullet:hover::after {
    height: 5rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-banner__mains__main__pagination .swiper-pagination-bullet-active::after {
        height: 4rem;
    }

    .w55-banner__mains__main__pagination .swiper-pagination-bullet:hover::after {
        height: 4rem;
    }
}

.w55-banner__main__gallery__next.swiper-button-next,
.w55-banner__main__gallery__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w55-banner__main__gallery__next__icon,
.w55-banner__main__gallery__prev__icon {
    position: absolute;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: rgba(var(--second-color-w),.9);
    color: #fff;
    z-index: 3;
    transition: all .5s;
    border-radius: 50%;
}

.w55-banner__main__gallery__prev:hover
.w55-banner__main__gallery__prev__icon {
    background-color: rgba(var(--main-color-w),.9);
}

.w55-banner__main__gallery__next:hover
.w55-banner__main__gallery__next__icon {
    background-color: rgba(var(--main-color-w),.9);
}

@media only screen and (min-width:1300px) {
    .w55-banner__main__gallery__prev.swiper-button-prev {
        left: 3rem;
    }

    .w55-banner__main__gallery__next.swiper-button-next {
        right: 3rem;
    }
}

.w55-banner__main__gallery__next:before,
.w55-banner__main__gallery__prev:before {
    width: 100%;
    z-index: 2;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    -webkit-animation: key-w55-banner__main__gallery__prev__before 3s infinite;
    animation: key-w55-banner__main__gallery__prev__before 3s infinite;
}

@-webkit-keyframes key-w55-banner__main__gallery__prev__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.2);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w55-banner__main__gallery__next:after,
.w55-banner__main__gallery__prev:after {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    -webkit-animation: key-w55-banner__main__gallery__prev__after 3s infinite;
    animation: key-w55-banner__main__gallery__prev__after 3s infinite;
}

@-webkit-keyframes key-w55-banner__main__gallery__prev__after {
    0% {
        transform: scale(1);
        opacity: .3;
    }

    50% {
        opacity: .75;
        transform: scale(1.6);
    }

    100% {
        opacity: .3;
        transform: scale(1);
    }
}
/*ed*/
/*w55-introducer*/
.w55-introducer {
    width: 100%;
    padding: 4rem 1rem 4rem;
    background-color: #FAFAEB;
}

@media only screen and (max-width:62.5rem) {
    .w55-introducer {
        padding: 2rem 1rem 3rem;
    }
}

.w55-introducer__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w55-introducer__group {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.w55-introducer__first {
    width: 49%;
    padding: 1rem 0rem;
}

@media only screen and (max-width:62.5rem) {
    .w55-introducer__first {
        width: 100%;
        margin: 0;
        padding: 0;
    }
}

.w55-introducer__first__heading {
    display: flex;
}

@media only screen and (max-width:25rem) {
    .w55-introducer__first__heading {
        flex-wrap: wrap;
    }
}

.w55-introducer__first__heading__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width:25rem) {
    .w55-introducer__first__heading__content {
        width: 100%;
        text-align: center;
    }
}

.w55-introducer__first__heading__content__name {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    max-width: 90%;
    margin: 0 5rem;
    transition: all .5s;
    cursor: pointer;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-introducer__first__heading__content__name {
        margin: 0;
    }
}

.w55-introducer__first__heading__content__name__title {
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
}

.w55-introducer__first__heading__content__name__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w55-introducer__first__heading__content__name:hover {
    transform: scale(1.05);
}

.w55-introducer__first__heading__content__icon {
    font-size: 3rem;
    color: rgba(var(--main-color-w), 1);
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-size: contain;
    transform: translateY(.5rem);
}

@media only screen and (max-width:37.5rem) {
    .w55-introducer__first__heading__content__icon {
        display: none;
    }
}

.w55-introducer__first__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-top: 3rem;
}

    .w55-introducer__first__des > div,
    .w55-introducer__first__des > p {
        margin-bottom: .75rem;
    }

    .w55-introducer__first__des ul,
    .w55-introducer__first__des ol {
        margin-left: 2.5rem;
    }

.w55-introducer__second {
    width: 49%;
    margin-left: auto;
    padding: 1rem 0rem;
    overflow: hidden;
    position: relative;
}

    .w55-introducer__second:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-introducer__second:hover:after {
        animation: key-w55-introducer__second 1.5s;
    }

@keyframes key-w55-introducer__second {
    100% {
        left: 125%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w55-introducer__second {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w55-introducer__second__video {
    height: 100%;
    padding-bottom: 1rem;
}

    .w55-introducer__second__video iframe {
        width: 100%;
        height: 100%;
    }

@media only screen and (max-width:62.5rem) {
    .w55-introducer__second__video iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w55-introducer__second__video iframe {
        max-height: 25rem !important;
    }
}
/*ed*/
/*w55-introducer-2*/
.w55-introducer-2 {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #FAFAEB;
}

.w55-introducer-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w55-introducer-2__group {
        flex-wrap: wrap;
    }
}


.w55-introducer-2__first {
    width: 49%;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w55-introducer-2__first {
        width: 100%;
        margin: 3rem 0 0;
    }
}

.w55-introducer-2__first__heading {
    display: flex;
}

@media only screen and (max-width:25rem) {
    .w55-introducer-2__first__heading {
        flex-wrap: wrap;
    }
}

.w55-introducer-2__first__heading__content {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width:25rem) {
    .w55-introducer-2__first__heading__content {
        width: 100%;
        text-align: center;
    }
}

.w55-introducer-2__first__heading__content__name {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    max-width: 90%;
    margin: 0 5rem;
    transition: all .5s;
    cursor: pointer;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-introducer-2__first__heading__content__name {
        margin: 0 0rem;
    }
}

.w55-introducer-2__first__heading__content__name__title {
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
}

.w55-introducer-2__first__heading__content__name__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w55-introducer-2__first__heading__content__name:hover {
    transform: scale(1.05);
}

.w55-introducer-2__first__heading__content__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    transform: translateY(.5rem);
}

@media only screen and (max-width:37.5rem) {
    .w55-introducer-2__first__heading__content__icon {
        display: none;
    }
}

.w55-introducer-2__first__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-top: 3rem;
}

    .w55-introducer-2__first__des > div,
    .w55-introducer-2__first__des > p {
        margin-bottom: .75rem;
    }

    .w55-introducer-2__first__des ul,
    .w55-introducer-2__first__des ol {
        margin-left: 2.5rem;
    }

.w55-introducer-2__second {
    width: 49%;
}

@media only screen and (max-width:62.5rem) {
    .w55-introducer-2__second {
        width: 100%;
    }
}

.w55-introducer-2__second__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    z-index: 0;
}

.w55-introducer-2__second__main {
}

.w55-introducer-2__second__main__item {
    height: fit-content;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .w55-introducer-2__second__main__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-introducer-2__second__main__item:hover:after {
        animation: key-w55-introducer-2__second__main__item 1.5s;
    }

@keyframes key-w55-introducer-2__second__main__item {
    100% {
        left: 125%;
    }
}

.w55-introducer-2__second__main__item__imgbox {
    background-size: cover;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    transition: 0.5s all ease-in-out;
}

    .w55-introducer-2__second__main__item__imgbox:hover {
        transform: scale(1.05);
    }

.w55-introducer-2__second__main__item__name {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: .75rem 1rem .75rem 1.5rem;
    background-color: rgba(0, 0, 0, 0.6117647059);
    font-size: 1.6rem;
    color: #fff;
    z-index: 2;
}

.w55-introducer-2__second__video {
    height: 100%;
}

    .w55-introducer-2__second__video iframe {
        width: 100%;
        height: 100%;
    }

@media only screen and (max-width:62.5rem) {
    .w55-introducer-2__second__video iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w55-introducer-2__second__video iframe {
        max-height: 25rem !important;
    }
}

.w55-introducer-2__second__main__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w55-introducer-2__second__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w55-introducer-2__second__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w55-ads*/
.w55-ads {
    width: 100%;
    padding: 5rem 1rem 2rem;
    background: linear-gradient(180deg, rgba(var(--main-color-w),0) 30%, #FAFAEB 70%);
    overflow: hidden;
}

.ws1RightMenubox .w55-ads {
    background-color: #FAFAEB
}

.w55-ads__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w55-ads__heading {
}

.w55-ads__heading__name {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.w55-ads__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(.5rem);
}

@media only screen and (max-width:37.5rem) {
    .w55-ads__heading__name__icon {
        display: none;
    }
}

.w55-ads__heading__name__text {
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin: 0 5rem;
    max-width: 90%;
    padding: 0 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads__heading__name__text {
        margin: 0;
    }
}

.w55-ads__heading__name__text__title {
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
}

.w55-ads__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads__heading__name__text__line {
        width: 50%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w55-ads__heading__name__text {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w55-ads__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-ads__heading__name__text b {
    font-weight: 600;
}

.w55-ads__heading__name__text:hover {
    transform: scale(1.05);
}

.w55-ads__heading__des {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
}

.w55-ads__mains {
    padding-top: 3rem;
    padding-bottom: 3rem;
    margin-left: -1.5rem;
    margin-right: -1.5rem;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w55-ads__mains {
        margin-left: -.5rem;
        margin-right: -.5rem;
        padding-left: .5rem;
        padding-right: .5rem;
    }
}

.w55-ads__mains__main {
    display: flex;
    margin-top: 0rem;
    z-index: 0;
}

.w55-ads__mains__main__items.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    position: relative;
    border-radius: .5rem;
    opacity: 1;
}

.w55-ads__mains__main__items.swiper-slide-visible {
    opacity: 1;
}

@media only screen and (max-width:75rem) {
    .w55-ads__mains__main__items.swiper-slide {
        width: 32%;
    }

    @media only screen and (max-width:50rem) {
        .w55-ads__mains__main__items.swiper-slide {
            width: 49%;
        }
    }
}

.w55-ads__mains__main__items__item {
    margin: 0;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads__mains__main__items__item {
    }

    .w55-ads__mains__main__items.swiper-slide-visible
    .w55-ads__mains__main__items__item {
    }
}

.w55-ads__mains__main__items__item__box {
    background-color: #efefef;
    padding: 1rem;
    display: block;
    position: relative;
    overflow: hidden;
}

    .w55-ads__mains__main__items__item__box:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-ads__mains__main__items__item__box:hover:after {
        animation: key-w55-ads__mains__main__items__item__box 1.5s;
    }

@keyframes key-w55-ads__mains__main__items__item__box {
    100% {
        left: 125%;
    }
}

.w55-ads__mains__main__items__item__box__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    transition: all .5s;
    border: solid .1rem #fff;
    cursor: pointer;
}

    .w55-ads__mains__main__items__item__box__imgbox:hover {
        transform: scale(1.05);
    }

.w55-ads__mains__main__items__item__content {
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    padding: 1rem;
    transition: all .5s;
}

.w55-ads__mains__main__items__item__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    display: block;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w55-ads__mains__main__items__item__content__name {
        font-size: 1.4rem;
    }
}

.w55-ads__mains__main__items__item__content:hover {
    background-color: rgba(var(--main-color-w), 1);
}

    .w55-ads__mains__main__items__item__content:hover .w55-ads__mains__main__items__item__content__name {
        color: #fff;
    }

.w55-ads__mains__pagination {
    bottom: 0rem !important;
    z-index: 0;
}

    .w55-ads__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w55-ads__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w55-service*/
.w55-service {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #fff;
}

.w55-service__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0rem;
}

.w55-service__heading {
    text-align: center;
}

.w55-service__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w55-service__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(.5rem);
}

@media only screen and (max-width:31.25rem) {
    .w55-service__heading__name__icon {
        display: none;
    }
}

.w55-service__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    max-width: 90%;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:31.25rem) {
    .w55-service__heading__name__text {
        margin: 0 0rem;
    }
}

.w55-service__heading__name__text__title {
    font-size: 3rem;
    font-weight: 600;
    line-height: 4.6rem;
}

.w55-service__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
    content: "";
}

@media only screen and (max-width:37.5rem) {
    .w55-service__heading__name__text__line {
        width: 50%;
    }
}

.w55-service__heading__name__text:hover {
    transform: scale(1.05);
}

.w55-service__heading__des {
    margin-top: 3rem;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
}

.w55-service__mains__main {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.w55-service__mains__main__items {
    z-index: 0;
}

.w55-service__mains__main__items__item {
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .w55-service__mains__main__items__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-service__mains__main__items__item:hover:after {
        animation: key-w55-service__mains__main__items__item 2s;
    }

@keyframes key-w55-service__mains__main__items__item {
    100% {
        left: 125%;
    }
}

.w55-service__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.w55-service__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w55-service__mains__thumbs {
    overflow: hidden;
    margin-top: 5rem;
}

.w55-service__mains__thumbs__wrapper__item {
    width: 33.333333% !important;
}

.w55-service__mains__thumbs__wrapper__item__line {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: 2rem;
    cursor: pointer;
}

.w55-service__mains__thumbs__wrapper__item__line__icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    border-radius: 50%;
    background-color: #999;
    position: absolute;
    z-index: 2;
    transition: all .5s;
}

.w55-service__mains__thumbs__wrapper__item:hover .w55-service__mains__thumbs__wrapper__item__line__icon,
.swiper-slide-thumb-active .w55-service__mains__thumbs__wrapper__item__line__icon {
    background-color: rgba(var(--main-color-w), 1);
}

.w55-service__mains__thumbs__wrapper__item__line__bg {
    width: 100%;
    height: .1rem;
    position: relative;
    z-index: 1;
    background-color: #999;
    transition: all .5s;
}

.w55-service__mains__thumbs__wrapper__item:hover .w55-service__mains__thumbs__wrapper__item__line__bg,
.swiper-slide-thumb-active .w55-service__mains__thumbs__wrapper__item__line__bg {
    background-color: rgba(var(--main-color-w), 1);
}

.w55-service__mains__thumbs__wrapper__item__name {
    font-size: 1.6rem;
    margin-top: 1rem;
    display: block;
    text-align: center;
    color: #999;
    text-shadow: 0.01rem 0 0 #999;
    transition: all .5s;
    cursor: pointer;
    padding: 0 .5rem;
}

@media only screen and (max-width:31.25rem) {
    .w55-service__mains__thumbs__wrapper__item__name {
        font-size: 1.3rem;
    }
}

.swiper-slide-thumb-active .w55-service__mains__thumbs__wrapper__item__name {
    color: rgba(var(--main-color-w), 1);
}

.w55-service__mains__main__prev.swiper-button-prev,
.w55-service__mains__main__next.swiper-button-next {
    font-size: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--main-color-w), .8);
    color: #fff;
    transition: all .3s;
    top: inherit;
    cursor: pointer;
    z-index: 1;
}

    .w55-service__mains__main__prev.swiper-button-prev:hover,
    .w55-service__mains__main__next.swiper-button-next:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width:31.25rem) {
    .w55-service__mains__main__prev.swiper-button-prev,
    .w55-service__mains__main__next.swiper-button-next {
        font-size: 2rem;
        width: 3rem;
        height: 3rem;
    }
}

.w55-service__mains__main__prev.swiper-button-prev {
    left: 0;
}

.w55-service__mains__main__next.swiper-button-next {
    right: 0;
}

.w55-service__mains__main__prev:after,
.w55-service__mains__main__next:after {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w55-service__mains__main__item.swiper-slide {
        width: 48%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w55-service__mains__main__item.swiper-slide {
        width: 97%;
    }
}
/*ed*/
/*w55-service-2*/
.w55-service-2 {
    width: 100%;
    padding: 0rem 0rem 0rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w55-service-2__check {
    display: none;
}

.w55-service-2__group {
    width: 100%;
    margin: 0 auto;
    padding: 0rem;
    max-width: 120rem;
}

.w55-service-2__heading {
    background-color: rgba(var(--main-color-w), .3);
    padding: 1rem 0 2rem;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__heading {
        padding: 0rem 0 1rem;
    }
}

.w55-service-2__heading__label {
    position: absolute;
    z-index: 1;
    bottom: -4rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-top: 3rem solid rgba(255,255,255, .2);
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__heading__label {
        width: 2rem;
        height: 2rem;
        bottom: -2rem;
        border-left: 1.6rem solid transparent;
        border-right: 1.6rem solid transparent;
        border-top: 1.6rem solid rgba(255,255,255, .2);
    }
}

.w55-service-2__check:checked ~ .w55-service-2__heading .w55-service-2__heading__label {
    border: none;
    background-color: rgba(255,255,2555, 1);
    transform: rotate(45deg);
    bottom: -2rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__check:checked ~ .w55-service-2__heading .w55-service-2__heading__label {
        bottom: -1.3rem;
    }
}

.w55-service-2__heading__label__icon {
    font-size: 3rem;
    position: absolute;
    color: rgba(var(--main-color-w),1);
    bottom: 1.5rem;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__heading__label__icon {
        font-size: 1.5rem;
        bottom: .75rem;
    }
}

.w55-service-2__check:checked ~ .w55-service-2__heading .w55-service-2__heading__label .w55-service-2__heading__label__icon {
    bottom: auto;
    transform: rotate(-45deg);
}

.w55-service-2__heading__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 120rem;
    width: 100%;
    align-items: center;
    padding: 0 1rem;
    margin: 0 auto;
}

.w55-service-2__heading__items__item {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w55-service-2__heading__items__item {
        width: 50%;
        margin: 1rem 0 0 0;
    }
}

.w55-service-2__heading__items__item__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 4rem;
    height: .1rem;
}

@media only screen and (min-width:62.5rem) {
    .w55-service-2__heading__items__item:last-child .w55-service-2__heading__items__item__line:last-child {
        width: 8rem;
    }

    .w55-service-2__heading__items__item:first-child .w55-service-2__heading__items__item__line:first-child {
        width: 8rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w55-service-2__heading__items__item__line {
        display: none;
    }
}

.w55-service-2__heading__items__item__name {
    font-size: 2rem;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
    margin: 0rem 2rem 0rem;
    line-height: 3rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w55-service-2__heading__items__item__name--active {
    color: rgba(var(--second-color-w), 1);
}

.w55-service-2__heading__items__item.active .w55-service-2__heading__items__item__name,
.w55-service-2__heading__items__item--active .w55-service-2__heading__items__item__name,
.w55-service-2__heading__items__item__name:hover {
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__heading__items__item__name {
        margin: 0 1rem;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w55-service-2__mains {
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.w55-service-2__mains__slider {
    overflow: hidden;
}

.w55-service-2__mains__slider__slide {
    z-index: 0;
}

.w55-service-2__mains__slider__slide__item.swiper-slide {
    width: 100%;
    position: relative;
    height: max-content;
    overflow: hidden;
}

.w55-service-2__mains__slider__slide__item:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w55-service-2__mains__slider__slide__item:hover:after {
    animation: key-w55-service-2__mains__slider__slide__item 1.5s;
}

@keyframes key-w55-service-2__mains__slider__slide__item {
    100% {
        left: 125%;
    }
}

.w55-service-2__mains__slider__slide__item__imgbox {
    background-size: cover;
    background-position: center;
    cursor: pointer;
}

.w55-service-2__mains__slider__slide__item__imgbox__img {
    width: 100%;
}

.w55-service-2__mains__main {
    overflow: hidden;
    margin: 0 auto;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    z-index: 2;
    transition: all .5s;
    transform-origin: center top 0px;
    -moz-transform-origin: center top 0px;
    -webkit-transform-origin: center top 0px;
    background-color: #fff;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__mains__main {
        width: 96%;
        left: 2%;
    }
}

.w55-service-2__check:checked ~ .w55-service-2__group .w55-service-2__mains .w55-service-2__mains__main {
    transform: none;
}

.w55-service-2__mains__main__items {
    width: 100%;
    max-width: 120em;
    margin: 0 auto;
    justify-content: space-around;
    align-items: center !important;
}

.w55-service-2__mains__main__items__item.swiper-slide {
    width: max-content;
    padding: 1rem;
    cursor: pointer;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__mains__main__items__item.swiper-slide {
        padding: .5rem;
        width: calc(25% - 1rem);
    }
}

.w55-service-2__mains__main__items__item__name {
    font-size: 1.4rem;
    display: block;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    text-shadow: 0.01rem 0 0 #999;
    transition: all .5s;
    padding: 0 .5rem;
    font-weight: 600;
    text-transform: uppercase;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__mains__main__items__item__name {
        font-size: 1rem;
        font-weight: 400;
    }
}

.w55-service-2__mains__main__items__item:hover .w55-service-2__mains__main__items__item__name,
.swiper-slide-thumb-active .w55-service-2__mains__main__items__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w55-service-2__mains__main__items__item__des {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    transition: all .5s;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__mains__main__items__item__des {
        font-size: 1rem;
        margin-top: .25rem;
        font-weight: 400;
    }
}

.w55-service-2__mains__main__items__item:hover .w55-service-2__mains__main__items__item__des,
.swiper-slide-thumb-active .w55-service-2__mains__main__items__item__des {
    color: rgba(var(--second-color-w), 1);
}

.w55-service-2__mains__slider__prev.swiper-button-prev {
    left: 3rem;
    font-size: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    background-color: rgba(var(--main-color-w), .8);
    color: #fff;
    transition: all .3s;
    top: 51%;
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__mains__slider__prev.swiper-button-prev {
        width: 4rem;
        height: 4rem;
    }
}

.w55-service-2__mains__slider__next.swiper-button-next {
    right: 3rem;
    font-size: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.5rem;
    height: 4.5rem;
    background-color: rgba(var(--main-color-w), .8);
    color: #fff;
    transition: all .3s;
    top: 51%;
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__mains__slider__next.swiper-button-next {
        width: 4rem;
        height: 4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w55-service-2__mains__slider__next.swiper-button-next {
        font-size: 2rem;
    }

    .w55-service-2__mains__slider__prev.swiper-button-prev {
        font-size: 2rem;
    }
}

.w55-service-2__mains__slider__next:after {
    display: none;
}

.w55-service-2__mains__slider__prev:after {
    display: none;
}
/*ed*/
/*w55-service-3*/
.w55-service-3 {
    width: 100%;
    padding: 0rem 0rem 3rem;
    background-color: #fff;
    overflow: hidden;
}

.w55-service-3__check {
    display: none;
}

.w55-service-3__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0rem;
}

.w55-service-3__heading {
    background-color: rgba(var(--main-color-w), .3);
    padding: 1rem 0 2rem;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-3__heading {
        padding: 0rem 0 1rem;
    }
}

.w55-service-3__heading__label {
    position: absolute;
    z-index: 1;
    bottom: -4rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-left: 3rem solid transparent;
    border-right: 3rem solid transparent;
    border-top: 3rem solid rgba(var(--main-color-w), .3);
}

@media only screen and (max-width:37.5rem) {
    .w55-service-3__heading__label {
        width: 1.5rem;
        height: 1.5rem;
        bottom: -1.5rem;
        border-left: 1.5rem solid transparent;
        border-right: 1.5rem solid transparent;
        border-top: 1.5rem solid rgba(var(--main-color-w), .3);
    }
}

.w55-service-3__heading__label__icon {
    font-size: 3rem;
    position: absolute;
    color: rgba(var(--main-color-w),1);
    bottom: 1.5rem;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-3__heading__label__icon {
        bottom: .15rem;
        font-size: 2rem;
    }
}

.w55-service-3__heading__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 120rem;
    width: 100%;
    align-items: center;
    padding: 0 1rem;
    margin: 0 auto;
    overflow: hidden;
}

.w55-service-3__heading__items__item {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w55-service-3__heading__items__item {
        width: 50%;
        margin: 1rem 0 0 0;
    }
}

.w55-service-3__heading__items__item__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 4rem;
    height: .1rem;
}

    .w55-service-3__heading__items__item__line:last-child {
    }

@media only screen and (min-width:62.5rem) {
    .w55-service-3__heading__items__item:last-child .w55-service-3__heading__items__item__line:last-child {
        width: 8rem;
    }

    .w55-service-3__heading__items__item:first-child .w55-service-3__heading__items__item__line:first-child {
        width: 8rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w55-service-3__heading__items__item__line {
        display: none;
    }
}

.w55-service-3__heading__items__item__name {
    font-size: 2rem;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    font-weight: 600;
    margin: 0rem 2rem 0rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w55-service-3__heading__items__item__name--active {
    color: rgba(var(--second-color-w), 1);
}

.w55-service-3__heading__items__item.active .w55-service-3__heading__items__item__name,
.w55-service-3__heading__items__item--active .w55-service-3__heading__items__item__name,
.w55-service-3__heading__items__item__name:hover {
    color: rgba(var(--second-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-service-3__heading__items__item__name {
        margin: 0 1rem;
        font-size: 1.6rem;
    }
}

.w55-service-3__mains {
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-3__mains {
        margin-top: 1rem;
    }
}

.w55-service-3__mains__main {
    overflow: hidden;
}

.w55-service-3__mains__main__items__item.swiper-slide {
    width: 100%;
    height: max-content;
}

.w55-service-3__mains__main__items__item__content {
    padding: 3rem 0rem;
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
}

.w55-service-3__mains__main__items__item__content__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
}

.swiper-slide-thumb-active .w55-service-3__mains__main__items__item__content__name {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

@media only screen and (max-width:120rem) {
    .w55-service-3__mains__main__items__item__content__name {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w55-service-3__mains__main__items__item__content__detail {
    display: block;
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

@media only screen and (max-width:120rem) {
    .w55-service-3__mains__main__items__item__content__detail {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w55-service-3__mains__main__items__item__content__detail ul {
    margin: 0 0 0 4rem;
    padding: 0;
}

.w55-service-3__mains__tabs {
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 100%;
    z-index: 0;
    transition: all .5s;
    box-shadow: 0 10px 15px rgba(0,0,0,0.15);
}

.w55-service-3__mains__tabs__tab {
    max-width: 120em;
    margin: 0 auto;
    justify-content: space-around;
    background-color: #fff;
    z-index: 0;
    height: max-content;
    align-items: center !important;
}

@media only screen and (max-width:75rem) {
    .w55-service-3__mains__tabs__tab {
    }
}

.w55-service-3__mains__tabs__tab__item.swiper-slide {
    width: max-content;
    padding: 2rem 1rem;
    height: max-content !important;
    cursor: pointer;
    background-color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-3__mains__tabs__tab__item.swiper-slide {
        padding: .75rem;
        width: calc(25% - 1.5rem);
    }
}

.w55-service-3__mains__tabs__tab__item__bg {
    display: none;
    color: #fff;
}
.w55-service-3__mains__tabs__tab__item.swiper-slide-thumb-active
.w55-service-3__mains__tabs__tab__item__bg {
    width: 2rem;
    height: 2rem;
    position: absolute;
    bottom: -1.4rem;
    font-size: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w55-service-3__mains__tabs__tab__item__name {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    text-shadow: 0.01rem 0 0 #999;
    transition: all .5s;
    padding: 0 .5rem;
    text-transform: uppercase;
}

@media only screen and (max-width:37.5rem) {
    .w55-service-3__mains__tabs__tab__item__name {
        font-size: 1rem;
        font-weight: 400;
    }
}

.w55-service-3__mains__tabs__tab__item:hover .w55-service-3__mains__tabs__tab__item__name,
.swiper-slide-thumb-active .w55-service-3__mains__tabs__tab__item__name {
    color: rgba(var(--second-color-w), 1);
}
/*ed*/
/*w55-article*/
.w55-article {
    width: 100%;
    padding: 5rem 1rem;
    background: linear-gradient(180deg, rgba(var(--main-color-w),0) 30%, #FAFAEB 70%);
}

.w55-article__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0rem;
    position: relative;
}

.w55-article__heading {
    text-align: center;
}

.w55-article__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w55-article__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    display: flex;
    font-size: 3rem;
    justify-content: center;
    align-items: center;
    transform: translateY(.5rem);
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-article__heading__name__icon {
        display: none;
    }
}

.w55-article__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    max-width: 90%;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-article__heading__name__text {
        margin: 0;
    }
}

.w55-article__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

.w55-article__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w55-article__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w55-article__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-article__heading__des {
    margin-top: 4rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
}

.w55-article__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w55-article__mains__main {
    display: flex;
    padding-bottom: 1rem;
    z-index: 0;
}

.w55-article__mains__main__item.swiper-slide {
    width: 31.33333%;
    margin-right: 3%;
    margin-top: 1rem;
    position: relative;
}

.w55-article__mains__main__item__content {
    position: relative;
    overflow: hidden;
}

.w55-article__mains__main__item__content__bottom {
    padding: .5rem 1rem 1rem;
    display: block;
    position: relative;
}

.w55-article__mains__main__item__content__bottom__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #646464;
    margin-top: 1rem;
}

.w55-article__mains__main__item__content__bottom__name {
    text-transform: uppercase;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1.5rem;
    cursor: pointer;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w55-article__mains__main__item__content__bottom__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w55-article__mains__main__item__content__bottom__name:hover {
    transform: scale(1.05);
}

.w55-article__mains__main__item__content__bottom__line {
    display: block;
    margin-top: 2rem;
    width: 10rem;
    height: .2rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w55-article__mains__main__item__content__top {
    overflow: hidden;
    display: block;
    position: relative;
}

    .w55-article__mains__main__item__content__top:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w55-article__mains__main__item__content__top:hover:after {
        animation: key-w55-article__mains__main__item__content__top 1.5s;
    }

@keyframes key-w55-article__mains__main__item__content__top {
    100% {
        left: 125%;
    }
}

.w55-article__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    cursor: pointer;
}

    .w55-article__mains__main__item__content__top__imgbox:hover {
        transform: scale(1.05);
    }

.w55-article__mains__prev.swiper-button-prev {
    left: 0;
    font-size: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--main-color-w), .8);
    color: #fff;
    transition: all .3s;
    top: 51%;
    z-index: 1;
}

@media only screen and (max-width:50rem) {
    .w55-article__mains__prev.swiper-button-prev {
        font-size: 2rem;
        width: 3rem;
        height: 3rem;
        left: 1rem;
    }
}

.w55-article__mains__next.swiper-button-next {
    right: 0;
    font-size: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--main-color-w), .8);
    color: #fff;
    transition: all .3s;
    top: 51%;
    z-index: 1;
}

@media only screen and (max-width:31.25rem) {
    .w55-article__mains__next.swiper-button-next {
        font-size: 2rem;
        width: 3rem;
        height: 3rem;
        right: 1rem;
    }
}

.w55-article__mains__next:after {
    display: none;
}

.w55-article__mains__prev:after {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w55-article__mains__main__item.swiper-slide {
        width: 49%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w55-article__mains__main__item.swiper-slide {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}
/*ed*/
/*w55-footer*/
.w55-footer {
    width: 100%;
    padding: 0rem 0rem;
    background-image: url('../../img/w55/wd55-footer_bg.jpg');
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.w55-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 3rem 1rem;
    position: relative;
    z-index: 2;
}

.w55-footer__main {
    width: 40rem;
    background-color: rgba(var(--second-color-w), 1);
    padding: 3rem;
    max-width: 100%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w55-footer__main {
        width: 100%;
    }
}

.w55-footer__main:after {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w55-footer__main:hover:after {
    animation: key-w55-footer__main 2s;
}

@keyframes key-w55-footer__main {
    100% {
        left: 125%;
    }
}

.w55-footer__main__heading {
    display: flex;
    width: 100%;
    justify-content: center;
}

.w55-footer__main__heading__imgbox {
    background-size: contain;
    background-position: center;
    max-width: 88%;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w55-footer__main__heading__imgbox {
        max-width: 22rem;
    }
}

.w55-footer__main__social {
    display: flex;
    width: 100%;
    justify-content: center;
}

.w55-footer__main__social__items {
    border-top: solid .1rem rgba(255,255,255,0.2);
    border-bottom: solid .1rem rgba(255,255,255,0.2);
    margin: 2rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 1rem;
}

.w55-footer__main__social__items__item {
    list-style-type: none;
    padding: 1.5rem;
}

.w55-footer__main__social__items__item__icon {
    font-size: 1.8rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

    .w55-footer__main__social__items__item__icon:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w55-footer__main__name {
}

.w55-footer__main__name__text {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    cursor: pointer;
}

    .w55-footer__main__name__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w55-footer__main__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: .5rem;
}

.w55-footer__main__items__item {
    list-style-type: none;
    width: 100%;
    margin-top: .5rem;
}

.w55-footer__main__items__item__text {
    color: #fff;
    font-size: 1.4rem;
    line-height: 2.6rem;
    display: block;
    text-align: center
}

.w55-footer__bottom {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    padding-top: 2rem;
    width: 100%;
    border-top: solid .1rem rgba(255,255,255,0.2);
    flex-wrap: wrap;
}

@media only screen and (max-width:43.75rem) {
    .w55-footer__bottom {
        padding-top: 2rem;
        margin-top: 2rem;
    }
}

@-webkit-keyframes key-wd55-footer__bottom {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w55-footer__bottom {
    -webkit-animation: key-wd55-footer__bottom 3s;
    animation: key-wd55-footer__bottom 3s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:75rem) {
    .w55-footer__bottom {
        justify-content: center;
    }
}

.w55-footer__bottom__first {
    margin-left: auto;
}

@media only screen and (max-width:75rem) {
    .w55-footer__bottom__first {
        text-align: center;
        margin: 1rem 0 0;
        width: 100%;
    }
}

.w55-footer__bottom__first__text {
    font-size: 1.5rem;
    transition: all .5s;
    line-height: 1.6rem;
    color: #fff;
    cursor: pointer;
}

    .w55-footer__bottom__first__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w55-footer__bottom__second {
}

@media only screen and (min-width:62.5rem) {
    .w55-footer__bottom__second {
        max-width: 80%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w55-footer__bottom__second {
        margin: 1rem 0 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.w55-footer__bottom__second__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w55-footer__bottom__second__items {
        justify-content: center;
    }
}

.w55-footer__bottom__second__items__item {
    font-size: 1.5rem;
    margin-right: 2rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    padding-bottom: .75rem;
}

@media only screen and (max-width:75rem) {
    .w55-footer__bottom__second__items__item {
        margin: 0 1rem 1rem;
    }
}

.w55-footer__bottom__second__items__item:hover {
    color: rgba(var(--main-color-w), 1);
    border-bottom: solid .1rem rgba(var(--main-color-w), 1);
}

.w55-footer__bottom__second__items__item:first-child {
}

.w55-footer__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: rgba(0,0,0,0.4);
}
/*ed*/
/*w55-banner-2*/
.w55-banner-2 {
    width: 100%;
    padding: 0rem 0rem;
    background-color: #fff;
}

.w55-banner-2__group {
    padding: 0rem;
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w55-banner-2__mains {
}

.w55-banner-2__mains__main {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
}

    .w55-banner-2__mains__main:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w55-banner-2__mains__main:hover:after {
        animation: key-w55-banner-2__mains__main 2.5s;
    }

@keyframes key-w55-banner-2__mains__main {
    100% {
        left: 125%;
    }
}

.w55-banner-2__mains__main__items__item {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w55-banner-2__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: center;
    cursor: pointer;
    width: 100%;
}

.w55-banner-2__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w55-banner-2__mains__main__items__item__content {
    position: absolute;
    max-width: 100rem;
    text-align: center;
}

@media only screen and (max-width:81.25rem) {
    .w55-banner-2__mains__main__items__item__content {
        max-width: 70%;
    }
}

.w55-banner-2__mains__main__items__item__content__name {
    color: #fff;
    font-size: 4rem;
    line-height: 5rem;
    cursor: pointer;
    font-weight: 600;
}

@media only screen and (max-width:62.5rem) {
    .w55-banner-2__mains__main__items__item__content__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-banner-2__mains__main__prev.swiper-button-prev {
    left: 4rem;
    font-size: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    transition: all .3s;
    top: 51%;
    z-index: 1;
    -webkit-animation: key-wd55-banner-2__gallery__swiper__prev 2s infinite;
    animation: key-wd55-banner-2__gallery__swiper__prev 2s infinite;
}

.w55-banner-2__mains__main__prev.swiper-button-disabled {
    opacity: 0 !important;
}

@-webkit-keyframes key-wd55-banner-2__gallery__swiper__prev {
    0% {
        transform: translateX(-1rem);
    }

    50% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(-1rem);
    }
}

.w55-banner-2__mains__main__prev.swiper-button-prev:hover {
    background-color: rgba(var(--main-color-w), .8);
}

@media only screen and (max-width:106.25rem) {
    .w55-banner-2__mains__main__prev.swiper-button-prev {
    }

    @media only screen and (max-width:93.75rem) {
        .w55-banner-2__mains__main__prev.swiper-button-prev {
        }

        @media only screen and (max-width:62.5rem) {
            .w55-banner-2__mains__main__prev.swiper-button-prev {
                left: 2rem;
            }

            @media only screen and (max-width:31.25rem) {
                .w55-banner-2__mains__main__prev.swiper-button-prev {
                    font-size: 2rem;
                    width: 4rem;
                    height: 2rem;
                    top: 60%;
                }
            }
        }
    }
}

.w55-banner-2__mains__main__next.swiper-button-next {
    right: 4rem;
    font-size: 2.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    background-color: rgba(0,0,0,0.4);
    color: #fff;
    z-index: 1;
    transition: all .3s;
    top: 51%;
    -webkit-animation: key-wd55-banner-2__gallery__swiper__next 2s infinite;
    animation: key-wd55-banner-2__gallery__swiper__next 2s infinite;
}

.w55-banner-2__mains__main__next.swiper-button-disabled {
    opacity: 0 !important;
}

@-webkit-keyframes key-wd55-banner-2__gallery__swiper__next {
    0% {
        transform: translateX(1rem);
    }

    50% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(1rem);
    }
}

.w55-banner-2__mains__main__next.swiper-button-next:hover {
    background-color: rgba(var(--main-color-w), .8);
}

@media only screen and (max-width:106.25rem) {
    .w55-banner-2__mains__main__next.swiper-button-next {
    }

    @media only screen and (max-width:93.75rem) {
        .w55-banner-2__mains__main__next.swiper-button-next {
        }

        @media only screen and (max-width:62.5rem) {
            .w55-banner-2__mains__main__next.swiper-button-next {
                right: 2rem;
            }

            @media only screen and (max-width:31.25rem) {
                .w55-banner-2__mains__main__next.swiper-button-next {
                    font-size: 2rem;
                    width: 2rem;
                    height: 1rem;
                    top: 60%;
                }
            }
        }
    }
}

.w55-banner-2__mains__main__next:after {
    display: none;
}

.w55-banner-2__mains__main__prev:after {
    display: none;
}
/*ed*/
/*w55-abimg*/
.w55-abimg {
    width: 100%;
    padding: 0em 0rem 4rem;
    background-color: #fff;
}

.w55-abimg__heading {
}

.w55-abimg__heading__name {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
    background-color: rgba(var(--main-color-w), .3);
    padding: 2em 0;
}

.w55-abimg__heading__name__text {
    font-size: 3rem;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 120rem;
    font-weight: 600;
    line-height: 5rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w55-abimg__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-abimg__heading__name__text b {
    font-weight: 600;
}

.w55-abimg__heading__name__text:hover {
    transform: scale(1.05);
}

.w55-abimg__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    max-width: 120rem;
    margin: 3rem auto 0;
    padding: 0 1em;
}

.w55-abimg__group {
    max-width: 120rem;
    margin: 1rem auto;
    position: relative;
    padding: 0 1rem;
}

.w55-abimg__tabs {
    display: flex;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 10px 15px rgba(0,0,0,0.15);
    align-items: center;
    justify-content: center;
    padding: .5rem 0rem 1.5rem;
    margin: 2rem 0 0;
    flex-wrap: wrap;
}

.w55-abimg__tabs__item {
    padding: 0rem 2rem;
    border-right: solid .1em #ddd;
    list-style-type: none;
    margin-top: 1rem;
}

    .w55-abimg__tabs__item:last-child {
        border: none;
    }

.w55-abimg__tabs__item__name {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    color: #999;
    transition: all .5s;
    cursor: pointer;
}

.w55-abimg__tabs__item:hover .w55-abimg__tabs__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w55-abimg__tabs__item.active .w55-abimg__tabs__item__name,
.w55-abimg__tabs__item--active .w55-abimg__tabs__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w55-abimg__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w55-abimg__items__item {
    width: 30.666666%;
    margin-left: 4%;
    position: relative;
    overflow: hidden;
    transition: all .5s;
    margin-top: 4rem;
    border-radius: .5rem;
}

@media only screen and (min-width:50rem) {
    .w55-abimg__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w55-abimg__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w55-abimg__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:31.25rem) {
        .w55-abimg__items__item {
            margin-top: 1.5rem;
        }
    }
}

.w55-abimg__items__item__box {
    overflow: hidden;
    cursor: pointer;
}

.w55-abimg__items__item__box__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
    border: solid .1em #fff;
    cursor: pointer;
}

.w55-abimg__items__item__box:hover .w55-abimg__items__item__box__imgbox {
    transform: scale(1.05);
}

.w55-abimg__items__item__box__ovelay {
    position: absolute;
    transition: all .5s;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.w55-abimg__items__item__box:hover .w55-abimg__items__item__box__ovelay {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    background-color: rgba(0,0,0,0.5);
}

.w55-abimg__items__item__content {
    text-align: center;
    padding: 1rem;
    margin-top: 2rem;
    transition: all .5s;
}

.w55-abimg__items__item__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    display: block;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w55-abimg__items__item__content__name {
        font-size: 1.4rem;
    }
}

.w55-abimg__items__item__content__name:hover {
    color: rgba(var(--second-color-w), 1);
}
/*ed*/
/*w55-ads-3*/
.w55-ads-3 {
    display: block;
    width: 100%;
    padding: 3rem 1rem 0rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w55-ads-3__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w55-ads-3__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w55-ads-3__heading__name {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    line-height: 5rem;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-ads-3__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    width: 100%;
}

.w55-ads-3__main {
    margin-top: 3rem;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w55-ads-3__main {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.w55-ads-3__main__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10rem;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items {
        margin-top: 0rem;
    }
}

.w55-ads-3__main__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-top: 1em;
    padding-bottom: 6rem;
}

    .w55-ads-3__main__items__item:last-child {
        padding-bottom: 0rem;
    }

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item:last-child {
        padding-bottom: 2rem;
    }
}

@media only screen and (min-width:50rem) {
    .w55-ads-3__main__items__item:nth-child(2n) {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item {
        flex-direction: row-reverse;
        padding: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item {
        flex-direction: column-reverse;
    }
}

.w55-ads-3__main__items__item__first {
    overflow: hidden;
    width: 50%;
    position: relative;
    z-index: 2;
    transform: translateY(-9rem);
}

    .w55-ads-3__main__items__item__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-ads-3__main__items__item__first:hover:after {
        animation: key-w55-ads-3__main__items__item__first 1.5s;
    }

@keyframes key-w55-ads-3__main__items__item__first {
    100% {
        left: 125%;
    }
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item__first {
        width: 100%;
        transform: translateY(0rem);
    }
}

.w55-ads-3__main__items__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.w55-ads-3__main__items__item:nth-child(2n+1) .w55-ads-3__main__items__item__first__imgbox {
    margin-left: 0;
}

.w55-ads-3__main__items__item__first__imgbox img {
    width: 100%;
}

.w55-ads-3__main__items__item__first__imgbox:hover {
    transform: scale(1.025);
}

.w55-ads-3__main__items__item__first__imgbox__date {
    position: absolute;
    z-index: 1;
    background-color: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 0rem;
    top: 1rem;
    left: 1rem;
    justify-content: center;
    color: #333;
    width: 5rem;
}

.w55-ads-3__main__items__item__first__imgbox__date__text1 {
    font-size: 2rem;
    width: 100%;
    text-align: center;
}

.w55-ads-3__main__items__item__first__imgbox__date__text2 {
    margin-top: .25rem;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
}

.w55-ads-3__main__items__item__content {
    width: 50%;
    padding: 0rem 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item__content {
        width: 100%;
        padding: 2rem;
    }
}

.w55-ads-3__main__items__item__content__heading {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    width: 100%;
}

.w55-ads-3__main__items__item__content__heading__icon1 {
    left: 0;
    width: 3.5rem;
    height: 3.5rem;
    background-size: contain;
    position: absolute;
    background-position: center;
    font-size: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    margin-top: .5rem;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item__content__heading__icon1 {
        display: none;
    }
}

.w55-ads-3__main__items__item__content__heading__icon2 {
    right: 0;
    width: 3.5rem;
    height: 3.5rem;
    background-size: contain;
    position: absolute;
    background-position: center;
    font-size: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    margin-top: .5rem;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item__content__heading__icon2 {
        display: none;
    }
}

.w55-ads-3__main__items__item__content__heading__name {
    color: rgba(var(--main-color-w), 1);
    display: block;
    width: 80%;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 0 0;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item__content__heading__name {
        width: 100%;
    }
}

.w55-ads-3__main__items__item__content__heading__name__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
    content: "";
}

.w55-ads-3__main__items__item__content__heading__name__title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3.6rem;
}

.w55-ads-3__main__items__item__content__heading__name:hover {
    transform: scale(1.05);
}

.w55-ads-3__main__items__item__content__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 4rem;
    text-align: center;
    width: 100%;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item__content__des {
        text-align: left;
        margin-top: 2rem;
    }
}

.w55-ads-3__main__items__item__content__btn {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    border-bottom: 1px solid rgba(var(--main-color-w),.32);
}

    .w55-ads-3__main__items__item__content__btn:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item__content__btn {
        margin-top: 1rem;
        padding: .5rem 3rem;
    }
}

.w55-ads-3__main__items__item__content__btn__text {
    font-size: 1.6rem;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-3__main__items__item__content__btn__text {
        font-size: 1.2rem;
    }
}

.w55-ads-3__main__items__item__bg {
    position: absolute;
    display: none;
}

.w55-ads-3__main__items__item:nth-child(2n+1) .w55-ads-3__main__items__item__bg {
    background-color: rgba(50,50,50,0.05);
    display: block;
    top: 0;
    left: -50rem;
    width: 200%;
    height: 100%;
}

@media only screen and (max-width:50rem) {
    .w55-ads-3__main__items__item:nth-child(2n+1) .w55-ads-3__main__items__item__bg {
        left: 0rem;
        width: 100%;
    }
}
/*ed*/
/*w55-ctaregister*/
.w55-ctaregister {
    position: relative;
    display: block;
    width: 100%;
    padding: 4rem 0rem 0rem;
    background-color: #fff;
}

.w55-ctaregister__group {
    max-width: 120rem;
    padding: 0 1rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w55-ctaregister__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    flex-wrap: wrap;
}

.w55-ctaregister__main__first {
    width: 48%;
    box-shadow: 0 5px 20px rgba(0,0,0,0.15);
    padding: 5rem 4rem 4rem;
    border-top: solid .5rem rgba(var(--main-color-w),1);
    background-color: #fff;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-wd55-form__main__first {
        0% {
            transform: translateX(-10rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w55-ctaregister__main__first {
        -webkit-animation: key-wd55-form__main__first 1s;
        animation: key-wd55-form__main__first 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w55-ctaregister__main__first {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w55-ctaregister__main__first {
            padding: 2rem;
        }
    }
}

.w55-ctaregister__main__first__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w55-ctaregister__main__first__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
    display: block;
    text-align: center;
    width: 100%;
}

@media only screen and (max-width:500px) {
    .w55-ctaregister__main__first__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-ctaregister__main__first__heading__line {
    width: 12rem;
    height: .2rem;
    background-color: rgba(var(--main-color-w),1);
    margin-top: 1.5rem;
}

.w55-ctaregister__main__first__heading__text:hover {
    transform: scale(1.05);
}

.w55-ctaregister__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: center;
    width: 100%;
}

.w55-ctaregister__main__first__items__item {
    width: 48%;
    margin-left: 4%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
}

.w55-ctaregister__main__first__items__item--capcha {
    margin-left: 0;
}

.w55-ctaregister__main__first__items__item__dropdown {
    position: relative;
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w55-ctaregister__main__first__items__item__dropdown {
        width: 100%;
    }
}

.w55-ctaregister__main__first__items__item__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .75rem;
    border: rgba(var(--second-color-w),.3) solid .1em;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w55-ctaregister__main__first__items__item__dropdown__check:checked ~
.w55-ctaregister__main__first__items__item__dropdown__label
.w55-ctaregister__main__first__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w55-ctaregister__main__first__items__item__dropdown__label__name {
    font-size: 1.4rem;
}

.w55-ctaregister__main__first__items__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w55-ctaregister__main__first__items__item__dropdown__check {
    display: none;
}

.w55-ctaregister__main__first__items__item__dropdown__items {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--second-color-w),.3) solid .1em;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
}

.w55-ctaregister__main__first__items__item__dropdown__check:checked ~
.w55-ctaregister__main__first__items__item__dropdown__items {
    visibility: visible;
    z-index: 2;
    top: 5rem;
    opacity: 1;
}

.w55-ctaregister__main__first__items__item__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1em;
    transition: all .5s;
    cursor: pointer;
}

    .w55-ctaregister__main__first__items__item__dropdown__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w55-ctaregister__main__first__items__item__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

@media only screen and (max-width:62.5rem) {
    .w55-ctaregister__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w55-ctaregister__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w55-ctaregister__main__first__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w55-ctaregister__main__first__items__item__name {
    display: block;
    font-size: 1.6rem;
    text-transform: uppercase;
    margin-bottom: .5rem;
    width: 100%;
    color: #222;
}

.w55-ctaregister__main__first__items__item__input {
    width: 100%;
    padding: .75rem 0;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.5rem;
    border-bottom: solid 1px #DDDDDD;
    transition: all .5s;
    font-family: inherit;
    color: #495057;
}

    .w55-ctaregister__main__first__items__item__input::placeholder {
        color: #999;
    }

    .w55-ctaregister__main__first__items__item__input:focus {
        border-bottom: solid .1em rgba(var(--main-color-w),1);
    }

.w55-ctaregister__main__first__items__item__textarea {
    width: 100%;
    padding: .75rem 0rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    transition: all .5s;
    border-bottom: solid 1px #DDDDDD;
}

    .w55-ctaregister__main__first__items__item__textarea::placeholder {
        color: #999;
    }

    .w55-ctaregister__main__first__items__item__textarea:focus {
        border-bottom: solid .1rem rgba(var(--main-color-w),1);
    }

.w55-ctaregister__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w55-ctaregister__main__first__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
}

.w55-ctaregister__main__first__bottom__btn {
    border-radius: .25rem;
    padding: .75rem 2rem;
    font-size: 1.5rem;
    border: none;
    outline: none;
    transition: all .5s;
    cursor: pointer;
    font-family: inherit;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    background: none;
}

    .w55-ctaregister__main__first__bottom__btn:hover {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w55-ctaregister__main__second {
    width: 48%;
    margin-left: auto;
    padding-top: 7rem;
}

@media only screen and (max-width:62.5rem) {
    .w55-ctaregister__main__second {
        width: 100%;
        margin-left: 0;
        padding-top: 3rem;
    }
}

.w55-ctaregister__main__second__heading {
}

.w55-ctaregister__main__second__heading__text {
    font-size: 1.8rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    line-height: 3rem;
}

@media only screen and (max-width: 500px) {
    .w55-ctaregister__main__second__heading__text {
        font-size: 1.6rem;
        line-height: 2.8rem;
    }
}

.w55-ctaregister__main__second__items {
    margin: 2rem 0 0 0;
    padding: 0;
}

.w55-ctaregister__main__second__items__item {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    transition: all .5s;
    cursor: pointer;
    list-style-type: none;
    width: 100%;
}

    .w55-ctaregister__main__second__items__item:hover {
        transform: translateX(1rem);
    }

.w55-ctaregister__main__second__items__item__icon {
    font-size: 1.5rem;
    color: #666;
}

.w55-ctaregister__main__second__items__item__name {
    font-size: 1.4rem;
    margin-left: 1rem;
    color: #666;
}

.w55-ctaregister__map {
    width: 100%;
    padding: 1rem 0;
}

@media only screen and (max-width:62.5rem) {
    .w55-ctaregister__map {
        margin-top: 1rem;
    }
}

.w55-ctaregister__map iframe {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}
/*ed*/
/*w55-blogdetail*/
.w55-blogdetail {
    position: relative;
    display: block;
    width: 100%;
    z-index: 0;
    padding: 8rem 0rem 5rem;
    background-color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w55-blogdetail {
        padding: 3rem 0rem 3rem;
    }
}

.w55-blogdetail__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 1rem;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
}

.w55-blogdetail__seconds {
    width: 25%;
    margin-left: auto;
    padding: 0;
    border-radius: .5rem;
    position: relative;
}
.w55-blogdetail__seconds__container{
    position:sticky;
    top:1rem;
}
.w55-blogdetail__seconds__ads__btn {
    position: absolute;
    right: 0;
    top: 1.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w55-blogdetail__seconds__ads__btn__prev.swiper-button-prev {
    left: initial;
    position: relative;
    top: initial;
    font-size: 2.4rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    transition: all .3s;
}

.w55-blogdetail__seconds__ads__btn__next.swiper-button-next {
    position: relative;
    right: initial;
    top: initial;
    font-size: 2.4rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    transition: all .3s;
}

@media only screen and (max-width:31.25) {
    .w55-blogdetail__seconds__ads__btn__next.swiper-button-next {
        font-size: 2rem;
    }

    .w55-blogdetail__seconds__ads__btn__prev.swiper-button-prev {
        font-size: 2rem;
    }
}

.w55-blogdetail__seconds__ads__btn__next:after {
    display: none;
}

.w55-blogdetail__seconds__ads__btn__prev:after {
    display: none;
}

.w55-blogdetail__seconds__ads {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.w55-blogdetail__seconds__ads__mains {
    overflow: hidden;
}

.w55-blogdetail__seconds__ads__mains__main {
    z-index: 0;
}

.w55-blogdetail__seconds__ads__mains__main__item {
    position: relative;
    overflow: hidden;
}

    .w55-blogdetail__seconds__ads__mains__main__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-blogdetail__seconds__ads__mains__main__item:hover:after {
        animation: key-w55-blogdetail__seconds__ads__mains__main__item 1.5s;
    }

@keyframes key-w55-blogdetail__seconds__ads__mains__main__item {
    100% {
        left: 125%;
    }
}

.w55-blogdetail__seconds__ads__mains__main__item {
    display: block;
}

.w55-blogdetail__seconds__ads__mains__main__item__link__imgbox {
    margin-bottom: 1rem;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 100%;
    transition: all 1s;
}

    .w55-blogdetail__seconds__ads__mains__main__item__link__imgbox:hover {
        transform: scale(1.05)
    }

.w55-blogdetail__seconds__ads__mains__main__item__link__imgbox__img {
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w55-blogdetail__seconds {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
}

.w55-blogdetail__seconds__name {
    font-size: 1.6rem;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
}

.w55-blogdetail__seconds__name__line {
    width: 10rem;
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    margin-top: 1rem
}

.w55-blogdetail__seconds__line {
    width: 10rem;
    height: .2rem;
    background-color: rgba(var(--main-color-w), 1);
    background-color: rgba(var(--main-color-w), 1);
    margin-top: .5rem;
    margin-bottom: 1rem;
}

.w55-blogdetail__seconds__items {
}

.w55-blogdetail__seconds__items__name {
    font-size: 1.6rem;
    width: 100%;
    color: rgba(var(--main-color-w), 1);
    padding: .5rem 0;
    text-transform: uppercase;
    display: block;
    font-weight: 600;
}

.w55-blogdetail__seconds__items__name__text {
    display: block;
}

.w55-blogdetail__seconds__items__name__line {
    width: 10rem;
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    margin-top: 1rem
}


.w55-blogdetail__seconds__items__item {
    display: flex;
    padding: 1rem 0;
    width: 100%;
    margin-bottom: .5rem;
}

.w55-blogdetail__seconds__items__item__link {
    width: 25%;
}

.w55-blogdetail__seconds__items__item__link__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    transition: all 1s;
    cursor: pointer;
}

    .w55-blogdetail__seconds__items__item__link__imgbox:hover {
        transform: scale(1.05)
    }

.w55-blogdetail__seconds__items__item__name {
    width: 71%;
    margin-left: 4%;
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    .w55-blogdetail__seconds__items__item__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w55-blogdetail__seconds__main {
    margin: 1rem 0 2rem;
    padding: 0;
}

.w55-blogdetail__seconds__main__item {
    list-style-type: none;
    display: flex;
    margin-top: 1rem;
    align-items: center;
}

    .w55-blogdetail__seconds__main__item.active:before {
        content: "";
        width: 2rem;
        background-color: rgba(var(--main-color-w), 1);
        height: .1em;
        margin-right: .5rem;
    }

.w55-blogdetail__seconds__main__item__name {
    font-size: 1.6rem;
    color: #999;
    transition: all .5s;
    cursor: pointer;
}

.w55-blogdetail__seconds__main__item.active .w55-blogdetail__seconds__main__item__name {
    color: rgba(var(--main-color-w), 1);
}

.w55-blogdetail__seconds__main__item.active .w55-blogdetail__seconds__main__item__name {
    color: rgba(var(--main-color-w), 1);
}

.w55-blogdetail__seconds__main__item__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w55-blogdetail__main {
    width: 70%;
    padding: 0em;
}

@media only screen and (max-width:62.5rem) {
    .w55-blogdetail__main {
        width: 100%;
    }
}

.w55-blogdetail__main__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w55-blogdetail__main__heading__name {
    font-size: 2.4rem;
    line-height: 4rem;
    color: rgba(var(--scond-color-w), 1);
    width: 100%;
    font-weight: 600;
}

.w55-blogdetail__main__heading__line {
    width: 10rem;
    background-color: rgba(var(--main-color-w), 1);
    height: .1rem;
    margin-top: 1.5rem;
    display: flex;
}

.w55-blogdetail__main__content {
    font-size: 1.6rem;
    line-height: 3.5rem;
    margin-top: 3rem;
    text-align: justify;
    color: #646464;
}

    .w55-blogdetail__main__content img {
        margin: 1rem 0 0;
    }

.w55-blogdetail__main__social {
    margin-top: 4rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.w55-blogdetail__main__social__items {
    display: flex;
    background-color: #fff;
    justify-content: center;
    align-items: center;
    padding: 1rem 3rem;
    position: relative;
    z-index: 2
}

.w55-blogdetail__main__social__items__text {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.6rem;
}

.w55-blogdetail__main__social__items__item {
    font-size: 1.6rem;
    margin-left: 3rem;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

    .w55-blogdetail__main__social__items__item:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w55-blogdetail__main__social__line {
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    height: .1em;
    left: 0;
    position: absolute;
}

.w55-blogdetail__main__other {
    margin-top: 2rem;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    text-transform: uppercase;
    font-weight: 600;
}

.w55-blogdetail__main__items {
    margin: 1rem 0 0 0;
    padding: 0;
}

.w55-blogdetail__main__items__item {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
    list-style-type: none;
    width: 100%;
}

    .w55-blogdetail__main__items__item:hover {
        transform: translateX(1rem);
    }

.w55-blogdetail__main__items__item__icon {
    font-size: .6rem;
}

.w55-blogdetail__main__items__item__name {
    font-size: 1.6rem;
    margin-left: 1rem;
    color: rgba(var(--main-color-w), 1);
}

.w55-blogdetail__main__items__item__name__text {
    display: block;
}

.w55-blogdetail__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
    height: 31rem;
    background-color: #FAFAEB;
}
/*ed*/
/*w55-bloglist*/
.w55-bloglist {
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    overflow: hidden;
    background-color: #fff;
}

.w55-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w55-bloglist__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w55-bloglist__heading__name {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-bloglist__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: left;
    width: 100%;
}

.w55-bloglist__main {
    margin-top: 3rem;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w55-bloglist__main {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.w55-bloglist__main__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10rem;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items {
        margin-top: 0rem;
    }
}

.w55-bloglist__main__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    padding-top: 1em;
    padding-bottom: 6rem;
    z-index: 0;
}

@media only screen and (min-width:50rem) {
    .w55-bloglist__main__items__item:nth-child(2n) {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item {
        flex-direction: row-reverse;
        padding: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item {
        flex-direction: column-reverse;
    }
}

.w55-bloglist__main__items__item__first {
    overflow: hidden;
    width: 50%;
    position: relative;
    z-index: 2;
    transform: translateY(-9rem);
}

    .w55-bloglist__main__items__item__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-bloglist__main__items__item__first:hover:after {
        animation: key-w55-bloglist__main__items__item__first 1.5s;
    }

@keyframes key-w55-bloglist__main__items__item__first {
    100% {
        left: 125%;
    }
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item__first {
        width: 100%;
        transform: translateY(0rem);
    }
}

.w55-bloglist__main__items__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.w55-bloglist__main__items__item:nth-child(2n+1) .w55-bloglist__main__items__item__first__imgbox {
    margin-left: 0;
}

.w55-bloglist__main__items__item__first__imgbox img {
    width: 100%;
}

.w55-bloglist__main__items__item__first__imgbox:hover {
    transform: scale(1.025);
}

.w55-bloglist__main__items__item__first__imgbox__date {
    position: absolute;
    z-index: 1;
    background: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 0rem;
    top: 1rem;
    left: 1rem;
    justify-content: center;
    color: #333;
    width: 6rem;
}

.w55-bloglist__main__items__item__first__imgbox__date__text1 {
    font-size: 2rem;
    width: 100%;
    text-align: center;
}

.w55-bloglist__main__items__item__first__imgbox__date__text2 {
    margin-top: .25rem;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
}

.w55-bloglist__main__items__item__content {
    width: 50%;
    padding: 0rem 5rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item__content {
        width: 100%;
        padding: 2rem;
    }
}

.w55-bloglist__main__items__item__content__heading {
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    width: 100%;
}

.w55-bloglist__main__items__item__content__heading__icon {
    width: 4rem;
    height: 4rem;
    background-size: contain;
    position: absolute;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    font-size: 2.4rem;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(.5rem)
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item__content__heading__icon {
        display: none;
    }
}

.w55-bloglist__main__items__item__content__heading__icon:first-child {
    left: 0;
}

.w55-bloglist__main__items__item__content__heading__icon:last-child {
    right: 0;
}

.w55-bloglist__main__items__item__content__heading__name {
    color: rgba(var(--main-color-w), 1);
    display: block;
    width: 80%;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    text-transform: uppercase;
    display: flex;
    justify-content: center;
    padding: 1rem 0;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item__content__heading__name {
        width: 100%;
    }
}

.w55-bloglist__main__items__item__content__heading__name__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item__content__heading__name {
        width: 12rem;
    }
}

.w55-bloglist__main__items__item__content__heading__name__title {
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 4rem;
}

.w55-bloglist__main__items__item__content__heading__name:hover {
    transform: scale(1.05);
}

.w55-bloglist__main__items__item__content__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
    text-align: center;
    width: 100%;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item__content__des {
        text-align: left;
        margin-top: 2rem;
    }
}

.w55-bloglist__main__items__item__content__btn {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    border-bottom: 1px solid rgba(var(--main-color-w),.32);
}

    .w55-bloglist__main__items__item__content__btn:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item__content__btn {
        margin-top: 2rem;
        padding: .5rem 3rem;
    }
}

.w55-bloglist__main__items__item__content__btn__text {
    font-size: 1.6rem;
    cursor: pointer;
    text-transform: capitalize;
}

@media only screen and (max-width:37.5rem) {
    .w55-bloglist__main__items__item__content__btn__text {
        font-size: 1.2rem;
    }
}

.w55-bloglist__main__items__item__bg {
    position: absolute;
    display: none;
}

.w55-bloglist__main__items__item:nth-child(2n+1) .w55-bloglist__main__items__item__bg {
    background: rgba(50,50,50,0.05);
    display: block;
    top: 0;
    left: -50rem;
    width: 200%;
    height: 100%;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist__main__items__item:nth-child(2n+1) .w55-bloglist__main__items__item__bg {
        left: 0rem;
        width: 100%;
    }
}

.w55-bloglist__main__paging {
    margin: 4rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w55-bloglist__main__paging__item {
    list-style-type: none;
    margin: 0 .5em 0;
}

.w55-bloglist__main__paging__item__text {
    font-size: 1.4rem;
    border: solid .1rem #f1f1f1;
    padding: 1rem 1.5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w55-bloglist__main__paging__item__text:hover,
    .w55-bloglist__main__paging__item__text.active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w55-bloglist .table__responsive {
    overflow-y: scroll;
}

    .w55-bloglist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w55-bloglist .table__responsive::-webkit-scrollbar-track {
    }

    .w55-bloglist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w55-bloglist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w55-bloglist .table__responsive table {
        width: max-content;
    }

.w55-bloglist__heading__des table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w55-bloglist__heading__des table td,
    .w55-bloglist__heading__des table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w55-bloglist-2*/
.w55-bloglist-2 {
    display: block;
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w55-bloglist-2__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.w55-bloglist-2__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 2rem;
}

.w55-bloglist-2__heading__name {
    text-align: center;
    font-size: 3rem;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    position: relative;
    font-weight: 400;
}

@media only screen and (max-width:37.5rem) {
    .w55-bloglist-2__heading__name {
        font-size: 2rem;
    }
}

.w55-bloglist-2__main__items__item__content__line {
    width: 12rem;
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    margin-top: 1.5rem;
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist-2__main__items__item__content__line {
        display: none;
    }
}

.w55-bloglist-2__heading__tabs {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin: 0;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.w55-bloglist-2__heading__tabs__item {
    padding: .5rem 1rem;
    list-style-type: none;
    margin-top: 1rem;
    transition: all .5s;
    margin-right: 1rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
}

    .w55-bloglist-2__heading__tabs__item:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:50rem) {
    .w55-bloglist-2__heading__tabs__item {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
    }

        .w55-bloglist-2__heading__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w55-bloglist-2__heading__tabs__item--active {
    background-color: rgba(var(--main-color-w), 1);
}

.w55-bloglist-2__heading__tabs__item:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w55-bloglist-2__heading__tabs__item__name {
    display: block;
    text-align: center;
    font-size: 1.3rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    text-transform: uppercase;
}

.w55-bloglist-2__heading__tabs__item:hover .w55-bloglist-2__heading__tabs__item__name {
    color: #fff;
}

.w55-bloglist-2__heading__tabs__item--active .w55-bloglist-2__heading__tabs__item__name {
    color: #fff;
}

.w55-bloglist-2__heading__des {
    margin-top: 4rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: left;
    width: 100%;
    color: #646464;
    overflow: hidden;
}

    .w55-bloglist-2__heading__des iframe {
        max-width: 100%;
    }

    .w55-bloglist-2__heading__des iframe {
        border: none;
        width: 100%;
        height: 68rem;
    }
.w55-bloglist-2__main {
}

.w55-bloglist-2__main__items {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
}

.w55-bloglist-2__main__items__item {
    position: relative;
    overflow: hidden;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    padding-bottom: 2rem;
    border-bottom: solid .1rem rgba(var(--main-color-w), .3);
}

    .w55-bloglist-2__main__items__item:last-child {
        border-bottom: none;
    }

.w55-bloglist-2__main__items__item__link {
    width: 30%;
    overflow: hidden;
    position: relative;
}

    .w55-bloglist-2__main__items__item__link:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-bloglist-2__main__items__item__link:hover:after {
        animation: key-w55-bloglist-2__main__items__item__link 1.5s;
    }

@keyframes key-w55-bloglist-2__main__items__item__link {
    100% {
        left: 125%;
    }
}

.w55-bloglist-2__main__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    overflow: hidden;
    transition: all .5s;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

    .w55-bloglist-2__main__items__item__link__imgbox:hover {
        transform: scale(1.025);
    }

.w55-bloglist-2__main__items__item__content {
    width: 70%;
    padding: 0rem 4rem;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist-2__main__items__item__content {
        padding: 0rem 2rem;
    }
}

.w55-bloglist-2__main__items__item:first-child .w55-bloglist-2__main__items__item__content {
}

.w55-bloglist-2__main__items__item__content__name {
    font-size: 2rem;
    line-height: 3.6rem;
    display: block;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    text-align: justify;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist-2__main__items__item__content__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }

    @media only screen and (max-width:25rem) {
        .w55-bloglist-2__main__items__item__content__name {
            font-size: 1.4rem;
        }
    }
}

.w55-bloglist-2__main__items__item__content__name:hover {
    color: rgba(var(--text-color-w), 1);
}

.w55-bloglist-2__main__items__item__content__des {
    font-size: 1.6rem;
    line-height: 3rem;
    margin-top: 1.5rem;
    color: #646464;
    text-align: justify;
}

@media only screen and (max-width:50rem) {
    .w55-bloglist-2__main__items__item__content__des {
    }
}

.w55-bloglist-2__main__paging {
    margin: 4rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w55-bloglist-2__main__paging__item {
    list-style-type: none;
    margin: 0 0.5rem 0;
}

@media only screen and (max-width:37.5rem) {
    .w55-bloglist-2__main__paging__item {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.w55-bloglist-2__main__paging__item__text {
    font-size: 1.4rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 0.1em #f1f1f1;
    background-color: #fff;
    cursor: pointer;
    transition: all .5s;
}

.w55-bloglist-2__main__paging__item:hover .w55-bloglist-2__main__paging__item__text,
.w55-bloglist-2__main__paging__item .w55-bloglist-2__main__paging__item__text.active {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-bloglist-2__main__paging__item__text {
        font-size: 1.4rem;
    }
}

.w55-bloglist-2__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    background-color: rgba(var(--main-color-w), .05);
    width: 34%;
    height: 100%;
}

@media only screen and (max-width:137.5rem) {
    .w55-bloglist-2__bg {
        width: 25%;
    }
}

.w55-bloglist-2 .table__responsive {
    overflow-y: scroll;
}

    .w55-bloglist-2 .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w55-bloglist-2 .table__responsive::-webkit-scrollbar-track {
    }

    .w55-bloglist-2 .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w55-bloglist-2 .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w55-bloglist-2 .table__responsive table {
        width: max-content;
    }

.w55-bloglist-2__heading__des table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
}

    .w55-bloglist-2__heading__des table td,
    .w55-bloglist-2__heading__des table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w55-bloglist-3*/
.w55-bloglist-3 {
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background: linear-gradient(0deg, rgba(var(--main-color-w),0) 60%, #FAFAEB 40%);
}

.w55-bloglist-3__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w55-bloglist-3__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 2rem;
}

.w55-bloglist-3__heading__name {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.w55-bloglist-3__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    font-size: 3rem;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(.5rem)
}

@media only screen and (max-width:31.25rem) {
    .w55-bloglist-3__heading__name__icon {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
    }
}

.w55-bloglist-3__heading__name__text {
    font-size: 3rem;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin: 0 5rem;
    max-width: 90%;
    font-weight: 600;
}

@media only screen and (max-width:31.25rem) {
    .w55-bloglist-3__heading__name__text {
        margin: 0 2rem;
        font-size: 2rem;
    }
}

.w55-bloglist-3__heading__name__text b {
    font-weight: 600;
}

.w55-bloglist-3__heading__name__text:hover {
    transform: scale(1.05);
}

.w55-bloglist-3__heading__des {
    margin-top: 2rem;
    margin-bottom: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    width: 100%;
}

.w55-bloglist-3__heading__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 120rem;
    width: 100%;
    align-items: center;
    padding: 0 1rem;
    margin: 2rem auto 1rem;
}

.w55-bloglist-3__heading__items__item {
    list-style-type: none;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

    .w55-bloglist-3__heading__items__item:first-child .w55-bloglist-3__heading__items__item__line:first-child {
        display: none;
    }

    .w55-bloglist-3__heading__items__item:last-child .w55-bloglist-3__heading__items__item__line:last-child {
        display: none;
    }

@media only screen and (max-width:62.5rem) {
    .w55-bloglist-3__heading__items__item {
        width: 50%;
        margin: 1rem 0 0 0;
    }
}

.w55-bloglist-3__heading__items__item__line {
    background: rgba(var(--main-color-w), 1);
    width: 8rem;
    height: .1rem;
}

    .w55-bloglist-3__heading__items__item__line:last-child {
        display: none;
    }

@media only screen and (max-width:62.5rem) {
    .w55-bloglist-3__heading__items__item__line {
        display: none;
    }
}

.w55-bloglist-3__heading__items__item__name {
    font-size: 2rem;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    margin: 0rem 2rem 0rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
    text-transform: uppercase;
}

    .w55-bloglist-3__heading__items__item--active .w55-bloglist-3__heading__items__item__name,
    .w55-bloglist-3__heading__items__item__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:31.25rem) {
    .w55-bloglist-3__heading__items__item__name {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-bloglist-3__main__items {
    display: flex;
    flex-wrap: wrap;
}

.w55-bloglist-3__main__items__item {
    margin-bottom: 3em;
    position: relative;
    overflow: hidden;
    width: 32%;
    margin-left: 2%;
    display: flex;
    z-index: 0;
    align-items: center;
    justify-content: center;
}

    .w55-bloglist-3__main__items__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-bloglist-3__main__items__item:hover:after {
        animation: key-w55-bloglist-3__main__items__item 1.5s;
    }

@keyframes key-w55-bloglist-3__main__items__item {
    100% {
        left: 125%;
    }
}

@media only screen and (min-width:62.5rem) {
    .w55-bloglist-3__main__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w55-bloglist-3__main__items__item {
        width: 49%;
        margin-bottom: 2rem;
    }

        .w55-bloglist-3__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w55-bloglist-3__main__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w55-bloglist-3__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all .5s;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    height: 100%;
    z-index: 1;
}

.w55-bloglist-3__main__items__item:hover
.w55-bloglist-3__main__items__item__imgbox {
    transform: scale(1.05);
}

.w55-bloglist-3__main__items__item__main {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 1.5rem;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.w55-bloglist-3__main__items__item__main__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 100%);
    transition: all .5s;
}

.w55-bloglist-3__main__items__item__main__content {
    position: relative;
    z-index: 2;
}

.w55-bloglist-3__main__items__item__main__content__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w55-bloglist-3__main__items__item__main__content__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    margin-top: .5rem;
}

.w55-bloglist-3__main__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w55-bloglist-3__main__paging__item {
    list-style-type: none;
    margin: 0 .75rem 0;
}

.w55-bloglist-3__main__paging__item__text {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid 0.1em #f1f1f1;
    background: #fff;
    cursor: pointer;
    width: 4rem;
    height: 4rem;
}

@media only screen and (max-width:31.25rem) {
    w55-bloglist-3__main__paging__item__text {
        width: 3rem;
        height: 3rem;
    }
}

.w55-bloglist-3__main__paging__item__text:hover,
.w55-bloglist-3__main__paging__item__text.active {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w55-bloglist-3__main__paging__item__text {
    font-size: 1.5rem;
}

@media only screen and (max-width:31.25rem) {
    .w55-bloglist-3__main__paging__item__text {
        font-size: 1.4rem;
    }
}

.w55-bloglist-3 .table__responsive {
    overflow-y: scroll;
}

    .w55-bloglist-3 .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w55-bloglist-3 .table__responsive::-webkit-scrollbar-track {
    }

    .w55-bloglist-3 .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w55-bloglist-3 .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w55-bloglist-3 .table__responsive table {
        width: max-content;
    }

.w55-bloglist-3__heading__des table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w55-bloglist-3__heading__des table td,
    .w55-bloglist-3__heading__des table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }

/*ed*/
/*w60-abimg-3*/
.w60-abimg-3 {
    width: 100%;
    padding: 6rem 1rem 8rem;
    background-color: #f1f1f1;
}

@media only screen and (max-width:600px) {
    .w60-abimg-3 {
        padding: 2rem 1rem 3rem;
    }
}

.w60-abimg-3__group {
    position: relative;
    width: 100%;
    padding: 0 1rem;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    max-width: 120rem;
}

.w60-abimg-3__check {
    display: none;
}

.w60-abimg-3__heading {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    z-index: 5;
    transition: all 1s;
    align-content: center;
    max-width: 90%;
}

.w60-abimg-3__check:checked ~ .w60-abimg-3__heading {
    transform: scale(0);
}

@media only screen and (max-width:1200px) {
    .w60-abimg-3__heading {
        padding: 1rem;
    }
}

.w60-abimg-3__heading__bg {
    position: absolute;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    content: "";
    border-radius: 50%;
    box-shadow: 0px 6px 34px rgba(215, 216, 222, 0.5);
}

    .w60-abimg-3__heading__bg:before {
        width: 100%;
        z-index: 2;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        border: solid .1rem rgba(var(--main-color-w),.8);
        -webkit-animation: key-w60-abimg-3__heading__bg__before 3s infinite;
        animation: key-w60-abimg-3__heading__bg__before 3s infinite;
    }

@-webkit-keyframes key-w60-abimg-3__heading__bg__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.6);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w60-abimg-3__heading__bg:after {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    -webkit-animation: key-w60-abimg-3__heading__bg__after 3s infinite;
    animation: key-w60-abimg-3__heading__bg__after 3s infinite;
}

@-webkit-keyframes key-w60-abimg-3__heading__bg__after {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        opacity: .8;
        transform: scale(1.3);
    }

    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.w60-abimg-3__heading__name {
    border-radius: 2rem;
    display: inline-block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    padding: 2rem 5rem;
    border-radius: 1rem;
    text-align: center;
    z-index: 3;
}

.w60-abimg-3__heading__name__text {
    font-size: 2.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    color: #fff;
    font-weight: 600;
    letter-spacing: 0.1rem;
    line-height: 3.6rem;
}

@media only screen and (max-width:1200px) {
    .w60-abimg-3__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-abimg-3__heading__des {
    width: 100%;
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #fff;
}

@media only screen and (max-width:600px) {
    .w60-abimg-3__heading__des {
        font-size: 2rem;
    }
}

.w60-abimg-3__heading__label {
    position: absolute;
    width: 3rem;
    height: 3rem;
    background-color: #f1f1f1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -1.5rem;
    top: -1.5rem;
    transition: all .5s;
    cursor: pointer;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
}

.w60-abimg-3__heading:hover .w60-abimg-3__heading__label {
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.w60-abimg-3__heading__label:hover {
    background-color: red;
}

.w60-abimg-3__heading__label__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    transform: rotate(45deg);
    transition: all .5s;
}

.w60-abimg-3__heading__label:hover .w60-abimg-3__heading__label__icon {
    transform: rotate(405deg);
    color: #fff;
}

.w60-abimg-3__items {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.w60-abimg-3__items__item {
    width: 19.2%;
    margin-left: 1%;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
    height: 40rem;
    cursor: move;
}

@media only screen and (min-width:1200px) {
    .w60-abimg-3__items__item:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:1200px) {
    .w60-abimg-3__items__item {
        width: 24.25%;
        margin-left: 1%;
        margin-top: 1rem;
    }

    @media only screen and (min-width:800px) {
        .w60-abimg-3__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:800px) {
        .w60-abimg-3__items__item {
            width: 32.6666%;
        }

        @media only screen and (min-width:600px) {
            .w60-abimg-3__items__item:nth-child(3n+1) {
                margin-left: 0;
            }
        }

        @media only screen and (max-width:600px) {
            .w60-abimg-3__items__item {
                width: 49%;
                margin-left: 2%;
            }

                .w60-abimg-3__items__item:nth-child(2n+1) {
                    margin-left: 0;
                }
        }
    }
}

.w60-abimg-3__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s;
    overflow: hidden;
    z-index: 0;
}

.w60-abimg-3__items__item:hover
.w60-abimg-3__items__item__imgbox {
    transform: scale(1.1);
    transform: translateY(-30%);
}

.w60-abimg-3__items__item__imgbox__img {
    width: 100%;
}

.w60-abimg-3__items__item__main {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: move;
}

.w60-abimg-3__items__item__main__icon {
    background-color: rgba(var(--main-color-w),1);
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    position: absolute;
    transition: all .5s;
    transform: scale(0);
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w60-abimg-3__items__item:hover .w60-abimg-3__items__item__main__icon {
    transform: scale(1);
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w60-abimg-3__items__item__main__icon__value {
    color: #fff;
    font-size: 2rem;
    transition: all .5s;
}

.w60-abimg-3__items__item__main__icon:hover {
    background-color: rgba(var(--text-color-w),1);
}

.w60-abimg-3__items__item:hover .w60-abimg-3__items__item__main__icon__value {
    transform: rotate(360deg);
}

.w60-abimg-3__items__item__main:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
    visibility: hidden;
    content: "";
    transition: all .5s;
}

.w60-abimg-3__items__item:hover .w60-abimg-3__items__item__main:after {
    z-index: 1;
    visibility: visible;
}

.w60-abimg-3__items__item__check {
    display: none;
}

.w60-abimg-3__items__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.w60-abimg-3__items__item__check:checked ~
.w60-abimg-3__items__item__modal {
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w60-abimg-3__items__item__modal__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w60-abimg-3__items__item__modal__main {
    width: 70rem;
    max-width:100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}
.w60-abimg-3__items__item__modal__main__hinhanh {
    height: 100vh;
    width: 100%;
    overflow-y: scroll;
}
.w60-abimg-3__items__item__modal__main__hinhanh::-webkit-scrollbar {
    width: 5px;
}

.w60-abimg-3__items__item__modal__main__hinhanh::-webkit-scrollbar-track {
    border-radius: 5px;
}

.w60-abimg-3__items__item__modal__main__hinhanh::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w73-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
}
.w60-abimg-3__items__item__modal__main__hinhanh__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    overflow-y: scroll;
    transition: all 10s;
    cursor: move;
}

    .w60-abimg-3__items__item__modal__main__hinhanh__imgbox::-webkit-scrollbar {
        width: 0;
    }

.w60-abimg-3__items__item__modal__main__hinhanh__imgbox__bottom {
    position: absolute;
    z-index: 3;
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0rem;
    top: 34rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (min-width:1000px) {
    .w60-abimg-3__items__item__modal__main__hinhanh__imgbox__bottom {
        display: none;
    }
}

.w60-abimg-3__items__item__modal__main__hinhanh__imgbox:hover .w60-abimg-3__items__item__modal__main__hinhanh__imgbox__bottom {
    background-color: rgba(var(--text-color-w),1);
}

.w60-abimg-3__items__item__modal__main__hinhanh__imgbox__bottom__icon {
    color: #fff;
    font-size: 2.5rem;
    transition: all 5s;
}

.w60-abimg-3__items__item__modal__main__hinhanh__imgbox:hover {
}

@media only screen and (max-width:1000px) {
    .w60-abimg-3__items__item__modal__main__hinhanh__imgbox:hover {
    }
}

.w60-abimg-3__items__item__modal__main__hinhanh__imgbox__img {
    width: 100%;
}

.w60-abimg-3__items__item__modal__main__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -7.5rem;
    top: 2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:800px) {
    .w60-abimg-3__items__item__modal__main__close {
        width: 3rem;
        height: 3rem;
        top: 2rem;
        right: 2rem;
    }
}
.w60-abimg-3__items__item__modal__main__close:hover {
    background-color: red;
}

.w60-abimg-3__items__item__modal__main__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}
@media only screen and (max-width:800px) {
    .w60-abimg-3__items__item__modal__main__close__icon {
        font-size: 2rem;
    }
}

.w60-abimg-3__items__item__modal__main__close:hover .w60-abimg-3__items__item__modal__main__close__icon {
    transform: rotate(405deg);
}

.w60-abimg-3__items__item__modal__main__top {
    position: absolute;
    z-index: 3;
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0rem;
    top: 26rem;
    transition: all .5s;
    cursor: pointer;
}

    .w60-abimg-3__items__item__modal__main__top:hover {
        background-color: rgba(var(--text-color-w),1);
    }

@media only screen and (min-width:1000px) {
    .w60-abimg-3__items__item__modal__main__top {
        display: none;
    }
}

.w60-abimg-3__items__item__modal__main__top__icon {
    color: #fff;
    font-size: 2.5rem;
    transform: rotate(180deg);
    transition: all 5s;
}
/*ed*/
/*w60-banner-3*/
.w60-banner-3 {
    width: 100%;
    position: relative;
    background-color: transparent;
    background-image: linear-gradient(180deg, #f1f1f1 0%, rgba(var(--main-color-w),.2) 100%);
    height: 80rem;
    z-index: 0;
    overflow: hidden;
    padding: 0 15rem;
}

@media only screen and (max-width:106.25rem) {
    .w60-banner-3 {
        padding: 0 1rem;
    }
}

@media only screen and (max-width:106.25rem) {
    .w60-banner-3 {
        height: 75rem;
    }

    @media only screen and (max-width:93.75rem) {
        .w60-banner-3 {
            height: 65rem;
        }
    }

    @media only screen and (max-width:81.25rem) {
        .w60-banner-3 {
            height: max-content;
            padding-bottom: 4rem;
        }
    }

    @media only screen and (max-width:62.5rem) {
        .w60-banner-3 {
            padding-bottom: 6rem;
        }
    }

    @media only screen and (max-width:50rem) {
        .w60-banner-3 {
            padding-bottom: 4rem;
        }

        @media only screen and (max-width:50rem) {
            .w60-banner-3 {
                padding-bottom: 6rem;
            }
        }
    }
}

.w60-banner-3__group {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 4;
    max-width: 120rem;
}

@media only screen and (max-width:106.25rem) {
    .w60-banner-3__group {
        padding: 0rem 3rem;
    }

    @media only screen and (max-width:81.25rem) {
        .w60-banner-3__group {
            padding: 0rem 1rem;
        }
    }
}

.w60-banner-3__main {
    width: 100%;
    display: flex;
    align-items: center;
    position: relative;
    height: 80rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:106.25rem) {
    .w60-banner-3__main {
        height: 75rem;
    }

    @media only screen and (max-width:93.75rem) {
        .w60-banner-3__main {
            height: 65rem;
        }

        @media only screen and (max-width:81.25rem) {
            .w60-banner-3__main {
                height: max-content;
            }
        }
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main {
        height: max-content;
        padding: 0rem 1rem;
    }
}

.w60-banner-3__main__first {
    width: 32%;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media only screen and (max-width:81.25rem) {
    .w60-banner-3__main__first {
        width: 100%;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    @media only screen and (max-width:50rem) {
        .w60-banner-3__main__first {
        }
    }
}

.w60-banner-3__main__first__top {
    display: flex;
    width: max-content;
    position: relative;
    padding: 2rem 2rem;
    background-color: #fff;
    border-radius: .5rem;
    transition: all .5s;
}

    .w60-banner-3__main__first__top:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:50rem) {
    .w60-banner-3__main__first__top {
        margin: 0 auto;
    }
}

.w60-banner-3__main__first__top__bg {
    position: absolute;
    top: 50%;
    right: -2rem;
    left: -2rem;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%);
    height: 4.5rem;
    width: 90%;
    width: calc(100% + 4rem);
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: 0 0 29px #d1d3ed63;
    box-shadow: 0 0 29px #d1d3ed63;
    z-index: 1;
    content: "";
    -webkit-clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);
    clip-path: polygon(100% 0, 97% 50%, 100% 100%, 0 100%, 3% 50%, 0 0);
}

.w60-banner-3__main__first__top__button {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.w60-banner-3__main__first__top__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
    font-weight: 600;
}

.w60-banner-3__main__first__top__button__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    position: relative;
    z-index: 2;
    color: rgba(var(--main-color-w),1);
}

.w60-banner-3__main__first__heading {
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
    border-radius: 5rem;
    margin-top: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__first__heading {
        width: 100%;
    }
}

.w60-banner-3__main__first__heading__name {
    font-size: 3.6rem;
    line-height: 5.6rem;
    color: rgba(var(--main-color-w),1);
    display: block;
    font-weight: 600;
    transition: all .5s;
    width: 100%;
}

    .w60-banner-3__main__first__heading__name:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:62.5rem) {
    @media only screen and (max-width:37.5rem) {
        .w60-banner-3__main__first__heading__name {
            font-size: 2rem;
        }
    }
}

.w60-banner-3__main__first__des {
    margin-top: 1rem;
    width: 100%;
}

.w60-banner-3__main__first__des__text {
    font-size: 1.8rem;
    line-height: 3rem;
}

.w60-banner-3__main__first__bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 5rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-banner-3__main__first__bottom {
        margin-top: 4rem;
    }
}

@-webkit-keyframes key-wd-banner-16__main__first__bottom {
    0% {
        opacity: 0;
        transform: translateY(10rem);
    }

    50% {
        opacity: .5;
        transform: translateY(-1rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}

.w60-banner-3__main__first__bottom:after {
    content: "";
    background: url('../../img/w60/wd-banner-16_3.png') no-repeat center;
    background-size: contain;
    width: 6rem;
    height: 4.5rem;
    position: absolute;
    right: -8rem;
    top: -1rem;
}


.w60-banner-3__main__first__bottom__button {
    display: flex;
    align-items: center;
    padding: 1.75rem 3rem;
    background-image: linear-gradient(to right, rgba(var(--main-color-w),1), #b966e7,#b966e7,rgba(var(--main-color-w),1));
    color: #fff;
    cursor: pointer;
    position: relative;
    width: max-content;
    border-radius: .5rem;
    overflow: hidden;
    background-size: 300% 100%;
    transition: all 0.4s ease-in-out;
}

    .w60-banner-3__main__first__bottom__button:hover {
        background-position: 100% 0;
    }

@media only screen and (max-width:37.5rem) {
    .w60-banner-3__main__first__bottom__button {
    }
}

.swiper-slide-active .w60-banner-3__main__first__bottom__button {
    -webkit-animation: key-wd-banner-11__gallery__swiper__item__main__content__button 2s;
    animation: key-wd-banner-11__gallery__swiper__item__main__content__button 2s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-wd-banner-11__gallery__swiper__item__main__content__button {
    0% {
        transform: translateY(15rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner-3__main__first__bottom__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
    font-weight: 600;
    text-transform: uppercase;
}

.w60-banner-3__main__first__bottom__button:hover
.w60-banner-3__main__first__bottom__button__name {
}

.w60-banner-3__main__first__bottom__button__icon--first {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.w60-banner-3__main__first__bottom__button__icon--second {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.w60-banner-3__main__first__bottom__button__icon--first {
    margin-left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-3rem);
}

.w60-banner-3__main__first__bottom__button:hover
.w60-banner-3__main__first__bottom__button__icon--first {
    opacity: 1;
    visibility: visible;
    transform: translateX(-1rem);
}

.w60-banner-3__main__first__bottom__button:hover
.w60-banner-3__main__first__bottom__button__icon--second {
    opacity: 0;
    visibility: hidden;
    transform: translateX(2rem);
}

.w60-banner-3__main__first__bottom__bg {
    width: 7rem;
    height: 7rem;
    position: absolute;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),1);
    z-index: 1;
}

    .w60-banner-3__main__first__bottom__bg:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        position: absolute;
        border-radius: 50%;
        border: solid .1rem rgba(255,255,255,.2);
        animation-name: key-wd-banner-16__main__first__bottom__bg__before;
        animation-iteration-count: infinite;
        animation-duration: 3s;
    }

@-webkit-keyframes key-wd-banner-16__main__first__bottom__bg__before {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.25);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.w60-banner-3__main__first__bottom__bg:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    position: absolute;
    border-radius: 50%;
    border: solid .1rem rgba(255,255,255,.3);
    animation-name: key-wd-banner-16__main__first__bottom__bg__after;
    animation-iteration-count: infinite;
    animation-duration: 3s;
}

@-webkit-keyframes key-wd-banner-16__main__first__bottom__bg__after {
    0% {
        transform: scale(1);
        opacity: 0;
    }

    50% {
        transform: scale(1.5);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.w60-banner-3__main__second {
    width: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    height: 100%;
}

@media only screen and (max-width:81.25rem) {
    .w60-banner-3__main__second {
        width: 55%;
    }

    @media only screen and (max-width:50rem) {
        .w60-banner-3__main__second {
            width: 100%;
        }
    }
}

.w60-banner-3__main__second__imgbox {
    background-size: contain;
    width: 95%;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    z-index: 4;
    background-position: top center;
}

@media only screen and (max-width:81.25rem) {
    .w60-banner-3__main__second__imgbox {
        position: relative;
        bottom: auto;
    }
}

@media only screen and (max-width:50rem) {
    .w60-banner-3__main__second__imgbox {
        width: 60%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w60-banner-3__main__second__imgbox {
        width: 75%;
    }
}

.w60-banner-3__main__second__round__1 {
    z-index: 3;
    position: absolute;
    background-size: cover;
    top: 26rem;
}

@media only screen and (max-width:93.75rem) {
    .w60-banner-3__main__second__round__1 {
        left: 6rem;
    }
}

@media only screen and (max-width:93.75rem) {
    .w60-banner-3__main__second__round__1 {
        top: 15rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__second__round__1 {
        top: 8rem;
        left: 3rem;
    }
}

@media only screen and (max-width:50rem) {
    .w60-banner-3__main__second__round__1 {
        top: 2rem;
        left: initial;
    }
}

.w60-banner-3__main__second__round__2 {
    z-index: 2;
    position: absolute;
    background-size: cover;
    top: 28rem;
}

@media only screen and (max-width:93.75rem) {
    .w60-banner-3__main__second__round__2 {
        left: 2rem;
    }
}

@media only screen and (max-width:93.75rem) {
    .w60-banner-3__main__second__round__2 {
        top: 15rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__second__round__2 {
        top: 8rem;
        left: -3rem;
    }
}

@media only screen and (max-width:50rem) {
    .w60-banner-3__main__second__round__2 {
        top: 2rem;
        left: initial;
    }
}

.w60-banner-3__bg {
    position: absolute;
    left: 0;
    bottom: -4rem;
    background-image: url('../../img/w60/wd-banner-16.svg');
    background-size: cover;
    background-position: top center;
    height: 14rem;
    z-index: 5;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w60-banner-3__bg {
        height: 4rem;
        bottom: 0;
    }
}

.w60-banner-3__main__third {
    width: 26%;
    margin-left: auto;
    position: relative;
    z-index: 3;
    height: max-content;
}

@media only screen and (max-width:81.25rem) {
    .w60-banner-3__main__third {
        width: 35%;
        margin-right: 3%;
    }

    @media only screen and (max-width:50rem) {
        .w60-banner-3__main__third {
            width: 100%;
            margin: 0rem 0 0;
            padding: 0rem 2rem;
        }
    }
}

.w60-banner-3__main__third__childs {
}

.w60-banner-3__main__third__childs__child {
    position: relative;
    padding-bottom: 4rem;
}

.w60-banner-3__main__third__childs__child__items__item {
    background: #fff;
    border-radius: .5rem;
    width: 96%;
    margin-right: 4%;
    cursor: pointer;
}

.w60-banner-3__main__third__childs__child__items__item__content {
    width: 90%;
    margin: 2.5rem 5% 2rem;
    overflow: hidden;
    transition: all .5s;
}

    .w60-banner-3__main__third__childs__child__items__item__content:hover {
        transform: scale(1.02);
    }

.w60-banner-3__main__third__childs__child__items__item.swiper-slide-active {
}

.w60-banner-3__main__third__childs__child__items__item__content__link {
    display: block;
}

.w60-banner-3__main__third__childs__child__items__item__content__link__imgbox {
    width: 100%;
    background-size: cover;
    border-radius: .5rem;
}

.w60-banner-3__main__third__childs__child__items__item__content__link__imgbox__img {
    width: 100%;
}

.w60-banner-3__main__third__childs__child__items__item__content__box {
    margin-top: 2rem;
}

.w60-banner-3__main__third__childs__child__items__item__content__box__name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    display: block;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__third__childs__child__items__item__content__box__name {
        font-size: 1.6rem;
    }
}

.w60-banner-3__main__third__childs__child__items__item__content__box__des {
    font-size: 1.6rem;
    margin-top: .5rem;
    line-height: 2.6rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__third__childs__child__items__item__content__box__des {
        font-size: 1.4rem;
    }
}

.w60-banner-3__main__third__childs__child__items__item__content__rate {
    display: flex;
    margin-top: 2rem
}

.w60-banner-3__main__third__childs__child__items__item__content__rate__item {
    margin-left: .5rem;
    font-size: 1.4rem;
    color: #ff8000;
}

    .w60-banner-3__main__third__childs__child__items__item__content__rate__item:first-child {
        margin-left: 0;
    }

.w60-banner-3__main__third__childs__child__items__item__content__bottom {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: .5rem;
}

.w60-banner-3__main__third__childs__child__items__item__content__bottom__left {
    display: flex;
    align-items: center;
}

.w60-banner-3__main__third__childs__child__items__item__content__bottom__left__icon {
    font-size: 1.8rem;
    background: rgba(var(--main-color-w),1);
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 3.4rem;
    height: 3.4rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__third__childs__child__items__item__content__bottom__left__icon {
        font-size: 1.5rem;
    }
}

.w60-banner-3__main__third__childs__child__items__item__content__bottom__left__price {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-left: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__third__childs__child__items__item__content__bottom__left__price {
        font-size: 1.6rem;
    }
}

.w60-banner-3__main__third__childs__child__items__item__content__bottom__right {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.w60-banner-3__main__third__childs__child__items__item__content__bottom__right__name {
    font-size: 1.4rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__third__childs__child__items__item__content__bottom__right__name {
        font-size: 1.2rem;
    }
}

.w60-banner-3__main__third__childs__child__items__item__content__bottom__right__icon {
    font-size: 1.4rem;
    margin-left: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w60-banner-3__main__third__childs__child__items__item__content__bottom__right__icon {
        font-size: 1.2rem;
    }
}

.w60-banner-3__main__third__childs__child__pagination {
    bottom: 5rem !important;
    z-index: 1;
}

    .w60-banner-3__main__third__childs__child__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }
/*ed*/
/*w60-faq-5*/
.w60-faq-5 {
    width: 100%;
    padding: 5rem 1rem 4.5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-5 {
        margin-bottom: 0rem;
    }
}

.w60-faq-5__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w60-faq-5__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-faq-5__main__first {
    width: 100%;
}

.w60-faq-5__main__first__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-5__main__first__heading {
        justify-content: center;
    }
}

.w60-faq-5__main__first__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-faq-5__main__first__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-faq-5__main__first__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-faq-5__main__first__heading__name:hover .w60-faq-5__main__first__heading__name__text {
    color: #fff;
}

.w60-faq-5__main__first__heading__des {
    width: 100%;
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
    margin-top: 2rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-5__main__first__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-faq-5__main__first__heading__detail {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    height: max-content;
}

.w60-faq-5__main__first__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
}

    .w60-faq-5__main__first__text ul,
    .w60-faq-5__main__first__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w60-faq-5__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    width: 100%;
}

@media only screen and (max-width:120rem) {
    .w60-faq-5__main__first__items {
        padding-left: 2rem;
    }
}

.w60-faq-5__main__first__items__item {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-5__main__first__items__item {
    }
}

.w60-faq-5__main__first__items__item__stt {
    position: absolute;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    border: solid .1rem rgba(var(--main-color-w),1);
    width: 4rem;
    height: 4rem;
    left: -2rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    transition: all .75s;
}

.w60-faq-5__main__first__items__item__check:checked ~
.w60-faq-5__main__first__items__item__stt {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border: none;
}

@media only screen and (min-width:81.25rem) {
    .w60-faq-5__main__first__items__item__check:checked ~
    .w60-faq-5__main__first__items__item__stt {
    }
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-5__main__first__items__item__stt {
    }

    @media only screen and (max-width:37.5rem) {
        .w60-faq-5__main__first__items__item__stt {
        }
    }
}

.w60-faq-5__main__first__items__item__stt__text {
    font-weight: 600;
    font-size: 1.6rem;
}

.w60-faq-5__main__first__items__item__content {
    display: flex;
    transition: all .5s;
    width: 100%;
}

.w60-faq-5__main__first__items__item__content__box {
    border: 1px solid #dfdfdf;
    border-radius: 1rem;
    transition: all .5s;
    width: 100%;
    overflow:hidden;
}

.w60-faq-5__main__first__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
    padding: 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
    border-radius: .5rem .5rem 0 0;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-5__main__first__items__item__content__box__name {
        padding-left: 3rem;
    }

    .w60-faq-5__main__first__items__item__check:checked ~
    .w60-faq-5__main__first__items__item__content
    .w60-faq-5__main__first__items__item__content__box
    .w60-faq-5__main__first__items__item__content__box__name {
        padding-left: 1.5rem;
    }
}

@media only screen and (min-width:81.25rem) {
    .w60-faq-5__main__first__items__item__content__box__name {
        padding: 1.5rem 1.5rem 1.5rem 3rem;
    }
}

.w60-faq-5__main__first__items__item__content__box__name__text {
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: .5rem;
    color: #fff;
    line-height: 2.6rem;
}

.w60-faq-5__main__first__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w60-faq-5__main__first__items__item__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.w60-faq-5__main__first__items__item__check:checked ~
.w60-faq-5__main__first__items__item__content
.w60-faq-5__main__first__items__item__content__box {
    
}

    .w60-faq-5__main__first__items__item__check:checked ~
    .w60-faq-5__main__first__items__item__content
    .w60-faq-5__main__first__items__item__content__box
    .w60-faq-5__main__first__items__item__content__box__name {
        
    }

        .w60-faq-5__main__first__items__item__check:checked ~
        .w60-faq-5__main__first__items__item__content
        .w60-faq-5__main__first__items__item__content__box
        .w60-faq-5__main__first__items__item__content__box__name
        .w60-faq-5__main__first__items__item__content__box__name__icon {
            transform: rotate(180deg);
            
        }

        .w60-faq-5__main__first__items__item__check:checked ~
        .w60-faq-5__main__first__items__item__content
        .w60-faq-5__main__first__items__item__content__box
        .w60-faq-5__main__first__items__item__content__box__name
        .w60-faq-5__main__first__items__item__content__box__name__text {
            
        }

.w60-faq-5__main__first__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w60-faq-5__main__first__items__item__check {
    display: none;
}

    .w60-faq-5__main__first__items__item__check:checked ~
    .w60-faq-5__main__first__items__item__content
    .w60-faq-5__main__first__items__item__content__box
    .w60-faq-5__main__first__items__item__content__box__des {
        max-height: 999vh;
    }

.w60-faq-5__main__first__items__item__content__box__des__text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    transition: all .5s;
    padding: 0rem 2rem 0 3rem;
}

    .w60-faq-5__main__first__items__item__content__box__des__text ul,
    .w60-faq-5__main__first__items__item__content__box__des__text ol {
        margin-left: 2.5rem;
    }

    .w60-faq-5__main__first__items__item__content__box__des__text b {
        color: rgba(var(--main-color-w),1);
    }
/*ed*/
/*w60-banner-4*/
.w60-banner-4 {
    width: 100%;
    position: relative;
    padding-bottom: 0rem;
    overflow: hidden;
    background-color: #fff;
    z-index: 0;
    display: flex;
    justify-content: center;
}

.w60-banner-4__group {
    position: relative;
    overflow: hidden;
    z-index: 0;
    max-width: 120rem;
    width: 100%;
}

@-webkit-keyframes key-wd-banner-11__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.w60-banner-4__mains {
    height: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin: 0 auto;
}

.w60-banner-4__mains__main {
    width: 100%;
}

.w60-banner-4__mains__main__item {
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w60-banner-4__mains__main__item {
        padding: 5rem 1rem 14rem;
    }
}

.w60-banner-4__mains__main__item__main {
    position: absolute;
    left: 0;
    top: 0rem;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w60-banner-4__mains__main__item__main {
        width: 100%;
        position: relative;
        margin-top: 9rem;
    }

    @media only screen and (max-width:43.75rem) {
        .w60-banner-4__mains__main__item__main {
            margin-top: 3rem;
        }
    }
}

.w60-banner-4__mains__main__item__main__content {
    width: 45%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width:100rem) {
    .w60-banner-4__mains__main__item__main__content {
        width: 60%;
    }

    @media only screen and (max-width:75rem) {
        .w60-banner-4__mains__main__item__main__content {
            width: 100%;
        }
    }
}

.w60-banner-4__mains__main__item__main__content__text2 {
    font-size: 6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all 1s;
    text-transform: capitalize;
    margin-top: .2rem;
    line-height: 8rem;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:75rem) {
    .w60-banner-4__mains__main__item__main__content__text2 {
        font-size: 4rem;
        line-height: 5.6rem;
    }
}

@media only screen and (max-width:43.75rem) {
    .w60-banner-4__mains__main__item__main__content__text2 {
        font-size: 3rem;
        line-height: 4.6rem;
    }
}

.swiper-slide-active .w60-banner-4__mains__main__item__main__content__text2 {
    -webkit-animation: key-wd-banner-11__gallery__swiper__item__main__content__text2 1s;
    animation: key-wd-banner-11__gallery__swiper__item__main__content__text2 1s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-wd-banner-11__gallery__swiper__item__main__content__text2 {
    0% {
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner-4__mains__main__item__main__content__text3 {
    font-size: 2rem;
    width: 100%;
    margin-top: 1rem;
    line-height: 3.6rem;
    transition: all 1s;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w60-banner-4__mains__main__item__main__content__text3 {
        font-size: 1.8rem;
        line-height: 3rem;
    }
}

.swiper-slide-active .w60-banner-4__mains__main__item__main__content__text3 {
    -webkit-animation: key-wd-banner-11__gallery__swiper__item__main__content__text3 2s;
    animation: key-wd-banner-11__gallery__swiper__item__main__content__text3 2s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-wd-banner-11__gallery__swiper__item__main__content__text3 {
    0% {
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner-4__mains__main__item__main__content__button {
    display: flex;
    align-items: center;
    padding: 1.75rem 3rem;
    background-image: linear-gradient(to right, rgba(var(--main-color-w),1), #b966e7,#b966e7,rgba(var(--main-color-w),1));
    color: #fff;
    cursor: pointer;
    position: relative;
    width: max-content;
    margin-top: 3rem;
    border-radius: .5rem;
    overflow: hidden;
    background-size: 300% 100%;
    transition: all 0.4s ease-in-out;
}

    .w60-banner-4__mains__main__item__main__content__button:hover {
        background-position: 100% 0;
    }

@media only screen and (max-width:37.5rem) {
    .w60-banner-4__mains__main__item__main__content__button {
    }
}

.swiper-slide-active .w60-banner-4__mains__main__item__main__content__button {
    -webkit-animation: key-wd-banner-11__gallery__swiper__item__main__content__button 2s;
    animation: key-wd-banner-11__gallery__swiper__item__main__content__button 2s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-wd-banner-11__gallery__swiper__item__main__content__button {
    0% {
        transform: translateY(15rem);
    }

    100% {
        transform: translateY(0);
    }
}

.w60-banner-4__mains__main__item__main__content__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
    font-weight: 600;
    text-transform: uppercase;
}

.w60-banner-4__mains__main__item__main__content__button:hover
.w60-banner-4__mains__main__item__main__content__button__name {
}

.w60-banner-4__mains__main__item__main__content__button__icon1 {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.w60-banner-4__mains__main__item__main__content__button__icon2 {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.w60-banner-4__mains__main__item__main__content__button__icon1 {
    margin-left: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-3rem);
}

.w60-banner-4__mains__main__item__main__content__button:hover
.w60-banner-4__mains__main__item__main__content__button__icon1 {
    opacity: 1;
    visibility: visible;
    transform: translateX(-1rem);
}

.w60-banner-4__mains__main__item__main__content__button:hover
.w60-banner-4__mains__main__item__main__content__button__icon2 {
    opacity: 0;
    visibility: hidden;
    transform: translateX(2rem);
}

.w60-banner-4__mains__main__item__imgbox {
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 80rem;
    transition: all 2s;
    background-position: center center;
}

@media only screen and (max-width:87.5rem) {
    .w60-banner-4__mains__main__item__imgbox {
        height: 65rem;
    }

    @media only screen and (max-width:75rem) {
        .w60-banner-4__mains__main__item__imgbox {
            width: 100%;
            position: absolute;
            height: 100%;
            top: 0;
            left: 0;
        }
    }
}

.w60-banner-4__mains__main__item:hover .w60-banner-4__mains__main__item__imgbox {
    transform: scale(1.05);
}

.w60-banner-4__mains__main__item__left {
    position: absolute;
    z-index: 3;
    left: 10rem;
}

@media only screen and (max-width:100rem) {
    .w60-banner-4__mains__main__item__left {
        left: 1rem;
    }

    @media only screen and (max-width:87.5rem) {
        .w60-banner-4__mains__main__item__left {
            top: 8rem;
        }

        @media only screen and (max-width:75rem) {
            .w60-banner-4__mains__main__item__left {
                width: 100%;
                position: relative;
                top: initial;
                left: initial;
                display: flex;
                justify-content: center;
                align-items: center;
                flex-wrap: wrap;
            }
        }
    }
}

.w60-banner-4__mains__main__item__left__box {
    position: relative;
    width: max-content;
}

@media only screen and (max-width:50rem) {
    .w60-banner-4__mains__main__item__left__box {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.w60-banner-4__mains__main__item__left__box__imgbox {
    background-size: cover;
    background-position: top center;
    width: 27rem;
    height: 30rem;
    position: relative;
    z-index: 4;
    -webkit-animation: key-wd-banner-17__gallery__swiper__item__left__box__figure 7s infinite;
    animation: key-wd-banner-17__gallery__swiper__item__left__box__figure 7s infinite;
}

@-webkit-keyframes key-wd-banner-17__gallery__swiper__item__left__box__figure {
    0% {
        border-radius: 7rem 0 7rem 0;
    }

    50% {
        border-radius: 0rem 7rem 0 7rem;
    }

    100% {
        border-radius: 7rem 0 7rem 0;
    }
}

.w60-banner-4__mains__main__item__left__box__icon1 {
    background: url('../../img/w60/wd-banner-17_icon_1.png') no-repeat;
    background-size: contain;
    width: 12rem;
    height: 12rem;
    position: absolute;
    border-radius: 50%;
    right: -7rem;
    top: -7rem;
    z-index: 3;
    opacity: .6;
    -webkit-animation: key-wd-banner-17__gallery__swiper__item__left__box__icon1 15s infinite;
    animation: key-wd-banner-17__gallery__swiper__item__left__box__icon1 15s infinite;
}

@-webkit-keyframes key-wd-banner-17__gallery__swiper__item__left__box__icon1 {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(360deg)
    }

    100% {
        transform: rotate(0)
    }
}

.w60-banner-4__mains__main__item__left__box__icon2 {
    background: url('../../img/w60/wd-banner-17_icon_2.png') no-repeat;
    background-size: contain;
    width: 21rem;
    height: 20rem;
    position: absolute;
    border-radius: 50%;
    right: -6rem;
    top: -6rem;
    z-index: 2;
    opacity: .5;
    transition: all .5s;
}

.w60-banner-4__mains__main__item:hover .w60-banner-4__mains__main__item__left__box__icon2 {
    right: -4rem;
    top: -4rem;
}

.w60-banner-4__mains__main__item__left__support {
    margin: 5rem 0 0 0;
    padding-left: 15rem;
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:87.5rem) {
    .w60-banner-4__mains__main__item__left__support {
        padding-left: 5rem;
    }

    @media only screen and (max-width:75rem) {
        .w60-banner-4__mains__main__item__left__support {
            margin-left: 3rem;
        }

        @media only screen and (max-width:50rem) {
            .w60-banner-4__mains__main__item__left__support {
                margin: 0;
                position: absolute;
                bottom: -4rem;
                transform: translateX(12rem);
                z-index: 4;
            }

            @media only screen and (max-width:43.75rem) {
                .w60-banner-4__mains__main__item__left__support {
                    bottom: initial;
                    transform: translateX(0rem);
                    position: relative;
                    margin-top: 5rem;
                    z-index: 2;
                }
            }
        }
    }
}

.w60-banner-4__mains__main__item__left__support__box {
    position: relative;
    z-index: 4;
    padding: 3rem;
    background-color: #FFFFFF;
    border-radius: 5rem 1rem 5rem 1rem;
    box-shadow: 0 20px 40px rgba(0,0,0,.1);
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w60-banner-4__mains__main__item__left__support__box {
        left: 0;
    }

    @media only screen and (max-width:31.25rem) {
        .w60-banner-4__mains__main__item__left__support__box {
            padding: 1rem;
            border-radius: 1rem .5rem 2rem .5rem;
        }
    }
}

.w60-banner-4__mains__main__item__left__support__box:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w60-banner-4__mains__main__item__left__support__box__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w60-banner-4__mains__main__item__left__support__box__icon {
        width: 2rem;
        height: 2rem;
        font-size: 1.6rem;
    }
}

.w60-banner-4__mains__main__item__left__support__box:hover
.w60-banner-4__mains__main__item__left__support__box__icon {
    transform: rotate(360deg);
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
}

.w60-banner-4__mains__main__item__left__support__box__content {
    margin-left: 1.5rem;
}

.w60-banner-4__mains__main__item__left__support__box__content__name {
    display: block;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
    margin-top: .25rem;
    letter-spacing: .1rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-banner-4__mains__main__item__left__support__box__content__name {
    }
}

.w60-banner-4__mains__main__item__left__support__box:hover
.w60-banner-4__mains__main__item__left__support__box__content__name {
    color: #fff;
}

.w60-banner-4__mains__main__item__left__support__box__content__des {
    display: block;
    font-size: 1.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-banner-4__mains__main__item__left__support__box__content__des {
    }
}

.w60-banner-4__mains__main__item__left__support__box:hover
.w60-banner-4__mains__main__item__left__support__box__content__des {
    color: #fff;
}

.w60-banner-4__mains__main__item__left__support__icon1 {
    background: url('../../img/w60/wd-banner-17_icon_3.png') no-repeat;
    background-size: contain;
    width: 11rem;
    height: 10rem;
    position: absolute;
    border-radius: 50%;
    right: -7rem;
    top: -7rem;
    z-index: 2;
    opacity: 1;
    transition: all .5s;
}

.w60-banner-4__mains__main__item:hover .w60-banner-4__mains__main__item__left__support__icon1 {
    right: -5rem;
    top: -5rem;
}

.w60-banner-4__mains__main__item__left__support__icon2 {
    background: url('../../img/w60/wd-banner-17_icon_4.png') no-repeat;
    background-size: contain;
    width: 9rem;
    height: 4rem;
    position: absolute;
    border-radius: 50%;
    left: 2rem;
    z-index: 2;
    opacity: 1;
    transition: all .5s;
}

@media only screen and (max-width:87.5rem) {
    .w60-banner-4__mains__main__item__left__support__icon2 {
        left: 0rem
    }

    @media only screen and (max-width:43.75rem) {
        .w60-banner-4__mains__main__item__left__support__icon2 {
            left: -3rem
        }
    }
}

@media only screen and (min-width:87.5rem) {
    .w60-banner-4__mains__main__item:hover .w60-banner-4__mains__main__item__left__support__icon2 {
        left: 3rem;
    }
}

.w60-banner-4__mains__main__item__right {
    position: absolute;
    z-index: 3;
    right: 10rem;
    top: 8rem;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:100rem) {
    .w60-banner-4__mains__main__item__right {
        right: 1rem;
    }

    @media only screen and (min-width:87.5rem) {
        .w60-banner-4__mains__main__item__right {
            top: initial;
            bottom: 22rem;
        }
    }

    @media only screen and (max-width:75rem) {
        .w60-banner-4__mains__main__item__right {
            width: 100%;
            position: relative;
            top: initial;
            right: initial;
            bottom: initial;
            margin-top: 2rem;
            display: flex;
            align-items: center;
        }
    }
}

.w60-banner-4__mains__main__item__right__imgbox {
    width: 27rem;
    height: 35rem;
    background-size: cover;
    border-radius: 7rem 0 7rem 0;
    z-index: 3;
    position: relative;
}

.w60-banner-4__mains__main__item__right__imgbox2 {
    width: 18rem;
    height: 22rem;
    background-size: cover;
    border-radius: 0rem 5rem 0rem 5rem;
    position: absolute;
    left: -9rem;
    bottom: -11rem;
    z-index: 3;
}

@media only screen and (max-width:87.5rem) {
    .w60-banner-4__mains__main__item__right__imgbox2 {
        left: initial;
        bottom: -18rem;
    }
}

@media only screen and (max-width:75rem) {
    .w60-banner-4__mains__main__item__right__imgbox2 {
        left: initial;
        bottom: initial;
        position: relative;
        margin-left: 2rem;
    }
}

.w60-banner-4__mains__main__item__right__icon1 {
    background: url(../../img/w60/wd-banner-17_icon_5.png) no-repeat;
    background-size: contain;
    width: 13rem;
    height: 20rem;
    position: absolute;
    right: -4rem;
    top: -4rem;
    z-index: 2;
    opacity: 1;
    opacity: .6;
    transition: all .5s;
}

.w60-banner-4__mains__main__item:hover .w60-banner-4__mains__main__item__right__icon1 {
    right: -3rem;
    top: -3rem;
}

.w60-banner-4__mains__main__item__right__icon2 {
    background: url(../../img/w60/wd-banner-17_icon_6.png) no-repeat;
    background-size: contain;
    width: 9rem;
    height: 9rem;
    position: absolute;
    left: -20rem;
    top: -4rem;
    z-index: 2;
    opacity: 1;
    opacity: 1;
    transition: all .5s;
}

.w60-banner-4__mains__main__item__right__icon3 {
    background: url(../../img/w60/wd-banner-17_icon-7.png) no-repeat;
    background-size: contain;
    width: 21rem;
    height: 19rem;
    position: absolute;
    right: -8rem;
    bottom: -6rem;
    z-index: 2;
    opacity: .3;
    transition: all .5s;
}

.w60-banner-4__mains__main__item:hover .w60-banner-4__mains__main__item__right__icon2 {
    left: -19rem;
    top: -5rem;
}

.w60-banner-4__icon {
    width: 16rem;
    height: 16rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: -5rem;
    background-color: rgba(255,255,255,.5);
    z-index: 1;
    border-radius: 50%;
}

    .w60-banner-4__icon:before {
        width: 100%;
        position: absolute;
        height: 100%;
        border: solid .1rem rgba(var(--main-color-w),.3);
        transform: scale(1.3);
        content: "";
        border-radius: 50%;
        -webkit-animation: key-wd-banner-17__gallery__swiper__item__center__before 2s infinite;
        animation: key-wd-banner-17__gallery__swiper__item__center__before 2s infinite;
    }

@-webkit-keyframes key-wd-banner-17__gallery__swiper__item__center__before {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(2);
        opacity: 0;
    }
}

.w60-banner-4__icon:after {
    width: 100%;
    border-radius: 50%;
    position: absolute;
    height: 100%;
    border: solid .1rem rgba(var(--main-color-w),.2);
    transform: scale(1.6);
    content: "";
    -webkit-animation: key-wd-banner-17__gallery__swiper__item__center__after 2s infinite;
    animation: key-wd-banner-17__gallery__swiper__item__center__after 2s infinite;
}

@-webkit-keyframes key-wd-banner-17__gallery__swiper__item__center__after {
    0% {
        transform: scale(1);
        opacity: 1
    }

    100% {
        transform: scale(4);
        opacity: 0;
    }
}

.w60-banner-4__icon__value {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    transform: translateY(-1.5rem);
}

.w60-banner-4__bottom {
    position: absolute;
    bottom: -9rem;
    left: 0;
    width: 120%;
    display: flex;
    justify-content: center;
    z-index: 0;
    transform: rotate(4deg);
}

@media only screen and (max-width:75rem) {
    .w60-banner-4__bottom {
        bottom: -1rem;
        display: flex;
        transform: rotate(0deg);
    }
}

.w60-banner-4__bottom__svg {
}

.w60-banner-4__bottom__svg__path {
    fill: #fff;
    transform-origin: center;
    transform: rotateX(180deg);
}
/*ed*/
/*w55-ads-2*/
.w55-ads-2 {
    width: 100%;
    padding: 5rem 1rem 2rem;
    background-color: #fff;
}

.w55-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w55-ads-2__heading {
}

.w55-ads-2__heading__name {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.w55-ads-2__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(.5rem);
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-2__heading__name__icon {
        display: none;
    }
}

.w55-ads-2__heading__name__text {
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin: 0 5rem;
    max-width: 90%;
    padding: 0 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-2__heading__name__text {
        margin: 0;
    }
}

.w55-ads-2__heading__name__text__title {
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
}

.w55-ads-2__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-2__heading__name__text__line {
        width: 50%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-2__heading__name__text {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w55-ads-2__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-ads-2__heading__name__text b {
    font-weight: 600;
}

.w55-ads-2__heading__name__text:hover {
    transform: scale(1.05);
}

.w55-ads-2__heading__des {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
}

.w55-ads-2__mains {
    margin-top: 3rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
}

.w55-ads-2__mains__items {
    display: flex;
    margin-top: 0rem;
}

.w55-ads-2__mains__items__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w55-ads-2__mains__items__item.swiper-slide {
        width: 32%;
    }

    @media only screen and (max-width:50rem) {
        .w55-ads-2__mains__items__item.swiper-slide {
            width: 49%;
        }
    }
}

.w55-ads-2__mains__items__item__box {
    display: block;
    position: relative;
    overflow: hidden;
}

    .w55-ads-2__mains__items__item__box:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-ads-2__mains__items__item__box:hover:after {
        animation: key-w55-ads__mains__main__items__item__box 1.5s;
    }

@keyframes key-w55-ads__mains__main__items__item__box {
    100% {
        left: 125%;
    }
}

.w55-ads-2__mains__items__item__box__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    transition: all .5s;
    border: solid .1rem #fff;
    cursor: pointer;
}

    .w55-ads-2__mains__items__item__box__imgbox:hover {
        transform: scale(1.05);
    }

.w55-ads-2__mains__items__item__content {
    text-align: center;
    transition: all .5s;
}

.w55-ads-2__mains__items__item__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    transition: all .5s;
    display: block;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w55-ads-2__mains__items__item__content__name {
        font-size: 1.4rem;
    }
}

.w55-ads-2__mains__items__item__content:hover .w55-ads-2__mains__items__item__content__name {
    color: rgba(var(--second-color-w), 1);
}

.w55-ads-2__mains__items__item__content__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    display: block;
    text-align: center;
}

.w55-ads-2__mains__pagination {
    bottom: 0rem !important;
    z-index: 0;
}

    .w55-ads-2__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w55-ads-2__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w55-partner*/
.w55-partner {
    width: 100%;
    padding: 3rem 1rem 1.5rem;
    background-color: #fff;
}

.w55-partner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w55-partner__heading {
    width: 100%;
}

.w55-partner__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w55-partner__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    display: flex;
    font-size: 3rem;
    justify-content: center;
    align-items: center;
    transform: translateY(.5rem);
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-partner__heading__name__icon {
        display: none;
    }
}

.w55-partner__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    max-width: 90%;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-partner__heading__name__text {
        margin: 0;
    }
}

.w55-partner__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w55-partner__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-partner__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w55-partner__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w55-partner__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-partner__heading__des {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
}

.w55-partner__mains {
    width: 100%;
    margin-top: 2rem;
}

.w55-partner__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
}

.w55-partner__mains__items {
    align-items: center;
    z-index: 0;
}

.w55-partner__mains__items__item.swiper-slide {
    width: calc(18.4% - .2rem);
    margin-right: 2%;
    height: max-content;
    border: solid .1em #f1f1f1;
    overflow: hidden;
    border-radius: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w55-partner__mains__items__item.swiper-slide {
        width: calc(23.5% - .2rem);
    }

    @media only screen and (max-width:50rem) {
        .w55-partner__mains__items__item.swiper-slide {
            width: calc(32% - .2rem);
        }
    }
}

.w55-partner__mains__items__item__content {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    background: #fff;
    padding: .5rem;
    display: flex;
    justify-content: center;
}

.w55-partner__mains__items__item__content__imgbox {
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

    .w55-partner__mains__items__item__content__imgbox:hover {
        transform: scale(1.025);
    }

    .w55-partner__mains__items__item__content__imgbox:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-partner__mains__items__item__content__imgbox:hover:after {
        animation: key-w55-testimonial__mains__items__item__content__imgbox 1.5s;
    }

.w55-partner__mains__main__pagination {
    bottom: 0 !important;
    z-index: 0;
}

@media only screen and (max-width:62.5rem) {
    .w55-partner__group {
        flex-wrap: wrap;
    }

    .w55-partner__first,
    .w55-partner__mains {
        width: 100%;
        margin-left: 0;
    }

    .w55-partner__mains {
        margin-top: 2rem;
    }
}

.w55-partner__mains__main__pagination {
    bottom: 0rem !important;
}

    .w55-partner__mains__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w55-partner__mains__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w55-ads-4*/
.w55-ads-4 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    overflow: hidden;
}

.w55-ads-4__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w55-ads-4__heading {
    width: 100%;
}

.w55-ads-4__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w55-ads-4__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    display: flex;
    font-size: 3rem;
    justify-content: center;
    align-items: center;
    transform: translateY(.5rem);
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-4__heading__name__icon {
        display: none;
    }
}

.w55-ads-4__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    max-width: 90%;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-4__heading__name__text {
        margin: 0;
    }
}

.w55-ads-4__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-4__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-ads-4__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w55-ads-4__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w55-ads-4__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-ads-4__heading__des {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
}

.w55-ads-4__items {
    padding-top: 3rem;
    padding-bottom: 3rem;
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}

.w55-ads-4__items__item {
    width: 100%;
}

    .w55-ads-4__items__item.swiper-slide-active {
    }

    .w55-ads-4__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w55-ads-4__items__mains {
    width: 100%;
    display: flex;
    z-index: 0;
}

.w55-ads-4__items__mains__main {
    width: 33.333333%;
    position: relative;
    transition: all 1s;
}

@media only screen and (min-width:50rem) {
    .w55-ads-4__items__mains__main.swiper-slide {
        transform: scale(0.8);
    }

    .w55-ads-4__items__mains__main.swiper-slide-active {
        transform: scale(1);
    }
}

@media only screen and (max-width:50rem) {
    .w55-ads-4__items__mains__main.swiper-slide {
        transform: scale(0.9);
    }
}

@media only screen and (max-width:68.75rem) {
    .w55-ads-4__items__mains__main {
        width: 49%;
    }

    @media only screen and (max-width:37.5rem) {
        .w55-ads-4__items__mains__main.swiper-slide {
            width: 100%;
            transform: scale(1);
            margin: 0;
        }
    }
}

.w55-ads-4__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w55-ads-4__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w55-ads-4__items__mains__main:hover .w55-ads-4__items__mains__main__first:after {
    animation: key-w55-ads-4__items__mains__main__first 1.5s;
}

@keyframes key-w55-ads-4__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w55-ads-4__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    width: 100%;
}

    .w55-ads-4__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w55-ads-4__items__mains__main__first__imgbox__img {
    width: 100%;
}

.w55-ads-4__items__next.swiper-button-next,
.w55-ads-4__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    z-index: 0;
}

.w55-ads-4__items__prev {
    left: 5rem;
}

.w55-ads-4__items__next {
    right: 5rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-4__items__prev {
        left: 1rem;
    }

    .w55-ads-4__items__next {
        right: 1rem;
    }
}

.w55-ads-4__items__next:hover,
.w55-ads-4__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w55-ads-4__items__next:after,
.w55-ads-4__items__prev:after {
    display: none;
}

.w55-ads-4__btn {
    font-weight: 600;
    font-size: 1.6rem;
    display: block;
    line-height: 2.6rem;
    padding: .5rem 3rem;
    width: fit-content;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.1);
    cursor: pointer;
    border: 1px solid #eee;
    transition: all 0.2s ease-in-out;
    margin: 0 auto;
    margin-top: 1rem;
    background: rgba(var(--main-color-w), 1);
    color: white;
    transition: all 0.25s ease-in-out;
    border-radius: 3rem;
    text-transform: uppercase;
}

    .w55-ads-4__btn:not(:last-child) {
        border-right: 1px solid rgba(0, 0, 0, 0.207);
    }

    .w55-ads-4__btn:hover {
        background: rgba(var(--second-color-w), 1);
        letter-spacing: .1rem;
    }
/*ed*/
/*w55-testimonia*/
.w55-testimonial {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

.w55-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w55-testimonial__heading {
    width: 100%;
}

.w55-testimonial__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w55-testimonial__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    display: flex;
    font-size: 3rem;
    justify-content: center;
    align-items: center;
    transform: translateY(.5rem);
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-testimonial__heading__name__icon {
        display: none;
    }
}

.w55-testimonial__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    max-width: 90%;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-testimonial__heading__name__text {
        margin: 0;
    }
}

.w55-testimonial__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w55-testimonial__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-testimonial__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w55-testimonial__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w55-testimonial__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-testimonial__heading__des {
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
}

.w55-testimonial__mains {
    width: 100%;
    margin-top: 2rem;
}

.w55-testimonial__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
}

.w55-testimonial__mains__items {
    z-index: 0;
}

.w55-testimonial__mains__items__item.swiper-slide {
    width: 32%;
    margin-right: 2%;
    height: fit-content;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w55-testimonial__mains__items__item.swiper-slide {
        width: 49%;
    }

    @media only screen and (max-width:37.5rem) {
        .w55-testimonial__mains__items__item.swiper-slide {
            width: 99%;
            margin-right: .5%;
            margin-left: .5%;
        }
    }
}

.w55-testimonial__mains__items__item__content {
    background-color: rgba(var(--main-color-w), .2);
    padding: 1.5rem;
    border-radius: .5rem;
    display: flex;
    width: 100%;
    position: relative;
    overflow: hidden;
    flex-wrap: wrap;
}

.w55-testimonial__mains__items__item__content__link {
    display: block;
    width: 100%;
}

.w55-testimonial__mains__items__item__content__link__imgbox {
    width: 100%;
    background-size: cover;
    border-radius: .5rem;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

.w55-testimonial__mains__items__item__content__link__imgbox__img {
    width: 100%;
}

.w55-testimonial__mains__items__item__content__link__imgbox:hover {
    transform: scale(1.025);
}

.w55-testimonial__mains__items__item__content__link__imgbox:after {
    position: absolute;
    top: 0;
    left: -90%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w55-testimonial__mains__items__item__content__link__imgbox:hover:after {
    animation: key-w55-testimonial__mains__items__item__content__link__imgbox 1.5s;
}

@keyframes key-w55-testimonial__mains__items__item__content__link__imgbox {
    100% {
        left: 125%;
    }
}

.w55-testimonial__mains__items__item__content__name {
    display: block;
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w), 1);
}

.w55-testimonial__mains__items__item__content__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
}

.w55-testimonial__mains__items__item__content__rates {
    width: 100%;
    margin-top: 1.5rem;
    text-align: center;
}

.w55-testimonial__mains__items__item__content__rates__item {
    color: #f80;
    margin-left: .5rem;
    font-size: 1.6rem;
    display: inline-block;
}

.w55-testimonial__mains__main__pagination {
    bottom: 0 !important;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w55-testimonial__group {
        flex-wrap: wrap;
    }

    .w55-testimonial__first,
    .w55-testimonial__mains {
        width: 100%;
        margin-left: 0;
    }

    .w55-testimonial__mains {
        margin-top: 2rem;
    }
}

.w55-testimonial__mains__main__pagination {
    bottom: 0rem !important;
}

    .w55-testimonial__mains__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w55-testimonial__mains__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w60-service-2*/
.w60-service-2 {
    width: 100%;
    padding: 8rem 1rem 8rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w60-service-2 {
        padding: 4rem 1rem 4rem;
    }
}

.w60-service-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w60-service-2__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-service-2__main__first {
    width: 50%;
    margin-top: 10rem;
    padding: 0rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w60-service-2__main__first {
        width: 96%;
        margin: 0 auto;
        margin-top: -5rem;
    }
}

.w60-service-2__main__first b {
    color: rgba(var(--main-color-w),1);
}

.w60-service-2__main__first__box {
    box-shadow: 0px 10px 50px 0px rgba(25.999999999999996, 46, 84.99999999999999, 0.1);
    background-color: #fff;
    border-radius: 1rem;
    padding: 5rem;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box {
        padding: 2rem;
    }
}

.w60-service-2__main__first__box__heading {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__heading {
        justify-content: center;
    }
}

.w60-service-2__main__first__box__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
}

    .w60-service-2__main__first__box__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-service-2__main__first__box__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    letter-spacing: .1rem;
    transition: all .5s;
    line-height: 2.6rem;
}

.w60-service-2__main__first__box__heading__name:hover .w60-service-2__main__first__box__heading__name__text {
    color: #fff;
}

.w60-service-2__main__first__box__heading__des {
    width: 100%;
    font-size: 2.6rem;
    line-height: 3.6rem;
    margin-top: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-service-2__main__first__box__heading__detail {
    font-size: 1.6rem;
    line-height: 1.6rem;
    margin-top: 1rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w60-service-2__main__first__box__heading__price {
    margin-top: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.w60-service-2__main__first__box__heading__price__one {
    font-size: 2.6rem;
    color: rgba(var(--second-color-w),1);
    text-decoration: line-through;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__heading__price__one {
        font-size: 1.8rem;
    }
}

.w60-service-2__main__first__box__heading__price__two {
    font-size: 4rem;
    color: rgba(var(--main-color-w),1);
    margin-left: 2rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__heading__price__two {
        font-size: 2.6rem;
    }
}

.w60-service-2__main__first__box__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w60-service-2__main__first__box__items__item {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
    position: relative;
    padding-left: 7rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__items__item {
        padding-left: 5rem;
    }
}

.w60-service-2__main__first__box__items__item__icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    z-index: 0;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1)
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__items__item__icon {
        width: 4rem;
        height: 4rem;
    }
}

.w60-service-2__main__first__box__items__item__icon__value {
    font-size: 2.5rem;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__items__item__icon__value {
        font-size: 2rem;
        color: #fff;
    }
}

.w60-service-2__main__first__box__items__item__content {
    margin-left: 0rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-2__main__first__box__items__item__content {
        width: 80%;
    }
}

.w60-service-2__main__first__box__items__item__content__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
}

.w60-service-2__main__first__box__items__item__content__des {
    margin-top: .5rem;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w60-service-2__main__first__box__bottom {
    margin-top: 4rem;
}

.w60-service-2__main__first__box__bottom__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: 100%;
    justify-content: center;
    overflow: hidden;
}

.w60-service-2__main__first__box__bottom__button__name {
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w60-service-2__main__first__box__bottom__button__icon {
    font-size: 1.8rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-service-2__main__first__box__bottom__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-service-2__main__first__box__bottom__button:hover:after {
    width: 100%;
}

.w60-service-2__main__first__round {
    height: 30rem;
    width: 30rem;
    border: solid .1rem #f1f1f1;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -15rem;
    right: -15rem;
    animation-name: key-wd-service-18__main__first__round;
    animation-iteration-count: infinite;
    animation-duration: 6s;
    z-index: 1;
}

@media only screen and (max-width:50rem) {
    .w60-service-2__main__first__round {
        height: 16rem;
        width: 16rem;
        top: -8rem;
        right: -8rem;
    }
}

@-webkit-keyframes key-wd-service-18__main__first__round {
    0% {
        transform: scale(.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }

    100% {
        transform: scale(.8);
        opacity: 0;
    }
}

.w60-service-2__main__first__tron {
    height: 18rem;
    width: 18rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -9rem;
    background-size: cover;
    right: -9rem;
    animation-name: key-wd-service-18__main__first__tron;
    animation-iteration-count: infinite;
    animation-duration: 7.5s;
}

@media only screen and (max-width:50rem) {
    .w60-service-2__main__first__tron {
        height: 10rem;
        width: 10rem;
        top: -5rem;
        right: -5rem;
    }
}

@media only screen and (max-width:75rem) {
    .wd-faq-8__bgone {
    }
}

@-webkit-keyframes key-wd-service-18__main__first__tron {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.w60-service-2__main__second {
    width: 50%;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w60-service-2__main__second {
        width: 100%;
    }
}

.w60-service-2__main__second__box {
    width: 115%;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
}

@media only screen and (max-width:62.5rem) {
    .w60-service-2__main__second__box {
        width: 100%;
        position: relative;
    }
}

.w60-service-2__main__second__box__imgbox {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    position: relative;
    z-index: 3;
}

@media only screen and (min-width:62.5rem) {
    .w60-service-2__main__second__box__imgbox {
        min-height: 55rem;
    }
}

.w60-service-2__main__second__box__imgbox__img {
    width: 100%;
}

.w60-service-2__main__second__box__round {
    height: 30rem;
    width: 30rem;
    border: solid .1rem rgba(var(--main-color-w), .1);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    bottom: -15rem;
    left: -15rem;
    animation-name: key-wd-service-18__main__second__box__round;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w60-service-2__main__second__box__round {
        bottom: initial;
        top: -15rem;
    }

    @media only screen and (max-width:50rem) {
        .w60-service-2__main__second__box__round {
            height: 16rem;
            width: 16rem;
            top: -8rem;
            left: -8rem;
        }
    }
}

@-webkit-keyframes key-wd-service-18__main__second__box__round {
    0% {
        transform: scale(.8);
        opacity: 0;
    }

    50% {
        transform: scale(1.4);
        opacity: 1;
    }

    100% {
        transform: scale(.8);
        opacity: 0;
    }
}

.w60-service-2__main__second__tron {
    height: 18rem;
    width: 18rem;
    border: solid rgb(241, 241, 241, 0.1) .1rem;
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    bottom: -9rem;
    left: -9rem;
    background-size: cover;
    animation-name: key-wd-service-18__main__second__tron;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@media only screen and (max-width:62.5rem) {
    .w60-service-2__main__second__tron {
        bottom: initial;
        top: -9rem;
    }

    @media only screen and (max-width:50rem) {
        .w60-service-2__main__second__tron {
            height: 10rem;
            width: 10rem;
            top: -5rem;
            left: -5rem;
        }
    }
}

@media only screen and (max-width:75rem) {
    .wd-faq-8__bgone {
    }
}

@-webkit-keyframes key-wd-service-18__main__second__tron {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

@media only screen and (max-width:81.25rem) {
}

.w60-service-2__main__second__figure__img {
    width: 100%;
}
/*ed*/
/*w60-service-3*/
.w60-service-3 {
    width: 100%;
    padding: 2rem 1rem 5rem;
    background-color: rgba(var(--main-color-w),.05);
}

.ws1RightMenubox .w60-service-3 {
    background-color: #f1f1f1;
}

.w60-service-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w60-service-3__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-service-3__main__first {
    width: 32%;
    margin-left: 0;
    padding: 2rem;
    margin-top: 3rem;
    overflow: hidden;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:56.25rem) {
    .w60-service-3__main__first {
        width: 100%;
        margin-left: 0;
    }
}

.w60-service-3__main__first__heading {
}

.w60-service-3__main__first__heading__name {
    display: block;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 1rem;
    line-height: 3rem;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

.w60-service-3__main__first__heading__des {
    display: block;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w60-service-3__main__first__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    border-radius: .5rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: max-content;
    justify-content: center;
    overflow: hidden;
    margin-top: 2rem;
    position: relative;
    z-index: 0;
}

.w60-service-3__main__first__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 1;
}

.w60-service-3__main__first__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 1;
}

.w60-service-3__main__first__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-service-3__main__first__button:hover:after {
    width: 100%;
}

.w60-service-3__main__item {
    width: 32%;
    margin-left: 2%;
    padding: 2rem;
    border: 1px solid #f1f1f1;
    background-color: #fff;
    border-radius: .5rem;
    margin-top: 3rem;
    overflow: hidden;
    transition: all .5s;
}

@media only screen and (min-width:56.25rem) {
    .w60-service-3__main__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:56.25rem) {
    .w60-service-3__main__item {
        width: 100%;
        margin-left: 0;
    }
}

.w60-service-3__main__item__heading {
}

.w60-service-3__main__item__heading__name {
    display: block;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 1rem;
    line-height: 3rem;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

    .w60-service-3__main__item__heading__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w60-service-3__main__item__heading__des {
    display: block;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w60-service-3__main__item__imgbox {
    background-size: cover;
    background-position: center;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w60-service-3__main__item__imgbox:hover {
        transform: scale(1.05);
    }

.w60-service-3__main__item__icon {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid .2rem #fff;
    background-color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all 1s;
}

.w60-service-3__main__item__icon__value {
    font-size: 3rem;
    color: #fff;
}

.w60-service-3__main__item__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    margin-top: 1.5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w60-service-3__main__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w60-service-3__main__item__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w60-service-3__main__item__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: max-content;
    justify-content: center;
    overflow: hidden;
    margin-top: 2rem;
    transition: all .3s ease;
}

    .w60-service-3__main__item__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w60-service-3__main__item__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w60-service-3__main__item__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w60-service-3__main__last {
    width: 32%;
    margin-left: 0;
    padding: 0;
    border: none;
    background-color: #fff;
    border-radius: .5rem;
    margin-top: 3rem;
    overflow: hidden;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (min-width:56.25rem) {
    .w60-service-3__main__last:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:56.25rem) {
    .w60-service-3__main__last {
        width: 100%;
        margin-left: 0;
    }
}

.w60-service-3__main__last:nth-child(4) {
    border: none;
    padding: 0;
    background-color: transparent;
}

.w60-service-3__main__last:nth-child(7) {
    border: none;
    padding: 0;
    background-color: transparent;
}

.w60-service-3__main__last__link {
    display: block;
}

.w60-service-3__main__last__link__imgbox {
    background-size: cover;
    background-position: center;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w60-service-3__main__last__link__imgbox:hover {
        transform: scale(1.05);
    }
/*ed*/
/*w60-service-4*/
.w60-service-4 {
    width: 100%;
    padding: 2rem 1rem 5rem;
    background-color: #fff;
}

.w60-service-4__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w60-service-4__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w60-service-4__main__item {
    width: 100%;
    padding: 2rem;
    border-radius: .5rem;
    margin-top: 3rem;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

    .w60-service-4__main__item:nth-child(2n) {
        flex-direction: row-reverse;
    }

.w60-service-4__main__item__first {
    width: 47%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid .1rem #f1f1f1;
    z-index: 0;
}

@media only screen and (min-width:62.5rem) {
    .w60-service-4__main__item:nth-child(2n) .w60-service-4__main__item__first {
        margin-left: auto;
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-service-4__main__item__first {
        width: 100%;
    }
}

.w60-service-4__main__item__first__box {
    overflow: hidden;
}

.w60-service-4__main__item__first__box__imgbox {
    background-size: cover;
    background-position: center;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
}

    .w60-service-4__main__item__first__box__imgbox:hover {
        transform: scale(1.05);
    }

.w60-service-4__main__item__first__icon {
}

.w60-service-4__main__item__first__icon {
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    width: 6rem;
    height: 6rem;
    left: -3rem;
    z-index: 3;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .75s;
    border-radius: .5rem;
}

@media only screen and (min-width:62.5rem) {
    .w60-service-4__main__item:nth-child(2n) .w60-service-4__main__item__first__icon {
        left: initial;
        right: -3rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-service-4__main__item__first__icon {
        left: initial;
        right: initial;
        top: -3rem;
    }
}

.w60-service-4__main__item__first__icon__text {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
}

.w60-service-4__main__item__second {
    width: 47%;
    margin-left: auto;
}

@media only screen and (min-width:62.5rem) {
    .w60-service-4__main__item:nth-child(2n) .w60-service-4__main__item__second {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w60-service-4__main__item__second {
        margin-left: 0;
        width: 100%;
        margin-top: 2rem;
    }
}

.w60-service-4__main__item__second__heading {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
    margin-bottom: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-service-4__main__item__second__heading {
        justify-content: center;
    }
}

.w60-service-4__main__item__second__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-service-4__main__item__second__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-service-4__main__item__second__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    line-height: 2.6rem;
    letter-spacing: .1rem;
}

.w60-service-4__main__item__second__heading__name:hover .w60-service-4__main__item__second__heading__name__text {
    color: #fff;
}

.w60-service-4__main__item__second__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}
    .w60-service-4__main__item__second__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w60-service-4__main__item__second__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    text-align: justify;
    line-height: 2.6rem;
}
.w60-service-4__main__item__button {
    display: flex;
    align-items: center;
    padding: 1.25rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: max-content;
    justify-content: center;
    overflow: hidden;
    margin-top: 2rem;
}

.w60-service-4__main__item__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w60-service-4__main__item__button__icon {
    font-size: 1.6rem;
    margin-left: .5rem;
    position: relative;
    z-index: 2;
}

.w60-service-4__main__item__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w60-service-4__main__item__button:hover:after {
    width: 100%;
}

.w60-service-4__main__item__second__items {
    margin: .5rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.w60-service-4__main__item__second__items__item {
    list-style-type: none;
    margin-top: 1.5rem;
    width: 48%;
    margin-left: 4%;
    display: flex;
    align-items: center;
}

    .w60-service-4__main__item__second__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w60-service-4__main__item__second__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w60-service-4__main__item__second__items__item__link {
    display: flex;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 2rem;
    align-items: center;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w60-service-4__main__item__second__items__item__link:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w60-service-4__main__item__second__items__item__link__icon {
    color: #fff;
    font-size: 2rem;
}

.w60-service-4__main__item__second__items__item__link__name {
    margin-left: 1rem;
    font-size: 1.6rem;
    color: #fff;
}
/*ed*/
/*w60-faq-4*/
.w60-faq-4 {
    width: 100%;
    padding: 8rem 1rem 8rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    background-color: #fff;
}

@media only screen and (max-width:81.25rem) {
}

.w60-faq-4__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.w60-faq-4__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
    align-items: flex-start;
}

.w60-faq-4__main__first {
    width: 49%;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-4__main__first {
        width: 100%;
        margin-right: 0;
        margin-bottom: 4rem;
    }

    @media only screen and (max-width:50rem) {
        .w60-faq-4__main__first {
            margin-top: 6rem;
        }
    }
}

.w60-faq-4__main__first__heading {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-4__main__first__heading {
        justify-content: center;
    }
}

.w60-faq-4__main__first__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
}

    .w60-faq-4__main__first__heading__name:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w60-faq-4__main__first__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    transition: all .5s;
    letter-spacing: .1rem;
    line-height: 2.6rem;
}

.w60-faq-4__main__first__heading__name:hover .w60-faq-4__main__first__heading__name__text {
    color: #fff;
}

.w60-faq-4__main__first__heading__des {
    width: 100%;
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w60-faq-4__main__first__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w60-faq-4__main__first__heading__detail {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
}

.w60-faq-4__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-4__main__first__items {
        width: 100%;
    }
}

.w60-faq-4__main__first__items__item {
    width: 100%;
    margin-top: 2rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
}

    .w60-faq-4__main__first__items__item:first-child {
        margin-top: 0;
    }

    .w60-faq-4__main__first__items__item:first-child {
        width: 100%;
        border-top: none;
    }

.w60-faq-4__main__first__items__item__content {
    display: flex;
    transition: all .5s;
}

.w60-faq-4__main__first__items__item__content__box {
    border: 1px solid #dfdfdf;
    border-radius: 1rem;
    transition: all .5s;
    width: 100%;
    overflow: hidden;
}

.w60-faq-4__main__first__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
    padding: 1.5rem;
    align-items: center;
}

.w60-faq-4__main__first__items__item__content__box__name__text {
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: .5rem;
    line-height: 2.6rem;
}

.w60-faq-4__main__first__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w60-faq-4__main__first__items__item__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w60-faq-4__main__first__items__item__content__check:checked ~
.w60-faq-4__main__first__items__item__content__box {
    background-color: #fff;
}

    .w60-faq-4__main__first__items__item__content__check:checked ~
    .w60-faq-4__main__first__items__item__content__box
    .w60-faq-4__main__first__items__item__content__box__name {
    }

        .w60-faq-4__main__first__items__item__content__check:checked ~
        .w60-faq-4__main__first__items__item__content__box
        .w60-faq-4__main__first__items__item__content__box__name
        .w60-faq-4__main__first__items__item__content__box__name__icon {
            transform: rotate(180deg);
        }

        .w60-faq-4__main__first__items__item__content__check:checked ~
        .w60-faq-4__main__first__items__item__content__box
        .w60-faq-4__main__first__items__item__content__box__name
        .w60-faq-4__main__first__items__item__content__box__name__text {
        }

.w60-faq-4__main__first__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w60-faq-4__main__first__items__item__content__check {
    display: none;
}

    .w60-faq-4__main__first__items__item__content__check:checked ~
    .w60-faq-4__main__first__items__item__content__box
    .w60-faq-4__main__first__items__item__content__box__des {
        max-height: 999vh;
    }

.w60-faq-4__main__first__items__item__content__box__des__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    transition: all .5s;
    padding: 1rem;
}

    .w60-faq-4__main__first__items__item__content__box__des__text ul,
    .w60-faq-4__main__first__items__item__content__box__des__text ol {
        margin-left: 2.5rem;
    }

    .w60-faq-4__main__first__items__item__content__box__des__text b {
        color: rgba(var(--main-color-w),1);
    }

.w60-faq-4__main__second {
    width: 42%;
    position: relative;
    display: flex;
    justify-content: center;
    margin-left: auto;
    align-items: center;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-4__main__second {
        width: 100%;
    }
}

.w60-faq-4__main__second__imgbox {
    width: 100%;
    background-size: cover;
    background-position: top center;
    position: relative;
    z-index: 3;
    border-radius: 1rem;
    margin-top: 5rem;
}

@media only screen and (max-width:81.25rem) {
    .w60-faq-4__main__second__imgbox {
        width: 95%;
        margin-left: auto;
    }

    @media only screen and (max-width:37.5rem) {
        .w60-faq-4__main__second__imgbox {
            min-height: 55vh;
        }
    }
}

.w60-faq-4__main__second__imgbox__img {
    width: 100%;
}

.w60-faq-4__main__second__imgbox2 {
    position: absolute;
    width: 18rem;
    height: 18rem;
    background-size: cover;
    right: 0;
    z-index: 1;
    animation-name: key-wd-faq-9__main__second__figure2;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes key-wd-faq-9__main__second__figure2 {
    0% {
        transform: rotate(0);
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.w60-faq-4__main__second__round1 {
    background-color: rgba(var(--main-color-w), .05);
    height: 45rem;
    width: 45rem;
    border-radius: 50% 50% 50% 50%;
    z-index: 1;
    position: absolute;
}

.w60-faq-4__main__second__round2 {
    background-color: rgba(var(--main-color-w), .04);
    height: 60rem;
    width: 60rem;
    border-radius: 50% 50% 50% 50%;
    z-index: 1;
    position: absolute;
    top: 0rem;
}
/*ed*/
/*w55-video*/
.w55-video {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #f1f1f1;
}

.w55-video__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w55-video__heading {
}

.w55-video__heading__name {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.w55-video__heading__name__icon {
    width: 5rem;
    height: 5rem;
    background-position: center;
    background-size: contain;
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(.5rem);
}

@media only screen and (max-width:37.5rem) {
    .w55-video__heading__name__icon {
        display: none;
    }
}

.w55-video__heading__name__text {
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    margin: 0 5rem;
    padding: 0 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w55-video__heading__name__text {
        margin: 0;
    }
}

.w55-video__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w55-video__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w55-video__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-video__heading__name__text__line {
        width: 50%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w55-video__heading__name__text {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w55-video__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-video__heading__name__text b {
    font-weight: 600;
}

.w55-video__heading__name__text:hover {
}

.w55-video__heading__des {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
}

.w55-video__mains {
    display: flex;
    margin-top: 3rem;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75rem) {
    .w55-video__mains {
        flex-direction: column;
    }
}

.w55-video__mains__first {
    width: 48%;
}

@media only screen and (max-width: 43.75rem) {
    .w55-video__mains__first {
        width: 100%;
    }
}

.w55-video__mains__first__card {
    box-shadow: 0 0 0.1rem rgba(0, 0, 0, 0.379);
    border-radius: .5rem;
    overflow: hidden;
}

.w55-video__mains__first__card__ifbox {
    width: 100%;
    position: relative;
    cursor: pointer;
}

.w55-video__mains__first__card__ifbox__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    filter: brightness(0.8);
    position: relative;
    overflow: hidden;
}

    .w55-video__mains__first__card__ifbox__imgbox:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-video__mains__first__card__ifbox__imgbox:hover:after {
        animation: key-w55-video__mains__first__card__ifbox__imgbox 1.5s;
    }

@keyframes key-w55-video__mains__first__card__ifbox__imgbox {
    100% {
        left: 125%;
    }
}

.w55-video__mains__first__card__ifbox__imgbox__img {
    width: 100%;
}

.w55-video__mains__first__card__ifbox__iconbox {
    padding: 2rem 4rem;
    background-color: rgba(var(--main-color-w),.7);
    color: white;
    position: absolute;
    border-radius: 2rem;
    left: 0;
    right: 0;
    border: 1px solid white;
    box-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.8);
    margin: 0 auto;
    width: fit-content;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    cursor: pointer;
}

.w55-video__mains__first__card__ifbox__iconbox__icon {
    font-size: 3rem;
    transition: all .2s ease;
    text-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.8);
}

.w55-video__mains__first__card__ifbox:hover .w55-video__mains__first__card__ifbox__iconbox {
    transform: translateY(-50%) scale(1.3);
}

.w55-video__mains__first__card__ifbox:hover .w55-video__mains__first__card__ifbox__iconbox__icon {
    transform: scale(1.4);
    text-shadow: 0.1rem 0.1rem 0.5rem rgba(255, 255, 255, 0.8);
}

.w55-video__mains__first__card__ifbox iframe {
    width: 100%;
    height: 40rem;
}

.w55-video__mains__first__card__content {
    padding: 1rem;
    background-color: white;
}

.w55-video__mains__first__card__content__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w55-video__mains__first__card__content__main {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    text-align: center;
    display: block;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 43.75rem) {
    .w55-video__mains__first__card__content__main {
        font-size: 1.5rem;
    }
}

.w55-video__mains__first__card__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w55-video__mains__first__card__check {
    display: none;
}

    .w55-video__mains__first__card__modal.active,
    .w55-video__mains__first__card__check:checked ~
    .w55-video__mains__first__card__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w55-video__mains__first__card__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w55-video__mains__first__card__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w55-video__mains__first__card__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w55-video__mains__first__card__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w55-video__mains__first__card__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w55-video__mains__first__card__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w55-video__mains__first__card__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w55-video__mains__first__card__modal__main__box iframe {
    border: none;
    width: 100% !important;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w55-video__mains__first__card__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w55-video__mains__first__card__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w55-video__mains__first__card__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w55-video__mains__first__card__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w55-video__mains__first__card__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w55-video__mains__first__card__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w55-video__mains__first__card__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w55-video__mains__first__card__modal__main__box__close:hover {
    background-color: red;
}

.w55-video__mains__first__card__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w55-video__mains__first__card__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w55-video__mains__first__card__modal__main__box__close:hover .w55-video__mains__first__card__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w55-video__mains__second {
    width: 50%;
    max-height: 45rem;
    overflow: scroll;
}

    .w55-video__mains__second::-webkit-scrollbar {
        width: .4rem;
    }

    .w55-video__mains__second::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w55-video__mains__second::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w55-video__mains__second::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

@media only screen and (max-width: 43.75rem) {
    .w55-video__mains__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w55-video__mains__second__item {
    color: black;
    display: flex;
    align-items: center;
    background-color: white;
    border-radius: .5rem;
    overflow: hidden;
}

    .w55-video__mains__second__item:not(:last-child) {
        margin-bottom: 2rem;
    }

.w55-video__mains__second__item__ifbox {
    width: 20%;
    min-width: 20%;
    position: relative;
    cursor: pointer;
}

.w55-video__mains__second__item__ifbox__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    filter: brightness(0.8);
    border-radius: 0;
    overflow: hidden;
    position: relative;
    max-height: 10rem;
}

    .w55-video__mains__second__item__ifbox__imgbox:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-video__mains__second__item__ifbox__imgbox:hover:after {
        animation: key-w55-video__mains__second__item__ifbox__imgbox 1.5s;
    }

@keyframes key-w55-video__mains__second__item__ifbox__imgbox {
    100% {
        left: 125%;
    }
}

.w55-video__mains__second__item__ifbox__imgbox__img {
    width: 100%;
}

.w55-video__mains__second__item__ifbox__iconbox {
    padding: .5rem 1rem;
    background-color: rgba(var(--main-color-w),.7);
    color: white;
    opacity: 0.7 !important;
    position: absolute;
    border-radius: .5rem;
    left: 0;
    right: 0;
    border: 1px solid white;
    box-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.8);
    margin: 0 auto;
    width: fit-content;
    top: 50%;
    transform: translateY(-50%);
    transition: all .5s ease;
    cursor: pointer;
}

.w55-video__mains__second__item__ifbox__iconbox__icon {
    font-size: 1rem;
    transition: all .2s ease;
    text-shadow: 0.1rem 0.1rem 0.5rem rgba(0, 0, 0, 0.8);
}

.w55-video__mains__second__item__ifbox:hover .w55-video__mains__second__item__ifbox__iconbox {
    transform: translateY(-50%) scale(1.3);
}

.w55-video__mains__second__item__ifbox:hover .w55-video__mains__second__item__ifbox__iconbox__icon {
    transform: scale(1.4);
    text-shadow: 0.1rem 0.1rem 0.5rem rgba(255, 255, 255, 0.8);
}

.w55-video__mains__second__item__ifbox iframe {
    width: 100%;
    height: 40rem;
}

.w55-video__mains__second__item__info {
    margin-left: 1rem;
    width: 100%;
}

.w55-video__mains__second__item__info__main {
    font-weight: 600;
    text-transform: capitalize;
    font-size: 1.4rem;
    line-height: 2.4rem;
    transition: all 0.2s ease;
    padding: 0 0.5rem;
    display: block;
    color: rgba(var(--main-color-w),1);
    text-align: left;
    width: 100%;
}

    .w55-video__mains__second__item__info__main:hover {
        text-decoration: underline;
    }

.w55-video__mains__second__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w55-video__mains__second__item__check {
    display: none;
}

    .w55-video__mains__second__item__check:checked ~
    .w55-video__mains__second__item__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w55-video__mains__second__item__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w55-video__mains__second__item__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w55-video__mains__second__item__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w55-video__mains__second__item__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w55-video__mains__second__item__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w55-video__mains__second__item__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w55-video__mains__second__item__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w55-video__mains__second__item__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:50rem) {
    .w55-video__mains__second__item__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w55-video__mains__second__item__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w55-video__mains__second__item__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w55-video__mains__second__item__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w55-video__mains__second__item__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w55-video__mains__second__item__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w55-video__mains__second__item__modal__main__box__close:hover {
    background-color: red;
}

.w55-video__mains__second__item__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w55-video__mains__second__item__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w55-video__mains__second__item__modal__main__box__close:hover .w55-video__mains__second__item__modal__main__box__close__icon {
    transform: rotate(405deg);
}
/*ed*/
/*w7-ads-2*/
.w7-ads-2 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

.w7-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w7-ads-2__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w7-ads-2__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background: rgba(var(--main-color-w), 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
}
.w7-ads-2__heading__name__text {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    letter-spacing: .1rem;
    line-height: 2.4rem;
}
.w7-ads-2__heading__des {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    font-size: 2.6rem;
    line-height: 4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:600px) {
    .w7-ads-2__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w7-ads-2__items {
    margin-top: 3rem;
}

.w7-ads-2__items__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    overflow:hidden;
    flex-wrap:wrap;
}

@media only screen and (min-width: 43.75rem) {
    .w7-ads-2__items__item:nth-child(2n+2) {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width: 43.75rem) {
    .w7-ads-2__items__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w7-ads-2__items__item__first {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 50%;
}

@media only screen and (max-width: 43.75rem) {
    .w7-ads-2__items__item__first {
        width: 100%;
    }
}

.w7-ads-2__items__item__first__imgbox {
    min-width: 50%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w7-ads-2__items__item__first__imgbox:hover {
        transform: scale(1.05);
    }

.w7-ads-2__items__item__first__imgbox {
    width: 100%;
}

.w7-ads-2__items__item__first__imgbox__img {
    width: 100%;
}

.w7-ads-2__items__item__info {
    width: 48%;
    padding: 1rem 0rem;
}

@media only screen and (max-width: 43.75rem) {
    .w7-ads-2__items__item__info {
        width: 100%;
        margin-left: 0;
    }
}

.w7-ads-2__items__item__info__heading {
    display: block;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 2.6rem;
    transition: all .5s;
}

@media only screen and (min-width: 43.75rem) {
}

.w7-ads-2__items__item__info__heading:hover {
    color: rgba(var(--second-color-w), 1);
}

.w7-ads-2__items__item__info__imgbox {
    display: inline-block;
    margin-top: 1rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.w7-ads-2__items__item__info__imgbox__img {
    width: 100%;
}

.w7-ads-2__items__item__info__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
}

@media only screen and (min-width: 43.75rem) {
    .w7-ads-2__items__item:nth-child(2n+2)
    .w7-ads-2__items__item__info__des {
    }
}

.w7-ads-2__items__item__info__iconlink {
    display: flex;
}

.w7-ads-2__items__item__info__iconlink__icon {
    margin-top: 1rem;
    color: #303030;
    font-size: 1.6rem;
    cursor: pointer;
    margin-right: 1rem;
}

.w7-ads-2__items__item__info__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7rem 2rem;
    display: inline-block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bolder;
    border-radius: 2rem;
    margin: 0 auto;
    margin-top: 2rem;
    margin-left: auto;
    float: right;
    width: max-content;
    cursor: pointer;
    border: 1px solid white;
    transition: all 0.2s ease;
}

    .w7-ads-2__items__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w7-ads-2__items__item__info__bottom {
    display: flex;
    justify-content: center;
}

@media only screen and (min-width: 43.75rem) {
    .w7-ads-2__items__item__info__bottom {
        justify-content: left;
    }

    .w7-ads-2__items__item:nth-child(2n+2)
    .w7-ads-2__items__item__info__bottom {
        justify-content: right;
    }
}

.w7-ads-2__items__item__info__bottom__btn {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    border-radius: .3rem;
    width: max-content;
    overflow: hidden;
    margin: 1rem 0;
    padding: 1rem 2rem;
    width: max-content;
    display: flex;
    align-items: center;
    z-index: 1;
    transition: all .25s;
}

.w7-ads-2__items__item__info__bottom:hover
.w7-ads-2__items__item__info__bottom__btn {
    letter-spacing: .1rem;
}

.w7-ads-2__items__item__info__bottom__btn__text {
    position: relative;
    z-index: 1;
}

.w7-ads-2__items__item__info__bottom__btn__icon {
    margin-left: .5rem;
    position: relative;
    z-index: 1;
}

.w7-ads-2__items__item__info__bottom__btn:after {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
    transition: all .25s;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
    display: none;
}

.w7-ads-2__items__item__info__bottom__btn:hover:after {
    width: 100%;
}
/*ed*/

/*w10-ads*/
.w10-ads {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

.w10-ads__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w10-ads__group {
        margin: unset !important;
    }
}

.w10-ads__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w10-ads__heading__name {
    box-shadow: 0 .8rem 2rem 0 rgba(0, 0, 0, 0.07);
    padding: 1rem 2.5rem;
    border-radius: 2rem;
    border: 1px solid #F6F5F5;
    display: inline-block;
    background: rgba(var(--main-color-w), 1);
    position: relative;
    overflow: hidden;
    cursor: pointer;
    text-align: center;
}

.w10-ads__heading__name__bg {
    content: "";
    height: 100%;
    width: 0;
    background: rgba(var(--second-color-w), 1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    overflow: hidden;
}

.w10-ads__heading__name:hover .w10-ads__heading__name__bg {
    width: 100%;
}

.w10-ads__heading__name__text {
    font-size: 1.5rem;
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
    z-index: 2;
    letter-spacing: .1rem;
    line-height: 2.4rem;
}

.w10-ads__heading__des {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    font-size: 2.6rem;
    line-height: 4rem;
    font-weight: 600;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:600px) {
    .w10-ads__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w10-ads__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w10-ads__items__item {
    width: 31.333333%;
    margin-left: 3%;
    text-align: center;
    overflow: hidden;
    background-color: white;
    cursor: pointer;
    height: max-content;
    transition: all 0.2s ease;
    margin-top: 2rem;
}

@media only screen and (min-width: 62.5rem) {
    .w10-ads__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w10-ads__items__item {
        width: 49%;
        margin-left: 2%;
    }

    @media only screen and (min-width: 37.5rem) {
        .w10-ads__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width: 37.5rem) {
    .w10-ads__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w10-ads__items__item__first {
    position: relative;
    display: block;
    border-radius: .3rem;
    overflow: hidden;
}

.w10-ads__items__item__first__imgbox {
    transition: all 0.5s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
}

    .w10-ads__items__item__first__imgbox:hover {
        transform: scale(1.05);
    }

.w10-ads__items__item__first__imgbox__img {
    width: 100%;
}

.w10-ads__items__item__content {
    margin-top: 2rem;
}

.w10-ads__items__item__content__heading {
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w10-ads__items__item__content__heading:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w10-ads__items__item__content__sub {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w10-ads__items__item__bottom {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s;
    line-height: 1.8rem;
    position: relative;
    border-radius: .3rem;
    width: max-content;
    overflow: hidden;
    margin: 1rem 0;
    padding: 1rem 2rem;
}

.w10-ads__items__item:hover .w10-ads__items__item__bottom {
}

.w10-ads__items__item__bottom__btn {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all .25s;
}

.w10-ads__items__item__bottom:hover
.w10-ads__items__item__bottom__btn {
    letter-spacing: .1rem;
}

.w10-ads__items__item__bottom__btn__icon {
    margin-left: .5rem;
}

.w10-ads__items__item__bottom:after {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
    transition: all .25s;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
}

.w10-ads__items__item__bottom:hover:after {
    width: 100%;
}
/*ed*/
/*w10-ads-1*/
.w10-ads-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

.w10-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w10-ads-1__group {
        margin: unset !important;
    }
}

.w10-ads-1__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w10-ads-1__heading__name {
   
}
.w10-ads-1__heading__name__text {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 37.5rem) {
    .w10-ads-1__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w10-ads-1__heading__name__text:hover {
    color: rgba(var(--second-color-w),1);
}

.w10-ads-1__heading__des {
    width: 100%;
    text-align: center;
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}
@media only screen and (max-width:600px) {
    .w10-ads-1__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w10-ads-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w10-ads-1__items__item {
    width: 23.5%;
    margin-left: 2%;
    text-align: center;
    overflow: hidden;
    background-color: white;
    cursor: pointer;
    height: max-content;
    transition: all 0.2s ease;
    margin-top: 2rem;
}

@media only screen and (min-width: 62.5rem) {
    .w10-ads-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w10-ads-1__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w10-ads-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w10-ads-1__items__item__first {
    position: relative;
    display: block;
    border-radius: .3rem;
    overflow: hidden;
}

.w10-ads-1__items__item__first__imgbox {
    transition: all 0.5s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
}

    .w10-ads-1__items__item__first__imgbox:hover {
        transform: scale(1.05);
    }

.w10-ads-1__items__item__first__imgbox__img {
    width: 100%;
}

.w10-ads-1__items__item__content {
    margin-top: 1rem;
}

.w10-ads-1__items__item__content__heading {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    display:block;
    text-align:left;
}

    .w10-ads-1__items__item__content__heading:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w10-ads-1__items__item__content__sub {
    font-size: 1.6rem;
    margin-top: .5rem;
    line-height: 2.6rem;
    text-align:justify;
}

.w10-ads-1__items__item__content__bottom {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    display: inline-block;
    cursor: pointer;
    transition: all 0.5s;
    line-height: 1.8rem;
    position: relative;
    border-radius: .3rem;
    width: max-content;
    overflow: hidden;
    margin: 1rem 0;
    padding: 1rem 2rem;
}

.w10-ads-1__items__item:hover .w10-ads-1__items__item__content__bottom {
}

.w10-ads-1__items__item__content__bottom__btn {
    width: max-content;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    transition: all .25s;
}

.w10-ads-1__items__item__content__bottom:hover
.w10-ads-1__items__item__content__bottom__btn {
    letter-spacing: .1rem;
}

.w10-ads-1__items__item__content__bottom__btn__icon {
    margin-left: .5rem;
}

.w10-ads-1__items__item__content__bottom:after {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
    transition: all .25s;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
}

.w10-ads-1__items__item__content__bottom:hover:after {
    width: 100%;
}
/*ed*/
/*w17-abimg-2*/
.w17-abimg-2 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w17-abimg-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w17-abimg-2__heading {
    text-align: center;
}

.w17-abimg-2__heading__title {
    font-size: 3rem;
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w17-abimg-2__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w17-abimg-2__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w17-abimg-2__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    justify-content: center;
}

.w17-abimg-2__items__item {
    position: relative;
    width: 24.25%;
    margin-left: 1%;
    margin-top: 1rem;
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (min-width: 50rem) {
    .w17-abimg-2__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w17-abimg-2__items__item {
        width: 49%;
    }

        .w17-abimg-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w17-abimg-2__items__item__imgbox {
    background-size: contain;
    background-position: center;
    transition: all 0.5s;
    cursor: pointer;
}

    .w17-abimg-2__items__item__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width: 31.25rem) {
    .w17-abimg-2__items__item__imgbox {
        width: 99%;
    }
}

.w17-abimg-2__items__item__imgbox__img {
    width: 100%;
}

.w17-abimg-2__items__item__imgbox__des {
    position: absolute;
    display: none;
    width: 90%;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.w17-abimg-2__items__item__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4rem;
}

.w17-abimg-2__items__item__imgbox__des__sub {
    margin-top: 0.5rem;
    font-weight: 300;
    font-size: 1.4rem;
}

.w17-abimg-2__items__item__imgbox:hover {
    filter: brightness(1.1);
}
/*ed*/
/*w46-footer*/
.w46-footer {
    width: 100%;
    position: relative;
    background-color: rgba(var(--main-color-w), .1);
    padding: 3rem 1rem 3rem;
}

.w46-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w46-footer__col {
    width: 23.5%;
    margin-right: 2%;
}


@media only screen and (min-width: 56.25rem) {
    .w46-footer__col:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w46-footer__col {
        width: 48%;
        margin-right: 4%;
        text-align: center;
    }

        .w46-footer__col:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w46-footer__col {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
}

.w46-footer__colfirst {
    width: 23.5%;
    margin-right: 2%;
}


@media only screen and (min-width: 56.25rem) {
    .w46-footer__colfirst:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w46-footer__colfirst {
        width: 48%;
        margin-right: 4%;
        text-align: center;
    }

        .w46-footer__colfirst:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w46-footer__colfirst {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
}

.w46-footer__colfirst__qc {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: -1rem;
}

.w46-footer__colfirst__qc__box {
    width: 48%;
    margin-top: 4rem;
    background-color: white;
    padding: 1rem;
    border-radius: 0.5rem;
    text-align: center;
    position: relative;
    padding-top: 3rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w46-footer__colfirst__qc__box__item {
    position: absolute;
    top: -2rem;
    width: 4rem;
    height: 4rem;
}

.w46-footer__colfirst__qc__box__item__imgbox {
    background-size: cover;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
    border-radius: 50%;
}

    .w46-footer__colfirst__qc__box__item__imgbox:hover {
        transform: scale(1.05);
    }

.w46-footer__colfirst__qc__box__text {
    font-size: 1.4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: block;
    margin-bottom: 0.5rem;
    width: 100%;
}

.w46-footer__colfirst__qc__box__value {
    font-size: 1.4rem;
    display: block;
    width: 100%;
}

.w46-footer__colfirst__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w46-footer__colfirst__ma iframe {
        width: 100%;
        overflow: hidden;
    }

.w46-footer__col__item {
    width: 100%;
    height: fit-content;
    margin-top: 1rem;
}

.w46-footer__col__item__code {
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w46-footer__col__item {
        width: 100%;
    }
}

.w46-footer__col__item__connect {
    height: fit-content;
}

.w46-footer__col__item__connect__info {
    margin-top: 1rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
}

.w46-footer__col__item__connect__info__icon {
    font-size: 1.3rem;
    color: #333;
}

.w46-footer__col__item__connect__info__text {
    margin-left: .5rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #333;
}

@media only screen and (max-width: 37.5rem) {
    .w46-footer__col__item {
        max-width: 100%;
    }
}

.w46-footer__col__item__entity {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: center;
}

.w46-footer__col__item__entity__icon {
    cursor: pointer;
    font-size: 2rem;
    margin-right: 0.5rem;
    color: #20315c;
}

.w46-footer__col__item__social {
    text-align: center;
    display: flex;
    margin-left: -3%;
    flex-wrap: wrap;
}

.w46-footer__col__item__social__link {
    max-width: 15%;
    width: 15%;
    margin-left: 3%;
    margin-top: 1rem;
}

.w46-footer__col__item__social__link__imgbox {
    cursor: pointer;
    border-radius: 0.5rem;
    background-size: contain;
    background-position: center;
}

.w46-footer__col__item__social__link__imgbox__img {
    width: 100%;
}

.w46-footer__col__item__title {
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w46-footer__col__item__title:hover {
        color: rgba(var(--second-color-w),1);
    }

.w46-footer__col__item__form {
    display: flex;
    align-items: center;
    border: 1px solid #c8c8c8;
    padding: 0.7rem;
    margin-top: 1rem;
    border-radius: 0.5rem;
    background-color: rgba(var(--main-color-w),1);
}

.w46-footer__col__item__form__in {
    font-size: 1rem;
    padding: 1rem;
    width: 100%;
    border: none;
    outline: none;
}

.w46-footer__col__item__form__btn {
    background-color: crimson;
    color: white;
    padding: 1rem;
    font-size: 1rem;
    white-space: nowrap;
    border: none;
    outline: none;
    cursor: pointer;
}

.w46-footer__col__item__des {
    font-size: 1.2rem;
    margin-top: 0.5rem;
}

.w46-footer__bank {
    text-align: center;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
}

.w46-footer__bank__item {
    max-width: 5rem;
    width: 5rem;
    margin-right: .5rem;
    margin-top: 1rem;
    overflow: hidden;
}

.w46-footer__bank__item__link {
    display: block;
}

.w46-footer__bank__item__link__imgbox {
    border-radius: 0.5rem;
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w46-footer__bank__item__link__imgbox__img {
    width: 100%;
}

.w46-footer__col__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w46-footer__col__ma iframe {
        width: 100%;
    }

.w46-footer__colsecond {
    width: 23.5%;
    margin-right: 2%;
}


@media only screen and (min-width: 56.25rem) {
    .w46-footer__colsecond:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w46-footer__colsecond {
        width: 48%;
        margin-right: 4%;
        text-align: center;
        margin-bottom: 0;
    }

        .w46-footer__colsecond:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w46-footer__colsecond {
        width: 100%;
        text-align: center;
        margin-right: 0;
    }
}

.w46-footer__colsecond__item {
    width: 100%;
    height: fit-content;
    margin-top: 1rem;
}

.w46-footer__colsecond__item__code {
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w46-footer__colsecond__item {
        width: 100%;
        text-align: center;
    }
}

.w46-footer__colsecond__item__connect {
    height: fit-content;
}

.w46-footer__colsecond__item__connect__info {
    margin-top: 1rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
}

.w46-footer__colsecond__item__connect__info__icon {
    font-size: 1.3rem;
    color: #333;
}

.w46-footer__colsecond__item__connect__info__text {
    margin-left: .5rem;
    font-size: 1.3rem;
    line-height: 1.8rem;
    color: #333;
}

@media only screen and (max-width: 37.5rem) {
    .w46-footer__colsecond__item {
        max-width: 100%;
    }
}

.w46-footer__colsecond__item__entity {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: center;
}

.w46-footer__colsecond__item__entity__icon {
    cursor: pointer;
    font-size: 2rem;
    margin-right: 0.5rem;
    color: #20315c;
}

.w46-footer__colsecond__item__social {
    text-align: center;
    display: flex;
    margin-left: -3%;
    flex-wrap: wrap;
}

.w46-footer__colsecond__item__social__link {
    max-width: 15%;
    width: 15%;
    margin-left: 3%;
    margin-top: 1rem;
}

.w46-footer__colsecond__item__social__link__imgbox {
    cursor: pointer;
    border-radius: 0.5rem;
    background-size: contain;
    background-position: center;
}

.w46-footer__colsecond__item__social__link__imgbox__img {
    width: 100%;
}

.w46-footer__colsecond__item__title {
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w46-footer__colsecond__item__title:hover {
        color: rgba(var(--second-color-w),1);
    }

.w46-footer__colsecond__item__form {
    display: flex;
    align-items: center;
    border: 1px solid #c8c8c8;
    padding: 0.7rem;
    margin-top: 1rem;
    border-radius: 0.5rem;
    background-color: rgba(var(--main-color-w),1);
}

.w46-footer__colsecond__item__form__in {
    font-size: 1rem;
    padding: 1rem;
    width: 100%;
    border: none;
    outline: none;
}

.w46-footer__colsecond__item__form__btn {
    background-color: crimson;
    color: white;
    padding: 1rem;
    font-size: 1rem;
    white-space: nowrap;
    border: none;
    outline: none;
    cursor: pointer;
}

.w46-footer__colsecond__item__des {
    font-size: 1.2rem;
    margin-top: 0.5rem;
}

.w46-footer__colsecond__item__social {
    text-align: center;
    display: flex;
    margin-left: -3%;
    flex-wrap: wrap;
}

.w46-footer__colsecond__item__social__link {
    max-width: 15%;
    width: 15%;
    margin-left: 3%;
    margin-top: 1rem;
}

.w46-footer__colsecond__item__social__link__imgbox {
    cursor: pointer;
    border-radius: 0.5rem;
    background-size: contain;
    background-position: center;
}

.w46-footer__colsecond__item__social__link__imgbox__img {
    width: 100%;
}

.w46-footer__colsecond__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w46-footer__colsecond__ma iframe {
        width: 100%;
    }
/*ed*/
/*w61-header*/
.w61-header {
    width: 100%;
    background-color: #fff;
    padding: 1rem;
}

@media only screen and (max-width:50rem) {
    .w61-header {
        padding: 0rem 0rem;
        background-color: rgba(var(--main-color-w),.1);
    }
}

.w61-header__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.w61-header__first {
    display: flex;
    align-items: center;
    position: relative;
    width: 42%;
}


.w61-header__second__acc__icon {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
    font-weight: 400;
}

    .w61-header__second__acc__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w61-header__second__items__item {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w61-header__second__items__item:hover {
        color: rgba(var(--second-color-w),1);
    }

.w61-header__second__label__icon {
    font-size: 2rem;
    font-weight: 400;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w61-header__second__label__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w61-header__second__acc__box {
    position: absolute;
    top: 2rem;
    left: -8rem;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.w61-header__second__acc__box__items {
    width: 16rem;
    margin-top: 2rem;
    background: #fff;
    box-shadow: 0 0 0.8rem rgb(148 148 148 / 72%);
    flex-wrap: wrap;
    padding: .5rem 0rem;
    display: flex;
    border-radius: .5rem;
}

.w61-header__second__acc:hover .w61-header__second__acc__box {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.w61-header__second__acc__box__items__item {
    width: 100%;
    padding: .5rem 1rem;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .5s;
}

    .w61-header__second__acc__box__items__item:hover {
        color: rgba(var(--main-color-w),1);
    }

    .w61-header__second__acc__box__items__item:first-child {
        border-bottom: dotted .1rem #ccc;
    }

.w61-header__second__items__checkbox {
    display: none;
}

.w61-header__second__items__search {
    position: relative;
    margin-right: 1.5rem;
    transition: all .5s;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    overflow: hidden;
    width: 0rem;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-header__second__items__search__input {
    border: none;
    background: none;
    width: 100%;
    outline: none;
    transition: all .5s;
    text-align: left;
    padding: .75rem 1rem;
    background-color: #e4e4e4;
    border-radius: 1rem;
}

    .w61-header__second__items__search__input:focus {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

        .w61-header__second__items__search__input:focus::placeholder {
            color: #fff;
        }

.w61-header__second__items__search__btn {
    position: absolute;
    right: 1rem;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .5s;
}

.w61-header__second__items__search__input:focus ~
.w61-header__second__items__search__btn {
    color: #fff;
}

.w61-header__second__items__search__btn:hover {
    color: rgba(var(--main-color-w),1);
}

.w61-header__second__items__checkbox:checked ~ .w61-header__second__items__search {
    opacity: 1;
    visibility: visible;
    width: 15rem;
}

.w61-header__second__items__checkbox:checked ~
.w61-header__second__items__item
.w61-header__second__items__item__icon:before {
    content: "\f00d" !important;
}

.w61-header__second__label {
    margin-left: 2rem;
}

.w61-header__first__mains {
    overflow: hidden;
    position: relative;
    height: 7rem;
    width: 92%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w61-header__first__mains {
        width: 100%;
    }
}

.w61-header__first__mains__main {
    display: flex
}

.w61-header__first__mains__main__item.swiper-slide {
    max-width: 95%;
    position: relative;
    display: flex;
}

.w61-header__first__mains__main__item__name {
    display: flex;
    position: relative;
    align-items: center;
    margin: .75rem 0rem;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

    .w61-header__first__mains__main__item__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w61-header__first__mains__main__item__name__text {
    font-size: 1.4rem;
    font-weight: 600;
}

.w61-header__first__mains__main__item__name__icon {
    font-size: 2rem;
    margin-right: 1rem;
}

.w61-header__first__mains__bottom {
    position: absolute;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transition: all .5s;
}

.w61-header__first__mains:hover .w61-header__first__mains__bottom {
    visibility: visible;
    opacity: 1;
}

.w61-header__first__mains__bottom__next.swiper-button-next,
.w61-header__first__mains__bottom__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.2rem;
    padding: 0;
    border-radius: 50%;
    width: initial;
    height: initial;
    text-align: center;
    color: rgba(var(--main-color-w),.8);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    left: initial;
    right: initial;
    position: relative;
}

.w61-header__first__mains__bottom__prev {
    left: 1rem;
}

.w61-header__first__mains__bottom__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-header__first__mains__bottom__prev {
        left: 1rem;
    }

    .w61-header__first__mains__bottom__next {
        right: 1rem;
    }
}

.w61-header__first__mains__bottom__next:hover,
.w61-header__first__mains__bottom__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w61-header__first__mains__bottom__next:after,
.w61-header__first__mains__bottom__prev:after {
    display: none;
}

.w61-header__center {
    width: 16%;
    display: flex;
    justify-content: center;
}

.w61-header__center__imgbox {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-height: 7rem;
}

.w61-header__second {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 42%;
}

.w61-header__second__acc {
    display: flex;
    align-items: center;
    position: relative;
    margin-left: 1rem;
}

.w61-header__second__items {
    display: flex;
    align-items: center;
    position: relative;
}

.w61-header__second__items__item {
    margin-right: 1rem;
}

.w61-header__second__items__item__icon {
    font-weight: 400;
}

.w61-header__right__head {
    position: relative;
}

.w61-header__right__head__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    font-weight: 700;
    padding: 1rem;
    display: flex;
    border-bottom: .1rem solid #dadada;
    align-items: center;
}

.w61-header__right__head__text__name {
    margin-left: .5rem;
}

.w61-header__right__head__des {
    border-bottom: .1rem solid #dadada;
    font-size: 1.5rem;
    font-style: italic;
    padding: 1rem;
    color: #666666;
}

.w61-header__ckright {
    display: none
}

.w61-header__right {
    background-color: #fff;
    box-shadow: 0 0 0.8rem rgb(148 148 148 / 72%);
    position: fixed;
    right: -100%;
    top: 0;
    height: 100vh;
    width: 35rem;
    padding: 1.5rem 0;
    transition: 1s;
    max-width: 90%
}

@media only screen and (max-width:50rem) {
    .w61-header__right {
        height: 94vh;
    }
}

.w61-header__right__noitem {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
}

.w61-header__right__noitem__text {
    font-size: 1.6rem;
    color: red;
}

.w61-header__right__items {
    max-height: 73vh;
    overflow-y: scroll;
}

.w61-header__right__items__item {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    padding: 0rem 1.5rem;
}

    .w61-header__right__items__item:last-child {
        margin-bottom: 0
    }

.w61-header__right__items__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    width: 25%
}

.w61-header__right__items__item__imgbox__img {
    width: 100%;
}

.w61-header__right__items__item__name {
    width: 71%;
    margin-left: 4%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.w61-header__right__items__item__name__text {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.4rem;
    width: 100%;
    text-align: justify;
    color: rgba(var(--main-color-w),1);
}

.w61-header__right__items__item__name__price {
    display: flex;
    margin-top: .5rem;
    width: 100%;
}

.w61-header__right__items__item__name__price__main {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
}

.w61-header__right__items__item__name__price__sub {
    font-size: 1.4rem;
    margin-left: .5rem;
    text-decoration: line-through;
    color: #999;
}

.w61-header__right__items__item__name__bottom {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w61-header__right__items__item__name__bottom__input {
    background: no-repeat;
    border: none;
    border-top: solid #f1f1f1 .1rem;
    border-bottom: solid #f1f1f1 .1rem;
    width: 3rem;
    outline: none;
    color: #666;
    height: 100%;
    text-align: center;
}

    .w61-header__right__items__item__name__bottom__input::-webkit-outer-spin-button,
    .w61-header__right__items__item__name__bottom__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.w61-header__right__items__item__name__bottom__minus,
.w61-header__right__items__item__name__bottom__plus {
    background-color: #f0f0f0;
    color: #666;
    border: solid .1rem #f1f1f1;
    padding: .5rem;
    font-size: 1rem;
    cursor: pointer;
}

.w61-header__right__items__item__name__bottom__delete {
    font-size: 1.4rem;
    margin-left: auto;
    color: #999;
    transition: all .5s;
    cursor: pointer;
}

    .w61-header__right__items__item__name__bottom__delete:hover {
        color: red;
    }

.w61-header__right__bottom {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    padding: 1rem 1rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    justify-content: center;
}

.admin-api .w61-header__right__bottom {
    bottom: 4rem;
}

.w61-header__right__bottom__text {
    text-align: center;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    color: #666;
}

.w61-header__right__bottom__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .5rem 2rem;
    border-radius: 2rem;
    font-size: 1.4rem;
    text-transform: uppercase;
}

.w61-header__right__bottom__btn__text {
}

.w61-header__right__bottom__btn__icon {
    margin-left: .5rem;
}

.w61-header__ckright:checked ~ .w61-header__right {
    right: 0;
    z-index: 3;
}

.w61-header__ckright:checked ~ .w61-header__second .w61-header__second__label .w61-header__second__label__icon:before {
    content: "\f00d" !important
}

.w61-header__right__close {
    cursor: pointer;
    background-color: red;
    color: #fff;
    display: flex;
    align-items: center;
    position: absolute;
    top: 1rem;
    right: 1rem;
    z-index: 3;
    animation: 1s infinite alternate both w61-header__right__close__key
}

.w61-header__right__close__icon {
    font-size: 1.4rem;
    padding: .5rem .8rem;
    border-radius: .5rem;
    transition: all .5s;
}

.w61-header__right__close:hover .w61-header__right__close__icon {
    transform: rotate(135deg);
}

.w61-header__right__bg {
    background-color: rgba(0,0,0,.35);
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
}

.w61-header__ckright:checked ~ .w61-header__right__bg {
    display: block;
}

@keyframes w61-header__right__close__key {
    from {
        transform: scale(.7)
    }

    to {
        transform: scale(1.1)
    }
}

@media only screen and (max-width:75rem) {
}

@media only screen and (max-width:50rem) {
    .w61-header__group {
        flex-wrap: wrap
    }

    .w61-header__first {
        width: 100%;
        padding: .5rem 1rem;
    }

    .w61-header__first__mains {
        height: 4.5rem !important;
    }

    .w61-header__first__mains__main__item.swiper-slide {
        max-width: 100%;
    }

    .w61-header__first__mains__main__item__name {
        display: flex;
        width: 96%;
    }

    .w61-header__center {
        margin-left: 1rem;
        max-width: 30%;
        padding: 1rem 0rem;
        width: auto;
    }

    .w61-header__second {
        margin-left: auto;
        margin-right: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w61-header__second__items__checkbox:checked ~ .w61-header__second__items__search {
        max-width: 12rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-header__second__items__checkbox:checked ~ .w61-header__second__items__item {
        display: none;
    }
}
/*ed*/
/*w61-product*/
.w61-product {
    width: 100%;
    padding: 4rem 1rem 5rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w61-product__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0rem 0rem 0rem;
    position: relative;
}

.w61-product__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-product__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-product__heading__name__bg1 {
    position: absolute;
    width: 82%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-product__heading__name__bg1 {
        width: 76%;
    }
}

.w61-product__heading__name__bg2 {
    position: absolute;
    width: 82%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-product__heading__name__bg2 {
        width: 76%;
    }
}

.w61-product__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-product__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@keyframes key-w61-product__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-product__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-product__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-product__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-product__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-product__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-product__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-product__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-product__heading__des b {
        font-weight: 600;
    }

.w61-product__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

.w61-product__mains__main {
    display: flex;
    padding-bottom: 1rem;
}

.w61-product__mains__main__items.swiper-slide {
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem 0rem 0rem;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w61-product__mains__main__items.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w61-product__mains__main__items.swiper-slide {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w61-product__mains__main__items.swiper-slide {
        width: 100%;
        margin: 0;
    }
}

.w61-product__mains__main__items__item {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    border-radius: .3rem;
    border: solid .1rem #f1f1f1;
    transition: all .5s;
    background-color: rgba(var(--main-color-w), 1);
}

    .w61-product__mains__main__items__item:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w61-product__mains__main__items__item__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 1.5rem;
}

.w61-product__mains__main__items__item__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
    color: #fff;
}
    .w61-product__mains__main__items__item__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-product__mains__main__items__item__bottom__des {
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w61-product__mains__main__items__item__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w61-product__mains__main__items__item__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    display: inline-block;
    transition: all .5s;
}

.w61-product__mains__main__items__item:hover
.w61-product__mains__main__items__item__bottom__rates__item {
    color: #fff;
}

.w61-product__mains__main__items__item__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    justify-content: center;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
}

.w61-product__mains__main__items__item__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w61-product__mains__main__items__item__top__imgbox__img {
    width: 100%;
}

.w61-product__mains__main__items__item__top__imgbox--second {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-product__mains__main__items__item__top:hover .w61-product__mains__main__items__item__top__imgbox--second {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w61-product__mains__main__items__item__top__sale {
    position: absolute;
    top: 1rem;
    right: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    z-index: 2;
}

.w61-product__mains__main__items__item__top__button {
    position: absolute;
    z-index: 1;
    transition: all .5s;
    bottom: -4rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-product__mains__main__items__item:hover .w61-product__mains__main__items__item__top__button {
    z-index: 1;
    visibility: visible;
    bottom: 2rem;
}

.w61-product__mains__main__items__item__top__button__items {
    display: flex;
    padding: 1rem 2rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
    gap: 2.75rem;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
}

.w61-product__mains__main__items__item__top__button__items__item {
    position: relative;
}

.w61-product__mains__main__items__item__top__button__items__item__bg {
    content: "";
    width: 0px;
    height: 0px;
    border-left: .65rem solid transparent;
    border-right: .65rem solid transparent;
    border-top: .65rem solid #000;
    position: absolute;
    top: -1.5rem;
    left: .5rem;
    display: none;
}

.w61-product__mains__main__items__item__top__button__items__item:hover .w61-product__mains__main__items__item__top__button__items__item__bg {
    display: block;
}

.w61-product__mains__main__items__item__top__button__items__item__icon {
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
}

    .w61-product__mains__main__items__item__top__button__items__item__icon:hover {
        color: rgba(var(--second-color-w), 1);
        transform: scale(1.1);
    }

.w61-product__mains__main__items__item__top__button__items__item__title {
    background-color: #000;
    color: #fff;
    font-size: 1rem;
    padding: .5rem 1rem;
    position: absolute;
    top: -3.7rem;
    width: 9rem;
    display: none;
    text-align: center;
    position: absolute;
}

.w61-product__mains__main__items__item__top__button__items__item:nth-child(1) .w61-product__mains__main__items__item__top__button__items__item__title {
    left: -.5rem;
}

.w61-product__mains__main__items__item__top__button__items__item:nth-child(2) .w61-product__mains__main__items__item__top__button__items__item__title {
    left: -4.6rem;
}

.w61-product__mains__main__items__item__top__button__items__item:nth-child(3) .w61-product__mains__main__items__item__top__button__items__item__title {
    left: -8.5rem;
}

.w61-product__mains__main__items__item__top__button__items__item:hover .w61-product__mains__main__items__item__top__button__items__item__title {
    display: block;
}
.w61-product__mains__main__items__item__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
    border-radius: .3rem;
}

.w61-product__mains__main__items__item__price__main {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s;
}
.w61-product__mains__main__items__item__price__sub {
    color: rgba(255,255,255,.7);
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-right: 1rem;
}

.w61-product__mains__pagination {
    bottom: 0 !important;
}

.w61-product__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.w61-product__bottom__btn {
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.4rem;
    border-radius: 3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    transition: all .5s;
    font-weight: 600;
}

.w61-product__bottom__btn__icon {
    margin-left: 1rem;
}

.w61-product__bottom__btn:hover {
    letter-spacing: .1rem;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-product__mains__next.swiper-button-next,
.w61-product__mains__prev.swiper-button-prev {
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(250 250 250 / 61%);
    color: #111;
    transition: all .5s;
}

@media only screen and (min-width:62.5rem) {
    .w61-product__mains__next.swiper-button-next,
    .w61-product__mains__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w61-product__mains:hover .w61-product__mains__next.swiper-button-next,
    .w61-product__mains:hover .w61-product__mains__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w61-product__mains__next:hover,
.w61-product__mains__prev:hover {
    background-color: #fff;
}

.w61-product__mains__next:after,
.w61-product__mains__prev:after {
    display: none;
}

/*ed*/
/*w61-service*/
.w61-service {
    width: 100%;
    padding: 1rem 1rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w61-service__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

@media only screen and (max-width:75rem) {
    .w61-service__group {
        flex-wrap: wrap;
    }
}

.w61-service__item {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

@-webkit-keyframes key-w61-service__item {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w61-service__item {
    -webkit-animation: key-w61-service__item 1s;
    animation: key-w61-service__item 1s;
    animation-iteration-count: 1;
}


@media only screen and (max-width:75rem) {
    .w61-service__item {
        width: 32%;
        margin-left: 2%;
    }

        .w61-service__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w61-service__item {
        width: 49%;
        margin-left: 2%;
    }

        .w61-service__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w61-service__item {
        width: 100%;
        margin-left: 0;
    }
}

.w61-service__item__icon {
    color: #fff;
    width: 20%;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
    border-radius: .5rem;
}

    .w61-service__item__icon:hover .w61-service__item__icon__value {
        transform: scale(1.2);
        color: rgba(var(--second-color-w), 1);
    }

.w61-service__item__icon__value {
    font-size: 3rem;
    transition: all .5s;
}

.w61-service__item__main {
    padding: 1rem 0rem;
    display: flex;
    width: 77%;
    margin-left: 3%;
    flex-wrap: wrap;
}

.w61-service__item__main__name {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    color: #fff;
    transition: all .5s;
}

    .w61-service__item__main__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w61-service__item__main__des {
    font-size: 1.4rem;
    width: 100%;
    margin-top: .75rem;
    color: #fff;
}
/*ed*/
/*w61-menu*/
.w61-menu {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 0rem 1rem;
}

@-webkit-keyframes key-w61-menu {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    .w61-menu.in {
        -webkit-animation: key-w61-menu 1s;
        animation: key-w61-menu 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w61-menu {
        border-top: solid .2rem rgba(var(--main-color-w),1);
        border-bottom: solid .2rem rgba(var(--main-color-w),1);
        padding: 0;
    }

        .w61-menu.ws1TransApply {
            border: none;
        }
}

@media only screen and (max-width:62.5rem) {
    .w61-menu {
    }
}

@media only screen and (min-width:75rem) {
}

.w61-menu__check {
    display: none;
}

.w61-menu__label {
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    display: none;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w61-menu__label {
        display: flex;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

    .w61-menu.ws1TransApply .w61-menu__label {
        background: none;
        background-color: transparent !important;
    }
}

.w61-menu__label__main {
    display: flex;
    cursor: pointer;
    align-content: center;
}

.w61-menu__label__main__icon {
    font-size: 2.4rem;
    font-weight: normal;
}

@media only screen and (max-width:75rem) {
    .w61-menu__check:checked ~
    .w61-menu__label
    .w61-menu__label__main__icon:before {
        content: "\f141";
    }
}

.w61-menu__label__main__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.5rem;
}

.w61-menu__label__home {
    margin-left: auto;
    font-size: 2rem;
    cursor: pointer;
}

.w61-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w61-menu__group {
        margin: 0;
        width: 90%;
        background-color: #fff;
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .6s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100vh;
    }

    .w61-menu__check:checked ~ .w61-menu__group {
        overflow-y: scroll;
        left: 0;
    }

    .w61-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w61-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w61-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w61-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}
.w61-menu__second {
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second {
        width: 100%;
        margin-left: 0;
    }
}

.w61-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items {
        width: 100%;
    }
}

.w61-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item {
        width: 100%;
    }
}

.w61-menu__second__items__item__check {
    display: none;
}

.w61-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__main {
    }

        .w61-menu__second__items__item__main:hover {
            background-color: #fff;
        }

    .w61-menu__second__items__item:hover .w61-menu__second__items__item__main {
        background-color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__main {
        padding: 0 0 0;
        border-top: solid #f1f1f1 .1rem;
    }
}

.w61-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    padding: 1.25rem 2rem;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__main__name {
        font-size: 1.4rem;
        font-weight: 600;
        transition: all .5s;
        padding: 1rem 0rem 1rem 2rem;
        width: 100%;
        color: rgba(var(--main-color-w),1);
    }

    .w61-menu__second__items__item:hover .w61-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__main__name {
        color: #333;
        transition: all .5s;
        border-right: .1em solid #f1f1f1;
        position: relative;
    }

    .w61-menu__second__items__item:last-child
    .w61-menu__second__items__item__main__name {
        border-right: none;
    }

    .w61-menu__second__items__item:hover .w61-menu__second__items__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }
}

.w61-menu__second__items__item__main__name:before {
    height: .2rem;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    transition: all 1s;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
}

.w61-menu__second__items__item:hover .w61-menu__second__items__item__main__name:before {
    width: 100%;
}

.w61-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__main__icon1 {
        display: inline-block;
        position: absolute;
        left: 1rem;
        color: rgba(var(--main-color-w),1);
    }
}

.w61-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__main__icon2 {
        display: flex;
        height: 100%;
        width: 4rem;
        right: 0;
        justify-content: center;
        align-items: center;
        border-left: solid .1rem #f1f1f1;
        color: rgba(var(--main-color-w),1);
    }

    .w61-menu__second__items__item__check:checked ~
    .w61-menu__second__items__item__main
    .w61-menu__second__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w61-menu__second__items__item__check:checked ~
        .w61-menu__second__items__item__main
        .w61-menu__second__items__item__main__icon2
        .w61-menu__second__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__main__icon2 {
        color: #333;
    }

    .w61-menu__second__items__item:hover .w61-menu__second__items__item__main__icon2 {
        color: #fff !important;
    }
}

.w61-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
    }

    .w61-menu__second__items__item__check:checked ~
    .w61-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 6rem;
        border: solid #f1f1f1 .1rem;
        background-color: #fff;
        width: 20rem;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
    }

    .w61-menu__second__items__item:hover .w61-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: #fff;
        pointer-events: inherit;
    }
}

.w61-menu__second__items__item__childs__item {
    position: relative;
}

    .w61-menu__second__items__item__childs__item:last-child {
        border: none;
    }

.w61-menu__second__items__item__childs__item__main {
    display: flex;
    border-top: dashed #eee .1rem;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }

    .w61-menu__second__items__item__childs__item:first-child .w61-menu__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__childs__item__main {
        border-top-style: solid;
    }
}

.w61-menu__second__items__item__childs__item__main__name {
    font-size: 1.6rem;
    padding: 1rem 1rem;
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem 0rem 1rem 3rem;
        transition: all .5s;
        color: rgba(var(--main-color-w),1);
    }

    .w61-menu__second__items__item__childs__item:hover .w61-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w61-menu__second__items__item__childs__item:hover .w61-menu__second__items__item__childs__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff !important;
    }

    .w61-menu__second__items__item__childs__item:hover .w61-menu__second__items__item__childs__item__main {
    }
}

.w61-menu__second__items__item__childs__item__main__name:before {
    height: .2rem;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    transition: all 1s;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
}

.w61-menu__second__items__item__childs__item:hover .w61-menu__second__items__item__childs__item__main__name:before {
    width: 100%;
}

.w61-menu__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w61-menu__second__items__item__childs__item:hover .w61-menu__second__items__item__childs__item__main__icon {
        color: #fff !important;
    }
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__childs__item__main__icon {
        padding: 0;
        width: 4rem;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid 0.1rem #f1f1f1;
    }

    .w61-menu__second__items__item__childs__item__check:checked ~
    .w61-menu__second__items__item__childs__item__main
    .w61-menu__second__items__item__childs__item__main__icon {
        background-color: #f1f1f1;
    }

    .w61-menu__second__items__item__childs__item__main__icon__value:before {
        content: "\f107" !important;
    }

    .w61-menu__second__items__item__childs__item__check:checked ~
    .w61-menu__second__items__item__childs__item__main
    .w61-menu__second__items__item__childs__item__main__icon
    .w61-menu__second__items__item__childs__item__main__icon__value:before {
        content: "\f106" !important;
    }
}

.w61-menu__second__items__item__childs__item__check {
    display: none;
}

.w61-menu__second__items__item__childs__item__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
    }

    .w61-menu__second__items__item__childs__item__check:checked ~
    .w61-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        border: solid #f1f1f1 .1rem;
        background-color: #fff;
        width: 20rem;
    }

    .w61-menu__second__items__item__childs__item:hover .w61-menu__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w61-menu__second__items__item__childs__item__grands__item {
}

.w61-menu__second__items__item__childs__item__grands__item__main {
    border-top: dashed #eee .1rem;
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__childs__item__grands__item__main {
        border-color: #eee;
    }

    .w61-menu__second__items__item__childs__item__grands__item:first-child .w61-menu__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w61-menu__second__items__item__childs__item__grands__item:hover .w61-menu__second__items__item__childs__item__grands__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__childs__item__grands__item__main {
        border-top-style: solid;
    }
}

.w61-menu__second__items__item__childs__item__grands__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1rem 1rem;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w61-menu__second__items__item__childs__item__grands__item__main__name {
    }

    .w61-menu__second__items__item__childs__item__grands__item__main:hover .w61-menu__second__items__item__childs__item__grands__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff !important;
    }
}

.w61-menu__second__items__item__childs__item__grands__item__main__name:before {
    height: .2rem;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    transition: all 1s;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
}

.w61-menu__second__items__item__childs__item__grands__item:hover .w61-menu__second__items__item__childs__item__grands__item__main__name:before {
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w61-menu__second__items__item__childs__item__grands__item__main__name {
        padding: 1rem 0rem 1rem 5rem;
        text-transform: capitalize;
        color: rgba(var(--main-color-w),1);
        font-size: 1.4rem;
    }

    .w61-menu__second__items__item__childs__item__grands__item__main:hover .w61-menu__second__items__item__childs__item__grands__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

.w61-menu__heading {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w61-menu__heading {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 1rem 0rem 1rem 1rem;
        background-color: rgba(var(--main-color-w),1);
        width: 100%;
    }

    .w61-menu__heading__label {
        position: absolute;
        right: 1rem;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        text-align: center;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
    }

        .w61-menu__heading__label:hover {
            transform: scale(1.05);
        }

    .w61-menu__heading__label__icon {
        font-size: 1.6rem;
    }

    .w61-menu__heading__items {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        display: flex;
        padding: 1rem;
        transition: all 1s;
    }

    .w61-menu__heading__items__item {
        font-size: 2rem;
        color: #fff;
        transition: all .5s;
        cursor: pointer;
        margin-right: 2rem;
    }

        .w61-menu__heading__items__item:last-child {
            margin-right: 0;
        }

        .w61-menu__heading__items__item:hover {
            transform: scale(1.1);
        }
}

.w61-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    display: none;
    height: 100vh;
    background: rgb(0,0,0,.7);
    width: 100%;
    transition: all .35s;
}

@media only screen and (max-width:75rem) {
    .w61-menu__bg {
        display: block;
    }

    .w61-menu__check:checked ~ .w61-menu__bg {
        left: 0;
    }
}

.w61-menu__bottom {
    position: fixed;
    left: 0;
    bottom: -100%;
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    padding: 1rem;
    width: 90%;
    transition: all 1s;
    opacity: 0;
}

@media only screen and (max-width:75rem) {
    .w61-menu__check:checked ~
    .w61-menu__group
    .w61-menu__bottom {
        bottom: 0;
        opacity: 1;
    }
}

.w61-menu__bottom__item {
    font-size: 2rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    margin-right: 2rem;
}

    .w61-menu__bottom__item:last-child {
        margin-right: 0;
    }

    .w61-menu__bottom__item:hover {
        transform: scale(1.1);
    }

.w61-menu__bottom__item__text {
    font-size: 1.6rem;
    color: #fff;
    margin-left: 1rem;
    font-weight: 600;
}
/*ed*/
/*w61-introducer*/
.w61-introducer {
    width: 100%;
    padding: 5rem 1rem;
    background-color: white;
    color: var(--text-color-w);
}

@media only screen and (max-width: 37.5rem) {
    .w61-introducer {
        padding: 3rem 1rem;
    }
}

.w61-introducer__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 75rem) {
    .w61-introducer__group {
        display: block;
    }
}

.w61-introducer__item {
    max-width: 33%;
    min-width: 33%;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w61-introducer__item {
        display: block;
        max-width: 100%;
    }
}

.w61-introducer__item__first {
    margin-right: 2rem;
}

.w61-introducer__item__heading {
    font-size: 4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    .w61-introducer__item__heading:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 37.5rem) {
    .w61-introducer__item__heading {
        font-size: 3rem;
    }
}

.w61-introducer__item__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w61-introducer__item__para {
    font-weight: 400;
    font-size: 1.6rem;
    color: #666666;
    margin-right: 2.5rem;
    text-align: justify;
    line-height: 2.6rem;
}

@media only screen and (max-width: 75rem) {
    .w61-introducer__item__para {
        margin: 2rem 0 0;
    }
}

.w61-introducer__item__button {
    margin-top: 3rem;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 1rem 2rem;
    border-radius: 4rem;
    color: white;
    font-size: 1.6rem;
    display: flex;
    width: max-content;
    align-items: center;
    font-weight: 600;
    transition: all .5s;
}

.w61-introducer__item__button__icon {
    margin-left: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w61-introducer__item__button {
        margin-top: 1rem;
    }
}

.w61-introducer__item__button:hover {
    letter-spacing: .1rem;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-introducer__item__mains__main {
    display: block;
    overflow: hidden;
    border-radius: .3rem;
}

.w61-introducer__item__mains__main__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 75rem) {
    .w61-introducer__item__mains__main__imgbox {
        max-width: 100%;
        margin: 0 auto;
    }
}


.w61-introducer__item__mains__main__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 75rem) {
    .w61-introducer__item__third {
        display: block;
        text-align: center;
        margin-top: 2rem;
    }
}

.w61-introducer__item__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w61-introducer__item__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w61-introducer__item__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w61-product-2*/
.w61-product-2 {
    width: 100%;
    padding: 4rem 1rem;
    background-color: #fafafa;
    overflow: hidden;
}

.w61-product-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w61-product-2__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-product-2__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-product-2__heading__name__bg1 {
    position: absolute;
    width: 82%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-product-2__heading__name__bg1 {
        width: 76%;
    }
}

.w61-product-2__heading__name__bg2 {
    position: absolute;
    width: 82%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-product-2__heading__name__bg2 {
        width: 76%;
    }
}

.w61-product-2__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-product-2__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
@keyframes key-w61-product-2__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-product-2__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-product-2__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-product-2__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-product-2__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-product-2__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-product-2__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-product-2__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-product-2__heading__des b {
        font-weight: 600;
    }

.w61-product-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

.w61-product-2__mains__main {
    display: flex;
    padding-bottom: 1rem;
}

.w61-product-2__mains__main__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (max-width:75rem) {
    .w61-product-2__mains__main__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w61-product-2__mains__main__item.swiper-slide {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w61-product-2__mains__main__item.swiper-slide {
        width: 100%;
        margin: 0;
    }
}

.w61-product-2__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
}

    .w61-product-2__mains__main__item__content:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w61-product-2__mains__main__item__content__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
}

.w61-product-2__mains__main__item__content__bottom__name {
    margin-top: 1rem;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    transition: all .5s;
}
    .w61-product-2__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-product-2__mains__main__item__content__bottom__des {
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w61-product-2__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w61-product-2__mains__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    display: inline-block;
    transition: all .5s;
}

.w61-product-2__mains__main__item:hover
.w61-product-2__mains__main__item__content__bottom__rates__item {
    color: #fff;
}

.w61-product-2__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

    .w61-product-2__mains__main__item__content__top:hover {
        margin-left: -100%;
    }

.w61-product-2__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w61-product-2__mains__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w61-product-2__mains__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    margin-right: 1rem;
}

.w61-product-2__mains__main__item__content__top:hover .w61-product-2__mains__main__item__content__sale {
}

.w61-product-2__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
}

.w61-product-2__mains__main__item__content__price__main {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s;
}
.w61-product-2__mains__main__item__content__price__sub {
    color: rgba(255,255,255,.7);
    font-size: 1.6rem;
    text-decoration: line-through;
}

.w61-product-2__mains__main__item__content__childs {
    width: 100%;
    display: flex;
    gap: 1rem;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: center;
    padding: 0 1rem;
}

.w61-product-2__mains__main__item__content__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 2rem;
    border: solid .1rem #858585;
    border-radius: .2rem;
    padding: .2rem;
    cursor: pointer;
}

    .w61-product-2__mains__main__item__content__childs__imgbox:hover {
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w61-product-2__mains__pagination {
    bottom: 0 !important;
}

.w61-product-2__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.w61-product-2__bottom__btn {
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.4rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w61-product-2__bottom__btn:hover {
        letter-spacing: .1rem;
        background-color: rgba(var(--second-color-w), 1);
    }

.w61-product-2__bottom__btn__icon {
    margin-left: 1rem;
}

.w61-product-2__mains__next.swiper-button-next,
.w61-product-2__mains__prev.swiper-button-prev {
    font-size: 2rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(250,250,250,.6);
    color: rgba(var(--main-color-w), 1);
}

.w61-product-2__mains__next:hover,
.w61-product-2__mains__prev:hover {
    background-color: #fff;
}

.w61-product-2__mains__next:after,
.w61-product-2__mains__prev:after {
    display: none;
}
/*ed*/
/*w61-abimg*/
.w61-abimg {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w61-abimg__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w61-abimg__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-abimg__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-abimg__heading__name__bg1 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-abimg__heading__name__bg1 {
        width: 76%;
    }
}

.w61-abimg__heading__name__bg2 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-abimg__heading__name__bg2 {
        width: 76%;
    }
}

.w61-abimg__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-abimg__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@keyframes key-w61-abimg__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-abimg__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-abimg__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-abimg__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-abimg__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-abimg__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-abimg__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-abimg__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

.w61-abimg__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w61-abimg__mains__main__items {
    width: 32%;
    margin-right: 2%;
}

@media only screen and (max-width:37.5rem) {
    .w61-abimg__mains__main__items {
        width: 49%;
    }
}

.w61-abimg__mains__main__items__item {
    width: 100%;
}

.w61-abimg__mains__main__items__item__content {
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
    border-radius: .3rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:56.25rem) {
    .w61-abimg__mains__main__items__item__content {
        margin-top: 1rem;
    }
}

.w61-abimg__mains__main__items__item__content--first {
    height: 48vh;
}

@media only screen and (max-width:56.25rem) {
    .w61-abimg__mains__main__items__item__content--first {
        height: 30vh;
    }
}

.w61-abimg__mains__main__items__item__content--second {
    height: 30vh;
}

@media only screen and (max-width:56.25rem) {
    .w61-abimg__mains__main__items__item__content--second {
        height: 20vh;
    }
}

.w61-abimg__mains__main__items__item__content__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w61-abimg__mains__main__items__item__content__imgbox:hover {
        transform: scale(1.05);
    }

.w61-abimg__mains__main__items__item__content__icon {
    transition: all .5s;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    position: absolute;
    background-color: rgba(var(--main-color-w), .7);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w61-abimg__mains__main__items__item__content__icon {
        width: 6rem;
        height: 6rem;
    }
}

.w61-abimg__mains__main__items__item__content:hover
.w61-abimg__mains__main__items__item__content__icon {
    visibility: visible;
    width: 15rem;
    height: 15rem;
    opacity: 1;
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w61-abimg__mains__main__items__item__content:hover
    .w61-abimg__mains__main__items__item__content__icon {
        width: 10rem;
        height: 10rem;
    }
}

.w61-abimg__mains__main__items__item__content__icon__value {
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

.w61-abimg__mains__main__items__item__content__icon:hover
.w61-abimg__mains__main__items__item__content__icon__value {
    transform: rotate(180deg);
}

.w61-abimg__mains__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w61-abimg__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w),1);
        transition: all .5s;
        opacity: .5;
    }

    .w61-abimg__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w49-service*/
.w49-service {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w49-service__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 62.5rem) {
    .w49-service__group {
        margin: unset !important;
    }
}

.w49-service__heading {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.w49-service__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w49-service__heading__title {
        max-width: 100%;
    }
}

.w49-service__heading__title__number {
    font-size: 7rem;
    font-weight: 600;
    background: -webkit-linear-gradient(rgba(var(--main-color-w), 1), rgba(var(--main-color-w), 0.3));
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.w49-service__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    max-width: 100%;
    margin-left: 1rem;
    line-height: 3rem;
    color: rgba(var(--main-color-w), 1);
}

.w49-service__heading__line {
    position: relative;
    width: 14rem;
    height: .4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.w49-service__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w49-service__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w49-service__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w49-service__heading__des {
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    width: 100%;
}

.w49-service__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w49-service__items__item {
    margin-top: 2rem;
    text-align: center;
    background-color: white;
    cursor: pointer;
    height: fit-content;
    transition: all 0.2s ease;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.152);
    border-radius: 1rem;
    width: 32%;
    margin-left: 2%;
    transition: all .5s;
}

    .w49-service__items__item:hover {
        
    }

@media only screen and (min-width: 62.5rem) {
    .w49-service__items__item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w49-service__items__item {
        width: 49%;
    }

    @media only screen and (min-width: 37.5rem) {
        .w49-service__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 37.5rem) {
        .w49-service__items__item {
            width: 100%;
            margin-left: 0;
        }
    }
}

.w49-service__items__item__imgbox {
    transition: all 0.2s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
}

.w49-service__items__item__imgbox__img {
    width: 100%;
}

.w49-service__items__item__content {
    padding: 2rem 1.5rem;
}

.w49-service__items__item__content__main {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 4.5rem;
}

.w49-service__items__item__content__main__stt {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: white;
    height: 3.5rem;
    letter-spacing: .1rem;
    width: 3.5rem;
    transition: all .5s;
    background: linear-gradient(to top, rgba(var(--main-color-w), 0.5), rgba(var(--main-color-w), 1));
    position: absolute;
    left: 0;
}

.w49-service__items__item:hover .w49-service__items__item__content__main__stt {
    
}

@media only screen and (max-width: 37.5rem) {
    .w49-service__items__item__content__main__stt {
        font-size: 1.6rem;
    }
}

.w49-service__items__item__content__main__name {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    transition: all .5s;
    text-align: left;
}

.w49-service__items__item:hover .w49-service__items__item__content__main__name {
    
}

.w49-service__items__item__content__main__name:hover {
    color: rgba(var(--second-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w49-service__items__item__content__main__name {
        font-size: 1.6rem;
    }
}

.w49-service__items__item__content__sub {
    font-size: 1.5rem;
    align-self: flex-end;
    text-align: justify;
    line-height: 2.4rem;
    margin-top: 1rem;
    transition: all .5s;
}

.w49-service__items__item:hover .w49-service__items__item__content__sub {
    
}
/*ed*/

/*w61-ctaregister*/
.w61-ctaregister {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem 1rem 4rem;
    background-image: url('../../img/w61/wd-action-9-bg.jpg');
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w61-ctaregister {
        padding: 2rem 1rem;
    }
}

.w61-ctaregister__bg {
    background-color: rgba(var(--main-color-w), .96);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.w61-ctaregister__line {
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 100%;
    text-align: center;
}

    .w61-ctaregister__line .elementor-shape-fill {
        fill: #fff;
    }

    .w61-ctaregister__line svg {
        width: 100%;
        height: 1rem;
    }

.w61-ctaregister__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    z-index: 1;
}

.w61-ctaregister__heading {
    display: flex;
    align-items: center;
    transition: all .5s;
    max-width: 70%;
}

    .w61-ctaregister__heading:hover {
    }

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-wd-action-9__heading {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w61-ctaregister__heading {
        -webkit-animation: key-wd-action-9__heading 1s;
        animation: key-wd-action-9__heading 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:50rem) {
    .w61-ctaregister__heading {
        width: 100%;
        max-width: 100%;
    }
}

.w61-ctaregister__heading__main {
}

.w61-ctaregister__heading__main__name {
    text-transform: uppercase;
    font-size: 2rem;
    color: #fff;
    line-height: 1.6rem;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w61-ctaregister__heading__main__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w61-ctaregister__heading__main__des {
    font-size: 1.5rem;
    line-height: 1.6rem;
    margin-top: 1.5rem;
    color: #fff;
}

.w61-ctaregister__form {
    margin-left: auto;
}

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-wd-action-9__form {
        0% {
            transform: translateX(10rem);
        }

        70% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w61-ctaregister__form {
        -webkit-animation: key-wd-action-9__form 1s;
        animation: key-wd-action-9__form 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:50rem) {
    .w61-ctaregister__form {
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: center;
        margin-top: 2rem;
    }
}

.w61-ctaregister__form__btn {
    padding: 1.5rem 3rem;
    text-align: center;
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 3rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    .w61-ctaregister__form__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

@-webkit-keyframes key-menu-9__first__btn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@media only screen and (min-width:75rem) {
    .w61-ctaregister__form__btn {
        -webkit-animation: key-menu-9__first__btn 1.5s infinite;
        animation: key-menu-9__first__btn 1.5s infinite;
    }
}

.w61-ctaregister__form__btn__icon {
    font-size: 1.6rem;
    font-weight: 900;
}

.w61-ctaregister__form__btn__text {
    font-size: 1.6rem;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 1rem;
}
/*ed*/
/*w19-article*/
.w19-article {
    width: 100%;
    background-color: rgba(var(--main-color-w), .1);
    padding: 1rem 1rem 3rem;
}

.w19-article__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w19-article__items {
    display: flex;
    flex-wrap: wrap;
}

.w19-article__items__item {
    width: 32%;
    background-color: white;
    padding: 1rem;
    margin-left: 2%;
    margin-top: 2rem;
    border-radius: .3rem;
}

@media only screen and (min-width: 50rem) {
    .w19-article__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w19-article__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w19-article__items__item__heading {
    font-weight: 600;
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w),1);
    text-transform: uppercase;
    color: #fff;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w19-article__items__item__heading:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w19-article__items__item__heading__icon {
    margin-left: auto;
}

.w19-article__items__item__content {
    display: flex;
    margin-top: 1rem;
}

.w19-article__items__item__content__link {
    width: 10rem;
    overflow: hidden;
    border-radius: .3rem;
    margin-right: 1rem;
}

.w19-article__items__item__content__link__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w19-article__items__item__content__link__imgbox:hover {
        transform: scale(1.05);
    }

.w19-article__items__item__content__link__imgbox__img {
    width: 100%;
}

.w19-article__items__item__content__news {
    width: calc(100% - 10rem);
}

.w19-article__items__item__content__news__name {
    display: block;
    line-height: 2.4rem;
    font-size: 1.4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

    .w19-article__items__item__content__news__name:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 50rem) {
    .w19-article__items__item__content__news__name {
    }
}

.w19-article__items__item__content__news__user {
    color: #999;
    margin-top: 1rem;
    display: flex;
    font-size: 1.2rem;
    align-items: center;
}

.w19-article__items__item__content__news__user__icon {
    margin-right: 1rem;
}

/*ed*/
/*w61-testimonial*/
.w61-testimonial {
    width: 100%;
    background-color: #f5f5f5;
    padding: 3rem 1rem;
}

.w61-testimonial__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w61-testimonial__first {
    width: 50%;
    border-top: 0.2rem solid rgba(var(--main-color-w), 1);
    background-color: white;
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w61-testimonial__first {
        width: 100%;
    }
}

.w61-testimonial__first__head {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    padding: 0 1rem;
    text-align: center;
}

.w61-testimonial__first__doitac {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w61-testimonial__first__doitac__item {
    width: 23.875%;
    margin-left: 1.5%;
    margin-top: 1rem;
}

    .w61-testimonial__first__doitac__item:nth-child(4n+1) {
        margin-left: 0;
    }

.w61-testimonial__first__doitac__item__link {
    display: block;
    overflow: hidden;
    border-radius: .3rem;
}

.w61-testimonial__first__doitac__item__link__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.w61-testimonial__first__doitac__imgbox:nth-child(1n + 4), .w61-testimonial__first__doitac__imgbox:nth-child(1) {
    border-left: none;
}

.w61-testimonial__first__doitac__imgbox:nth-child(4n) {
    border-right: none;
}

.w61-testimonial__first__doitac__imgbox:nth-child(-n + 4) {
    border-top: none;
}

.w61-testimonial__first__doitac__imgbox__img {
    width: 100%;
}

.w61-testimonial__first__doitac__imgbox:hover {
    filter: none;
    -webkit-filter: none;
}

.w61-testimonial__first__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    overflow: hidden;
}

    .w61-testimonial__first__sub iframe {
        width: 100%;
        border: none;
        overflow: hidden;
    }

.w61-testimonial__second {
    width: 49%;
    margin-left: 1%;
    padding: 1.5rem;
    background-color: white;
    border-radius: .2rem;
}

@media only screen and (max-width: 50rem) {
    .w61-testimonial__second {
        margin-left: 0;
        width: 100%;
    }
}

.w61-testimonial__second__mains__main {
    overflow: hidden;
    position: relative;
}

    .w61-testimonial__second__mains__main .swiper-pagination {
        position: relative;
        margin-top: 2rem;
        display: block;
    }

    .w61-testimonial__second__mains__main .swiper-pagination-bullet {
        height: .5rem;
        width: 4rem;
        border-radius: 0;
        margin: 0 !important;
    }

    .w61-testimonial__second__mains__main .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w), 1);
    }

.w61-testimonial__second__mains__main__items {
    height: max-content;
}

.w61-testimonial__second__mains__main__items__item {
    text-align: center;
    cursor: pointer;
}

.w61-testimonial__second__mains__main__items__item__link {
    width: 10rem;
    height: 10rem;
    border-radius: 50%;
    overflow: hidden;
    display: block;
    margin: 0 auto;
    transition: all .5s;
    border: solid .4rem rgba(var(--main-color-w), 0);
}

    .w61-testimonial__second__mains__main__items__item__link:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w61-testimonial__second__mains__main__items__item__link__imgbox {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    margin: 0 auto;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
}

    .w61-testimonial__second__mains__main__items__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w61-testimonial__second__mains__main__items__item__link__imgbox__img {
    width: 100%;
}

.w61-testimonial__second__mains__main__items__item__name {
    display: flex;
    justify-content: center;
    align-items: center;
}

.w61-testimonial__second__mains__main__items__item__name__icon {
    padding: 2rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-position: center;
}

    .w61-testimonial__second__mains__main__items__item__name__icon:nth-child(1) {
        background-image: url(../../img/w61/left-quote.svg);
    }

    .w61-testimonial__second__mains__main__items__item__name__icon:nth-child(3) {
        background-image: url(../../img/w61/right-quote.svg);
    }

.w61-testimonial__second__mains__main__items__item__name__text {
    font-size: 1.6rem;
    font-weight: 600;
    margin: 1rem 2rem;
    color: rgba(var(--main-color-w),1);
}

.w61-testimonial__second__mains__main__items__item__sub {
    color: rgba(var(--main-color-w), 1);
    line-height: 2.6rem;
    font-size: 1.6rem;
    margin-top: .5rem;
}

.w61-testimonial__second__mains__main__items__item__des {
    line-height: 2.6rem;
    font-size: 1.6rem;
    margin-top: 1rem;
}

.w61-testimonial__second__count {
    display: flex;
    background-color: #f5f5f5;
    padding: 0rem 1rem 1rem;
    justify-content: space-between;
    border-radius: .3rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w61-testimonial__second__count__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 1rem;
    width: 24.25%;
    margin-left: 1%;
}

@media only screen and (min-width: 43.75rem) {
    .w61-testimonial__second__count__items:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 43.75rem) {
    .w61-testimonial__second__count__items {
        width: 49%;
        margin-left: 2%;
    }

        .w61-testimonial__second__count__items:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w61-testimonial__second__count__items__icon {
    font-size: 3rem;
    color: rgba(var(--main-color-w), 1);
}

.w61-testimonial__second__count__items__name {
    font-size: 2rem;
    font-weight: 600;
    margin-top: .5rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w61-testimonial__second__count__items__name__value {
    margin-left: .5rem;
}

.w61-testimonial__second__count__items__sub {
    font-size: 1.4rem;
    margin-top: .5rem;
    line-height: 2.4rem;
    width: 100%;
    text-align: center;
}
/*ed*/

/*w61-productlist*/
.w61-productlist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fafafa;
}

.w61-productlist__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w61-productlist__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-productlist__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-productlist__heading__name__bg1 {
    position: absolute;
    width: 85%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist__heading__name__bg1 {
        width: 76%;
    }
}

.w61-productlist__heading__name__bg2 {
    position: absolute;
    width: 85%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist__heading__name__bg2 {
        width: 76%;
    }
}

.w61-productlist__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-productlist__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
    pointer-events:none;
}
@keyframes key-w61-productlist__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-productlist__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-productlist__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-productlist__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-productlist__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-productlist__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-productlist__heading__des {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    font-weight: 600;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

.w61-productlist__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 1rem;
}

.w61-productlist__mains__main {
    display: flex;
    flex-wrap: wrap;
}

.w61-productlist__mains__main__item {
    width: 32%;
    margin-left: 2%;
    background-color: rgba(var(--main-color-w), 1);
    margin-top: 2rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem 0rem 1rem;
    transition: all .5s;
}

@media only screen and (min-width:50rem) {
    .w61-productlist__mains__main__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w61-productlist__mains__main__item {
        width: 49%;
    }

    @media only screen and (min-width:37.5rem) {
        .w61-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist__mains__main__item {
        width: 100%;
        margin-left: 0;
    }
}

.w61-productlist__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
}

.w61-productlist__mains__main__item__content__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
}

.w61-productlist__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    transition: all .5s;
}

    .w61-productlist__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w61-productlist__mains__main__item__content__bottom__des {
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all .5s;
}

.w61-productlist__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w61-productlist__mains__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    display: inline-block;
    transition: all .5s;
}

.w61-productlist__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 2rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
}

    .w61-productlist__mains__main__item__content__top:hover {
        margin-left: -100%;
    }

.w61-productlist__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w61-productlist__mains__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0rem;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w61-productlist__mains__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem 0 0 .3rem;
    margin-right: 1rem;
}

.w61-productlist__mains__main__item__content__top:hover .w61-productlist__mains__main__item__content__sale {
    right: 1rem;
    left: auto;
}

.w61-productlist__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
}

.w61-productlist__mains__main__item__content__price__main {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
}

.w61-productlist__mains__main__item__content__price__sub {
    color: rgba(255,255,255,.7);
    font-size: 1.6rem;
    text-decoration: line-through;
    transition: all .5s;
}

.w61-productlist__mains__main__item__content__childs {
    width: 100%;
    display: flex;
    gap: 1rem;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: center;
    padding: 0 1rem;
}

.w61-productlist__mains__main__item__content__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 2rem;
    border: solid .1rem #858585;
    border-radius: .2rem;
    padding: .2rem;
    cursor: pointer;
}

    .w61-productlist__mains__main__item__content__childs__imgbox:hover {
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w61-productlist__mains__pagination {
    bottom: 0 !important;
}

.w61-productlist__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
    position: relative;
    z-index: 2;
}

.w61-productlist__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w61-productlist__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w61-productlist__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w61-productlist__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w61-productlist__detail__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    height: 8rem;
    overflow: hidden;
}

.w61-productlist__detail__check:checked ~ .w61-productlist__detail__content {
    height: max-content;
}

.w61-productlist__detail__check {
    display: none;
}

.w61-productlist__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w61-productlist__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

.w61-productlist__detail__check:checked ~
.w61-productlist__detail__bottom
.w61-productlist__detail__bottom__label {
    background-color: rgba(var(--second-color-w), 1);
}

.w61-productlist__detail__bottom__label__text {
    font-size: 1.6rem;
    letter-spacing: .1rem;
    transition: all .5s;
}

.w61-productlist__detail__bottom__label:hover .w61-productlist__detail__bottom__label__text {
    letter-spacing: .3rem;
}

.w61-productlist__detail__bottom__label__text--2 {
    display: none;
}

.w61-productlist__detail__check:checked ~
.w61-productlist__detail__bottom
.w61-productlist__detail__bottom__label .w61-productlist__detail__bottom__label__text--2 {
    display: inline-block;
}

.w61-productlist__detail__check:checked ~
.w61-productlist__detail__bottom
.w61-productlist__detail__bottom__label .w61-productlist__detail__bottom__label__text--1 {
    display: none;
}

.w61-productlist__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w61-productlist__detail__check:checked ~
.w61-productlist__detail__bottom
.w61-productlist__detail__bottom__label .w61-productlist__detail__bottom__label__icon:before {
    content: "\f102" !important;
}

.w61-productlist .table__responsive {
    overflow-y: scroll;
}

    .w61-productlist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w61-productlist .table__responsive::-webkit-scrollbar-track {
    }

    .w61-productlist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w61-productlist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w61-productlist .table__responsive table {
        width: max-content;
    }

.w61-productlist__detail__content table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w61-productlist__detail__content table td,
    .w61-productlist__detail__content table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }

.w61-productlist__mains__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w61-productlist__mains__paging__item {
    list-style-type: none;
}

.w61-productlist__mains__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
}

.w61-productlist__mains__paging__item:hover .w61-productlist__mains__paging__item__text,
.w61-productlist__mains__paging__item.active .w61-productlist__mains__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w36-service-5*/
.w36-service-5 {
    width: 100%;
    padding: 5rem 0 4rem;
    position: relative;
    overflow: hidden;
    background-color: rgba(var(--main-color-w), .15);
}

@media only screen and (max-width: 62.5rem) {
    .w36-service-5 {
        padding: 3rem 0 3rem;
    }
}

.w36-service-5__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
}

.w36-service-5__heading {
    display: flex;
    flex-wrap: wrap;
    width: fit-content;
}

@media only screen and (max-width: 50rem) {
    .w36-service-5__heading__tieude {
        width: 100%;
        padding: 0 1rem;
    }
}

.w36-service-5__heading__tieude__title {
    font-size: 3rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin-bottom: 0.5rem;
    color: rgba(var(--main-color-w), 1);
    line-height: 4rem;
}

.w36-service-5__heading__tieude__des {
    margin-top: 1rem;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w36-service-5__heading__tieude__btn {
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    width: fit-content;
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: capitalize;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem;
    color: #fff;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w36-service-5__heading__tieude__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
        letter-spacing: .1rem;
    }

.w36-service-5__heading__tieude__btn__icon {
    margin-left: 1rem;
}

.w36-service-5 .gallery-thumbs .swiper-slide {
    opacity: 0.4;
}

@media only screen and (max-width: 50rem) {
    .w36-service-5 .gallery-thumbs .swiper-slide {
        opacity: 1;
    }
}

.w36-service-5 .gallery-thumbs .swiper-slide-active {
    opacity: 1 !important;
}

.w36-service-5__mains__next {
    right: 0;
    height: auto;
}

    .w36-service-5__mains__next::after {
        font-size: 3rem;
        top: 0;
        border: 1px solid #e0e0e0;
        padding: 0.3rem 0.5rem;
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
        border-radius: 0;
    }

.w36-service-5__mains__prev {
    left: 0;
    height: auto;
}

    .w36-service-5__mains__prev::after {
        font-size: 3rem;
        top: 0;
        border: 1px solid #e0e0e0;
        padding: 0.3rem 0.5rem;
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
        border-radius: 0;
    }

.w36-service-5__mains {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w36-service-5__mains {
        padding: 0rem;
    }
}

.w36-service-5__mains .swiper-pagination {
    position: relative;
    bottom: -2rem !important;
    display: block;
}

.w36-service-5__mains .swiper-pagination-bullet-active {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w36-service-5__mains__items {
    width: 100%;
}

.w36-service-5__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}

.w36-service-5__mains__main__item.swiper-slide {
    width: 99%;
    margin-right: 1%;
    cursor: pointer;
    display: flex;
    overflow: hidden;
}

@media only screen and (max-width: 62.5rem) {
    .w36-service-5__mains__main__item.swiper-slide {
        width: 96%;
        flex-wrap: wrap;
        margin-right: 2%;
        margin-left:2%;
    }
}

.w36-service-5__mains__main__item__link {
    width: 70%;
    margin: 0 auto;
    display: block;
    overflow: hidden;
}

@media only screen and (max-width: 62.5rem) {
    .w36-service-5__mains__main__item__link {
        width: 100%;
    }
}

.w36-service-5__mains__main__item__link__imgbox {
    min-height: 40rem;
    background-size: cover;
    background-position: center;
    position: relative;
    width: 102%;
    transition: all .5s;
}

    .w36-service-5__mains__main__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w36-service-5__mains__main__item__link__imgbox__img {
    width: 100%;
}

.w36-service-5__mains__main__item__link__imgbox::after {
    background-color: rgba(var(--main-color-w), 1);
    right: 0;
    width: 1rem;
    height: 100%;
    content: "";
    top: 0;
    position: absolute;
    z-index: 1;
}

.w36-service-5__mains__main__item__link__imgbox__img {
    width: 100%;
}

.w36-service-5__mains__main__item__info {
    position: relative;
    background-color: white;
    width: 30%;
    z-index: 1;
    padding: 2rem;
}

@media only screen and (max-width: 62.5rem) {
    .w36-service-5__mains__main__item__info {
        width: 100%;
    }
}

.w36-service-5__mains__main__item__info__text {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
    font-weight: 700;
    margin-top: 1rem;
    transition: all 0.3s ease;
    color: rgba(var(--main-color-w),1);
    text-transform: capitalize;
}

.w36-service-5__mains__main__item__info__name {
    font-size: 2rem;
    line-height: 3rem;
    display: block;
    margin-top: .5rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w36-service-5__mains__main__item__info__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    margin-top: 1rem;
    text-align: justify;
}

.w36-service-5__mains__main__item__info__btn {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    font-weight: 600;
    width: max-content;
    color: #fff;
    background: rgba(var(--main-color-w),1);
    transition: all 0.5s;
    padding: .5rem 1rem;
    border-radius: .3rem;
    text-transform: capitalize;
}

.w36-service-5__mains__main__item__info__btn__icon {
    margin-left: 1rem;
}

.w36-service-5__mains__main__item__info__btn:hover {
    background: rgba(var(--second-color-w),1);
    letter-spacing: .1rem;
}

.w36-service-5__mains__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w36-service-5__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w),1);
        transition: all .5s;
        opacity: .5;
    }

    .w36-service-5__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/

/*w62-banner*/
.w62-banner {
    width: 100%;
    padding: 0rem 1rem;
}

.w62-banner__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w62-banner__mains {
    width: 100%;
}

.w62-banner__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.w62-banner__mains__main__items {
    display: flex;
    z-index: 0;
}

.w62-banner__mains__main__items__item.swiper-slide {
    width: 100%;
    background-color: #fff;
    position: relative;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w62-banner__mains__main__items__item__heading {
    position: absolute;
    z-index: 1;
    top: 30%;
    left: 7%;
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__items__item__heading {
        top: initial;
        max-width: 60%;
    }
}

.w62-banner__mains__main__items__item__heading__name {
    font-size: 5rem;
    color: #fff;
    line-height: 6rem;
    display: block;
    font-weight: 600;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    transform: translateY(2rem)
}

@media only screen and (max-width: 62.5rem) {
    .w62-banner__mains__main__items__item__heading__name {
        font-size: 3.2rem;
        line-height: 4.2rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w62-banner__mains__main__items__item__heading__name {
        font-size: 2.8rem;
        line-height: 3.8rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__items__item__heading__name {
        font-size: 1.7rem;
        line-height: 2.7rem;
    }
}

.swiper-slide-active .w62-banner__mains__main__items__item__heading__name {
    animation-name: key-w62-banner__mains__main__items__item__heading__name;
    animation-fill-mode: forwards;
    animation-duration: 2.5s;
}

@-webkit-keyframes key-w62-banner__mains__main__items__item__heading__name {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(2rem)
    }
    100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0rem)
    }
}

.w62-banner__mains__main__items__item__heading__des {
    font-size: 2.4rem;
    color: #fff;
    line-height: 3rem;
    font-weight: 600;
    margin-top: 1rem;
    text-align: left;
    transform: translateY(2rem)
}

@-webkit-keyframes key-w62-banner__mains__main__items__item__heading__des {
    0% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(2rem)
    }

    50% {
        visibility: hidden;
        opacity: 0;
        transform: translateY(2rem)
    }

    100% {
        visibility: visible;
        opacity: 1;
        transform: translateY(0rem)
    }
}

.swiper-slide-active .w62-banner__mains__main__items__item__heading__des {
    animation-name: key-w62-banner__mains__main__items__item__heading__des;
    animation-fill-mode: forwards;
    animation-duration: 2.5s;
}

@media only screen and (max-width: 62.5rem) {
    .w62-banner__mains__main__items__item__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w62-banner__mains__main__items__item__heading__des {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__items__item__heading__des {
        font-size: 1.3rem;
        line-height: 2.3rem;
        margin-top: 0;
    }
}

.w62-banner__mains__main__items__item__link {
    display: block;
    width: 100%;
}

.w62-banner__mains__main__items__item__link__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__items__item__link__imgbox {
    }
}

.w62-banner__mains__main__items__item__link__imgbox:hover {
}

.w62-banner__mains__main__items__item__link__imgbox img {
    width: 100%;
}

.w62-banner__mains__main__next.swiper-button-next:after {
    display: none !important;
}

.w62-banner__mains__main__prev.swiper-button-prev:after {
    display: none !important;
}

.w62-banner__mains__main__prev {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    left: 3rem;
    z-index: 1;
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__prev {
        left: 0rem;
        font-size: 2rem;
    }
}

.w62-banner__mains__main__next {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    right: 3rem;
    z-index: 1;
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__next {
        right: 0rem;
        font-size: 2rem;
    }
}

.w62-banner__mains__main__next:hover {
    color: rgba(var(--second-color-w),1);
}

.w62-banner__mains__main__prev:hover {
    color: rgba(var(--second-color-w),1);
}

.w62-banner__mains__main__pagination {
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    padding: 0 2rem;
    bottom: 2.5rem;
}

    .w62-banner__mains__main__pagination .swiper-pagination-bullet {
        width: max-content;
        height: initial;
        background-color: transparent;
        font-size: 2rem;
        margin: 0 1.5rem !important;
        display: flex;
        align-items: center;
        font-weight: 600;
        color: #fff;
        letter-spacing: .1rem;
    }

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__pagination .swiper-pagination-bullet {
        font-size: 1.6rem;
        margin: 0 1rem !important;
    }
}

.w62-banner__mains__main__pagination .swiper-pagination-bullet span {
    width: 0rem;
    height: .3rem;
    margin-left: 1.5rem;
    background-color: #f1f1f1;
    overflow: hidden;
    border-radius: .3rem;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__pagination .swiper-pagination-bullet span {
        margin-left: 1rem;
    }
}

.w62-banner__mains__main__pagination .swiper-pagination-bullet-active span {
    width: 8rem;
}

@media only screen and (max-width: 37.5rem) {
    .w62-banner__mains__main__pagination .swiper-pagination-bullet-active span {
        width: 4rem;
    }
}

.w62-banner__mains__main__pagination .swiper-pagination-bullet span:after {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
    transition: all 3s;
    content: "";
    left: 0;
}

.w62-banner__mains__main__pagination .swiper-pagination-bullet-active span:after {
    width: 100%;
}
/*ed*/
/*w62-menu*/
.w62-menu {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 0rem 1rem;
    transition: all .5s;
}

    .w62-menu.ws1TransApply {
        position: absolute !important;
    }

@media only screen and (max-width:75rem) {
    .w62-menu {
        padding: 0rem;
    }
}

@media only screen and (max-width:62.5rem) {
}
.w62-menu__check {
    display: none;
}

.w62-menu__label {
    background-color: #fff;
    border-top: solid .1rem #f1f1;
    border-bottom: solid .1rem #f1f1;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem 5rem;
    display: none;
    transition: all .5s;
    position: relative;
    justify-content: center;
    height:7rem;
}

@media only screen and (max-width:75rem) {
    .w62-menu__label {
        display: flex;
    }

    .ws1TransApply .w62-menu__label {
        background: none;
        background-color: transparent !important;
    }

    .w62-menu__check:checked ~ .w62-menu__label {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 2;
    }

    .ws1TransApply .w62-menu__check:checked ~ .w62-menu__label {
        background-color: #fff !important;
    }

    .w62-menu__label__logo {
        display: block;
    }

    .w62-menu__label__logo__imgbox {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        max-height:10rem;
    }

    .w62-menu__label__logo__imgbox__img {
        max-height: 10rem;
    }
}
.w62-menu__label__main {
    display: flex;
    cursor: pointer;
    align-content: center;
    position: absolute;
    left: 1rem;
    justify-content: center;
    align-items: center;
    width: 2.2rem;
    height: 1.6rem;
}

    .w62-menu__label__main:before {
        width: 100%;
        height: .2rem;
        top: 0;
        background-color: rgba(var(--second-color-w),1);
        content: "";
        position: absolute;
        transition: all .3s;
    }

.ws1TransApply .w62-menu__label__main:before {
    background-color: #fff;
}

.w62-menu__label__main:after {
    width: 100%;
    height: .2rem;
    bottom: 0;
    background-color: rgba(var(--second-color-w),1);
    content: "";
    position: absolute;
    transition: all .3s;
}

.ws1TransApply .w62-menu__label__main:after {
    background-color: #fff;
}

.w62-menu__label__main__line {
    width: 100%;
    height: .2rem;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
    position: absolute;
}

.ws1TransApply .w62-menu__label__main__line {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w62-menu__check:checked ~ .w62-menu__label .w62-menu__label__main .w62-menu__label__main__line {
        transform: rotate(-45deg);
    }

    .ws1TransApply .w62-menu__check:checked ~ .w62-menu__label .w62-menu__label__main .w62-menu__label__main__line {
        background-color: #555;
    }

    .w62-menu__check:checked ~
    .w62-menu__label
    .w62-menu__label__main:before {
        top: initial;
        transform: rotate(45deg);
    }

    .ws1TransApply .w62-menu__check:checked ~
    .w62-menu__label
    .w62-menu__label__main:before {
        background-color: #555;
    }

    .w62-menu__check:checked ~
    .w62-menu__label
    .w62-menu__label__main:after {
        opacity: 0;
        visibility: hidden;
    }
}

.w62-menu__label__main__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.5rem;
}

.w62-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 120rem;
    width: 100%;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w62-menu__group {
        margin: 0;
        width: 100%;
        background-color: #fff;
        border-top: solid .1rem #f8f8f8;
        overflow: hidden;
        position: fixed;
        padding: 0 2rem;
        z-index: 9;
        transition: all .25s cubic-bezier(.6,.1,.68,.53);
        display: block;
        right: -100%;
        top: 7rem;
        height: calc(100vh - 7rem);
    }

    .w62-menu__check:checked ~ .w62-menu__group {
        overflow-y: scroll;
        right: 0;
    }

    .w62-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w62-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w62-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w62-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w62-menu__first {
    width: max-content;
}

@media only screen and (max-width:75rem) {
    .w62-menu__first {
        display: none;
    }
}

.w62-menu__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
}

.w62-menu__first__imgbox--2 {
    display: none;
}

.ws1TransApply .w62-menu__first__imgbox--2 {
    display: block;
}

.ws1TransApply .w62-menu__first__imgbox--1 {
    display: none;
}


.w62-menu__first__imgbox__img {
    max-height: 8rem !important;
}
.w62-menu__second {
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w62-menu__second {
        width: 100%;
        margin-left: 0;
    }
}

.w62-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items {
        width: 100%;
    }
}

.w62-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item:first-child {
        margin-left: 0;
    }

    .w62-menu__second__items__item {
        margin-left: 4rem;
    }
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item {
        width: 100%;
    }
}

.w62-menu__second__items__item__check {
    display: none;
}

.w62-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__main {
    }

    .w62-menu__second__items__item:hover .w62-menu__second__items__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__main {
        padding: 0 0 0;
        border-top: solid #f8f8f8 .1rem;
    }

    .w62-menu__second__items__item:first-child
    .w62-menu__second__items__item__main {
        border-top: none;
    }
}

.w62-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    padding: 2.5rem 0rem 2.5rem 0;
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__main__name {
        font-size: 1.4rem;
        font-weight: 600;
        transition: all .5s;
        padding: 1rem 0rem 1rem 2rem;
        width: 100%;
        color: #555;
    }
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__main__name {
        color: #333;
        transition: all .5s;
        position: relative;
        font-weight: 600;
        text-align: left;
    }

    .ws1TransApply
    .w62-menu__second__items__item__main__name {
        color: #fff;
    }

    .w62-menu__second__items__item:last-child
    .w62-menu__second__items__item__main__name {
        border-right: none;
    }
}


@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .w62-menu__second__items__item:hover .w62-menu__second__items__item__main__name:before {
        width: 100%;
    }
}

.w62-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none;
}

.w62-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__main__icon2 {
        display: flex;
        height: 100%;
        width: 4rem;
        right: 0;
        justify-content: center;
        align-items: center;
    }

    .w62-menu__second__items__item__check:checked ~
    .w62-menu__second__items__item__main
    .w62-menu__second__items__item__main__icon2 {
    }

    .w62-menu__second__items__item__main__icon2__value {
        font-weight: 700 !important;
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #555;
    }

    .w62-menu__second__items__item__main__icon2
    .w62-menu__second__items__item__main__icon2__value:before {
        content: "\f068" !important;
        position: absolute;
    }

    .w62-menu__second__items__item__main__icon2
    .w62-menu__second__items__item__main__icon2__value:after {
        content: "\f068" !important;
        position: absolute;
        transform: rotate(90deg);
        transition: all .3s;
    }

    .w62-menu__second__items__item__check:checked ~
    .w62-menu__second__items__item__main
    .w62-menu__second__items__item__main__icon2
    .w62-menu__second__items__item__main__icon2__value:after {
        transform: rotate(180deg);
    }
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__main__icon2 {
        color: #333;
        display: none;
    }

    .w62-menu__second__items__item:hover .w62-menu__second__items__item__main__icon2 {
        color: #fff;
    }
}

.w62-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
    }

    .w62-menu__second__items__item__check:checked ~
    .w62-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 10rem;
        border: solid #f8f8f8 .1rem;
        background-color: #fff;
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
    }

    .w62-menu__second__items__item:hover .w62-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: #fff;
        pointer-events: inherit;
    }
}

.w62-menu__second__items__item__childs__item {
    position: relative;
}

    .w62-menu__second__items__item__childs__item:last-child {
        border: none;
    }

.w62-menu__second__items__item__childs__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__main {
        border-color: #eee;
        padding-right: 1rem;
    }

    .w62-menu__second__items__item__childs__item:first-child .w62-menu__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__childs__item__main {
    }
}

.w62-menu__second__items__item__childs__item__main__name {
    font-size: 1.6rem;
    padding: 1.25rem 1rem;
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        font-size: 1.5rem;
        font-weight: 400;
        padding: 1rem 0rem 1rem 3rem;
        transition: all .5s;
        color: #555;
    }

    .w62-menu__second__items__item__childs__item:hover .w62-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w62-menu__second__items__item__childs__item:hover .w62-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .w62-menu__second__items__item__childs__item:hover .w62-menu__second__items__item__childs__item__main {
    }
}


@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .w62-menu__second__items__item__childs__item:hover .w62-menu__second__items__item__childs__item__main__name:before {
        width: 100%;
    }
}

.w62-menu__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w62-menu__second__items__item__childs__item:hover .w62-menu__second__items__item__childs__item__main__icon {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__childs__item__main__icon {
        padding: 0;
        width: 4rem;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w62-menu__second__items__item__childs__item__check:checked ~
    .w62-menu__second__items__item__childs__item__main
    .w62-menu__second__items__item__childs__item__main__icon {
    }

    .w62-menu__second__items__item__childs__item__main__icon__value {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
    }

        .w62-menu__second__items__item__childs__item__main__icon__value:before {
            content: "\f068" !important;
            position: absolute;
        }

        .w62-menu__second__items__item__childs__item__main__icon__value:after {
            content: "\f068" !important;
            position: absolute;
            transform: rotate(90deg);
            transition: all .3s;
        }

    .w62-menu__second__items__item__childs__item__check:checked ~
    .w62-menu__second__items__item__childs__item__main
    .w62-menu__second__items__item__childs__item__main__icon
    .w62-menu__second__items__item__childs__item__main__icon__value:after {
        transform: rotate(180deg);
    }
}

.w62-menu__second__items__item__childs__item__check {
    display: none;
}

.w62-menu__second__items__item__childs__item__grands {
}


@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
    }

    .w62-menu__second__items__item__childs__item__check:checked ~
    .w62-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        width: 21rem;
        transition: all .3s;
    }

    .w62-menu__second__items__item__childs__item:hover .w62-menu__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w62-menu__second__items__item__childs__item__grands__box {
    list-style: none;
    transition: all .25s;
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands__box {
        background-color: #fff;
        width: max-content;
        margin-left: 1rem;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
    }
}

.w62-menu__second__items__item__childs__item__grands__box__item {
}

.w62-menu__second__items__item__childs__item__grands__box__item__main {
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands__box__item__main {
        border-color: #eee;
    }

    .w62-menu__second__items__item__childs__item__grands__box__item:first-child .w62-menu__second__items__item__childs__item__grands__box__item__main {
        border: none;
    }

    .w62-menu__second__items__item__childs__item__grands__box__item:hover .w62-menu__second__items__item__childs__item__grands__box__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands__box__item__main {
    }
}

.w62-menu__second__items__item__childs__item__grands__box__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1.25rem 1rem;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1.25rem 1rem;
    }

    .w62-menu__second__items__item__childs__item__grands__box__item__main:hover .w62-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .w62-menu__second__items__item__childs__item__grands__box__item:hover .w62-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        width: 100%;
    }
}

@media only screen and (max-width:75rem) {
    .w62-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1rem 0rem 1rem 5rem;
        text-transform: capitalize;
        font-size: 1.4rem;
        color: #555;
    }

    .w62-menu__second__items__item__childs__item__grands__box__item__main:hover .w62-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

.w62-menu__third {
    display: flex;
}

@media only screen and (max-width:75rem) {
    .w62-menu__third {
        width: 100%;
        justify-content: center;
        margin-top: 1rem;
        display: none;
    }
}

.w62-menu__third__item {
    display: flex;
    align-items: center;
    position: relative;
}

.w62-menu__third__item__check {
    display: none;
}

.w62-menu__third__item__name {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 3rem;
    border: solid .1rem #f1f1f1;
    padding: .75rem 2.5rem;
    font-size: 1.6rem;
    font-weight: 600;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all .5s;
}

.ws1TransApply
.w62-menu__third__item__name {
    color: #fff;
    border-color: #fff;
}

.w62-menu.ws1TransApply:hover .w62-menu__third__item__name {
    border-color: #f1f1f1;
}

.w62-menu__third__item:hover
.w62-menu__third__item__name {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w62-menu__third__item__name__icon {
    margin-left: 1rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {

    .w62-menu__third__item__check:checked ~
    .w62-menu__third__item__name
    .w62-menu__third__item__name__icon {
        transform: rotate(180deg);
    }
}

.w62-menu__third__item__name__text {
    margin-left: 1rem;
    z-index: 1;
    position: relative;
}

.w62-menu__third__item__name:after {
    position: absolute;
    left: 0;
    z-index: 0;
    width: 0;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

.w62-menu__third__item:hover
.w62-menu__third__item__name:after {
    width: 100%;
}
.w62-menu__third__item__childs {
    position: absolute;
    transition: all .25s;
    box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
    width: 100%;
    left: 0;
    border-radius: .3rem;
    top: calc(100%);
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
}

@media only screen and (min-width:75rem) {
    .w62-menu__third__item:hover
    .w62-menu__third__item__childs {
        top: calc(100% + 1rem);
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:75rem) {

    .w62-menu__third__item__check:checked ~
    .w62-menu__third__item__childs {
        top: calc(100% + 1rem);
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w62-menu__third__item__childs__item {
    display: block;
    padding: 1rem 1rem;
    text-align: center;
    cursor: pointer;
}

    .w62-menu__third__item__childs__item:first-child {
        padding-bottom: 0;
    }

.w62-menu__third__item__childs__item__name {
    font-size: 1.6rem;
    transition: all .5s;
}

    .w62-menu__third__item__childs__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w62-menu__bottom {
    position: fixed;
    left: 0;
    bottom: -100%;
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    padding: 1rem;
    width: 100%;
    transition: all 1s;
    opacity: 0;
}

@media only screen and (max-width:75rem) {
    .w62-menu__check:checked ~
    .w62-menu__group
    .w62-menu__bottom {
        bottom: 0;
        opacity: 1;
    }
}

.w62-menu__bottom__item {
    font-size: 2rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    margin-right: 2rem;
    display: flex;
    align-items: center;
}

    .w62-menu__bottom__item:last-child {
        margin-right: 0;
    }

    .w62-menu__bottom__item:hover {
        transform: scale(1.1);
    }

.w62-menu__bottom__item__text {
    font-size: 1.6rem;
    color: #fff;
    margin-left: 1rem;
    font-weight: 600;
}

.w62-menu__bottom__lang {
    display: flex;
    align-items: center;
    position: relative;
}

.w62-menu__bottom__lang__check {
    display: none;
}

.w62-menu__bottom__lang__name {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 3rem;
    padding: 0 1rem;
    font-size: 1.6rem;
    font-weight: 400;
    position: relative;
    z-index: 0;
    overflow: hidden;
    color: #fff;
    transition: all .5s;
}


.w62-menu__bottom__lang__name__icon {
    margin-right: 1rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {

    .w62-menu__bottom__lang__check:checked ~
    .w62-menu__bottom__lang__name
    .w62-menu__bottom__lang__name__icon {
        transform: rotate(180deg);
    }
}

.w62-menu__bottom__lang__name__text {
    z-index: 1;
    position: relative;
}

.w62-menu__bottom__lang__childs {
    position: absolute;
    transition: all .25s;
    box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
    width: 100%;
    left: 0;
    border-radius: .3rem;
    bottom: 120%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
}

@media only screen and (min-width:75rem) {
    .w62-menu__bottom__lang:hover
    .w62-menu__bottom__lang__childs {
        bottom: 140%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:75rem) {

    .w62-menu__bottom__lang__check:checked ~
    .w62-menu__bottom__lang__childs {
        bottom: 160%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w62-menu__bottom__lang__childs__item {
    display: block;
    padding: 1rem 1rem;
    text-align: center;
    cursor: pointer;
}

    .w62-menu__bottom__lang__childs__item:first-child {
        padding-bottom: 0;
    }

.w62-menu__bottom__lang__childs__item__name {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w62-menu__bottom__lang__childs__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }
/*ed*/

/*w62-ads*/
.w62-ads {
    width: 100%;
    padding: 5rem 1rem 2rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads {
        padding: 3rem 1rem;
    }
}

.w62-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w62-ads__group {
        display: block;
    }
}

.w62-ads__heading {
    text-align: left;
    width: 100%;
}

.w62-ads__heading__name {
    display: flex;
    position: relative;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}


.w62-ads__heading__name__text {
    font-size: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
    text-transform: uppercase;
    transition: all .5s;
}

    .w62-ads__heading__name__text:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w62-ads__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w62-ads__heading__name__status {
    margin-left: 2rem;
    position: relative;
}

.w62-ads__heading__name__status__text {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .5rem 1.5rem;
    border-radius: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
    animation-name: key-w62-ads__heading__name__status__text;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    display: inline-block;
}

@-webkit-keyframes key-w62-ads__heading__name__status__text {
    0% {
        transform: translateY(-2.5rem);
    }

    50% {
        transform: translateY(0rem);
    }

    100% {
        transform: translateY(-2.5rem);
    }
}

.w62-ads__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w62-ads__mains {
    display: flex;
    flex-wrap: wrap;
}

.w62-ads__mains__main {
    width: 48%;
    margin-left: 4%;
    margin-top: 3rem;
    margin-bottom: 1rem;
    position: relative;
}

    .w62-ads__mains__main:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:62.2rem) {
    .w62-ads__mains__main {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0rem;
        margin-top: 2rem;
    }
}

.w62-ads__mains__main__heading {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 2;
    width: 100%;
    padding: 3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads__mains__main__heading {
        padding: 2rem 5rem 2rem 2rem;
    }
}

.w62-ads__mains__main__heading__first {
    color: #fff;
    margin-right: 1rem;
    cursor: pointer;
}

.w62-ads__mains__main__heading__first__name {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads__mains__main__heading__first__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w62-ads__mains__main__heading__first:hover
.w62-ads__mains__main__heading__first__name {
    letter-spacing: .1rem;
}

.w62-ads__mains__main__heading__first__des {
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads__mains__main__heading__first__des {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: .5rem;
    }
}

.w62-ads__mains__main__heading__second {
    margin-left: auto;
    overflow: hidden;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid .1rem #fff;
    color: #fff;
    cursor: pointer;
    position: relative;
}

@media only screen and (min-width: 37.5rem) {
    .w62-ads__mains__main__heading__second:hover {
        border-radius: 4rem;
        width: 16rem;
        padding: 0 2rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads__mains__main__heading__second:hover {
        background-color: rgba(var(--main-color-w),1);
    }

    .w62-ads__mains__main__heading__second {
        width: 3.5rem;
        height: 3.5rem;
        position: absolute;
        right: 2rem;
    }
}

.w62-ads__mains__main__heading__second:after {
    width: 0;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
}

@media only screen and (min-width: 37.5rem) {
    .w62-ads__mains__main__heading__second:hover:after {
        animation-name: key-w62-ads__mains__main__heading__second;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes key-w62-ads__mains__main__heading__second {
        0% {
            width: 0;
        }

        50% {
            width: 0;
        }

        100% {
            width: 100%;
        }
    }
}

.w62-ads__mains__main__heading__second__name {
    position: relative;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .1s ease;
    opacity: 0;
    visibility: hidden;
    margin-right: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

@media only screen and (min-width: 37.5rem) {
    .w62-ads__mains__main__heading__second:hover
    .w62-ads__mains__main__heading__second__name {
        animation-name: key-w62-ads__mains__main__heading__second__name;
        animation-iteration-count: 1;
        animation-duration: .5s;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes key-w62-ads__mains__main__heading__second__name {
        0% {
            opacity: 0;
            visibility: hidden;
        }

        50% {
            opacity: 0;
            visibility: hidden;
        }

        100% {
            opacity: 1;
            visibility: visible;
        }
    }
}


.w62-ads__mains__main__heading__second__icon {
    font-size: 2rem;
    transform: rotate(-45deg);
    position: absolute;
    z-index: 1;
}

@media only screen and (min-width: 37.5rem) {
    .w62-ads__mains__main__heading__second:hover
    .w62-ads__mains__main__heading__second__icon {
        position: relative;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads__mains__main__heading__second__icon {
        font-size: 1.6rem;
    }
}

.w62-ads__mains__main__items {
    overflow: hidden;
    position: relative;
    border-radius: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-ads__mains__main__items {
        border-radius: 2rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w62-ads__mains__main__items {
        display: block;
        max-width: 100%;
    }
}

.w62-ads__mains__main__items__first {
    margin-right: 2rem;
}

.w62-ads__mains__main__items__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}


.w62-ads__mains__main__items__item__main {
    display: block;
    overflow: hidden;
    border-radius: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-ads__mains__main__items__item__main {
        border-radius: 2rem;
    }
}

.w62-ads__mains__main__items__item__main__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
    border-radius: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-ads__mains__main__items__item__main__imgbox {
        border-radius: 2rem;
    }
}

.w62-ads__mains__main__items__item__main__imgbox:hover {
    transform: scale(1.05);
}

@media only screen and (max-width: 75rem) {
    .w62-ads__mains__main__items__item__main__imgbox {
        max-width: 100%;
        margin: 0 auto;
    }
}


.w62-ads__mains__main__items__item__main__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w62-ads__mains__main__items__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w62-ads__mains__main__items__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: #fff;
        transition: all .5s;
        opacity: .5;
        height: .6rem;
    }

    .w62-ads__mains__main__items__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w62-ads__mains__main__items__next.swiper-button-next:after {
    display: none !important;
}

.w62-ads__mains__main__items__prev.swiper-button-prev:after {
    display: none !important;
}

.w62-ads__mains__main__items__prev {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    left: 3rem;
    opacity: 0;
    z-index: 1;
}

.w62-ads__mains__main__items:hover .w62-ads__mains__main__items__prev {
    opacity: 1;
}

.w62-ads__mains__main__items__next {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    right: 3rem;
    z-index: 1;
    opacity: 0;
}

.w62-ads__mains__main__items:hover .w62-ads__mains__main__items__next {
    opacity: 1;
}

.w62-ads__mains__main__items__next:hover {
    color: rgba(var(--second-color-w),1);
}

.w62-ads__mains__main__items__prev:hover {
    color: rgba(var(--second-color-w),1);
}
/*ed*/
/*w62-ads-2*/
.w62-ads-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads-2 {
        padding: 3rem 1rem;
    }
}

.w62-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w62-ads-2__group {
        display: block;
    }
}

.w62-ads-2__heading {
    text-align: left;
    width: 100%;
}

.w62-ads-2__heading__name {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w62-ads-2__heading__name__text {
    font-size: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
    text-transform: uppercase;
    margin-right: 1rem;
    transition: all .5s;
}

    .w62-ads-2__heading__name__text:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w62-ads-2__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w62-ads-2__heading__name__status {
    margin-left: auto;
    position: relative;
    cursor: pointer;
}

.w62-ads-2__heading__name__status__text {
    font-size: 2rem;
    font-weight: 600;
    display: block;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads-2__heading__name__status__text {
        font-size: 1.4rem;
    }
}

.w62-ads-2__heading__name__status:hover .w62-ads-2__heading__name__status__text {
    letter-spacing: .1rem;
    color: rgba(var(--main-color-w),1);
}

.w62-ads-2__heading__name__status__line {
    margin-top: 1rem;
    height: .4rem;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w62-ads-2__heading__name__status__line {
        height: .2rem;
    }
}

.w62-ads-2__heading__name__status__line:after {
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
    transition: all .5s;
    content: "";
    position: absolute;
}

.w62-ads-2__heading__name__status:hover .w62-ads-2__heading__name__status__line:after {
    width: 100%;
}

.w62-ads-2__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w62-ads-2__mains {
    display: flex;
    flex-wrap: wrap;
}

.w62-ads-2__mains__main {
    width: 100%;
    margin-top: 3rem;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w62-ads-2__mains__main {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0rem;
        margin-top: 2rem;
    }
}

.w62-ads-2__mains__main__items {
    overflow: hidden;
    position: relative;
    border-radius: .3rem;
}

@media only screen and (max-width: 75rem) {
    .w62-ads-2__mains__main__items {
        display: block;
        max-width: 100%;
    }
}

.w62-ads-2__mains__main__items__first {
    margin-right: 2rem;
}

.w62-ads-2__mains__main__items__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w62-ads-2__mains__main__items__item {
    position: relative;
}

.w62-ads-2__mains__main__items__item__main__heading {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 2;
    right: 3rem;
    top: 3rem;
}

@media only screen and (max-width: 50rem) {
    .w62-ads-2__mains__main__items__item__main__heading {
        right: 1rem;
        top: 1rem;
    }
}

.w62-ads-2__mains__main__items__item__main__heading__second {
    overflow: hidden;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid .1rem #fff;
    color: #fff;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w62-ads-2__mains__main__items__item__main__heading__second {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.w62-ads-2__mains__main__items__item__main__heading__second:hover {
    border-radius: 4rem;
    width: 12rem;
    padding: 0 2rem;
}

@media only screen and (max-width: 50rem) {
    .w62-ads-2__mains__main__items__item__main__heading__second:hover {
        border-radius: 4rem;
        width: 12rem;
        padding: 0 1rem;
    }
}

.w62-ads-2__mains__main__items__item__main__heading__second:after {
    width: 0;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
}

.w62-ads-2__mains__main__items__item__main__heading__second:hover:after {
    animation-name: key-w62-ads-2__mains__main__items__item__main__heading__second;
    animation-iteration-count: 1;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w62-ads-2__mains__main__items__item__main__heading__second {
    0% {
        width: 0;
    }

    50% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

.w62-ads-2__mains__main__items__item__main__heading__second__name {
    position: relative;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .1s ease;
    opacity: 0;
    visibility: hidden;
    margin-right: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.w62-ads-2__mains__main__items__item__main__heading__second:hover
.w62-ads-2__mains__main__items__item__main__heading__second__name {
    animation-name: key-w62-ads-2__mains__main__items__item__main__heading__second__name;
    animation-iteration-count: 1;
    animation-duration: .5s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w62-ads-2__mains__main__items__item__main__heading__second__name {
    0% {
        opacity: 0;
        visibility: hidden;
    }

    50% {
        opacity: 0;
        visibility: hidden;
    }

    100% {
        opacity: 1;
        visibility: visible;
    }
}

.w62-ads-2__mains__main__items__item__main__heading__second__icon {
    font-size: 2rem;
    transform: rotate(-45deg);
    position: absolute;
    z-index: 1;
}

.w62-ads-2__mains__main__items__item__main__heading__second:hover
.w62-ads-2__mains__main__items__item__main__heading__second__icon {
    position: relative;
}

.w62-ads-2__mains__main__items__item__main {
    display: block;
    overflow: hidden;
    width: 100%;
}

.w62-ads-2__mains__main__items__item__main__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w62-ads-2__mains__main__items__item__main__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width: 75rem) {
    .w62-ads-2__mains__main__items__item__main__imgbox {
        max-width: 100%;
        margin: 0 auto;
    }
}


.w62-ads-2__mains__main__items__item__main__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w62-ads-2__mains__main__items__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w62-ads-2__mains__main__items__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: #fff;
        transition: all .5s;
        opacity: .5;
        height: .6rem;
    }

    .w62-ads-2__mains__main__items__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w62-ads-2__mains__main__items__next.swiper-button-next:after {
    display: none !important;
}

.w62-ads-2__mains__main__items__prev.swiper-button-prev:after {
    display: none !important;
}

.w62-ads-2__mains__main__items__prev {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    left: 3rem;
    opacity: 0;
    z-index: 1;
}

.w62-ads-2__mains__main__items:hover .w62-ads-2__mains__main__items__prev {
    opacity: 1;
}

.w62-ads-2__mains__main__items__next {
    color: #fff;
    font-size: 3rem;
    transition: all .5s;
    right: 3rem;
    z-index: 1;
    opacity: 0;
}

.w62-ads-2__mains__main__items:hover .w62-ads-2__mains__main__items__next {
    opacity: 1;
}

.w62-ads-2__mains__main__items__next:hover {
    color: rgba(var(--second-color-w),1);
}

.w62-ads-2__mains__main__items__prev:hover {
    color: rgba(var(--second-color-w),1);
}
/*ed*/
/*w62-counter*/
.w62-counter {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter {
        padding: 3rem 1rem;
    }
}

.w62-counter__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w62-counter__group {
        display: block;
    }
}

.w62-counter__heading {
    text-align: left;
    width: 100%;
}

.w62-counter__heading__name {
    display: flex;
    position: relative;
    align-items: center;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}


.w62-counter__heading__name__text {
    font-size: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
    text-transform: uppercase;
    margin-right: 1rem;
    transition: all .5s;
}

    .w62-counter__heading__name__text:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w62-counter__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w62-counter__heading__name__status {
    margin-left: auto;
    position: relative;
    cursor: pointer;
}

.w62-counter__heading__name__status__text {
    font-size: 2rem;
    font-weight: 600;
    display: block;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__heading__name__status__text {
        font-size: 1.4rem;
    }
}

.w62-counter__heading__name__status:hover .w62-counter__heading__name__status__text {
    letter-spacing: .1rem;
    color: rgba(var(--main-color-w),1);
}

.w62-counter__heading__name__status__line {
    margin-top: 1rem;
    height: .4rem;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__heading__name__status__line {
        height: .2rem;
    }
}

.w62-counter__heading__name__status__line:after {
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
    transition: all .5s;
    content: "";
    position: absolute;
}

.w62-counter__heading__name__status:hover .w62-counter__heading__name__status__line:after {
    width: 100%;
}

.w62-counter__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w62-counter__mains {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-counter__mains {
        width: 100%;
        margin-top: 2rem;
    }
}

.w62-counter__mains__main {
    width: 100%;
    position: relative;
}

    .w62-counter__mains__main:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:62.2rem) {
    .w62-counter__mains__main {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0rem;
    }
}

.w62-counter__mains__main__heading {
    display: flex;
    align-items: center;
    position: absolute;
    z-index: 1;
    width: 100%;
    padding: 0rem 5rem 3rem 3rem;
    bottom: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__heading {
        padding: 0rem 5rem 1rem 1rem;
    }
}

.w62-counter__mains__main__heading__first {
    color: #fff;
    cursor: pointer;
}

.w62-counter__mains__main__heading__first__name {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__heading__first__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w62-counter__mains__main__heading__first:hover
.w62-counter__mains__main__heading__first__name {
    letter-spacing: .1rem;
}

.w62-counter__mains__main__heading__first__des {
    font-size: 2rem;
    line-height: 3rem;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__heading__first__des {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: .5rem;
    }
}

.w62-counter__mains__main__button {
    position: absolute;
    right: 3rem;
    overflow: hidden;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    color: #fff;
    cursor: pointer;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    bottom: 3rem;
    z-index: 3;
}

@media only screen and (min-width: 37.5rem) {
    .w62-counter__mains__main__button:hover {
        border-radius: 4rem;
        width: 16rem;
        padding: 0 2rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__button {
        right: 1rem;
        width: 3.5rem;
        height: 3.5rem;
    }

        .w62-counter__mains__main__button:hover {
            background-color: rgba(var(--second-color-w),1);
        }
}

.w62-counter__mains__main__button:after {
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
    content: "";
    position: absolute;
    z-index: 0;
    left: 0;
}

@media only screen and (min-width: 37.5rem) {
    .w62-counter__mains__main__button:hover:after {
        animation-name: key-w62-counter__mains__main__button;
        animation-iteration-count: 1;
        animation-duration: 1s;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes key-w62-counter__mains__main__button {
        0% {
            width: 0;
        }

        50% {
            width: 0;
        }

        100% {
            width: 100%;
        }
    }
}

.w62-counter__mains__main__button__name {
    position: relative;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .1s ease;
    opacity: 0;
    visibility: hidden;
    margin-right: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

@media only screen and (min-width: 37.5rem) {
    .w62-counter__mains__main__button:hover
    .w62-counter__mains__main__button__name {
        animation-name: key-w62-counter__mains__main__button__name;
        animation-iteration-count: 1;
        animation-duration: .5s;
        animation-fill-mode: forwards;
    }

    @-webkit-keyframes key-w62-counter__mains__main__button__name {
        0% {
            opacity: 0;
            visibility: hidden;
        }

        50% {
            opacity: 0;
            visibility: hidden;
        }

        100% {
            opacity: 1;
            visibility: visible;
        }
    }
}

.w62-counter__mains__main__button__icon {
    font-size: 2rem;
    transform: rotate(-45deg);
    position: absolute;
    z-index: 1;
}

@media only screen and (min-width: 37.5rem) {
    .w62-counter__mains__main__button:hover
    .w62-counter__mains__main__button__icon {
        position: relative;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__button__icon {
        font-size: 1.6rem;
    }
}

.w62-counter__mains__main__items {
    overflow: hidden;
    position: relative;
    border-radius: .3rem;
}

@media only screen and (max-width: 75rem) {
    .w62-counter__mains__main__items {
        display: block;
        max-width: 100%;
    }
}

.w62-counter__mains__main__items__first {
    margin-right: 2rem;
}

.w62-counter__mains__main__items__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}


.w62-counter__mains__main__items__item__main {
    display: block;
    overflow: hidden;
    width: 100%;
}

.w62-counter__mains__main__items__item__main__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
    min-height: 60rem;
}

.w62-counter__mains__main__items__item:hover
.w62-counter__mains__main__items__item__main__imgbox {
    transform: scale(1.05);
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__items__item__main__imgbox {
        min-height: 48rem;
    }
}

.w62-counter__mains__main__items__item__main__imgbox:hover {
    transform: scale(1.05);
}

@media only screen and (max-width: 75rem) {
    .w62-counter__mains__main__items__item__main__imgbox {
        max-width: 100%;
        margin: 0 auto;
    }
}

.w62-counter__mains__main__items__item__main__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w62-counter__mains__main__list {
    position: absolute;
    top: 0;
    right: 8rem;
    height: 100%;
    z-index: 2;
    display: flex;
}

.w62-counter__mains__main__list--1 {
    right: 32rem;
    height: 85%;
    top: 15%;
}

@media only screen and (max-width: 75rem) {
    .w62-counter__mains__main__list {
        right: 2rem;
    }

    .w62-counter__mains__main__list--1 {
        right: 26rem;
    }

    @media only screen and (max-width: 37.5rem) {
        .w62-counter__mains__main__list {
            right: 2rem;
        }

        .w62-counter__mains__main__list--1 {
            right: 18rem;
            height: 89%;
            top: 11%;
        }
    }
}

.w62-counter__mains__main__list__childs {
}

.w62-counter__mains__main__list__childs__child {
    margin-top: 8rem;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__list__childs__child {
        margin-top: 7rem;
    }
}

.w62-counter__mains__main__list__childs__child:first-child {
}

.w62-counter__mains__main__list__childs__child:nth-child(1) {
}

.w62-counter__mains__main__list__childs__child:nth-child(2) {
}

.w62-counter__mains__main__list__childs__child__name {
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.w62-counter__mains__main__list__childs__child__name__value {
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: .1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__list__childs__child__name__value {
        font-size: 3rem;
    }
}

.w62-counter__mains__main__list__childs__child__name__text {
    font-size: 2rem;
    font-weight: 600;
    margin-left: .5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__list__childs__child__name__text {
        font-size: 1.6rem;
    }
}

.w62-counter__mains__main__list__childs__child__des {
    font-size: 2.2rem;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w62-counter__mains__main__list__childs__child__des {
        font-size: 1.8rem;
        margin-top: 1rem;
    }
}
/*ed*/
/*w62-footer*/
.w62-footer {
    width: 100%;
    padding: 5rem 1rem 3rem;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w62-footer {
        padding: 3rem 1rem 3rem;
    }
}

@media only screen and (max-width:50rem) {
    .w62-footer {
        overflow: hidden;
    }
}

@media only screen and (max-width:37.5rem) {
    .w62-footer {
        padding: 1rem 1rem 2rem;
    }
}

.w62-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w62-footer__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items {
        flex-direction: column-reverse;
    }
}

.w62-footer__items__first {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w62-footer__items__first:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w62-footer__items__first {
        width: 49%;
    }

        .w62-footer__items__first:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__first {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 2rem;
    }
}

.w62-footer__items__first__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    transition: all .5s;
    cursor: pointer;
    position: relative;
}

    .w62-footer__items__first__name:hover {
        letter-spacing: .1rem;
    }

.w62-footer__items__first__tuvan {
    margin-top: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    border-radius: 2rem;
}

.w62-footer__items__first__tuvan__input {
    width: 100%;
    font-family: inherit;
    font-size: 1.5rem;
    background-color: #fff;
    outline: none;
    border: none;
    transition: all .5s;
    padding: 1rem 1rem 1rem 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__first__tuvan__input {
        padding: 1rem 1.5rem 1rem 1.5rem;
    }
}

.w62-footer__items__first__tuvan__input:focus {
    outline: rgba(var(--second-color-w,1)) .1rem solid;
}

.w62-footer__items__first__tuvan__btn {
    padding: .5rem 1rem;
    font-weight: 600;
    cursor: pointer;
    font-size: 1.5rem;
    background-color: rgba(var(--main-color-w,1));
    color: #fff;
    right: .5rem;
    text-align: center;
    position: absolute;
    border-radius: 2rem;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__first__tuvan__btn {
    }
}

.w62-footer__items__first__tuvan__btn:hover {
    letter-spacing: .1rem;
}

.w62-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__first__adv {
        justify-content: center;
    }
}

.w62-footer__items__first__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w62-footer__items__first__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w62-footer__items__first__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w62-footer__items__first__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
    display: flex;
    justify-content: center;
}

    .w62-footer__items__first__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w62-footer__items__first__logo {
    display: flex;
    width: 100%;
    justify-content: center;
}

.w62-footer__items__first__logo__imgbox {
    background-size: contain;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__first__logo__imgbox {
        max-width: 60%;
    }
}

.w62-footer__items__first__heading {
}

.w62-footer__items__first__heading__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 3rem;
    margin-top: 2rem
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__first__heading__name {
        text-align: center;
    }
}

.w62-footer__items__first__heading__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__first__heading__des {
        text-align: center;
    }
}

.w62-footer__items__item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w62-footer__items__item:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w62-footer__items__item {
        width: 49%;
    }

        .w62-footer__items__item:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__item {
        width: 100%;
        margin-right: 0;
        border-bottom: solid .1rem #ebe9e9;
        margin-bottom: 0rem;
        padding: 1rem 0;
    }
}

.w62-footer__items__item__check {
    display: none;
}

.w62-footer__items__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.w62-footer__items__item__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w62-footer__items__item__name__text:hover {
        letter-spacing: .1rem;
    }

.w62-footer__items__item__name__icon {
    display: none;
    position: absolute;
    right: 0;
    height: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__item__name__icon {
        display: flex;
    }
}

.w62-footer__items__item__name__icon__value {
    position: relative;
    display: flex;
    width: 3rem;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .w62-footer__items__item__name__icon__value:before {
        position: absolute;
    }

    .w62-footer__items__item__name__icon__value:after {
        position: absolute;
        content: "\f068" !important;
        transform: rotate(90deg);
        transition: all .5s;
    }

.w62-footer__items__item__check:checked ~
.w62-footer__items__item__name
.w62-footer__items__item__name__icon
.w62-footer__items__item__name__icon__value:after {
    transform: rotate(0deg);
}

.w62-footer__items__item__childs {
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__item__childs {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
        margin-top: 0rem;
        margin-left: 3rem;
    }

    .w62-footer__items__item__check:checked ~
    .w62-footer__items__item__childs {
        max-height: max-content;
        margin-top: 1.5rem;
    }
}

.w62-footer__items__item__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w62-footer__items__item__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w62-footer__items__item__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w62-footer__items__item__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w62-footer__items__item__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w62-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__item__adv {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
        margin-left: 3rem;
    }

    .w62-footer__items__item__check:checked ~
    .w62-footer__items__item__adv {
        max-height: max-content;
    }
}

.w62-footer__items__item__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w62-footer__items__item__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w62-footer__items__item__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w62-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w62-footer__items__item__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__item__ma {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
        margin-left: 3rem;
        padding-top: 0;
    }

    .w62-footer__items__item__check:checked ~
    .w62-footer__items__item__ma {
        max-height: max-content;
        padding-top: 2rem;
    }
}

.w62-footer__items__item__ma iframe {
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}


.w62-footer__items__last {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w62-footer__items__last:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w62-footer__items__last {
        width: 49%;
    }

        .w62-footer__items__last:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__last {
        width: 100%;
        margin-left: 0;
        border-bottom: solid .1rem #ebe9e9;
        padding: 1rem 0;
        margin-bottom: 0;
    }
}

.w62-footer__items__last__check {
    display: none;
}

.w62-footer__items__last__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.w62-footer__items__last__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w62-footer__items__last__name__text:hover {
        letter-spacing: .1rem;
    }

.w62-footer__items__last__name__icon {
    display: none;
    position: absolute;
    right: 0;
    height: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__last__name__icon {
        display: flex;
    }
}

.w62-footer__items__last__name__icon__value {
    position: relative;
    display: flex;
    width: 3rem;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .w62-footer__items__last__name__icon__value:before {
        position: absolute;
    }

    .w62-footer__items__last__name__icon__value:after {
        position: absolute;
        content: "\f068" !important;
        transform: rotate(90deg);
        transition: all .5s;
    }

.w62-footer__items__last__check:checked ~
.w62-footer__items__last__name
.w62-footer__items__last__name__icon
.w62-footer__items__last__name__icon__value:after {
    transform: rotate(0deg);
}

.w62-footer__items__last__childs__child {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w62-footer__items__last__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w62-footer__items__last__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w62-footer__items__last__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w62-footer__items__last__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w62-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__last__adv {
        overflow: hidden;
        max-height: 0;
        margin-left: 3rem;
    }

    .w62-footer__items__last__check:checked ~
    .w62-footer__items__last__adv {
        max-height: max-content;
    }
}

.w62-footer__items__last__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w62-footer__items__last__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w62-footer__items__last__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w62-footer__items__last__social {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__last__social {
        overflow: hidden;
        max-height: 0;
        margin-top: 0;
        margin-left: 3rem;
    }

    .w62-footer__items__last__check:checked ~
    .w62-footer__items__last__social {
        max-height: max-content;
        margin-top: 1.5rem;
    }
}

.w62-footer__items__last__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w,1));
    border-radius: 50%;
    color: #fff;
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w62-footer__items__last__social__item:hover {
        background: rgba(var(--second-color-w,1));
        color: #fff;
    }

.w62-footer__items__last__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__last__ma {
        overflow: hidden;
        max-height: 0;
        margin-left: 3rem;
        padding-top: 0;
    }

    .w62-footer__items__last__check:checked ~
    .w62-footer__items__last__ma {
        max-height: max-content;
        padding-top: 2rem;
    }
}

.w62-footer__items__last__ma iframe {
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}

.w62-footer__items__last__childs {
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__items__last__childs {
        overflow: hidden;
        max-height: 0;
        margin-top: 0;
        transition: all .5s;
        margin-left: 3rem;
    }

    .w62-footer__items__last__check:checked ~
    .w62-footer__items__last__childs {
        max-height: max-content;
        margin-top: 1.5rem;
    }
}

.w62-footer__items__last__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w62-footer__items__last__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w62-footer__items__last__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w62-footer__items__last__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w62-footer__items__last__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w62-footer__bottom {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:43.75rem) {
    .w62-footer__bottom {
        padding-top: 0rem;
        margin-top: 1rem;
    }
}

@-webkit-keyframes key-w62-footer__bottom {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w62-footer__bottom {
    -webkit-animation: key-w62-footer__bottom 3s;
    animation: key-w62-footer__bottom 3s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:75rem) {
    .w62-footer__bottom {
        justify-content: center;
    }
}

.w62-footer__bottom__first {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w62-footer__bottom__first {
        justify-content: center;
        width: 100%;
        margin-top: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__bottom__first {
        text-align: left;
    }
}

.w62-footer__bottom__first__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.w62-footer__bottom__second {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w62-footer__bottom__second {
        margin: 0 1rem;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.w62-footer__bottom__second__name {
    font-size: 1.4rem;
    margin-right: 1rem;
    line-height: 2.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__bottom__second__name {
        margin-right: 0rem;
    }
}

.w62-footer__bottom__second__items {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__bottom__second__items {
        gap: 1rem;
    }
}

.w62-footer__bottom__second__items__item {
    font-size: 1.4rem;
    border-left: solid .1rem #ccc;
    padding-left: 1rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w62-footer__bottom__second__items__item {
        padding-left: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w62-footer__bottom__second__items__item {
        margin-top: 1rem;
    }
}

.w62-footer__bottom__second__items__item:hover {
    color: rgba(var(--main-color-w), 1);
}

.w62-footer__bottom__second__items__item:first-child {
    border: none;
    padding-left: 0;
}

.w62-footer__bottom__first__item {
    display: flex;
    align-items: center;
    position: relative;
}

.w62-footer__bottom__first__item__check {
    display: none;
}

.w62-footer__bottom__first__item__name {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 3rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    font-weight: 400;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all .5s;
}


.w62-footer__bottom__first__item__name__icon {
    margin-right: 1rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {

    .w62-footer__bottom__first__item__check:checked ~
    .w62-footer__bottom__first__item__name
    .w62-footer__bottom__first__item__name__icon {
        transform: rotate(180deg);
    }
}

.w62-footer__bottom__first__item__name__text {
    z-index: 1;
    position: relative;
}

.w62-footer__bottom__first__item__childs {
    position: absolute;
    transition: all .25s;
    box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
    width: 100%;
    left: 0;
    border-radius: .3rem;
    bottom: 120%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
}

@media only screen and (min-width:75rem) {
    .w62-footer__bottom__first__item:hover
    .w62-footer__bottom__first__item__childs {
        bottom: 140%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:75rem) {

    .w62-footer__bottom__first__item__check:checked ~
    .w62-footer__bottom__first__item__childs {
        bottom: 140%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w62-footer__bottom__first__item__childs__item {
    display: block;
    padding: 1rem 1rem;
    text-align: center;
    cursor: pointer;
}

    .w62-footer__bottom__first__item__childs__item:first-child {
        padding-bottom: 0;
    }

.w62-footer__bottom__first__item__childs__item__name {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w62-footer__bottom__first__item__childs__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }
/*ed*/

/*w61-header-2*/
.w61-header-2 {
    width: 100%;
    background-color: #fff;
    position: relative;
    padding: 1rem 1rem;
}

@media only screen and (max-width:50rem) {
    .w61-header-2 {
        padding: 0rem 0rem;
    }
}

.w61-header-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center
}

.w61-header-2__first {
    display: flex;
    align-items: center;
    position: relative;
    width: 40%;
}

.w61-header-2__first__mains__items__item {
    margin-left: 5rem;
}

@media only screen and (max-width:50rem) {
    .w61-header-2__first__mains__items__item {
        margin-left: 1rem;
    }
}

.w61-header-2__first__mains__items__item:first-child {
    margin-left: 0;
}

.w61-header-2__first__mains__items__item__name__text {
    color: rgba(var(--main-color-w),1);
    margin-left: 1rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.w61-header-2__first__mains__items__item__name__text__name {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w61-header-2__first__mains__items__item__name__text__des {
    margin-top: .5rem;
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-header-2__first__mains__items__item__name__text__des {
        display: none;
    }
}

.w61-header-2__second__acc__icon, .w61-header-2__second__items__item, .w61-header-2__second__label__icon {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    font-weight: 400;
}

.w61-header-2__second__label__count {
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    width: 1.4rem;
    height: 1.4rem;
    justify-content: center;
    align-items: center;
}

.w61-header-2__second__acc__box {
    position: absolute;
    top: 2rem;
    display: none;
    left: -8rem;
    z-index: 3;
}

.w61-header-2__second__acc__box__items {
    width: 16rem;
    margin-top: 1.5rem;
    background-color: #fff;
    box-shadow: 0 0 0.8rem rgb(148 148 148 / 72%);
    flex-wrap: wrap;
    padding: .5rem 0rem;
    display: flex;
    border-radius: .5rem;
}

.w61-header-2__second__acc:hover .w61-header-2__second__acc__box {
    display: inline-block;
}

.w61-header-2__second__acc__box__items__item {
    width: 100%;
    padding: .5rem 1rem;
    cursor: pointer;
    display: block;
    font-size: 1.4rem;
}

    .w61-header-2__second__acc__box__items__item:hover {
        color: rgba(var(--main-color-w),1);
    }

    .w61-header-2__second__acc__box__items__item:first-child {
        border-bottom: dotted .1rem #ccc;
    }

.w61-header-2__second__total {
    margin-left: 2rem;
}

.w61-header-2__second__total__text {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w61-header-2__second__items__checkbox {
    display: none;
}

.w61-header-2__second__items__search {
    width: 30rem;
    bottom: -8rem;
    right: 0;
    position: absolute;
    transition: all .5s;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    padding: 1rem 1rem;
    border-radius: .5rem;
    font-size: 1.4rem;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
}

.w61-header-2__second__items__search__input {
    border: none;
    background: none;
    width: 100%;
    outline: none;
    transition: all .5s;
    text-align: left;
    font-family: inherit;
    font-size: 1.4rem;
}

.w61-header-2__second__items__checkbox:checked ~ .w61-header-2__second__items__search {
    z-index: 3;
    opacity: 1;
    bottom: -5rem;
    visibility: visible;
}

.w61-header-2__second__items__checkbox:checked ~ .w61-header-2__second__items__item:before {
    content: "\f00d" !important;
}

.w61-header-2__second__items__search__result {
    position: absolute;
    top: 5rem;
    border-radius: .3rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 3px rgba(0,0,0,.15);
    max-height: 40vh;
    display: flex;
    overflow-y: scroll;
    flex-wrap: wrap;
    padding: 1rem 0 0;
}

.w61-header-2__second__items__search__result__nodata {
    width: 100%;
    text-align: center;
    padding: 0rem 1rem;
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w61-header-2__second__items__search__result {
        width: 20rem;
    }
}

.w61-header-2__second__items__search__result::-webkit-scrollbar {
    width: .15rem;
}

.w61-header-2__second__items__search__result::-webkit-scrollbar {
    width: .4rem;
}

.w61-header-2__second__items__search__result::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w61-header-2__second__items__search__result::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w61-header-2__second__items__search__result::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w61-header-2__second__items__search__result__item {
    width: 100%;
    padding: 1rem 1rem;
    display: flex;
    align-items: flex-start;
    border-bottom: solid .1rem #f1f1f1;
}

    .w61-header-2__second__items__search__result__item:last-child {
        border: none;
    }

.w61-header-2__second__items__search__result__item__link {
    width: 30%;
    border-radius: .3rem;
    overflow: hidden;
}

.w61-header-2__second__items__search__result__item__link__figure {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w61-header-2__second__items__search__result__item__link__figure:hover {
        transform: scale(1.05);
    }

.w61-header-2__second__items__search__result__item__content {
    width: 66%;
    margin-left: 4%;
    display: flex;
    flex-wrap: wrap;
}

.w61-header-2__second__items__search__result__item__content__name {
    width: 100%;
    font-size: 1.4rem;
    font-weight: 600;
    color: #3f3f3f;
    cursor: pointer;
    transition: all .5s;
}

    .w61-header-2__second__items__search__result__item__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w61-header-2__second__items__search__result__item__content__price {
    width: 100%;
    display: flex;
    margin-top: .5rem;
}

.w61-header-2__second__items__search__result__item__content__price__main {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w61-header-2__second__items__search__result__item__content__price__down {
    font-size: 1.4rem;
    color: #3f3f3f;
    text-decoration: line-through;
    margin-left: .5rem;
}

.w61-header-2__second__items__search__btn {
    border: none;
    background: none;
    position: absolute;
    right: 1rem;
}

.w61-header-2__second__items__search__btn__icon {
    font-size: 1.5rem;
    color: #3f3f3f;
    cursor: pointer;
    transition: all .5s;
}

    .w61-header-2__second__items__search__btn__icon:hover {
        color: rgba(var(--main-color-w),1);
    }

.w61-header-2__second__label {
    margin-left: 2rem;
    position: relative;
}

.w61-header-2__first__mains {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.w61-header-2__first__mains__items {
    display: flex
}

@media only screen and (max-width:50rem) {
    .w61-header-2__first__mains__items {
        width: 100%;
        justify-content: space-between;
    }
}


.w61-header-2__first__mains__items__item__name {
    display: flex;
    position: relative;
    align-items: center;
}

.w61-header-2__first__mains__items__item__name__icon {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w61-header-2__first__mains__items__item__name__icon {
        color: #fff;
    }
}

@media only screen and (max-width:50rem) {
    .w61-header-2__first__mains__items__item__name__icon {
        margin-top: 0;
    }
}

.w61-header-2__center {
    width: 20%;
    display: flex;
    justify-content: center;
}

.w61-header-2__center__figure {
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    max-height: 6rem;
}

.w61-header-2__second {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 40%;
}

.w61-header-2__second__acc, .w61-header-2__second__items {
    display: flex;
    align-items: center;
    position: relative;
}

.w61-header-2__second__items__item {
    margin-right: 2rem;
    font-weight: 400;
    color: rgba(var(--main-color-w),1);
}

.w61-header-2__right__head {
    position: relative;
    display: flex;
    width: 100%;
    border-bottom: .1rem solid #dadada;
}

.w61-header-2__right__head__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    font-weight: 700;
    padding: 1rem;
    display: flex;
    align-items: center;
}

.w61-header-2__right__head__text__name {
    margin-left: .5rem;
}

.w61-header-2__right__head__des {
    border-bottom: .1rem solid #dadada;
    font-size: 1.5rem;
    font-style: italic;
    padding: 1rem;
    color: #666666;
}

.w61-header-2__ckright {
    display: none
}

.w61-header-2__right {
    background-color: #fff;
    box-shadow: 0 0 0.8rem rgba(148,148,148,.72);
    position: fixed;
    z-index: 98;
    right: -100%;
    top: 0;
    height: 100vh;
    width: 35rem;
    padding: 1.5rem 0;
    transition: 1s;
    max-width: 90%
}

@media only screen and (max-width:50rem) {
    .w61-header-2__right {
        height: 94vh;
    }
}

.w61-header-2__right__noitem {
    display: flex;
    width: 100%;
    justify-content: center;
    text-align: center;
    padding: 1rem;
    cursor: pointer;
}

.w61-header-2__right__noitem__text {
    font-size: 1.6rem;
    color: red;
}

.w61-header-2__right__items {
    max-height: 73vh;
    overflow-y: scroll;
}

    .w61-header-2__right__items::-webkit-scrollbar {
        width: .1rem;
    }

    .w61-header-2__right__items::-webkit-scrollbar-thumb {
        background-color: #000;
    }

.w61-header-2__right__items__item {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    padding: 0rem 1.5rem;
    align-items: flex-start;
}

    .w61-header-2__right__items__item:last-child {
        margin-bottom: 0
    }

.w61-header-2__right__items__item__link {
    width: 25%;
    overflow: hidden;
}

.w61-header-2__right__items__item__link__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w61-header-2__right__items__item__link__figure:hover {
        transform: scale(1.05);
    }

.w61-header-2__right__items__item__name {
    width: 71%;
    margin-left: 4%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
}

.w61-header-2__right__items__item__name__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    width: 90%;
    text-align: justify;
    color: #3f3f3f;
    cursor: pointer;
    transition: all .5s;
}

    .w61-header-2__right__items__item__name__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w61-header-2__right__items__item__name__delete {
    margin-left: auto;
    font-size: 1.2rem;
    color: #999;
    font-weight: normal;
    cursor: pointer;
    padding: .1rem .4rem;
    background-color: #fff;
    text-align: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    transition: all .5s;
}

    .w61-header-2__right__items__item__name__delete:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w61-header-2__right__items__item__name__price {
    display: flex;
    margin-top: .5rem;
    width: 100%;
    align-items: center;
}

.w61-header-2__right__items__item__name__price__main {
    font-size: 1.3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w61-header-2__right__items__item__name__price__sub {
    font-size: 1.4rem;
    margin-left: .5rem;
    text-decoration: line-through;
    color: #666666;
}

.w61-header-2__right__items__item__name__price__quantity {
    font-size: 1.3rem;
    color: #BBB;
    font-weight: 500;
}

.w61-header-2__right__items__item__name__price__nhan {
    font-size: 1.3rem;
    margin: 0 .5rem;
}

.w61-header-2__right__bottom {
    position: absolute;
    bottom: 1rem;
    left: 0;
    width: 100%;
    padding: 1rem 1rem;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
    justify-content: center;
    border-top: solid .2rem #f1f1f1;
}

.w61-header-2__right__bottom__total {
    display: flex;
    width: 100%;
    margin: 1rem 0 2rem;
}

.w61-header-2__right__bottom__total__text {
    font-size: 1.8rem;
    font-weight: 600;
    text-transform: uppercase;
    color: #3f3f3f;
}

.w61-header-2__right__bottom__total__value {
    font-weight: 600;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    margin-left: auto;
    text-transform: uppercase;
}

.admin-api .w61-header-2__right__bottom {
    bottom: 4rem;
}

.w61-header-2__right__bottom__cart {
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 600;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    padding: .75rem 2rem;
    width: 100%;
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
}

    .w61-header-2__right__bottom__cart:hover {
        letter-spacing: .1rem;
    }

.w61-header-2__right__bottom__cart__text {
}

.w61-header-2__right__bottom__cart__icon {
    margin-left: .5rem;
}

.w61-header-2__right__bottom__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 2rem;
    font-weight: 600;
    width: 100%;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: 1rem;
    cursor: pointer;
    transition: all .5s;
}

    .w61-header-2__right__bottom__btn:hover {
        letter-spacing: .1rem;
    }

.w61-header-2__right__bottom__btn__text {
}

.w61-header-2__right__bottom__btn__icon {
    margin-left: .5rem;
}

.w61-header-2__ckright:checked ~ .w61-header-2__right {
    right: 0
}

.w61-header-2__ckright:checked ~ .w61-header-2__second .w61-header-2__second__label .w61-header-2__second__label__icon:before {
    content: "\f00d" !important
}

.w61-header-2__right__head__close {
    cursor: pointer;
    display: flex;
    align-items: center;
    margin-left: auto;
    margin-right: .5rem;
    width: 6rem;
    color: #3f3f3f;
}

.w61-header-2__right__head__close__text {
    font-size: 1.2rem;
    font-weight: 700;
    text-transform: uppercase;
}

.w61-header-2__right__head__close__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
    font-family: "Font Awesome 5 Pro";
    animation: 1s infinite alternate both w61-header-2__right__head__close__icon__key;
}

    .w61-header-2__right__head__close__icon:before {
        content: "\f068";
    }

    .w61-header-2__right__head__close:hover .w61-header-2__right__head__close__icon:before {
        content: "\f00d";
    }

@keyframes w61-header-2__right__head__close__icon__key {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.w61-header-2__right__bg {
    background-color: rgba(0,0,0,.35);
    position: fixed;
    z-index: 97;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    display: none;
}

.w61-header-2__ckright:checked ~ .w61-header-2__right__bg {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w61-header-2__group {
        flex-wrap: wrap
    }

    .w61-header-2__first {
        width: 100%;
        padding: 1rem 1rem;
        background-color: rgba(var(--main-color-w),1);
    }

    .w61-header-2__first__mains__items__item.swiper-slide {
        max-width: 100%;
    }

    .w61-header-2__first__mains__items__item__name {
        display: flex;
        width: 100%;
    }

    @media only screen and (max-width:37.5rem) {
        .w61-header-2__first__mains__items__item__name {
            align-items: center;
        }
    }

    .w61-header-2__first__mains__items__item__name__text {
        color: #fff;
    }

    .w61-header-2__center {
        max-width: 30%;
        padding: 1rem 0rem 1rem 1rem;
        width: auto;
    }

    .w61-header-2__second {
        margin-left: auto;
        margin-right: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w61-header-2__second__items__search {
        width: 20rem;
    }

    .w61-header-2__second__total,
    .w61-header-2__second__acc {
        display: none;
    }

    .w61-header-2__second__items__item {
        margin-right: 0;
    }
}
/*ed*/
/*w61-introducer-2*/
.w61-introducer-2 {
    width: 100%;
    padding: 7rem 1rem 7rem;
    display: flex;
    justify-content: center;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w61-introducer-2 {
        padding: 3rem 1rem 3rem;
        justify-content: center;
        overflow: hidden;
    }
}

@media only screen and (max-width:75rem) {
    .w61-introducer-2 {
    }
}

.w61-introducer-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w61-introducer-2__first {
    width: 48%;
    position: relative;
    z-index: 0;
    margin-left: auto;
}

@media only screen and (max-width:75rem) {
    .w61-introducer-2__first {
        width: 100%;
        margin-right: 0%;
        margin-top: 1.5rem;
    }
}

.w61-introducer-2__first__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-introducer-2__first__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-introducer-2__first__heading__name__bg1 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-2__first__heading__name__bg1 {
        width: 76%;
    }
}

.w61-introducer-2__first__heading__name__bg2 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-2__first__heading__name__bg2 {
        width: 76%;
    }
}

.w61-introducer-2__first__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-introducer-2__first__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@keyframes key-w61-introducer-2__first__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-introducer-2__first__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-2__first__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-introducer-2__first__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-introducer-2__first__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-introducer-2__first__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-introducer-2__first__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-introducer-2__first__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-introducer-2__first__heading__des b {
        font-weight: 600;
    }

.w61-introducer-2__first__detail {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w61-introducer-2__first__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.w61-introducer-2__first__bottom__btn {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.6rem;
    border-radius: .2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    transition: all .5s;
    font-weight: 600;
}

.w61-introducer-2__first__bottom__btn__icon {
    margin-right: 1rem;
}

.w61-introducer-2__first__bottom__btn:hover {
    letter-spacing: .1rem;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-introducer-2__second {
    width: 48%;
    position: relative;
    padding: 0rem 0rem;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w61-introducer-2__second {
        width: 100%;
    }
}

.w61-introducer-2__second__one {
    width: 100%;
    position: relative;
}

.w61-introducer-2__second__one__imgbox {
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
}

    .w61-introducer-2__second__one__imgbox:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

@keyframes key-w61-introducer-2__second__two {
    100% {
        left: 125%;
    }
}

.w61-introducer-2__second__one__imgbox:hover:after {
    animation: key-w61-introducer-2__second__two 1.5s;
}

.w61-introducer-2__second__one__imgbox__img {
    width: 100%;
}

.w61-introducer-2__second__two {
    position: absolute;
    z-index: 4;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 50%;
    background-color: rgb(0,0,0,.2);
    box-shadow: 0px 40px 70px 0px rgba(14.999999999999972, 11.000000000000005, 44, 0.2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

    .w61-introducer-2__second__two:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w61-introducer-2__second__two__icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-2__second__two__icon {
        font-size: 1.5rem;
    }
}

.w61-introducer-2__second__two:hover .w61-introducer-2__second__two__icon {
    color: rgba(var(--main-color-w),1);
    transform: scale(1.1);
    background-color: #fff;
}

.w61-introducer-2__bg__one {
    height: 44rem;
    width: 44rem;
    border: solid .1rem rgba(var(--main-color-w),.1);
    box-shadow: 0px 0px 21px rgba(var(--main-color-w),.1);
    border-radius: 50% 50% 50% 50%;
    position: absolute;
    top: -20rem;
    left: 8rem;
}

@media only screen and (max-width:75rem) {
    .w61-introducer-2__bg__one {
        height: 20rem;
        width: 20rem;
        top: -12rem;
        left: initial;
    }
}

.w61-introducer-2__check {
    display: none;
}

.w61-introducer-2__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w61-introducer-2__check:checked ~
.w61-introducer-2__popup {
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w61-introducer-2__popup__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w61-introducer-2__popup__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w61-introducer-2__popup__main__detail {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:71.25rem) {
    .w61-introducer-2__popup__main__detail {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w61-introducer-2__popup__main__detail {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w61-introducer-2__popup__main__detail {
                width: 34rem;
            }
        }
    }
}

.w61-introducer-2__popup__main__detail__text {
    width: 100%;
    background: #f1f1f1;
    padding: 1rem;
    border-radius: 1rem;
}

.w61-introducer-2__popup__main__detail iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:75rem) {
    .w61-introducer-2__popup__main__detail iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w61-introducer-2__popup__main__detail iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w61-introducer-2__popup__main__detail iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w61-introducer-2__popup__main__detail__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-2__popup__main__detail__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w61-introducer-2__popup__main__detail__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w61-introducer-2__popup__main__detail__close:hover {
    background-color: red;
}

.w61-introducer-2__popup__main__detail__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-2__popup__main__detail__close__icon {
        font-size: 2.5rem;
    }
}

.w61-introducer-2__popup__main__detail__close:hover .w61-introducer-2__popup__main__detail__close__icon {
    transform: rotate(405deg);
}
/*ed*/
/*w61-introducer-3*/
.w61-introducer-3 {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #fff;
}

.w61-introducer-3__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-3__group {
        flex-wrap: wrap;
    }
}


.w61-introducer-3__first {
    width: 48%;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-3__first {
        width: 100%;
        margin: 3rem 0 0;
    }
}

.w61-introducer-3__first__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-introducer-3__first__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-introducer-3__first__heading__name__bg1 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-3__first__heading__name__bg1 {
        width: 76%;
    }
}

.w61-introducer-3__first__heading__name__bg2 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-3__first__heading__name__bg2 {
        width: 76%;
    }
}

.w61-introducer-3__first__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-introducer-3__first__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
@keyframes key-w61-introducer-3__first__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-introducer-3__first__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-3__first__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-introducer-3__first__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-introducer-3__first__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-introducer-3__first__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-introducer-3__first__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-introducer-3__first__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-introducer-3__first__heading__des b {
        font-weight: 600;
    }

.w61-introducer-3__first__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-top: 1.5rem;
}

    .w61-introducer-3__first__des > div,
    .w61-introducer-3__first__des > p {
        margin-bottom: .75rem;
    }

    .w61-introducer-3__first__des ul,
    .w61-introducer-3__first__des ol {
        margin-left: 2.5rem;
    }

.w61-introducer-3__first__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.w61-introducer-3__first__bottom__btn {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.6rem;
    border-radius: .2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    transition: all .5s;
    font-weight: 600;
}

.w61-introducer-3__first__bottom__btn__icon {
    margin-right: 1rem;
}

.w61-introducer-3__first__bottom__btn:hover {
    letter-spacing: .1rem;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-introducer-3__second {
    width: 48%;
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-3__second {
        width: 100%;
    }
}

.w61-introducer-3__second__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    z-index: 0;
}

.w61-introducer-3__second__main {
}

.w61-introducer-3__second__main__item {
    height: fit-content;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .w61-introducer-3__second__main__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w61-introducer-3__second__main__item:hover:after {
        animation: key-w61-introducer-3__second__main__item 1.5s;
    }

@keyframes key-w61-introducer-3__second__main__item {
    100% {
        left: 125%;
    }
}

.w61-introducer-3__second__main__item__imgbox {
    background-size: cover;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    border-radius: .3rem;
    transition: 0.5s all ease-in-out;
}

.w61-introducer-3__second__main__item__imgbox__img {
    width: 100%;
}

.w61-introducer-3__second__main__item__imgbox:hover {
    transform: scale(1.05);
}

.w61-introducer-3__second__main__item__name {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: .75rem 1rem .75rem 1.5rem;
    background-color: rgba(0, 0, 0, 0.6117647059);
    font-size: 1.6rem;
    color: #fff;
    z-index: 2;
}

.w61-introducer-3__second__video {
    height: 100%;
}

    .w61-introducer-3__second__video iframe {
        width: 100%;
        height: 100%;
    }

@media only screen and (max-width:62.5rem) {
    .w61-introducer-3__second__video iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w61-introducer-3__second__video iframe {
        max-height: 25rem !important;
    }
}

.w61-introducer-3__second__main__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w61-introducer-3__second__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w61-introducer-3__second__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w61-introducer-4*/
.w61-introducer-4 {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #fff;
}

.w61-introducer-4__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-4__group {
        flex-wrap: wrap;
    }
}


.w61-introducer-4__first {
    width: 48%;
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-4__first {
        width: 100%;
        margin: 0 0 0rem;
    }
}

.w61-introducer-4__first__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-introducer-4__first__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-introducer-4__first__heading__name__bg1 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-4__first__heading__name__bg1 {
        width: 76%;
    }
}

.w61-introducer-4__first__heading__name__bg2 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-4__first__heading__name__bg2 {
        width: 76%;
    }
}

.w61-introducer-4__first__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-introducer-4__first__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
@keyframes key-w61-introducer-4__first__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-introducer-4__first__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-introducer-4__first__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-introducer-4__first__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-introducer-4__first__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-introducer-4__first__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-introducer-4__first__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-introducer-4__first__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-introducer-4__first__heading__des b {
        font-weight: 600;
    }

.w61-introducer-4__first__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-top: 1.5rem;
}

    .w61-introducer-4__first__des > div,
    .w61-introducer-4__first__des > p {
        margin-bottom: .75rem;
    }

    .w61-introducer-4__first__des ul,
    .w61-introducer-4__first__des ol {
        margin-left: 2.5rem;
    }

.w61-introducer-4__first__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.w61-introducer-4__first__bottom__btn {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.6rem;
    border-radius: .2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    transition: all .5s;
    font-weight: 600;
}

.w61-introducer-4__first__bottom__btn__icon {
    margin-right: 1rem;
}

.w61-introducer-4__first__bottom__btn:hover {
    letter-spacing: .1rem;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-introducer-4__second {
    width: 48%;
    margin-left: auto
}

@media only screen and (max-width:62.5rem) {
    .w61-introducer-4__second {
        width: 100%;
        margin: 3rem 0 0;
    }
}

.w61-introducer-4__second__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    z-index: 0;
}

.w61-introducer-4__second__main {
}

.w61-introducer-4__second__main__item {
    height: fit-content;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .w61-introducer-4__second__main__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w61-introducer-4__second__main__item:hover:after {
        animation: key-w61-introducer-4__second__main__item 1.5s;
    }

@keyframes key-w61-introducer-4__second__main__item {
    100% {
        left: 125%;
    }
}

.w61-introducer-4__second__main__item__imgbox {
    background-size: cover;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    border-radius: .3rem;
    transition: 0.5s all ease-in-out;
}

.w61-introducer-4__second__main__item__imgbox__img {
    width: 100%;
}

.w61-introducer-4__second__main__item__imgbox:hover {
    transform: scale(1.05);
}

.w61-introducer-4__second__main__item__name {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: .75rem 1rem .75rem 1.5rem;
    background-color: rgba(0, 0, 0, 0.6117647059);
    font-size: 1.6rem;
    color: #fff;
    z-index: 2;
}

.w61-introducer-4__second__video {
    height: 100%;
}

    .w61-introducer-4__second__video iframe {
        width: 100%;
        height: 100%;
    }

@media only screen and (max-width:62.5rem) {
    .w61-introducer-4__second__video iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w61-introducer-4__second__video iframe {
        max-height: 25rem !important;
    }
}

.w61-introducer-4__second__main__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w61-introducer-4__second__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w61-introducer-4__second__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/
/*w61-partner*/
.w61-partner {
    width: 100%;
    padding: 3rem 1rem 1.5rem;
    background-color: #fff;
}

.w61-partner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w61-partner__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-partner__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-partner__heading__name__bg1 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-partner__heading__name__bg1 {
        width: 76%;
    }
}

.w61-partner__heading__name__bg2 {
    position: absolute;
    width: 89%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-partner__heading__name__bg2 {
        width: 76%;
    }
}

.w61-partner__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-partner__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
@keyframes key-w61-partner__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-partner__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-partner__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-partner__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-partner__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-partner__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-partner__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-partner__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-partner__heading__des b {
        font-weight: 600;
    }

.w61-partner__mains {
    width: 100%;
    margin-top: 2rem;
}

.w61-partner__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
    display: flex;
    align-items: center;
}

.w61-partner__mains__items {
    align-items: center;
    z-index: 0;
}

.w61-partner__mains__items__item.swiper-slide {
    width: calc(10.75% - .2rem);
    margin-right: 2%;
    height: max-content;
    border: solid .1em #f1f1f1;
    overflow: hidden;
    border-radius: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w61-partner__mains__items__item.swiper-slide {
        width: calc(23.5% - .2rem);
    }
}

.w61-partner__mains__items__item__content {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    background: #fff;
    display: flex;
    justify-content: center;
}

.w61-partner__mains__items__item__content__imgbox {
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

    .w61-partner__mains__items__item__content__imgbox:hover {
        transform: scale(1.025);
    }

    .w61-partner__mains__items__item__content__imgbox:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w61-partner__mains__items__item__content__imgbox:hover:after {
        animation: key-w55-testimonial__mains__items__item__content__imgbox 1.5s;
    }

.w61-partner__mains__main__pagination {
    bottom: 0 !important;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w61-partner__group {
        flex-wrap: wrap;
    }

    .w61-partner__first,
    .w61-partner__mains {
        width: 100%;
        margin-left: 0;
    }

    .w61-partner__mains {
        margin-top: 2rem;
    }
}

.w61-partner__mains__main__pagination {
    bottom: 0rem !important;
}

    .w61-partner__mains__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w61-partner__mains__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w61-partner__mains__main__next.swiper-button-next,
.w61-partner__mains__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    background-color: transparent;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    opacity: 1;
}

.w61-partner__mains__main__next:hover,
.w61-partner__mains__main__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-partner__mains__main__next:after,
.w61-partner__mains__main__prev:after {
    display: none;
}
/*ed*/
/*w61-downbar*/
.w61-downbar {
    width: 100%;
    padding: 2rem 1rem;
    background-color: #fff;
}

.w61-downbar__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0;
    position: relative;
}

.w61-downbar__items {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 2rem;
}

    .w61-downbar__items .w61-downbar__items__item {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        font-size: 1.6rem;
        transition: all .5s;
        color: rgba(0,0,0,.4);
        border: .1rem solid #ccc;
        cursor: pointer;
    }

.w61-downbar__items__item:hover {
    transform: scale(1.1);
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w61-footer*/
.w61-footer {
    width: 100%;
    padding: 5rem 1rem 3rem;
    background-color: #f5f5f5;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w61-footer {
        padding: 3rem 1rem 3rem;
    }
}

@media only screen and (max-width:50rem) {
    .w61-footer {
        overflow: hidden;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-footer {
        padding: 1rem 1rem 2rem;
    }
}

.w61-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w61-footer__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items {
    }
}

.w61-footer__items__first {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w61-footer__items__first:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w61-footer__items__first {
        width: 49%;
    }

        .w61-footer__items__first:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__first {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 2rem;
    }
}

.w61-footer__items__first__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    transition: all .5s;
    cursor: pointer;
    position: relative;
}

    .w61-footer__items__first__name:hover {
        letter-spacing: .1rem;
    }

.w61-footer__items__first__childs {
    margin-top: 1rem;
}

.w61-footer__items__first__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    color: #3f3f3f
}

.w61-footer__items__first__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w61-footer__items__first__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__items__first__childs__child__icon {
    font-size: 1.6rem;
    margin-right: .5rem;
}

.w61-footer__items__first__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__first__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__items__first__social {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__first__social {
        overflow: hidden;
        max-height: 0;
        margin-top: 0;
        margin-left: 3rem;
    }

    .w61-footer__items__item__check:checked ~
    .w61-footer__items__first__social {
        max-height: max-content;
        margin-top: 1.5rem;
    }
}

.w61-footer__items__first__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w,1));
    border-radius: 50%;
    color: #fff;
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__first__social__item:hover {
        background: rgba(var(--second-color-w,1));
        color: #fff;
    }

.w61-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
}

.w61-footer__items__first__adv__item {
    margin-top: 1.5rem;
    margin-right: 1rem;
}

.w61-footer__items__first__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__first__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w61-footer__items__first__ma {
    width: 100%;
    padding-top: 1.5rem;
    overflow: hidden;
    color: #fff;
    display: flex;
}

    .w61-footer__items__first__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w61-footer__items__first__logo {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 2rem
}

.w61-footer__items__first__logo__imgbox {
    background-size: contain;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__first__logo__imgbox {
        max-width: 60%;
    }
}

.w61-footer__items__first__heading {
}

.w61-footer__items__first__heading__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 3rem;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__first__heading__name {
        text-align: center;
    }
}

.w61-footer__items__first__heading__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    color: #3f3f3f
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__first__heading__des {
        text-align: center;
    }
}

.w61-footer__items__item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w61-footer__items__item:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w61-footer__items__item {
        width: 49%;
    }

        .w61-footer__items__item:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__item {
        width: 100%;
        margin-right: 0;
        border-bottom: solid .1rem #ebe9e9;
        margin-bottom: 0rem;
        padding: 1rem 0;
    }
}

.w61-footer__items__item__check {
    display: none;
}

.w61-footer__items__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.w61-footer__items__item__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w61-footer__items__item__name__text:hover {
        letter-spacing: .1rem;
    }

.w61-footer__items__item__childs {
    margin-top: 1rem;
}

.w61-footer__items__item__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w61-footer__items__item__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w61-footer__items__item__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__items__item__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w61-footer__items__item__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__items__item__social {
    display: flex;
    margin-top: 2rem;
}


.w61-footer__items__item__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w,1));
    border-radius: 50%;
    color: #fff;
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: .3rem;
}

    .w61-footer__items__item__social__item:hover {
        background: rgba(var(--second-color-w,1));
        color: #fff;
    }

.w61-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
}

.w61-footer__items__item__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w61-footer__items__item__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__item__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w61-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w61-footer__items__item__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

    .w61-footer__items__item__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }


.w61-footer__items__last {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w61-footer__items__last:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w61-footer__items__last {
        width: 49%;
    }

        .w61-footer__items__last:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__last {
        width: 100%;
        margin-left: 0;
        border-bottom: solid .1rem #ebe9e9;
        padding: 1rem 0;
        margin-bottom: 0;
    }
}

.w61-footer__items__last__check {
    display: none;
}

.w61-footer__items__last__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.w61-footer__items__last__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w61-footer__items__last__name__text:hover {
        letter-spacing: .1rem;
    }

.w61-footer__items__last__name__icon {
    display: none;
    position: absolute;
    right: 0;
    height: 100%;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__last__name__icon {
        display: flex;
    }
}

.w61-footer__items__last__name__icon__value {
    position: relative;
    display: flex;
    width: 3rem;
    height: 100%;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .w61-footer__items__last__name__icon__value:before {
        position: absolute;
    }

    .w61-footer__items__last__name__icon__value:after {
        position: absolute;
        content: "\f068" !important;
        transform: rotate(90deg);
        transition: all .5s;
    }

.w61-footer__items__last__check:checked ~
.w61-footer__items__last__name
.w61-footer__items__last__name__icon
.w61-footer__items__last__name__icon__value:after {
    transform: rotate(0deg);
}

.w61-footer__items__last__childs__child {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w61-footer__items__last__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w61-footer__items__last__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__items__last__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__last__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__last__adv {
        overflow: hidden;
        max-height: 0;
        margin-left: 3rem;
    }

    .w61-footer__items__last__check:checked ~
    .w61-footer__items__last__adv {
        max-height: max-content;
    }
}

.w61-footer__items__last__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w61-footer__items__last__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__last__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w61-footer__items__last__social {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__last__social {
        overflow: hidden;
        max-height: 0;
        margin-top: 0;
        margin-left: 3rem;
    }

    .w61-footer__items__last__check:checked ~
    .w61-footer__items__last__social {
        max-height: max-content;
        margin-top: 1.5rem;
    }
}

.w61-footer__items__last__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w,1));
    border-radius: 50%;
    color: #fff;
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__last__social__item:hover {
        background: rgba(var(--second-color-w,1));
        color: #fff;
    }

.w61-footer__items__last__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__last__ma {
        overflow: hidden;
        max-height: 0;
        margin-left: 3rem;
        padding-top: 0;
    }

    .w61-footer__items__last__check:checked ~
    .w61-footer__items__last__ma {
        max-height: max-content;
        padding-top: 2rem;
    }
}

.w61-footer__items__last__ma iframe {
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}

.w61-footer__items__last__childs {
    margin-top: 1rem;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__items__last__childs {
        overflow: hidden;
        max-height: 0;
        margin-top: 0;
        transition: all .5s;
        margin-left: 3rem;
    }

    .w61-footer__items__last__check:checked ~
    .w61-footer__items__last__childs {
        max-height: max-content;
        margin-top: 1.5rem;
    }
}

.w61-footer__items__last__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w61-footer__items__last__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w61-footer__items__last__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__items__last__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w61-footer__items__last__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-footer__bottom {
    display: flex;
    align-items: center;
    margin-top: 0rem;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:43.75rem) {
    .w61-footer__bottom {
        padding-top: 0rem;
        margin-top: 1rem;
    }
}

@-webkit-keyframes key-w61-footer__bottom {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w61-footer__bottom {
    -webkit-animation: key-w61-footer__bottom 3s;
    animation: key-w61-footer__bottom 3s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:75rem) {
    .w61-footer__bottom {
        justify-content: center;
    }
}

.w61-footer__bottom__second {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
    justify-content: center;
}

@media only screen and (max-width:62.5rem) {
    .w61-footer__bottom__second {
        margin: 0 1rem;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.w61-footer__bottom__second__name {
    font-size: 1.4rem;
    margin-right: 1rem;
    line-height: 2.4rem;
    color: #3f3f3f
}

@media only screen and (max-width:37.5rem) {
    .w61-footer__bottom__second__name {
        margin-right: 0rem;
    }
}

.w61-footer__bottom__second__items {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w61-footer__bottom__second__items {
        gap: 1rem;
    }
}

.w61-footer__bottom__second__items__item {
    font-size: 1.4rem;
    border-left: solid .1rem #ccc;
    padding-left: 1rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w61-footer__bottom__second__items__item {
        padding-left: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w61-footer__bottom__second__items__item {
        margin-top: 1rem;
    }
}

.w61-footer__bottom__second__items__item:hover {
    color: rgba(var(--main-color-w), 1);
}

.w61-footer__bottom__second__items__item:first-child {
    border: none;
    padding-left: 0;
}

.w61-footer__bottom__first__item {
    display: flex;
    align-items: center;
    position: relative;
}

.w61-footer__bottom__first__item__check {
    display: none;
}

.w61-footer__bottom__first__item__name {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 3rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    font-weight: 400;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all .5s;
}


.w61-footer__bottom__first__item__name__icon {
    margin-right: 1rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {

    .w61-footer__bottom__first__item__check:checked ~
    .w61-footer__bottom__first__item__name
    .w61-footer__bottom__first__item__name__icon {
        transform: rotate(180deg);
    }
}

.w61-footer__bottom__first__item__name__text {
    z-index: 1;
    position: relative;
}

.w61-footer__bottom__first__item__childs {
    position: absolute;
    transition: all .25s;
    box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
    width: 100%;
    left: 0;
    border-radius: .3rem;
    bottom: 120%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
}

@media only screen and (min-width:75rem) {
    .w61-footer__bottom__first__item:hover
    .w61-footer__bottom__first__item__childs {
        bottom: 140%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:75rem) {

    .w61-footer__bottom__first__item__check:checked ~
    .w61-footer__bottom__first__item__childs {
        bottom: 140%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w61-footer__bottom__first__item__childs__item {
    display: block;
    padding: 1rem 1rem;
    text-align: center;
    cursor: pointer;
}

    .w61-footer__bottom__first__item__childs__item:first-child {
        padding-bottom: 0;
    }

.w61-footer__bottom__first__item__childs__item__name {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w61-footer__bottom__first__item__childs__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }
/*ed*/
/*w61-bloglist*/
.w61-bloglist {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

.w61-bloglist__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
}

.w61-bloglist__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-bloglist__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-bloglist__heading__name__bg1 {
    position: absolute;
    width: 82%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-bloglist__heading__name__bg1 {
        width: 76%;
    }
}

.w61-bloglist__heading__name__bg2 {
    position: absolute;
    width: 82%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-bloglist__heading__name__bg2 {
        width: 76%;
    }
}

.w61-bloglist__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-bloglist__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@keyframes key-w61-bloglist__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-bloglist__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-bloglist__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-bloglist__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-bloglist__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-bloglist__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-bloglist__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-bloglist__heading__des {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-bloglist__heading__des b {
        font-weight: 600;
    }

.w61-bloglist__detail {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w61-bloglist__danhmuc {
    width: 24%;
    margin-top: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w61-bloglist__danhmuc {
        width: 100%;
    }
}

.w61-bloglist__danhmuc__container {
    position: sticky;
    top: 1rem;
}

.w61-bloglist__danhmuc__mains {
    margin: 0;
}

@media only screen and (max-width:62.5rem) {
    .w61-bloglist__danhmuc__mains {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
    }
}

.w61-bloglist__danhmuc__mains__items {
    display: flex;
    padding: 0rem;
    list-style: none;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width:62.5rem) {
    .w61-bloglist__danhmuc__mains__items {
        width: 49%;
        margin-left: 2%;
    }

        .w61-bloglist__danhmuc__mains__items:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w61-bloglist__danhmuc__mains__items {
        width: 100%;
        margin-left: 0;
    }
}

.w61-bloglist__danhmuc__mains__items__name {
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    display: block;
    padding: 1rem 1rem;
    border-radius: .3rem;
    width: 100%;
    border-left: solid .6rem rgba(var(--second-color-w), 1);
}

.w61-bloglist__danhmuc__mains__items__item {
    width: 100%;
    overflow: hidden;
    transition: all 1s;
}

.w61-bloglist__danhmuc__mains__items__item__childs {
    margin-top: 1rem;
    list-style: none;
    display: flex;
    width: 100%;
    align-items: center;
    color: #3f3f3f;
}

.w61-bloglist__danhmuc__mains__items__item__childs__icon {
    margin-right: .5rem;
    font-size: 1.6rem;
    margin-top: .15rem;
}

.w61-bloglist__danhmuc__mains__items__item__childs__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
}

    .w61-bloglist__danhmuc__mains__items__item__childs__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-bloglist__danhmuc__heading {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem;
    border-radius: .3rem;
    margin-top: 1rem;
    border-left: solid .6rem rgba(var(--second-color-w), 1);
}

.w61-bloglist__danhmuc__heading__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

.w61-bloglist__danhmuc__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w61-bloglist__danhmuc__items__item {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
    color: #3f3f3f;
}

    .w61-bloglist__danhmuc__items__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-bloglist__main {
    margin-top: 2rem;
    width: 74%;
    margin-right: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w61-bloglist__main {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }
}

.w61-bloglist__main__items {
    display: flex;
    flex-wrap: wrap;
}

.w61-bloglist__main__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (min-width:50rem) {
    .w61-bloglist__main__items__item:nth-child(2n+1) {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width:50rem) {
    .w61-bloglist__main__items__item {
        flex-direction: row-reverse;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-bloglist__main__items__item {
        flex-direction: column-reverse;
    }
}

.w61-bloglist__main__items__item__first {
    overflow: hidden;
    width: 50%;
    position: relative;
}

@media only screen and (max-width:31.25rem) {
    .w61-bloglist__main__items__item__first {
        width: 100%;
    }
}

.w61-bloglist__main__items__item__first__figure {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w61-bloglist__main__items__item:nth-child(2n+1) .w61-bloglist__main__items__item__first__figure {
    margin-left: 0;
}

.w61-bloglist__main__items__item__first__figure img {
    width: 100%;
}

.w61-bloglist__main__items__item__first__figure:hover {
    transform: scale(1.05);
}

.w61-bloglist__main__items__item__first__figure__date {
    position: absolute;
    z-index: 1;
    background-color: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 0rem;
    top: 1rem;
    left: 1rem;
    justify-content: center;
    color: #333;
}

.w61-bloglist__main__items__item__first__figure__date__text1 {
    font-size: 2rem;
    width: 100%;
    text-align: center;
}

.w61-bloglist__main__items__item__first__figure__date__text2 {
    margin-top: .25rem;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
}

.w61-bloglist__main__items__item__content {
    width: 50%;
    padding: 0rem 2rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:31.25rem) {
    .w61-bloglist__main__items__item__content {
        width: 100%;
        padding: 0;
    }
}

.w61-bloglist__main__items__item__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
    width: 100%;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
}

    .w61-bloglist__main__items__item__name:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:31.25rem) {
    .w61-bloglist__main__items__item__name {
        margin-top: 1rem;
        text-align: left;
    }
}

.w61-bloglist__main__items__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: center;
    width: 100%;
    color: #3f3f3f;
}

@media only screen and (max-width:31.25rem) {
    .w61-bloglist__main__items__item__des {
        text-align: left;
    }
}

.w61-bloglist__main__items__item__btn {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w61-bloglist__main__items__item__btn:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:31.25rem) {
    .w61-bloglist__main__items__item__btn {
        justify-content: left;
    }
}

.w61-bloglist__main__items__item__btn__text {
    font-size: 1.3rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
}

.w61-bloglist__main__items__item__btn__icon {
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: .5rem
}

.w61-bloglist__main__paging {
    margin: 3rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w61-bloglist__main__paging__item {
    list-style-type: none;
    margin: 0 .5rem 0;
}

.w61-bloglist__main__paging__item__text {
    font-size: 1.4rem;
    border: solid .1rem #f1f1f1;
    padding: .5rem 1rem;
    cursor: pointer;
    transition: all .5s;
}

    .w61-bloglist__main__paging__item__text:hover,
    .w61-bloglist__main__paging__item__text.active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }
/*ed*/

/*w61-blogdetail*/
.w61-blogdetail {
    position: relative;
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w61-blogdetail__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w61-blogdetail__main__header {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-blogdetail__main__header__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-blogdetail__main__header__name__bg1 {
    position: absolute;
    width: 82%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-blogdetail__main__header__name__bg1 {
        width: 76%;
    }
}

.w61-blogdetail__main__header__name__bg2 {
    position: absolute;
    width: 82%;
    height: 100%;
    background: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-blogdetail__main__header__name__bg2 {
        width: 76%;
    }
}

.w61-blogdetail__main__header__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-blogdetail__main__header__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
@keyframes key-w61-blogdetail__main__header__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-blogdetail__main__header__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-blogdetail__main__header__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-blogdetail__main__header__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-blogdetail__main__header__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-blogdetail__main__header__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-blogdetail__main__header__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-blogdetail__main__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-blogdetail__main__heading {
        margin-top: 1rem;
    }
}

.w61-blogdetail__main__heading__name {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w61-blogdetail__main__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-blogdetail__main__heading__by {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
}

.w61-blogdetail__main__heading__by__text {
    font-size: 1.4rem;
    color: #A4A4A4;
}

.w61-blogdetail__main__heading__by__imgbox {
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.w61-blogdetail__main__share {
    display: flex;
    margin-top: 5rem;
    border-top: solid .1rem #f1f1f1;
    gap: 2rem;
    justify-content: center;
    padding-top: 5rem;
}

    .w61-blogdetail__main__share .w61-blogdetail__main__share__item {
        font-size: 1.4rem;
        border-radius: 50%;
        background-color: #f1f1f1;
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 3rem;
        height: 3rem;
        cursor: pointer;
        transition: all .5s;
    }

.w61-blogdetail__main__share__item:hover {
    transform: scale(1.1);
}

.w61-blogdetail__main__share__item.bg-face {
    background-color: #365493;
    color: #fff;
}

.w61-blogdetail__main__share__item.bg-twitter {
    background-color: #3CF;
    color: #fff;
}

.w61-blogdetail__main__share__item.bg-email {
    background-color: #F89A1E;
    color: #fff;
}

.w61-blogdetail__main__share__item.bg-pinterest {
    background-color: #CB2027;
    color: #fff;
}

.w61-blogdetail__main__share__item.bg-linked {
    background-color: #0274B3;
    color: #fff;
}

.w61-blogdetail__main__new {
    margin-top: 5rem;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

.w61-blogdetail__main__new__item {
    display: flex;
    align-items: center;
    width: 45%;
    position: relative;
}

    .w61-blogdetail__main__new__item:last-child {
        flex-direction: row-reverse;
    }

.w61-blogdetail__main__new__item__icon {
    width: 2rem;
    height: 2rem;
    font-size: 1.6rem;
    border-radius: 50%;
    border: solid .1rem #000;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: absolute;
    transition: all .5s;
}

    .w61-blogdetail__main__new__item__icon:hover {
        border-color: rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

.w61-blogdetail__main__new__item:last-child .w61-blogdetail__main__new__item__icon {
    margin-left: auto;
}

.w61-blogdetail__main__new__item__box {
    margin-left: 5rem
}

.w61-blogdetail__main__new__item:last-child .w61-blogdetail__main__new__item__box {
    margin-left: 0;
    margin-right: 5rem;
}

.w61-blogdetail__main__new__item__box__heading {
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #BBB;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w61-blogdetail__main__new__item__box__heading {
        color: #000;
    }
}

.w61-blogdetail__main__new__item__box__heading:hover {
    color: rgba(var(--main-color-w), 1);
}

.w61-blogdetail__main__new__item__box__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    margin-top: .5rem;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w61-blogdetail__main__new__item__box__name {
        display: none;
    }
}

.w61-blogdetail__main__new__item__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w61-blogdetail__main__new__center {
    width: 10%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w61-blogdetail__main__new__center__icon {
    font-size: 2rem;
    cursor: pointer;
    color: #BBB;
    transition: all .5s;
}

    .w61-blogdetail__main__new__center__icon:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-blogdetail__main__review {
    margin-top: 5rem;
    border-top: solid .1rem #f1f1f1;
    padding: 0;
}

.w61-blogdetail__main__review__first {
    width: 100%;
    margin-bottom: 2rem;
    padding-top: 3rem;
}

.w61-blogdetail__main__review__first-col {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-top: 2rem;
}

.w61-blogdetail__main__review__first__imgbox {
    width: 10%;
    background-size: contain;
    border-radius: .3rem;
    transition: all .5s;
}

    .w61-blogdetail__main__review__first__imgbox:hover {
        transform: scale(1.05);
    }

.w61-blogdetail__main__review__first__imgbox__img {
    width: 100%;
}

.w61-blogdetail__main__review__first__comment {
    margin-left: 2%;
    width: 88%;
    border: .1rem solid #eee;
    padding: 1rem;
    border-radius: .5rem;
}

.w61-blogdetail__main__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w61-blogdetail__main__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: #2d2a2a;
}

.w61-blogdetail__main__review__first__comment__head__user__date {
    color: #464646;
    margin-top: .5rem;
    font-size: 1.6rem;
}

.w61-blogdetail__main__review__first__comment__star__icon {
    color: #f93;
    font-size: 1.4rem;
}

.w61-blogdetail__main__review__first__comment__text {
    color: #464646;
    margin-top: .5rem;
    text-align: justify;
    line-height: 1.8rem;
    font-size: 1.6rem;
}

.w61-blogdetail__main__review__second {
    width: 100%;
    margin-top: 5rem;
}

    .w61-blogdetail__main__review__second sup {
        color: #ef3636;
        font-size: 1.3rem;
        margin-left: .25rem;
    }

.w61-blogdetail__main__review__second__title {
    font-weight: 600;
    color: #2d2a2a;
    font-size: 2rem;
    text-transform: uppercase;
}

.w61-blogdetail__main__review__second__des {
    font-size: 1.6rem;
    margin-top: 1.5rem;
    color: #464646;
}

.w61-blogdetail__main__review__second__textrate {
    margin-top: 2rem;
    font-size: 1.6rem;
}

.w61-blogdetail__main__review__second__textreview {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    display: flex;
    align-items: flex-end;
    color: #464646;
}

.w61-blogdetail__main__review__second__textarea {
    width: 100%;
    margin-top: 1rem;
    border-radius: 1rem;
    font-size: 1.4rem;
    padding: 1rem;
    outline: none;
    border: solid .1rem rgba(129,129,129,.2);
}

.w61-blogdetail__main__review__second__star {
    display: flex;
    align-items: center;
}

.w61-blogdetail__main__review__second__star__items {
    margin-left: 1rem;
}

.w61-blogdetail__main__review__second__star__items__icon {
    color: darkgray;
}

.w61-blogdetail__main__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    width: 100%;
}

.w61-blogdetail__main__review__second__textform__name {
    width: 48%;
    display: block;
}

.w61-blogdetail__main__review__second__textform__name__info {
    font-weight: 300;
    font-size: 1.6rem;
    display: flex;
    align-items: flex-end;
    color: #464646;
}

.w61-blogdetail__main__review__second__textform__name__input {
    margin-top: 1rem;
    display: inline-block;
    width: 100%;
    padding: .75rem;
    border-radius: 1rem;
    outline: none;
    border: solid .1rem rgba(129,129,129,.2);
}

.w61-blogdetail__main__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: .2rem;
    padding: 1rem 2rem;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
    margin-top: 1.5rem;
}

    .w61-blogdetail__main__review__second__button:hover {
        filter: brightness(0.8);
    }

.w61-blogdetail__main__review__second__check {
    display: flex;
    margin-top: 1.5rem;
    align-items: center;
    cursor: pointer;
}

.w61-blogdetail__main__review__second__check__box {
}

.w61-blogdetail__main__review__second__check__name {
    margin-left: .5rem;
    font-size: 1.6rem;
    color: #464646;
}

.w61-blogdetail__main {
    margin-top: 2rem;
    width: 74%;
    margin-right: 2%;
}

.w61-blogdetail__main__content {
    margin-top: 3rem;
}

.w61-blogdetail__main__content__imgbox {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
}

.w61-blogdetail__main__content__imgbox__img {
    width: 100%;
}

.w61-blogdetail__main__content__imgbox__date {
    position: absolute;
    z-index: 1;
    background: #f1f1f1;
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 0rem;
    top: 1rem;
    left: 1rem;
    justify-content: center;
    color: #333;
}

.w61-blogdetail__main__content__imgbox__date__text1 {
    font-size: 2rem;
    width: 100%;
    text-align: center;
}

.w61-blogdetail__main__content__imgbox__date__text2 {
    margin-top: .25rem;
    font-size: 1.2rem;
    width: 100%;
    text-align: center;
}

.w61-blogdetail__main__content__detail {
    margin-top: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w61-blogdetail__main {
        width: 100%;
        margin-left: 0;
    }
}

.w61-blogdetail__danhmuc {
    width: 24%;
    margin-top: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w61-blogdetail__danhmuc {
        width: 100%;
    }
}
.w61-blogdetail__danhmuc__container{
    position:sticky;
    top:1rem;
}
.w61-blogdetail__danhmuc__mains {
    margin: 0;
}

@media only screen and (max-width:62.5rem) {
    .w61-blogdetail__danhmuc__mains {
        margin-top: 1rem;
        display: flex;
        flex-wrap: wrap;
    }
}

.w61-blogdetail__danhmuc__mains__items {
    display: flex;
    padding: 0rem;
    list-style: none;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width:62.5rem) {
    .w61-blogdetail__danhmuc__mains__items {
        width: 49%;
        margin-left: 2%;
    }

        .w61-blogdetail__danhmuc__mains__items:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w61-blogdetail__danhmuc__mains__items {
        width: 100%;
        margin-left: 0;
    }
}

.w61-blogdetail__danhmuc__mains__items__name {
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    display: block;
    padding: 1rem 1rem;
    border-radius: .3rem;
    width: 100%;
    border-left: solid .6rem rgba(var(--second-color-w), 1);
}

.w61-blogdetail__danhmuc__mains__items__item {
    width: 100%;
    overflow: hidden;
    transition: all 1s;
}

.w61-blogdetail__danhmuc__mains__items__item__childs {
    margin-top: 1rem;
    list-style: none;
    display: flex;
    width: 100%;
    align-items: center;
    color: #3f3f3f;
}

.w61-blogdetail__danhmuc__mains__items__item__childs__icon {
    margin-right: .5rem;
    font-size: 1.6rem;
    margin-top: .15rem;
}

.w61-blogdetail__danhmuc__mains__items__item__childs__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
}

    .w61-blogdetail__danhmuc__mains__items__item__childs__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w61-blogdetail__danhmuc__heading {
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem;
    border-radius: .3rem;
    margin-top: 1rem;
    border-left: solid .6rem rgba(var(--second-color-w), 1);
}

.w61-blogdetail__danhmuc__heading__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    color: #fff;
}

.w61-blogdetail__danhmuc__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w61-blogdetail__danhmuc__items__item {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
    color: #3f3f3f;
}

    .w61-blogdetail__danhmuc__items__item:hover {
        color: rgba(var(--main-color-w), 1);
    }


/*ed*/

/*w61-productdetail*/
.w61-productdetail {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    background-color: #fafafa;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.w61-productdetail__bg {
    background-color: #fff;
    padding-bottom: 2rem;
}

.w61-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w61-productdetail__first {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    align-items:flex-start;
}

.w61-productdetail__first__one {
    width: 39%;
    display: flex;
    flex-wrap: wrap;
}

.w61-productdetail__first__one__childs {
    width: 83%;
    margin-left: 2%;
    overflow: hidden;
    border-radius: .3rem;
}

.w61-productdetail__first__one__mains {
    width: 15%;
    position: relative;
    background-color: #fafafa;
    height: 40rem;
    overflow: scroll;
}

@media only screen and (max-width:75rem) {
    .w61-productdetail__first__one__mains {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w61-productdetail__first__one__mains {
        height: 50rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-productdetail__first__one__mains {
        height: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-productdetail__first__one__mains {
        height: 23rem;
    }
}

.w61-productdetail__first__one__mains::-webkit-scrollbar {
    width: .4rem;
}

.w61-productdetail__first__one__mains::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w61-productdetail__first__one__mains::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w61-productdetail__first__one__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w61-productdetail__first__one__mains .swiper-wrapper {
    transform: unset !important;
}

.w61-productdetail__first__one__childs__items__imgbox {
    background-size: cover;
    height: max-content;
    background-repeat: no-repeat;
    position: relative;
}

.main .w61-productdetail__first__one__childs__items__imgbox img.w61-productdetail__first__one__childs__items__imgbox__img {
    opacity: 1;
}

.w61-productdetail__first__one__mains__imgbox.swiper-slide {
    width: 100%;
    background-size: contain;
    margin-bottom: 1rem;
    height: max-content;
    border-radius: .3rem;
}

.w61-productdetail__first__one__childs__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w61-productdetail__first__one__childs__items__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background-color: rgba(241,241,241,.7);
    }

.w61-productdetail__first__one__childs__items__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-w61-productdetail-zoom 2s infinite ease-in;
    animation: key-w61-productdetail-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-w61-productdetail-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w61-productdetail__first__one__childs__items__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w61-productdetail__first__one__childs__items__imgbox__zoom:hover .w61-productdetail__first__one__childs__items__imgbox__zoom__text {
    display: block;
}

.w61-productdetail__first__one__form {
    margin-top: 2rem;
    background-color: #b90d0d;
    border-radius: .5rem;
    padding: 2rem;
    position: relative;
    color: #fff;
    width: 100%;
}

.w61-productdetail__first__one__form__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w61-productdetail__first__one__form__item__icon {
    font-size: 3rem;
    margin-right: 1rem;
}

.w61-productdetail__first__one__form__item__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w61-productdetail__first__one__form__input {
    margin-top: 2rem;
    position: relative;
    border-radius: .5rem;
    overflow: hidden;
}

.w61-productdetail__first__one__form__input__text {
    width: 100%;
    border: 1px solid #ced4da;
    border-left: 0;
    border-right: 0;
    padding: 0.75rem 1rem;
    font-size: 1.6rem;
    font-family: inherit;
    outline: none;
}

.w61-productdetail__first__one__form__input__btn {
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    font-size: 1.6rem;
    height: 100%;
    padding: 0rem 1.5rem;
    display: flex;
    align-items: center;
    color: #fff;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    text-transform: uppercase;
    font-weight: 600;
}

.w61-productdetail__first__one__support__item {
    display: flex;
    align-items: baseline;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w61-productdetail__first__one__support__item__icon {
    margin-right: 1rem;
    color: #3f3f3f;
    font-weight: normal;
}

.w61-productdetail__first__one__support__item__name {
    color: #3f3f3f;
}
.w61-productdetail__first__two {
    width: 39%;
    padding-left: 2rem;
    padding-right: 2rem;
}

.w61-productdetail__first__two__name {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    line-height: 3rem;
    font-weight: 600;
}

.w61-productdetail__first__two__price {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w61-productdetail__first__two__price__1 {
    color: rgba(var(--second-color-w),1);
    font-size: 2.2rem;
    font-weight: 600;
}
.w61-productdetail__first__two__price__1--hide {
    opacity: 0;
    visibility: hidden;
}
.w61-productdetail__first__two__price__2 {
    text-decoration: line-through;
    font-size: 1.8rem;
    margin-left: 1rem;
    color: #999;
}
.w61-productdetail__first__two__price__2--hide {
    display: none;
}
.w61-productdetail__first__two__rate {
    margin-top: 1rem;
    display: flex;
    justify-content: center;
}

.w61-productdetail__first__two__rate__star {
    color: #efad0d;
    display: inline-block;
    margin-right: .5rem;
    font-size: 1rem;
}

.w61-productdetail__first__two__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
}

    .w61-productdetail__first__two__des table {
        width: 100%;
        border-spacing: 0;
    }

    .w61-productdetail__first__two__des ul, .w61-productdetail__first__two__des ol {
        margin-left: 1rem;
    }

.w61-productdetail__first__one__support {
    background-color: #fafafa;
    border-radius: .3rem;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w61-productdetail__first__two__mau {
    margin-top: 2rem;
}
.w61-productdetail__first__two__mau--hide{
    display:none;
}
.w61-productdetail__first__two__mau__text {
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.w61-productdetail__first__two__mau__text__value {
    margin-left: .5rem;
}

.w61-productdetail__first__two__mau__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w61-productdetail__first__two__mau__items__item {
    width: 15%;
    margin-left: 2%;
    margin-top: 1rem;
    background-color: #dedede;
    position: relative;
    z-index: 0;
    position: relative;
    overflow: hidden;
    display:block !important;
    filter:brightness(1) !important;
    transition:all .5s;
}
.w61-productdetail__first__two__mau__items__item:hover{
    transform:scale(.9);
}
.w61-productdetail__first__two__mau__items__item--hide{
    display:none !important;
}
.w61-productdetail__first__two__mau__items__item--hethang {
    cursor: not-allowed;
}

    .w61-productdetail__first__two__mau__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w61-productdetail__first__two__mau__items__item--hethang {
}

@media only screen and (min-width:37.5rem) {
    .w61-productdetail__first__two__mau__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail__first__two__mau__items__item {
        width: 18.4%;
    }

        .w61-productdetail__first__two__mau__items__item:nth-child(5n+1) {
            margin-left: 0;
        }
}

.w61-productdetail__first__two__mau__items__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: .4rem;
}

.w61-productdetail__first__two__mau__items__item__check {
    display: none;
}

.w61-productdetail__first__two__mau__items__item__label {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.w61-productdetail__first__two__mau__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
    bottom: .5rem;
}

.w61-productdetail__first__two__mau__items__item.active .w61-productdetail__first__two__mau__items__item__label__icon,
.w61-productdetail__first__two__mau__items__item__check:checked ~
.w61-productdetail__first__two__mau__items__item__label
.w61-productdetail__first__two__mau__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w61-productdetail__first__two__mau__items__item.active .w61-productdetail__first__two__mau__items__item__label__icon:before,
    .w61-productdetail__first__two__mau__items__item__check:checked ~
    .w61-productdetail__first__two__mau__items__item__label
    .w61-productdetail__first__two__mau__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w61-productdetail__first__two__mau__items__item__label__text {
    font-size: 1.3rem;
    margin-left: 1rem;
}

.w61-productdetail__first__two__mau__items__item__label__info {
    position: absolute;
    width: max-content;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: .5rem;
    flex-wrap: wrap;
    transition: all .5s;
    top: -6.5rem;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}

.w61-productdetail__first__two__mau__items__item__label:hover .w61-productdetail__first__two__mau__items__item__label__info {
    top: -5.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w61-productdetail__first__two__mau__items__item__label__info__text {
    width: 100%;
    text-align: center;
}

.w61-productdetail__first__two__mau__items__item__label__info__price {
    width: 100%;
    text-align: center;
    margin-top: 0rem;
}

.w61-productdetail__first__two__mau__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w61-productdetail__first__two__size {
    margin-top: 1rem;
}
.w61-productdetail__first__two__size--hide {
    display:none;
}
.w61-productdetail__first__two__size__text {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.w61-productdetail__first__two__size__text__value {
    margin-left: .5rem;
}

.w61-productdetail__first__two__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w61-productdetail__first__two__size__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    background-color: #f1f1f1;
    border-radius: .4rem;
    position: relative;
    padding: 1rem;
    display: block !important;
    position: relative;
    overflow: hidden;
    filter:brightness(1) !important;
    border:solid .1rem rgba(var(--main-color-w), 0);
    transition:all .5s;
}
.w61-productdetail__first__two__size__items__item:hover{
    border-color:rgba(var(--main-color-w), 1);
}
.w61-productdetail__first__two__size__items__item--hethang {
    cursor: not-allowed;
}

.w61-productdetail__first__two__size__items__item--hide {
    display: none !important;
}

.w61-productdetail__first__two__size__items__item--hethang::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    z-index: 2;
}

.w61-productdetail__first__two__size__items__item__check {
    display: none;
}

.w61-productdetail__first__two__size__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.w61-productdetail__first__two__size__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w61-productdetail__first__two__size__items__item.active .w61-productdetail__first__two__size__items__item__label__icon,
.w61-productdetail__first__two__size__items__item__check:checked ~
.w61-productdetail__first__two__size__items__item__label
.w61-productdetail__first__two__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w61-productdetail__first__two__size__items__item.active .w61-productdetail__first__two__size__items__item__label__icon:before,
    .w61-productdetail__first__two__size__items__item__check:checked ~
    .w61-productdetail__first__two__size__items__item__label
    .w61-productdetail__first__two__size__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w61-productdetail__first__two__size__items__item__label__info {
    position: absolute;
    padding: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
    width: max-content;
    justify-content: center;
    text-align: center;
    border-radius: .3rem;
    top: -5.5rem;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}

.w61-productdetail__first__two__size__items__item__label:hover .w61-productdetail__first__two__size__items__item__label__info {
    top: -4.5rem;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.w61-productdetail__first__two__size__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w61-productdetail__first__two__size__items__item__label__text {
    margin-left: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.w61-productdetail__first__two__size__items__item__label__info__price {
    width: 100%;
}

.w61-productdetail__first__two__code {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    justify-content: space-between;
    border-radius: .3rem;
}

.w61-productdetail__first__two__code--hide {
    display: none;
}

.w61-productdetail__first__two__code__first {
    font-size: 1.6rem;
    display: flex;
}

.w61-productdetail__first__two__code__first__name {
    font-weight: 600;
}

.w61-productdetail__first__two__code__first__value {
    margin-left: .75rem;
}

.w61-productdetail__first__two__code__soluong {
    font-size: 1.6rem;
    display: flex;
}

.w61-productdetail__first__two__code__soluong__name {
    font-weight: 600;
}

.w61-productdetail__first__two__code__soluong__value {
    margin-left: .75rem;
}

.w61-productdetail__first__two__cart {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    position: relative;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail__first__two__cart {
        justify-content: center;
    }
}

.w61-productdetail__first__two__cart__minus, .w61-productdetail__first__two__cart__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #999;
}

.w61-productdetail__first__two__cart__minus {
    border-radius: 4rem 0 0 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    width: 3rem;
}

.w61-productdetail__first__two__cart__plus {
    border-radius: 0 4rem 4rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    width: 3rem;
}

.w61-productdetail__first__two__cart__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    height: 4.5rem;
    width: 4.5rem;
    color: #999;
    outline: none;
    text-align: center;
    font-size: 1.6rem;
    font-family: inherit;
}

.w61-productdetail__first__two__cart__btn {
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w), 1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1.25rem;
    margin-left: 2rem;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    align-items: center;
}

.w61-productdetail__first__two__cart__btn__icon {
}

.w61-productdetail__first__two__cart__btn__text {
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail__first__two__cart__btn {
        width: 100%;
        margin: 2rem 0 0;
    }
}

.w61-productdetail__first__two__cart__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
}

.w61-productdetail__first__two__cart__input::-webkit-outer-spin-button,
.w61-productdetail__first__two__cart__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w61-productdetail__first__two__buttons {
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
}

.w61-productdetail__first__two__buttons__item {
    width: 48.5%;
    margin-left: 3%;
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1.25rem 1.25rem;
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w61-productdetail__first__two__buttons__item:hover {
        letter-spacing: .1rem;
    }

    .w61-productdetail__first__two__buttons__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w61-productdetail__first__two__buttons__item--2 {
    background-color: rgba(var(--second-color-w),1);
}

.w61-productdetail__first__two__buttons__item__icon {
    display: inline-block;
    margin-right: .5rem;
}

.w61-productdetail__first__two__buttons__item__name {
    display: inline-block;
}

.w61-productdetail__first__two__buttons__item2 {
    width: 48.5%;
    margin-left: 3%;
    border-radius: .3rem;
    background-color: rgba(var(--second-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1.25rem;
    color: #fff;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w61-productdetail__first__two__buttons__item2:hover {
        letter-spacing: .1rem;
    }

    .w61-productdetail__first__two__buttons__item2:nth-child(2n+1) {
        margin-left: 0;
    }

.w61-productdetail__first__two__buttons__item2__icon {
    display: inline-block;
    margin-right: .5rem;
}

.w61-productdetail__first__two__buttons__item2__name {
    display: inline-block;
}

.w61-productdetail__first__two__btncart {
    width: 100%;
    text-transform: uppercase;
    background-color: red;
    margin: 0;
    display: block;
}

.w61-productdetail__first__bottom {
    margin-top: 2rem;
    padding: 1rem;
    overflow: hidden;
    border-radius: .3rem;
    background-color: #fafafa;
}

.w61-productdetail__first__bottom__itemss {
}

.w61-productdetail__first__bottom__items {
    display: flex;
    width: 100%;
    margin-bottom: 1rem;
    align-items: center;
}

    .w61-productdetail__first__bottom__items:last-child {
        margin-bottom: 0;
    }

.w61-productdetail__first__bottom__items__name {
    font-size: 1.6rem;
    color: #3f3f3f;
    min-width: 5rem;
}

.w61-productdetail__first__bottom__items__des {
    font-size: 1.6rem;
    color: #999;
    margin-left: 1rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.w61-productdetail__first__bottom__items__icons {
    display: flex;
    margin-left: 1rem;
    align-items: center;
    gap: 2rem;
}

.w61-productdetail__first__bottom__items__icons__item {
    font-size: 1.6rem;
    color: #999;
    font-weight: normal;
    transition: all 1s;
    cursor: pointer;
}

    .w61-productdetail__first__bottom__items__icons__item:hover {
        transform: scale(1.4);
        color: rgba(var(--main-color-w), 1);
    }
.w61-productdetail__first__three {
    width: 22%;
}

.w61-productdetail__first__three__danhmuc {
    background-color: #fafafa;
    border-radius: .3rem;
    overflow: hidden;
    width: 100%;
}

.w61-productdetail__first__three__danhmuc__name {
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1.25rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.4rem;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    border-left: solid .6rem rgba(var(--second-color-w),1);
}

.w61-productdetail__first__three__danhmuc__childs {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: .5rem 0;
}

.w61-productdetail__first__three__danhmuc__childs__item {
    width: 100%;
    display: flex;
    padding: .5rem 1rem;
}

    .w61-productdetail__first__three__danhmuc__childs__item:last-child {
    }

.w61-productdetail__first__three__danhmuc__childs__item__info {
    line-height: 2.5rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.w61-productdetail__first__three__danhmuc__childs__item__info__icon {
    font-size: 1.4rem;
    margin-right: .5rem;
}

.w61-productdetail__first__three__danhmuc__childs__item__info__name {
    display: block;
    color: #3f3f3f;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w61-productdetail__first__three__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1.5rem;
    background-color: #fafafa;
    border-radius: .3rem;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
}

.w61-productdetail__first__three__items__name {
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1.25rem;
    color: #fff;
    font-weight: 600;
    line-height: 1.4rem;
    position: relative;
    text-transform: uppercase;
    width: 100%;
    border-left: solid .6rem rgba(var(--second-color-w),1);
}

.w61-productdetail__first__three__items__item {
    width: 100%;
    padding: 1rem;
}

.w61-productdetail__first__three__items__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
}

.w61-productdetail__second {
    border-radius: .5rem;
    background-color: #fff;
    padding: 1rem;
}

.w61-productdetail__second__tabs {
    text-align: center;
    padding: 0;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w61-productdetail__second__tabs {
        overflow: hidden;
    }
}

.w61-productdetail__second__tabs__bg {
    position: absolute;
    left: -50%;
    top: 0;
    height: 100%;
    width: 200%;
    background-color: #f1f1f1;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w61-productdetail__second__tabs__bg {
        left: 0;
        width: 100%;
    }
}

.w61-productdetail__second__tabs__items {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.w61-productdetail__second__tabs__items__item {
    display: inline-block;
    padding: 1rem 0rem 1rem;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 3rem;
    margin: 0rem 1rem;
    text-transform: uppercase;
    color: #999;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail__second__tabs__items__item {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }
}

.w61-productdetail__second__tabs__items__item:hover {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w61-productdetail__second__tabs__items__item {
        padding: 1rem 0rem 1rem;
    }
}

.w61-productdetail__second__tabs__items__item.active,
.w61-productdetail__second__tabs__items__item-active {
    color: rgba(var(--main-color-w),1);
    border-top: .4rem solid rgba(var(--main-color-w),1);
}

.w61-productdetail__second__content {
    margin-top: 2rem;
}

.w61-productdetail .ws-content__light ul,
.w61-productdetail .ws-content__light ol {
    margin-left: 4rem;
    padding: 0;
}

.w61-productdetail__second__face {
    margin-top: 2rem;
    border: .1rem solid #dee2e6;
    border-radius: .5rem;
    width: 100%;
    padding: 1rem;
    position: relative;
}

.w61-productdetail__second__face__button {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w61-productdetail__second__face__comment {
    width: 100%;
    margin-top: 1rem;
    overflow: hidden;
}

    .w61-productdetail__second__face__comment iframe {
        width: 100%;
        overflow: hidden;
    }

.w61-productdetail__first__one__mains .swiper-button-next:after, .w61-productdetail__first__one__mains .swiper-button-prev:after {
    color: #b90d0d;
}

@media only screen and (min-width:75rem) {
}

@media only screen and (max-width:75rem) {

    .w61-productdetail__first__one {
        width: 40%;
    }

    .w61-productdetail__first__two {
        width: 60%;
    }

    .w61-productdetail__first__three {
        width: 100%;
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
    }

    @media only screen and (max-width:50rem) {
        .w61-productdetail__first__three {
            display: none;
        }
    }

    .w61-productdetail__first__three__danhmuc__childs__item {
        width: 48%;
        margin-left: 2%;
    }

        .w61-productdetail__first__three__items__item:nth-column(2n+1),
        .w61-productdetail__first__three__danhmuc__childs__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w61-productdetail__first__three__danhmuc__name--1 {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w61-productdetail__first__one {
        width: 100%;
    }

    .w61-productdetail__first__two {
        width: 100%;
        margin-top: 2rem;
        padding: 0;
    }

    .w61-productdetail__first__three__items__item,
    .w61-productdetail__first__three__danhmuc__childs__item {
        width: 100%;
        margin-left: 0;
    }
}

.w61-productdetail__second__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.w61-productdetail__second__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-productdetail__second__heading__name__bg1 {
    position: absolute;
    width: 82%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail__second__heading__name__bg1 {
        width: 76%;
    }
}

.w61-productdetail__second__heading__name__bg2 {
    position: absolute;
    width: 82%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail__second__heading__name__bg2 {
        width: 76%;
    }
}

.w61-productdetail__second__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-productdetail__second__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}
@keyframes key-w61-productdetail__second__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-productdetail__second__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-productdetail__second__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-productdetail__second__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-productdetail__second__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-productdetail__second__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-productdetail__second__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-productdetail__second__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w61-productdetail__second__heading__des b {
        font-weight: 600;
    }

.w61-productdetail__second__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

.w61-productdetail__second__mains__main {
    display: flex;
    padding-bottom: 1rem;
}

.w61-productdetail__second__mains__main__item.swiper-slide {
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 1rem 0rem;
    height: auto !important;
}

@media only screen and (max-width:75rem) {
    .w61-productdetail__second__mains__main__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w61-productdetail__second__mains__main__item.swiper-slide {
        width: 49%;
    }
}

@media only screen and (max-width:600px) {
    .w61-productdetail__second__mains__main__item.swiper-slide {
        width: 100%;
        margin: 0;
    }
}

.w61-productdetail__second__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 0rem 0rem;
}

.w61-productdetail__second__mains__main__item__content__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 1.5rem;
}

.w61-productdetail__second__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w61-productdetail__second__mains__main__item__content__bottom__name:hover {
        transform: scale(1.05);
    }

.w61-productdetail__second__mains__main__item__content__bottom__des {
    font-size: 1.6rem;
    color: #858585;
    line-height: 2.6rem;
    margin-top: 1rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w61-productdetail__second__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w61-productdetail__second__mains__main__item__content__bottom__rates__item {
    color: #f80;
    font-size: 1.4rem;
    display: inline-block;
}

.w61-productdetail__second__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
}

.w61-productdetail__second__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w61-productdetail__second__mains__main__item__content__top__imgbox--second {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-productdetail__second__mains__main__item__content__top:hover .w61-productdetail__second__mains__main__item__content__top__imgbox--second {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w61-productdetail__second__mains__main__item__content__top__sale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: linear-gradient(-60deg, transparent 12px, rgba(var(--main-color-w), 1) 0) right;
    color: #fff;
    padding: .5rem 1.2rem .5rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem 0 0 .3rem;
    z-index: 2;
}

.w61-productdetail__second__mains__main__item__content__top__button {
    position: absolute;
    z-index: 1;
    transition: all .5s;
    bottom: -4rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-productdetail__second__mains__main__item__content:hover .w61-productdetail__second__mains__main__item__content__top__button {
    z-index: 1;
    visibility: visible;
    bottom: 2rem;
}

.w61-productdetail__second__mains__main__item__content__top__button__items {
    display: flex;
    padding: 1rem 2rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: .5rem;
    gap: 2.75rem;
    color: #fff;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item {
    position: relative;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item__bg {
    content: "";
    width: 0px;
    height: 0px;
    border-left: .65rem solid transparent;
    border-right: .65rem solid transparent;
    border-top: .65rem solid #000;
    position: absolute;
    top: -2rem;
    left: .5rem;
    display: none;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item:hover .w61-productdetail__second__mains__main__item__content__top__button__items__item__bg {
    display: block;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item__icon {
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
}

    .w61-productdetail__second__mains__main__item__content__top__button__items__item__icon:hover {
        color: rgba(var(--second-color-w), 1);
        transform: scale(1.1);
    }

.w61-productdetail__second__mains__main__item__content__top__button__items__item__title {
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    padding: .5rem 1rem;
    position: absolute;
    top: -4.5rem;
    width: 12rem;
    display: none;
    text-align: center;
    position: absolute;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item__title--1 {
    left: -1rem;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item__title--2 {
    left: -6rem;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item__title--3 {
    left: -10.5rem;
}

.w61-productdetail__second__mains__main__item__content__top__button__items__item:hover .w61-productdetail__second__mains__main__item__content__top__button__items__item__title {
    display: block;
}
.w61-productdetail__second__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0;
    border-radius: .3rem;
}

.w61-productdetail__second__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
}

.w61-productdetail__second__mains__main__item__content__price__sub {
    color: #858585;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-right: 1rem;
}

.w61-productdetail__second__mains__pagination {
    bottom: 0 !important;
}

.w61-productdetail__second__mains__next.swiper-button-next,
.w61-productdetail__second__mains__prev.swiper-button-prev {
    margin: 0 0.5rem;
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

@media only screen and (min-width:62.5rem) {
    .w61-productdetail__second__mains__next.swiper-button-next,
    .w61-productdetail__second__mains__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w61-productdetail__second__mains:hover .w61-productdetail__second__mains__next.swiper-button-next,
    .w61-productdetail__second__mains:hover .w61-productdetail__second__mains__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w61-productdetail__second__mains__next:hover,
.w61-productdetail__second__mains__prev:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w61-productdetail__second__mains__next:after,
.w61-productdetail__second__mains__prev:after {
    display: none;
}
/*ed*/
/*w61-productlist-2*/
.w61-productlist-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    position: relative;
    background-color: #fff;
}

.w61-productlist-2__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w61-productlist-2__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-productlist-2__heading__name {
    display: flex;
    align-items: center;
    text-align: center;
    padding: .1rem;
    font-weight: 600;
    color: #fff;
    text-transform: uppercase;
    width: max-content;
    position: relative;
    z-index: 0;
    overflow: hidden;
    padding: 1rem 6rem;
    justify-content: center;
}

.w61-productlist-2__heading__name__bg1 {
    position: absolute;
    width: 82%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    transform: skewX(-35deg);
    z-index: 1;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist-2__heading__name__bg1 {
        width: 76%;
    }
}

.w61-productlist-2__heading__name__bg2 {
    position: absolute;
    width: 82%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    transform: skewX(35deg);
    z-index: 0;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist-2__heading__name__bg2 {
        width: 76%;
    }
}

.w61-productlist-2__heading__name:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 4;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    animation-name: key-w61-productlist-2__heading__name;
    animation-iteration-count: infinite;
    animation-duration: 5s;
}

@keyframes key-w61-productlist-2__heading__name {
    0% {
        left: -85%;
    }

    50% {
        left: 125%;
    }

    100% {
        left: -85%;
    }
}

.w61-productlist-2__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist-2__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-productlist-2__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-productlist-2__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w61-productlist-2__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w61-productlist-2__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w61-productlist-2__heading__des {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    color: #3f3f3f;
    width: 100%;
    position: relative;
}

    .w61-productlist-2__heading__des b {
        font-weight: 600;
    }

.w61-productlist-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w61-productlist-2__mains__main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
}

.w61-productlist-2__mains__main__item {
    width: 23.5%;
    margin-left: 2%;
    background-color: #fff;
    outline: none;
    margin-top: 2rem;
    position: relative;
    outline: none;
    transition: all .5s;
}

@media only screen and (min-width:75rem) {
    .w61-productlist-2__mains__main .w61-productlist-2__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }

    .w61-productlist-2__mains__main.two-item .w61-productlist-2__mains__main__item {
        width: 49%;
    }

        .w61-productlist-2__mains__main.two-item .w61-productlist-2__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w61-productlist-2__mains__main.three-item .w61-productlist-2__mains__main__item {
        width: 32%;
    }

        .w61-productlist-2__mains__main.three-item .w61-productlist-2__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:75rem) {
    .w61-productlist-2__mains__main__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w61-productlist-2__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w61-productlist-2__mains__main__item {
        width: 49%;
    }

        .w61-productlist-2__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist-2__mains__main__item {
        width: 100%;
        margin-left: 0;
    }
}

.w61-productlist-2__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
}

.w61-productlist-2__mains__main__item__content__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 1.5rem;
}

.w61-productlist-2__mains__main__item__content__bottom__attrs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
}

.w61-productlist-2__mains__main__item__content__bottom__attrs__attr {
    display: flex;
    align-items: center;
    color: #858585;
    font-size: 1.5rem;
}

.w61-productlist-2__mains__main__item__content__bottom__attrs__attr__icon {
}

.w61-productlist-2__mains__main__item__content__bottom__attrs__attr__name {
    margin-left: .5rem;
    line-height: 2.4rem;
}

.w61-productlist-2__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

    .w61-productlist-2__mains__main__item__content__bottom__name:hover {
        transform: scale(1.05);
    }

.w61-productlist-2__mains__main__item__content__bottom__des {
    font-size: 1.6rem;
    color: #858585;
    line-height: 2.6rem;
    margin-top: 1rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.w61-productlist-2__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w61-productlist-2__mains__main__item__content__bottom__rates__item {
    color: #f80;
    font-size: 1.4rem;
    display: inline-block;
}

.w61-productlist-2__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    border-radius: .3rem;
    transition: 0.5s all ease-in-out;
}

.w61-productlist-2__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w61-productlist-2__mains__main__item__content__top__imgbox--second {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-productlist-2__mains__main__item__content__top:hover .w61-productlist-2__mains__main__item__content__top__imgbox--second {
    transform: scale(1.05);
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w61-productlist-2__mains__main__item__content__top__sale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: linear-gradient(-60deg, transparent 12px, rgba(var(--main-color-w), 1) 0) right;
    color: #fff;
    padding: .5rem 1.2rem .5rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem 0 0 .3rem;
    z-index: 2;
}

.w61-productlist-2__mains__main__item__content__top__button {
    position: absolute;
    z-index: 1;
    transition: all .5s;
    bottom: -4rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-productlist-2__mains__main__item__content:hover .w61-productlist-2__mains__main__item__content__top__button {
    z-index: 1;
    visibility: visible;
    bottom: 2rem;
}

.w61-productlist-2__mains__main__item__content__top__button__items {
    display: flex;
    padding: 1rem 2rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w61-productlist-2__mains__main__item__content__top__button__items__item {
    position: relative;
    margin-left: 2.75rem;
}

    .w61-productlist-2__mains__main__item__content__top__button__items__item:first-child {
        margin-left: 0;
    }

.w61-productlist-2__mains__main__item__content__top__button__items__item__bg {
    content: "";
    width: 0px;
    height: 0px;
    border-left: .65rem solid transparent;
    border-right: .65rem solid transparent;
    border-top: .65rem solid #000;
    position: absolute;
    top: -2rem;
    left: .5rem;
    display: none;
}

.w61-productlist-2__mains__main__item__content__top__button__items__item:hover .w61-productlist-2__mains__main__item__content__top__button__items__item__bg {
    display: block;
}

.w61-productlist-2__mains__main__item__content__top__button__items__item__icon {
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
}

    .w61-productlist-2__mains__main__item__content__top__button__items__item__icon:hover {
        color: rgba(var(--second-color-w), 1);
        transform: scale(1.1);
    }

.w61-productlist-2__mains__main__item__content__top__button__items__item__title {
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    padding: .5rem 1rem;
    position: absolute;
    top: -4.5rem;
    border-radius: .3rem;
    width: 13rem;
    display: none;
    text-align: center;
    position: absolute;
    text-transform: capitalize;
}

.w61-productlist-2__mains__main__item__content__top__button__items__item__title--1 {
    left: -.75rem;
}

.w61-productlist-2__mains__main__item__content__top__button__items__item__title--2 {
    left: -5.75rem;
}

.w61-productlist-2__mains__main__item__content__top__button__items__item__title--3 {
    left: -10.25rem;
}

.w61-productlist-2__mains__main__item__content__top__button__items__item:hover .w61-productlist-2__mains__main__item__content__top__button__items__item__title {
    display: block;
}
.w61-productlist-2__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
    border-radius: .3rem;
}

.w61-productlist-2__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 700;
}

.w61-productlist-2__mains__main__item__content__price__sub {
    color: #858585;
    font-size: 1.6rem;
    text-decoration: line-through;
}

.w61-productlist-2__bar {
    display: flex;
    width: 100%;
    border-top: .1rem solid rgba(129,129,129,.2);
    padding: 2rem 0rem 0rem;
    margin-top: 2rem;
    align-items: center;
    flex-wrap: wrap;
}

.w61-productlist-2__bar__first {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #3f3f3f;
}

.w61-productlist-2__bar__first__icon {
    font-size: 1.6rem;
    font-weight: 500;
}

.w61-productlist-2__bar__first__text {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 1rem;
}

.w61-productlist-2__bar__second {
    display: flex;
    align-items: center;
    margin-left: auto;
    gap: 3rem;
}

.w61-productlist-2__bar__second__size {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w61-productlist-2__bar__second__size {
        display: none;
    }
}

.w61-productlist-2__bar__second__size__text {
    font-size: 1.4rem;
    font-weight: 500;
    margin-right: 1rem;
}

.w61-productlist-2__bar__second__size__items {
    display: flex;
    gap: 1rem;
}

.w61-productlist-2__bar__second__size__items__item {
    color: #3f3f3f;
    font-size: 1.4rem;
    transition: all .5s;
    border: solid .1rem #fff;
    padding: .25rem;
    cursor: pointer;
}

    .w61-productlist-2__bar__second__size__items__item.active,
    .w61-productlist-2__bar__second__size__items__item:hover {
        border-color: #f1f1f1;
    }

.w61-productlist-2__bar__second__view {
    display: flex;
    gap: 1rem;
}

@media only screen and (max-width:50rem) {
    .w61-productlist-2__bar__second__view {
        display: none;
    }
}

.w61-productlist-2__bar__second__view__item {
    cursor: pointer;
}

    .w61-productlist-2__bar__second__view__item:hover,
    .w61-productlist-2__bar__second__view__item.active {
    }

    .w61-productlist-2__bar__second__view__item svg {
        fill: #3f3f3f;
        opacity: .7;
        transition: all .5s;
        pointer-events: none;
    }

    .w61-productlist-2__bar__second__view__item:hover svg,
    .w61-productlist-2__bar__second__view__item.active svg {
        fill: #000;
        opacity: 1;
    }

.w61-productlist-2__bar__second__sort {
}

.w61-productlist-2__bar__second__sort__select {
    font-size: 1.4rem;
    border: none;
    border-bottom: solid #f1f1f1 .1rem;
    padding: .5rem 1rem;
    outline: none;
    background-color: #fff;
    text-align: center;
}

.w61-productlist-2__bar__second__sort__dropdown {
    margin-left: auto;
    position: relative;
    min-width: 15rem;
}

@media only screen and (max-width:50rem) {
    .w61-productlist-2__bar__second__sort__dropdown {
        width: 100%;
    }
}

.w61-productlist-2__bar__second__sort__dropdown__label {
    background-color: #fff;
    padding: .75rem 1rem;
    border-bottom: .1rem solid rgba(129,129,129,.2);
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #3f3f3f;
}

.w61-productlist-2__bar__second__sort__dropdown:hover .w61-productlist-2__bar__second__sort__dropdown__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
}

.w61-productlist-2__bar__second__sort__dropdown__check:checked ~
.w61-productlist-2__bar__second__sort__dropdown__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
}

.w61-productlist-2__bar__second__sort__dropdown__label__name {
    font-size: 1.4rem;
}

.w61-productlist-2__bar__second__sort__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w61-productlist-2__bar__second__sort__dropdown__check {
    display: none;
}

.w61-productlist-2__bar__second__sort__dropdown__items {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: .1rem solid rgba(129,129,129,.2);
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
}

.w61-productlist-2__bar__second__sort__dropdown__check:checked ~
.w61-productlist-2__bar__second__sort__dropdown__items {
    visibility: visible;
    z-index: 1;
    top: 4rem;
    opacity: 1;
}

.w61-productlist-2__bar__second__sort__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: .1rem solid rgba(129,129,129,.2);
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w61-productlist-2__bar__second__sort__dropdown__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

    .w61-productlist-2__bar__second__sort__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w61-productlist-2__bar__attr {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.w61-productlist-2__bar__attr__item {
    align-items: center;
    display: flex;
    border-radius: .25rem;
    cursor: pointer;
    margin-right: 1.5rem;
    margin-top: .5rem;
    color: #3f3f3f;
    margin-bottom: .5rem;
}

    .w61-productlist-2__bar__attr__item:hover {
        color: red;
    }

@media only screen and (min-width:31.25rem) {
    .w61-productlist-2__bar__attr__item:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist-2__bar__attr__item {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
    }

        .w61-productlist-2__bar__attr__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w61-productlist-2__bar__attr__item__icon {
    font-size: 1.4rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

    .w61-productlist-2__bar__attr__item__icon:before {
        transition: all .5s;
        transform: rotate(45deg);
    }

    .w61-productlist-2__bar__attr__item__icon:after {
        position: absolute;
        content: "\f068";
        transition: all .5s;
        transform: rotate(-45deg);
        font-weight: 500;
    }

.w61-productlist-2__bar__attr__item__name {
    font-size: 1.4rem;
    margin-left: .25rem;
    font-weight: 500;
}

.w61-productlist-2__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w61-productlist-2__paging__item {
    list-style-type: none;
    margin: 1.5rem .5rem;
}

.w61-productlist-2__paging__item__text {
    font-size: 1.4rem;
    border: solid .1rem #f1f1f1;
    padding: .75rem 1rem;
    cursor: pointer;
    transition: all .5s;
    border-radius: .3rem;
}

    .w61-productlist-2__paging__item__text:hover,
    .w61-productlist-2__paging__item__text.active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w61-productlist-2__check {
    display: none;
}

.w61-productlist-2__danhmuc {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    transition: all 1s;
}

.w61-productlist-2__check:checked ~ .w61-productlist-2__danhmuc {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.w61-productlist-2__danhmuc__mains {
    position: absolute;
    width: 35rem;
    left: -35rem;
    z-index: 2;
    height: 100vh;
    transition: all 1s;
    background-color: #fff;
    border-right: solid .1rem #f1f1f1;
    overflow-y: scroll;
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist-2__danhmuc__mains {
        width: 28rem;
        left: -28rem;
    }
}

.w61-productlist-2__danhmuc__mains::-webkit-scrollbar {
    width: .4rem;
}

.w61-productlist-2__danhmuc__mains::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w61-productlist-2__danhmuc__mains::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w61-productlist-2__danhmuc__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w61-productlist-2__check:checked ~ .w61-productlist-2__danhmuc .w61-productlist-2__danhmuc__mains {
    left: 0;
}

.w61-productlist-2__check:checked ~ .w61-productlist-2__bar .w61-productlist-2__bar__first .w61-productlist-2__bar__first__icon:before {
    content: "\f142";
}

.w61-productlist-2__danhmuc__bg {
    background-color: rgba(0,0,0,.75);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.w61-productlist-2__danhmuc__mains__heading {
    display: flex;
    padding: 2.5rem 2rem 2.5rem;
    border-top: solid .1rem #f1f1f1;
}

.w61-productlist-2__danhmuc__mains__heading__close {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-right: 2rem;
}

.w61-productlist-2__danhmuc__mains__heading__close__text {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w61-productlist-2__danhmuc__mains__heading__close__icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    font-size: 1.4rem;
    font-family: "Font Awesome 5 Pro";
    animation: 1s infinite alternate both w61-productlist-2__danhmuc__mains__heading__close__icon__key;
}

    .w61-productlist-2__danhmuc__mains__heading__close__icon:before {
        content: "\f068";
    }

.w61-productlist-2__danhmuc__mains__heading__close:hover .w61-productlist-2__danhmuc__mains__heading__close__icon:before {
    content: "\f00d";
}

@keyframes w61-productlist-2__danhmuc__mains__heading__close__icon__key {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.w61-productlist-2__danhmuc__mains__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w61-productlist-2__danhmuc__mains__main__heading {
    display: flex;
    padding: 2.5rem 2rem 2.5rem;
    border-top: solid .1rem #f1f1f1;
}

.w61-productlist-2__danhmuc__mains__main__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w61-productlist-2__danhmuc__mains__main__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.w61-productlist-2__danhmuc__mains__main__items__item {
    color: #3f3f3f;
    width: 100%;
    font-size: 1.5rem;
    padding: .5rem 0rem;
    cursor: pointer;
    transition: all .25s;
}

    .w61-productlist-2__danhmuc__mains__main__items__item:hover,
    .w61-productlist-2__danhmuc__mains__main__items__item.active {
        color: #000;
        font-weight: 600;
    }

.w61-productlist-2__danhmuc__mains__childs__heading {
    display: flex;
    padding: 2.5rem 2rem 2.5rem;
    border-top: solid .1rem #f1f1f1;
}

.w61-productlist-2__danhmuc__mains__childs__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w61-productlist-2__danhmuc__mains__childs__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.w61-productlist-2__danhmuc__mains__childs__items__item {
    color: #3f3f3f;
    width: 100%;
    font-size: 1.5rem;
    padding: .5rem 0rem;
    cursor: pointer;
    transition: all .25s;
}

    .w61-productlist-2__danhmuc__mains__childs__items__item:hover,
    .w61-productlist-2__danhmuc__mains__childs__items__item.active {
        color: #000;
        font-weight: 600;
    }

.w61-productlist-2__danhmuc__mains__search {
    padding: 0rem 2rem 2rem 2rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w61-productlist-2__danhmuc__mains__search__text {
    width: 100%;
    outline: none;
    border: solid .1rem #f1f1f1;
    background-color: #fff;
    padding: 1rem;
    border-radius: 2rem;
    color: #3f3f3f;
}

.w61-productlist-2__danhmuc__mains__search__btn {
    position: absolute;
    right: 3rem;
    cursor: pointer;
    background: none;
    outline: none;
    border: none;
    transition: all .5s;
}

    .w61-productlist-2__danhmuc__mains__search__btn:hover {
        color: rgba(var(--main-color-w),1);
    }

.w61-productlist-2__danhmuc__mains__search__btn__icon {
    font-size: 1.6rem;
}
/*ed*/
/*w31-ctaregister-1*/
.w31-ctaregister-1 {
    width: 100%;
    padding: 5rem 1rem;
    background-color: white;
}

.w31-ctaregister-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w31-ctaregister-1__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w31-ctaregister-1__items {
        max-height: max-content;
    }
}

.w31-ctaregister-1__items__contact {
    width: 48%;
    padding: 2rem;
    border-radius: 2rem;
    margin-top: 2%;
    margin-bottom: 2%;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w31-ctaregister-1__items__contact {
        width: 100%;
    }
}

.w31-ctaregister-1__items__contact__icon {
    color: white;
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    cursor: pointer;
}

.w31-ctaregister-1__items__contact__heading__main {
    font-weight: 600;
    font-size: 2.4rem;
    text-transform: uppercase;
    line-height: 3.4rem;
    color: white;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w31-ctaregister-1__items__contact__heading__main {
        font-size: 1.8rem;
    }
}

.w31-ctaregister-1__items__contact__heading__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    color: white;
    font-weight: 600;
}

.w31-ctaregister-1__items__contact__heading__des {
    font-size: 1.3rem;
    color: #fad1d1;
    margin-top: 1rem;
    line-height: 1.6rem;
}

.w31-ctaregister-1__items__contact__form__input {
    margin-top: 2rem;
    display: block;
    display: flex;
    background-color: transparent;
    position: relative;
    align-items: center;
}

.w31-ctaregister-1__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    padding: 1.2rem;
    border: 1px solid #eee;
    border-radius: 2rem;
    font-size: 1.5rem;
    color: white;
    background-color: transparent;
    transition: all .5s;
}

    .w31-ctaregister-1__items__contact__form__input__text:focus {
        background-color: rgba(var(--second-color-w),1);
    }

    .w31-ctaregister-1__items__contact__form__input__text::placeholder {
        color: currentColor;
        opacity: 0.9;
    }

.w31-ctaregister-1__items__contact__form__input__icon {
    color: white;
    position: absolute;
    right: 1rem;
}

.w31-ctaregister-1__items__contact__form__text {
    height: 3rem;
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 1px solid #eee;
    font-size: 1.5rem;
    background-color: transparent;
    border-radius: 2rem;
    color: white;
}

    .w31-ctaregister-1__items__contact__form__text::placeholder {
        color: currentColor;
        opacity: 0.9;
    }

.w31-ctaregister-1__items__contact__form__des {
    color: #fff;
    font-weight: 300;
    font-size: 1.4rem;
    margin-top: 2rem;
    display: block;
    text-align: center;
}

.w31-ctaregister-1__items__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    border-radius: 2rem;
}

.w31-ctaregister-1__items__contact__form__vung__checkbox {
    display: none;
}

    .w31-ctaregister-1__items__contact__form__vung__checkbox:checked ~ .w31-ctaregister-1__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 40rem;
        transition: all 0.2s ease;
        overflow: scroll;
    }

.w31-ctaregister-1__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w31-ctaregister-1__items__contact__form__vung__ad__name {
    color: white;
}

.w31-ctaregister-1__items__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
    color: white;
}

.w31-ctaregister-1__items__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 0;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w31-ctaregister-1__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w31-ctaregister-1__items__contact__form__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w31-ctaregister-1__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w31-ctaregister-1__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w31-ctaregister-1__items__contact__button {
    padding: .7rem 3rem;
    display: block;
    font-weight: 600;
    font-size: 1.6rem;
    margin: 2rem auto 0;
    background-size: 200% auto;
    border-radius: 2rem;
    border: none;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: block;
    text-align: center;
    border: .1rem solid white;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
}

    .w31-ctaregister-1__items__contact__button:hover {
        letter-spacing: .1rem;
    }

.w31-ctaregister-1__items__contact__info {
    line-height: 2.6rem;
    display: block;
    margin-top: 2rem;
    color: white;
    font-size: 1.6rem;
    text-align: center;
}

.w31-ctaregister-1__items__first {
    width: 50%;
    display: block;
    overflow: hidden;
    border-radius: 2rem 0 0 2rem;
}

@media only screen and (max-width: 50rem) {
    .w31-ctaregister-1__items__first {
        width: 100%;
        border-radius: 2rem 2rem 0 0;
    }
}

.w31-ctaregister-1__items__first__imgbox {
    background-size: cover;
    background-position: center;
}

    .w31-ctaregister-1__items__first__imgbox img {
        width: 100%;
    }


.w31-ctaregister-1__items__first__imgbox__img {
    width: 100%;
    height: 100%;
}

.w31-ctaregister-1__items__contact__form__item {
    width: 100%;
    margin-top: 2rem;
    display: flex;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w31-ctaregister-1__items__contact__form__item {
        width: 100%;
        margin-left: 0;
    }
}

.w31-ctaregister-1__items__contact__form__item:nth-child(2n+1) {
    margin-left: 0;
}

.w31-ctaregister-1__items__contact__form__item--full {
    width: 100%;
    margin-left: 0;
}

.w31-ctaregister-1__items__contact__form__item__input {
    width: 100%;
    padding: 1.25rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.5rem;
    border-radius: .5rem;
    border: solid .1rem rgba(var(--main-color-w),0);
    transition: all .5s;
    font-family: inherit;
    color: #495057;
}

    .w31-ctaregister-1__items__contact__form__item__input:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--text-color-w),.25);
        border: solid .1rem rgba(var(--text-color-w),1);
    }

.w31-ctaregister-1__items__contact__form__item__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w31-ctaregister-1__items__contact__form__item__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w31-ctaregister-1__items__contact__form__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w31-ctaregister-1__items__contact__form__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w31-ctaregister-1__items__contact__form__item__dropdown {
        width: 100%;
    }
}

.w31-ctaregister-1__items__contact__form__item__dropdown__label {
    background-color: transparent;
    padding: 1.25rem 1rem;
    border-radius: 3rem;
    border: #fff solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w31-ctaregister-1__items__contact__form__item__dropdown__check:checked ~
.w31-ctaregister-1__items__contact__form__item__dropdown__label
.w31-ctaregister-1__items__contact__form__item__dropdown__label__icon:before {
    content: "\f106";
}

.w31-ctaregister-1__items__contact__form__item__dropdown__label__name {
    font-size: 1.4rem;
    color: #fff;
}

.w31-ctaregister-1__items__contact__form__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #fff;
}

.w31-ctaregister-1__items__contact__form__item__dropdown__check {
    display: none;
}

.w31-ctaregister-1__items__contact__form__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 19rem;
}

    .w31-ctaregister-1__items__contact__form__item__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w31-ctaregister-1__items__contact__form__item__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w31-ctaregister-1__items__contact__form__item__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w31-ctaregister-1__items__contact__form__item__dropdown__subs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w31-ctaregister-1__items__contact__form__item__dropdown__check:checked ~
.w31-ctaregister-1__items__contact__form__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w31-ctaregister-1__items__contact__form__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w31-ctaregister-1__items__contact__form__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w31-ctaregister-1__items__contact__form__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/

/*w25-video*/
.w25-video {
    width: 100%;
    padding: 5rem 1rem 1rem;
    position: relative;
    background-color: #fff;
}

.ws1RightMenubox .w25-video {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w25-video {
        justify-content: center;
        overflow: hidden;
    }
}

.w25-video__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w25-video__heading {
    width: 100%;
}

.w25-video__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w25-video__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w25-video__heading__name__text {
        margin: 0;
    }
}

.w25-video__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w25-video__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w25-video__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

@media only screen and (max-width:31.25rem) {
    .w25-video__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w25-video__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w25-video__top {
    margin-top: 2rem;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

    .w25-video__top iframe {
        width: 100%;
        height: 68rem;
        border-radius: .3rem;
    }

@media only screen and (max-width:62.5rem) {
    .w25-video__top iframe {
        height: 54rem;
    }
}

@media only screen and (max-width:50rem) {
    .w25-video__top iframe {
        height: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w25-video__top iframe {
        height: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w25-video__top iframe {
        height: 21rem;
    }
}

.w25-video__mains {
    margin-top: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w25-video__mains__items {
    width: 100%;
}

.w25-video__mains__items__item {
    width: 19.2%;
    margin-right: 1%;
    cursor: pointer;
}

.w25-video__mains__items__item__main {
    background: #fff;
    border-radius: .3rem;
    transition: all .5s;
    overflow: hidden;
}

@media only screen and (max-width:62.5rem) {
    .w25-video__mains__items__item {
        width: 24.25%;
    }

    @media only screen and (max-width:37.5rem) {
        .w25-video__mains__items__item {
            width: 49%;
            margin-right: 2%;
        }
    }
}

.w25-video__mains__items__item__main__head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w25-video__mains__items__item__main__head__first {
    overflow: hidden;
}

.w25-video__mains__items__item__main__name {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    display: block;
    color: rgba(var(--main-color-w),1);
}

.w25-video__mains__items__item__main__head__first__figure {
    background-size: cover;
    transition: all .5s;
}

.w25-video__mains__items__item__main__head__first__figure__img {
    width: 100%;
}

.w25-video__mains__items__item:hover .w25-video__mains__items__item__main__head__first__figure {
    transform: scale(1.05);
}

.w25-video__mains__items__item__main__head__play {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w25-video__mains__items__item__main__head__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w25-video__mains__items__item:hover .w25-video__mains__items__item__main__head__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w25-video__mains__items__item__main__head__play__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w25-video__mains__childs__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w25-video__mains__childs__check {
    display: none;
}

    .w25-video__mains__childs__check:checked ~
    .w25-video__mains__childs__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w25-video__mains__childs__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w25-video__mains__childs__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w25-video__mains__childs__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w25-video__mains__childs__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w25-video__mains__childs__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w25-video__mains__childs__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w25-video__mains__childs__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w25-video__mains__childs__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w25-video__mains__childs__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w25-video__mains__childs__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w25-video__mains__childs__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w25-video__mains__childs__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w25-video__mains__childs__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w25-video__mains__childs__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w25-video__mains__childs__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w25-video__mains__childs__modal__main__box__close:hover {
    background-color: red;
}

.w25-video__mains__childs__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w25-video__mains__childs__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w25-video__mains__childs__modal__main__box__close:hover .w25-video__mains__childs__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w25-video__mains__next.swiper-button-next,
.w25-video__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w25-video__mains__prev {
    left: 1rem;
}

.w25-video__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w25-video__mains__prev {
        left: 1rem;
    }

    .w25-video__mains__next {
        right: 1rem;
    }
}

.w25-video__mains__next:hover,
.w25-video__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w25-video__mains__next:after,
.w25-video__mains__prev:after {
    display: none;
}
/*ed*/
/*w33-ads*/
.w33-ads {
    width: 100%;
    padding: 5rem 1rem 0rem;
    background-color: #f5f5f5;
}

.w33-ads__group {
    max-width: 120rem;
    margin: 0rem auto 0rem;
    position: relative;
    position: relative;
    background-color: #fff;
}


.w33-ads__mains__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.25rem 0;
}

@media only screen and (max-width: 50rem) {
    .w33-ads__mains__heading {
        margin-bottom: .5rem;
    }
}

.w33-ads__mains__heading__text {
    padding: 0 1rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: fit-content;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w33-ads__mains__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w33-ads__mains__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    cursor: pointer;
}

.w33-ads__mains__heading__more__link__text {
    font-size: 1.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w33-ads__mains__heading__more__link__text {
        display: none;
    }
}

@-webkit-keyframes key-w33-ads__tab__second {
    0% {
        transform: translateX(10rem);
    }

    70% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

.w33-ads__mains__heading__more__nav {
    width: 7rem;
    margin-right: 1rem;
    position: relative;
    display: flex;
    z-index: 0;
    align-items: center;
}

.w33-ads__mains__heading__more__nav__next {
    right: initial;
    top: initial;
    height: auto;
    position: relative;
    margin: 0;
    margin-left: 1rem;
    display:flex;
}

    .w33-ads__mains__heading__more__nav__next::after {
        font-size: 2rem;
        top: 0;
        border: 1px solid #e0e0e0;
        padding: 0.3rem 0.8rem;
        color: rgba(var(--main-color-w), 1);
    }

.w33-ads__mains__heading__more__nav__prev {
    left: initial;
    height: auto;
    top: initial;
    position: relative;
    margin: 0;
    z-index: 0;
    display:flex;
}

    .w33-ads__mains__heading__more__nav__prev::after {
        font-size: 2rem;
        top: 0;
        border: 1px solid #e0e0e0;
        padding: 0.3rem 0.8rem;
        color: rgba(var(--main-color-w), 1);
    }

.w33-ads__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

@-webkit-keyframes key-w33-ads__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w33-ads__mains {
    -webkit-animation: key-w33-ads__mains 3s;
    animation: key-w33-ads__mains 3s;
    animation-iteration-count: 1;
}

.w33-ads__mains__main {
    display: flex;
    border-left: solid .1rem #eaeaea;
}

.w33-ads__mains__main__item.swiper-slide {
    width: calc(10% - .1rem);
    position: relative;
    outline: none;
    padding: 0rem 0rem;
    border-right: solid .1rem #eaeaea;
    border-bottom: solid .1rem #eaeaea;
}

@media only screen and (max-width:75rem) {
    .w33-ads__mains__main__item.swiper-slide {
        width: calc(12.5% - .1rem);
    }
}

@media only screen and (max-width:62.5rem) {
    .w33-ads__mains__main__item.swiper-slide {
        width: calc(16.66666% - .1rem);
    }
}

@media only screen and (max-width:50rem) {
    .w33-ads__mains__main__item.swiper-slide {
        width: calc(25% - .1rem);
    }
}

@media only screen and (max-width:37.5rem) {
    .w33-ads__mains__main__item.swiper-slide {
        width: calc(33.33333% - .1rem);
    }
}

.w33-ads__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: .5rem;
}

    .w33-ads__mains__main__item__content:first-child {
        border-bottom: solid .1rem #ddd;
    }

.w33-ads__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    margin-top: .5rem;
}

.w33-ads__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (min-width:31.25rem) {
    .w33-ads__mains__main__item__content__bottom__name {
    }
}

.w33-ads__mains__main__item__content__bottom__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w33-ads__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 0 0;
}

.w33-ads__mains__main__item__content__top__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w33-ads__mains__main__item__content:hover .w33-ads__mains__main__item__content__top__imgbox {
    transform: scale(1.1);
}

.w33-ads__mains__line {
    display: flex;
    align-items: flex-end;
}

.w33-ads__mains__line__1 {
    height: .2rem;
    width: 20%;
    background-color: #0CBABA;
}

@media only screen and (max-width:75rem) {
    .w33-ads__mains__line__1 {
        width: 25%;
    }

    @media only screen and (max-width:37.5rem) {
        .w33-ads__mains__line__1 {
            width: 33.33333%;
        }
    }
}

.w33-ads__mains__line__2 {
    height: .2rem;
    width: 30%;
    background-color: #F2C020;
}

@media only screen and (max-width:75rem) {
    .w33-ads__mains__line__2 {
        width: 25%;
    }

    @media only screen and (max-width:37.5rem) {
        .w33-ads__mains__line__2 {
            width: 33.33333%;
        }
    }
}

.w33-ads__mains__line__3 {
    height: .2rem;
    width: 30%;
    background-color: #F9B9E2;
}

@media only screen and (max-width:75rem) {
    .w33-ads__mains__line__3 {
        width: 25%;
    }

    @media only screen and (max-width:37.5rem) {
        .w33-ads__mains__line__3 {
            width: 33.33333%;
        }
    }
}

.w33-ads__mains__line__4 {
    height: .2rem;
    width: 20%;
    background-color: #0CBABA;
}

@media only screen and (max-width:75rem) {
    .w33-ads__mains__line__4 {
        width: 25%;
    }

    @media only screen and (max-width:37.5rem) {
        .w33-ads__mains__line__4 {
            display: none;
        }
    }
}

/*ed*/

/*w33-service*/
.w33-service {
    width: 100%;
    background-color: #f5f5f5;
    padding: 3rem 1rem;
}

.w33-service__group {
    margin: 0 auto;
    max-width: 120rem;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.105);
    background-color: white;
}

.w33-service__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    padding: 1.25rem 0rem;
}

@media only screen and (max-width: 50rem) {
    .w33-service__items__heading {
        margin-bottom: .5rem;
    }
}

.w33-service__items__heading__text {
    padding: 0 1rem;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 1.6rem;
    line-height: 2.6rem;
    background-color: white;
    width: fit-content;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w33-service__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w33-service__items__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    cursor: pointer;
}

.w33-service__items__heading__more__link__text {
    font-size: 1.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w33-service__items__heading__more__link__text {
        display: none;
    }
}

.w33-service__items__heading__more__nav {
    width: 7rem;
    margin-right: 1rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w33-service__items__heading__more__nav__next {
    right: initial;
    top: initial;
    height: auto;
    position: relative;
    margin: 0;
    margin-left: 1rem
}

    .w33-service__items__heading__more__nav__next::after {
        font-size: 2rem;
        top: 0;
        border: 1px solid #e0e0e0;
        padding: 0.3rem 0.8rem;
        color: rgba(var(--main-color-w), 1);
    }

.w33-service__items__heading__more__nav__prev {
    left: initial;
    height: auto;
    top: initial;
    position: relative;
    margin: 0;
    z-index: 0;
}

    .w33-service__items__heading__more__nav__prev::after {
        font-size: 2rem;
        top: 0;
        border: 1px solid #e0e0e0;
        padding: 0.3rem 0.8rem;
        color: rgba(var(--main-color-w), 1);
    }

.w33-service__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
}

.w33-service__items__item.swiper-slide {
    width: 18%;
    margin: 0 1% 1% 1%;
    cursor: pointer;
    background-color: white;
    height: fit-content;
    padding-bottom: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w33-service__items__item.swiper-slide {
        width: 31.33333333333%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w33-service__items__item.swiper-slide {
        width: 48%;
    }
}

.w33-service__items__item__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: .3rem;
}

.w33-service__items__item__imgbox__img {
    width: 100%;
}

.w33-service__items__item__text {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.6rem;
    width: 100%;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: 1rem;
    transition: all 0.3s ease;
    transition: all .5s;
}

.w33-service__items__item:hover .w33-service__items__item__text {
    color: rgba(var(--second-color-w), 1);
}

/*ed*/
/*w5-testimonial*/
.w5-testimonial {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

.w5-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w5-testimonial__heading {
    width: 100%;
}

.w5-testimonial__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w5-testimonial__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w5-testimonial__heading__name__text {
        margin: 0;
    }
}

.w5-testimonial__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w5-testimonial__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w5-testimonial__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w5-testimonial__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w5-testimonial__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w5-testimonial__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w5-testimonial__mains {
    overflow: hidden;
}

.w5-testimonial__mains__main {
}

.w5-testimonial__mains__main__items {
    margin-top: 3rem;
}

.w5-testimonial__mains__main__items__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w5-testimonial__mains__main__items__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w5-testimonial__mains__main__items__item__first {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 50%;
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w5-testimonial__mains__main__items__item__first {
        width: 100%;
    }
}

.w5-testimonial__mains__main__items__item__first__imgbox {
    min-width: 50%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

    .w5-testimonial__mains__main__items__item__first__imgbox:hover {
        transform: scale(1.05);
    }

.w5-testimonial__mains__main__items__item__first__imgbox {
    width: 100%;
}

.w5-testimonial__mains__main__items__item__first__imgbox__img {
    width: 100%;
}

.w5-testimonial__mains__main__items__item__info {
    width: 45%;
    padding: 1rem 2rem 1rem 2rem;
}

@media only screen and (max-width: 50rem) {
    .w5-testimonial__mains__main__items__item__info {
        width: 42%;
    }
}

@media only screen and (max-width: 50rem) {
    .w5-testimonial__mains__main__items__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
        padding: 1rem 0rem;
    }
}

.w5-testimonial__mains__main__items__item__info__bottoming {
    display: block;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 2.6rem;
    transition: all .5s;
    text-align: center;
}

    .w5-testimonial__mains__main__items__item__info__bottoming:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w5-testimonial__mains__main__items__item__info__imgbox {
    display: inline-block;
    margin-top: 1rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.w5-testimonial__mains__main__items__item__info__imgbox__img {
    width: 100%;
}

.w5-testimonial__mains__main__items__item__info__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.6rem;
}

.w5-testimonial__mains__main__items__item__info__iconlink {
    display: flex;
}

.w5-testimonial__mains__main__items__item__info__iconlink__icon {
    margin-top: 1rem;
    color: #303030;
    font-size: 1.6rem;
    cursor: pointer;
    margin-right: 1rem;
}

.w5-testimonial__mains__main__items__item__info__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7rem 2rem;
    display: inline-block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bolder;
    border-radius: 2rem;
    margin: 0 auto;
    margin-top: 2rem;
    margin-left: auto;
    float: right;
    width: max-content;
    cursor: pointer;
    border: 1px solid white;
    transition: all 0.2s ease;
}

    .w5-testimonial__mains__main__items__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w5-testimonial__mains__main__items__item__info__bottom {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.w5-testimonial__mains__main__items__item__info__bottom__btn {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: flex;
    transition: all 0.5s;
    width: max-content;
    display: flex;
    align-items: center;
    transition: all .25s;
}


.w5-testimonial__mains__main__items__item__info__bottom__btn__text {
    margin-left: .5rem;
}

.w5-testimonial__mains__main__items__item__info__bottom__btn__icon {
}

.w5-testimonial__mains__pagination {
    bottom: 1.5rem !important;
    z-index: 1;
}

    .w5-testimonial__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w5-testimonial__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/

/*w12-article-9*/
.w12-article-9 {
    display: block;
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w12-article-9__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w12-article-9__heading {
    text-align: center;
    width: 100%;
}

.w12-article-9__heading__title {
    font-size: 3rem;
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w12-article-9__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w12-article-9__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w12-article-9__mains__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items:flex-start;
}

.w12-article-9__mains__items__item {
    margin-bottom: 3em;
    position: relative;
    overflow: hidden;
    width: 23.5%;
    margin-left: 2%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    z-index: 0;
    justify-content: center;
    align-items:flex-start;
}

.w12-article-9__mains__items__item__top {
    position: relative;
    z-index: 0;
    width: 100%;
    overflow: hidden;
}

.w12-article-9__mains__items__item__top__link {
    display: block;
    cursor: pointer;
    overflow: hidden;
}

.w12-article-9__mains__items__item__top__link__imgbox:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w12-article-9__mains__items__item__top__link__imgbox:hover {
    transform: scale(1.05);
}

    .w12-article-9__mains__items__item__top__link__imgbox:hover:after {
        animation: key-w12-article-9__mains__items__item 1.5s;
    }

@keyframes key-w12-article-9__mains__items__item {
    100% {
        left: 125%;
    }
}

@media only screen and (min-width:62.5rem) {
    .w12-article-9__mains__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w12-article-9__mains__items__item {
        width: 49%;
        margin-bottom: 2rem;
    }

        .w12-article-9__mains__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w12-article-9__mains__items__item__top__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all .5s;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
    z-index: 1;
}

.w12-article-9__mains__items__item__top__main {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding: 1.5rem;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.w12-article-9__mains__items__item__top__main__bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(to bottom, transparent 0%, rgba(0,0,0,0.7) 100%);
    transition: all .5s;
}

.w12-article-9__mains__items__item__top__main__content {
    position: relative;
    z-index: 2;
}

.w12-article-9__mains__items__item__top__main__content__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w12-article-9__mains__items__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    cursor: pointer;
    margin-top: 1rem;
    width: 100%;
    transition: all .5s;
}

    .w12-article-9__mains__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w12-article-9__mains__items__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w12-article-9__mains__items__item__time {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    color: #888;
}

.w12-article-9__mains__items__item__time__icon {
    font-size: 1.4rem;
}

.w12-article-9__mains__items__item__time__hour {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w12-article-9__bottom {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    align-items: center;
    width: 100%;
}

.w12-article-9__bottom__btn {
    display: flex;
    padding: .75rem 2rem;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    border-radius: 3rem;
    font-weight: 600;
    cursor: pointer;
}

    .w12-article-9__bottom__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w12-article-9__bottom__btn__text {
    font-size: 1.6rem;
}

.w12-article-9__bottom__btn__icon {
    margin-left: .5rem;
    font-size: 1.6rem;
}
/*ed*/
/*w3-header*/
.w3-header {
    width: 100%;
    background-color: #fff;
    position: relative;
    padding: 2.8rem 1rem 2.8rem;
}

@media only screen and (max-width:50rem) {
    .w3-header {
        padding: 1rem 1rem;
    }
}

.w3-header__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    transition: all .5s;
    position: relative;
}

@-webkit-keyframes key-w3-header__group {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w3-header__group {
    -webkit-animation: key-w3-header__group 1s;
    animation: key-w3-header__group 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

.w3-header__ckmobile {
    display: none;
}

.w3-header__first {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
    width: 80%;
}

@media only screen and (max-width:50rem) {
    .w3-header__first {
        width: 100%;
    }
}

.w3-header__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
    max-height: 10rem;
}

.w3-header__first__imgbox__img {
    max-height: 10rem !important;
}

@media only screen and (max-width:50rem) {
    .w3-header__first__imgbox {
        width: auto;
        max-height: 9rem;
        overflow: hidden;
    }

    .w3-header__first__imgbox__img {
        max-height: 9rem !important;
    }
}

@media only screen and (max-width:37.5rem) {
    .w3-header__first__imgbox {
        max-width: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w3-header__first__imgbox {
        max-width: 20rem;
    }
}

@media only screen and (max-width:25rem) {
    .w3-header__first__imgbox {
        max-width: 15rem;
    }
}

.w3-header__first__imgbox:hover {
    transform: scale(1.1);
}

.w3-header__first__search {
    width: 54%;
    margin: 0 auto;
    display: flex;
    border: solid .1rem rgba(var(--main-color-w),1);
    position: relative;
    border-radius: 4rem;
    padding: 1.1rem 1.5rem;
    align-items: center;
    background-color: #fff;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w3-header__first__search {
        margin: 0;
        padding-left: .5rem;
        padding-right: .5rem;
        width: 100%;
        background-color: #f5f5f5;
        padding: .5rem;
        border: 0;
        border-radius: 0;
        transition: all .25s;
        position: absolute;
        bottom: -9rem;
        visibility: hidden;
        opacity: 0;
        border-radius: .3rem;
        z-index: -1;
    }

    .w3-header__ckmobile:checked ~
    .w3-header__first
    .w3-header__first__search {
        bottom: -5.4rem;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w3-header__ckmobile:checked ~
    .w3-header__first
    .w3-header__first__search {
    }
}

@media only screen and (max-width:31.25rem) {
    .w3-header__ckmobile:checked ~
    .w3-header__first
    .w3-header__first__search {
    }
}

@media only screen and (max-width:25rem) {
    .w3-header__ckmobile:checked ~
    .w3-header__first
    .w3-header__first__search {
    }
}

.w3-header__first__search__ck {
    display: none;
}

.w3-header__first__search__menu {
    display: flex;
    background-color: transparent;
    margin-right: 5rem;
    margin-left: auto;
}

.w3-header__first__search__menu__name {
    display: flex;
    align-items: center;
    cursor: pointer;
    gap: 0 .5rem;
}

@media only screen and (max-width:50rem) {
    .w3-header__first__search__menu__name {
        display: none;
    }
}

.w3-header__first__search__ck:checked ~
.w3-header__first__search__menu
.w3-header__first__search__menu__name {
    font-weight: 600;
}

.w3-header__first__search__menu__name__icon {
    font-size: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w3-header__first__search__menu__name__icon:before {
        content: "\f0c9";
    }
}

.w3-header__first__search__menu__name__text {
    font-size: 1.5rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

@media only screen and (max-width:62.5rem) {
    .w3-header__first__search__menu__name__text {
        display: none;
    }
}

.w3-header__first__search__items {
    position: absolute;
    top: 6rem;
    right: 4.5rem;
    width: 88%;
    border-radius: .5rem;
    background-color: #fff;
    border: 0.1rem solid rgba(0,0,0,.15);
    transition: all .5s;
    overflow: hidden;
    opacity: 0;
    z-index: -1;
    flex-wrap: wrap;
    border-radius: .5rem .5rem;
    padding: .5rem 0rem .5rem;
    visibility: hidden;
    display: flex;
    overflow: initial;
    max-height: 60vh;
    overflow: scroll;
}

@media only screen and (max-width:62.5rem) {
    .w3-header__first__search__items {
        display: none;
    }
}

.w3-header__first__search__items::-webkit-scrollbar {
    width: .4rem;
}

.w3-header__first__search__items::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w3-header__first__search__items::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w3-header__first__search__items::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

@media only screen and (max-width:50rem) {
    .w3-header__first__search__items {
        width: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w3-header__first__search__items {
        width: 25rem;
    }
}

.w3-header__first__search__ck:checked ~ .w3-header__first__search__items {
    z-index: 2;
    opacity: 1;
    top: 4.5rem;
    visibility: visible;
}

.w3-header__first__search__items__item {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    transition: all .5s;
}

.w3-header__first__search__items__item__name {
    font-size: 1.3rem;
    text-transform: capitalize;
    width: 100%;
    padding: .5rem 1.5rem;
    cursor: pointer;
}

    .w3-header__first__search__items__item__name:hover {
        background-color: #f8f9fa;
    }

.w3-header__first__search__items__item__caret {
    font-size: 1.6rem;
    margin-left: auto;
    display: none;
}

.w3-header__first__search__items__item__childs {
    width: 100%;
}

@media only screen and (max-width:31.25rem) {
    .w3-header__first__search__items__item__childs {
        position: relative;
        top: auto;
        left: auto;
        visibility: visible;
        margin-top: 1rem;
    }
}

.w3-header__first__search__items__item__childs__child {
    display: flex;
    align-items: center;
    transition: all .5s;
    width: 100%;
    padding: .5rem 1rem 1rem 3rem;
}

    .w3-header__first__search__items__item__childs__child:hover {
        background-color: #f8f9fa;
    }

    .w3-header__first__search__items__item__childs__child:last-child {
        border-bottom: none;
    }

.w3-header__first__search__items__item__childs__child__icon {
    font-size: 1.3rem;
}

.w3-header__first__search__items__item__childs__child__name {
    font-size: 1.3rem;
    cursor: pointer;
    margin-left: .5rem;
}

.w3-header__first__search__items__item__childs__child--child {
}

.w3-header__first__search__items__item__childs__child--parent {
    background-color: #f1f1f1;
}

.w3-header__first__search__input {
    background-color: transparent;
    border: none;
    border-radius: 0;
    box-sizing: border-box;
    color: #333;
    font-size: 1.3rem;
    outline: none;
    transition: color .3s,border .3s,background .3s,opacity .3s;
    vertical-align: middle;
    width: 60%;
    font-family: inherit;
}

@media only screen and (max-width:50rem) {
    .w3-header__first__search__input {
        padding: 1rem 1rem 1rem .5rem;
        width: 97%;
    }
}

.w3-header__first__search__btn {
    position: absolute;
    right: 0rem;
    top: 0rem;
    width: 5rem;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 0 4rem 4rem 0;
    border: none;
    z-index: 1;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    color: rgba(55,55,55,.95);
    justify-content: center;
    font-size: 1rem;
    font-family: inherit;
    color: #fff;
}

    .w3-header__first__search__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:62.5rem) {
    .w3-header__first__search__btn {
        width: 3.2rem;
        height: 3.2rem;
    }
}

@media only screen and (max-width:50rem) {
    .w3-header__first__search__btn {
        padding: 1.9rem 2rem;
        justify-content: center;
        align-items: center;
        border-radius: .3rem;
        top: .5rem;
        right: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }
}

.w3-header__first__search__btn__icon {
    font-size: 1.8rem;
    font-weight: 600;
}

.w3-header__second {
    margin-left: auto;
    display: flex;
    min-height: 1rem;
    align-items: center;
    justify-content: center;
    gap: 0 1rem;
}

@media only screen and (max-width:50rem) {
    .w3-header__second {
        position: absolute;
        right: 1rem;
        margin-right: 0;
        top: 3.5rem;
    }
}

@media only screen and (max-width:51.25rem) {
    .w3-header__second {
        margin-right: 0rem;
        top: initial;
    }
}

@media only screen and (min-width:51.25rem) {
    .w3-header__second {
        margin-right: 3rem;
    }
}

.w3-header__second__first {
    display: flex;
    gap: 0 1.5rem;
    margin-right: .5rem;
}

@media only screen and (max-width:50rem) {
    .w3-header__second__first {
        display: none;
    }
}

.w3-header__second__first__item {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
}

    .w3-header__second__first__item:hover {
        transform: scale(1.3);
        color: rgba(var(--second-color-w),1);
    }

.w3-header__second__two {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:25rem) {
    .w3-header__second__two {
        gap: 0 2rem;
    }
}

.w3-header__second__two__text {
    font-size: 1.4rem;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: relative;
    z-index: 0;
}

.w3-header__second__two__text__value {
    font-weight: 600;
}

.w3-header__second__two__text__name {
    top: -1rem;
    right: -1rem;
    position: absolute;
    z-index: 0;
}

.w3-header__second__two__cart {
    position: relative;
    transition: all .5s;
    cursor: pointer;
    margin-right: 1.5rem;
}

    .w3-header__second__two__cart.active {
        transition: all 1.5s;
        -webkit-animation: key-w3-header__second__two__cart 1.5s;
        animation: key-w3-header__second__two__cart 1.5s;
        animation-iteration-count: 1;
    }

@-webkit-keyframes key-w3-header__second__two__cart {
    0% {
        transform: translateY(50vh) scale(3);
    }

    100% {
        transform: translateY(0rem) scale(1);
    }
}

.w3-header__second__two__cart__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w3-header__second__two__cart.active .w3-header__second__two__cart__icon {
    color: rgba(var(--second-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w3-header__second__two__cart__icon {
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:50rem) {
    .w3-header__second__two:hover .w3-header__second__two__cart {
        transform: scale(1.3);
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:50rem) {
    .w3-header__second__two__check:checked ~ .w3-header__second__two__cart {
        transform: scale(1.2);
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:31.25rem) {
    .w3-header__second__two__cart__icon {
        font-size: 1.8rem;
    }
}

.w3-header__second__two__cart__count {
    position: absolute;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    top: -1rem;
    right: -1rem;
}

.w3-header__second__two__check {
    display: none;
}

.w3-header__second__two__list {
    width: 30rem;
    position: absolute;
    z-index: 3;
    top: 9rem;
    right: 0rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    box-shadow: .1rem .1rem 1rem rgba(0,0,0,.15);
    background-color: #fff;
    border: .2rem solid #ddd;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

@media only screen and (max-width:50rem) {
    .w3-header__second__two__list {
        top: 4rem;
    }

    .w3-header__second__two__check:checked ~ .w3-header__second__two__list {
        z-index: 4;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (min-width:50rem) {
    .w3-header__second__two:hover .w3-header__second__two__list {
        z-index: 4;
        opacity: 1;
        visibility: visible;
    }
}

.w3-header__second__two__list__heading {
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w3-header__second__two__list__heading__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
}

.w3-header__second__two__list__heading__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    font-weight: 500;
    margin-left: 1rem;
}

.w3-header__second__two__list__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-height: 30vh;
    overflow-y: scroll;
}

.w3-header__second__two__list__items__item {
    display: flex;
    gap: 1rem;
    border-bottom: solid .1rem #f1f1f1;
    padding: 1rem;
    align-items: flex-start;
}

    .w3-header__second__two__list__items__item:last-child {
        border-bottom: none;
    }

.w3-header__second__two__list__items__item__figure {
    width: 30%;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w3-header__second__two__list__items__item__figure:hover {
        transform: scale(1.1);
    }

.w3-header__second__two__list__items__item__content {
    display: flex;
    gap: 0rem 1rem;
    flex-wrap: wrap;
}

.w3-header__second__two__list__items__item__content__name {
    width: 100%;
    font-size: 1.4rem;
    transition: all .5s;
    font-weight: 600;
}

    .w3-header__second__two__list__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w3-header__second__two__list__items__item__content__action {
    display: flex;
    align-items: center;
    width: 100%;
}

.w3-header__second__two__list__items__item__content__action__quantity {
    font-size: 1.3rem;
}

.w3-header__second__two__list__items__item__content__action__x {
    font-size: 1.3rem;
}

.w3-header__second__two__list__items__item__content__action__price {
    color: rgba(var(--main-color-w),1);
    font-size: 1.3rem;
    font-weight: 600;
}

.w3-header__second__two__list__items__item__content__action__delete {
    margin-left: auto;
    font-size: 1.4rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

    .w3-header__second__two__list__items__item__content__action__delete:hover {
        transform: scale(1.2);
    }

.w3-header__second__two__list__bottom {
    width: 100%;
    border-top: solid .1rem #f1f1f1;
}

.w3-header__second__two__list__bottom__total {
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.w3-header__second__two__list__bottom__total__text1 {
    font-size: 1.4rem;
    font-weight: 700;
}

.w3-header__second__two__list__bottom__total__text2 {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 700;
}

.w3-header__second__two__list__bottom__btn {
    width: 100%;
    text-align: center;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 1rem;
    transition: all .5s;
}

    .w3-header__second__two__list__bottom__btn:hover {
        transform: scale(1.025);
    }

@media only screen and (max-width:25rem) {
    .w3-header__first__search__items__item {
        flex-wrap: wrap;
    }

    .w3-header__first__search__items__item__caret:before {
        content: "\f107" !important;
    }
}

.w3-header__second__two__search {
    display: none;
}

.w3-header__second__two__search__icon {
    font-size: 1.8rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

.w3-header__ckmobile:checked ~
.w3-header__second
.w3-header__second__two
.w3-header__second__two__search
.w3-header__second__two__search__icon {
    color: red;
}

    .w3-header__ckmobile:checked ~
    .w3-header__second
    .w3-header__second__two
    .w3-header__second__two__search
    .w3-header__second__two__search__icon:before {
        content: "\f00d" !important;
    }

@media only screen and (max-width:50rem) {
    .w3-header__second__two__search {
        display: block;
        margin-right: 1.5rem;
    }
}
/*ed*/
/*w16-menu*/
.w16-menu {
    width: 100%;
    position: relative;
    z-index:2;
    padding: 0rem 1rem;
    background-color: rgba(var(--main-color-w),1);
}

@-webkit-keyframes key-w16-menu {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu.in {
        -webkit-animation: key-w16-menu 1s;
        animation: key-w16-menu 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu {
        padding: 0;
    }
}

.w16-menu__check {
    display: none;
}

.w16-menu__label {
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1.5rem 2rem;
    display: none;
    transition: all .5s;
}

.w16-menu.ws1TransApply .w16-menu__label {
    background: none;
    background-color: transparent;
}

.w16-menu.ws1TransApply
.w16-menu__check:checked ~
.w16-menu__label {
    background: linear-gradient(180deg,rgba(var(--main-color-w),1) 0%,#000000 100%);
}

@media only screen and (max-width:75rem) {
    .w16-menu__label {
        display: flex;
    }
}

.w16-menu__label__logo__imgbox {
    background-size: contain;
    max-height: 5rem;
    background-repeat: no-repeat;
}

@media only screen and (max-width:31.25rem) {
    .w16-menu__label__logo__imgbox {
        max-height: 5rem !important;
    }
}

.w16-menu__label__logo__imgbox__img {
    max-height: 5rem !important;
}

.w16-menu__label__main {
    display: flex;
    margin-left: auto;
    align-items: center;
}

.w16-menu__label__main__item {
    margin-left: 2.5rem;
    position: relative;
    height: 3rem;
    width: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w16-menu__label__main__item {
    }
}

.w16-menu__label__main__item__count {
    position: absolute;
    top: -1rem;
    right: -1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    width: 1.4rem;
    height: 1.4rem;
    justify-content: center;
    align-items: center;
}

.w16-menu__label__main__item:first-child {
    margin-left: 0;
}

.w16-menu__label__main__item__icon {
    font-size: 2.4rem;
    font-weight: normal;
    cursor: pointer;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w16-menu__label__main__item__icon {
        font-size: 2rem;
    }

    .w16-menu__check:checked ~
    .w16-menu__label
    .w16-menu__label__main
    .w16-menu__label__main__item--menu
    .w16-menu__label__main__item__icon:before {
        content: "\f141";
    }
}

.w16-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 120rem;
    flex-wrap: wrap;
}

@media only screen and (min-width:75rem) {
    .w16-menu__group--second {
        margin-top: .5rem;
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu__group--second {
        margin: 0;
        width: 100%;
        background-color: #fff;
        overflow: hidden;
        position: absolute;
        z-index: 9;
        transition: all .6s;
        display: block;
        top: 100%;
        height: 0;
    }

    .w16-menu__check:checked ~ .w16-menu__group--second {
        overflow-y: scroll;
        height: 80vh;
    }

    .w16-menu__group--second::-webkit-scrollbar {
        width: .1rem;
    }

    .w16-menu__group--second::-webkit-scrollbar-track {
        border-radius: .1rem;
    }

    .w16-menu__group--second::-webkit-scrollbar-thumb {
        border-radius: .1rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w16-menu__group--second::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w16-menu__first {
    width: max-content;
}

@media only screen and (max-width:75rem) {
    .w16-menu__first {
        display: none;
    }
}

.w16-menu__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    max-height: 7rem;
}

.w16-menu__first__imgbox__img {
    max-height: 8rem !important;
}

.w16-menu__third {
    display: flex;
    margin-right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w16-menu__third {
        display: none;
    }
}

.w16-menu__third__items__item {
    font-size: 1.65rem;
    margin-left: 3rem;
    transition: all .5s;
    color: rgba(255,255,255,.8);
    cursor: pointer;
}

.w16-menu__third__items__item__icon {
}

.w16-menu__third__items__item:hover {
    color: rgba(255,255,255,1);
    transform: scale(1.05);
}
.w16-menu__second {
    transition: all .5s;
    position: relative;
    margin-left: auto;
}

@media only screen and (min-width:75rem) {
    .w16-menu__second {
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu__second {
        width: 100%;
        margin-left: 0;
        padding: 0rem 0rem;
    }
}

.w16-menu__second__items {
    display: flex !important;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items {
        width: 100%;
    }
}

.w16-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item {
        width: 100%;
    }

        .w16-menu__second__items__item:first-child
        .w16-menu__second__items__item__main {
            border-top: none;
        }
}

.w16-menu__second__items__item__check {
    display: none;
}

.w16-menu__second__items__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__main {
        transition: .5s;
    }

    .w16-menu__second__items__item:hover
    .w16-menu__second__items__item__main__name {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__main {
        padding: 0;
    }

    .w16-menu__second__items__item__check:checked ~
    .w16-menu__second__items__item__main {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }
}

.w16-menu__second__items__item__main__name {
    font-size: 1.5rem;
    padding: 2.5rem 2rem 2.5rem 2rem;
    color: #fff;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__main__name {
        text-transform: capitalize;
        transition: all .5s;
        padding: 1.25rem 3rem 1.25rem 1rem;
        font-family: inherit;
        color: inherit;
        font-size: 1.6rem;
        width: 100%;
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__main__name {
        transition: all .5s;
    }
}

.w16-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none !important;
    color: rgba(var(--main-color-w),1);
}

.w16-menu__second__items__item__main__icon2 {
    font-size: 1.2rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

.w16-menu__second__items__item__main__icon2__value {
    font-weight: 300;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__main__icon2 {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
        position: absolute;
        cursor: pointer;
        right: 0rem;
        width: 3rem;
        height: 100%;
    }

        .w16-menu__second__items__item__main__icon2:before {
            transition: all .5s;
            position: absolute;
        }

    .w16-menu__second__items__item__check:checked ~
    .w16-menu__second__items__item__main
    .w16-menu__second__items__item__main__icon2 {
        transform: rotate(180deg);
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .w16-menu__second__items__item__main:hover
    .w16-menu__second__items__item__main__icon2 {
    }
}

.w16-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        z-index: 2;
        width: 100%;
        transition: all .3s;
    }

    .w16-menu__second__items__item__check:checked ~
    .w16-menu__second__items__item__childs {
        max-height: max-content;
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 9rem;
        background-color: #fff;
        min-width: 20rem;
        width: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 0rem 0rem;
        pointer-events: none;
    }

        .w16-menu__second__items__item__childs:hover {
        }

    .w16-menu__second__items__item:hover .w16-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: #fff;
        pointer-events: inherit;
    }
}

.w16-menu__second__items__item__childs__item {
    position: relative;
}

.w16-menu__second__items__item__childs__item--parent {
    display: none;
    background-color: rgba(var(--text-color-w),1);
    position: relative;
    justify-content: center;
    align-items: center;
}

.w16-menu__second__items__item__childs__item__label {
    display: inline-block;
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.w16-menu__second__items__item__childs__item__label__icon {
    font-size: 1.6rem;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item--parent {
        display: flex;
    }

    .w16-menu__second__items__item__childs__item__label {
        display: flex;
    }
}

.w16-menu__second__items__item__childs__item:last-child {
    border: none;
}

.w16-menu__second__items__item__childs__item__main {
    display: flex;
    align-items: center;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item:first-child .w16-menu__second__items__item__childs__item__main {
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item__main {
        padding: 0;
    }

    .w16-menu__second__items__item__childs__item__check:checked ~
    .w16-menu__second__items__item__childs__item__main {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w16-menu__second__items__item__childs__item--parent
    .w16-menu__second__items__item__childs__item__main {
        border: none;
    }
}

.w16-menu__second__items__item__childs__item__main__name {
    font-size: 1.5rem;
    cursor: pointer;
    padding: 1.75rem 1.5rem 1.75rem 3rem;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        padding: 1.25rem 1rem 1.25rem 3rem;
        transition: all .5s;
        font-weight: 400;
        font-size: 1.6rem;
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w16-menu__second__items__item__childs__item:hover .w16-menu__second__items__item__childs__item__main__name {
        color: #fff;
    }

    .w16-menu__second__items__item__childs__item:hover .w16-menu__second__items__item__childs__item__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w16-menu__second__items__item__childs__item__main__icon {
    font-size: 1.2rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

.w16-menu__second__items__item__childs__item__main__icon__value {
    font-weight: 300;
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w16-menu__second__items__item__childs__item:hover .w16-menu__second__items__item__childs__item__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item__main__icon {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
        position: absolute;
        cursor: pointer;
        transform: rotate(90deg);
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w16-menu__second__items__item__childs__item__check:checked ~
    .w16-menu__second__items__item__childs__item__main
    .w16-menu__second__items__item__childs__item__main__icon {
        transform: rotate(270deg);
    }
}

.w16-menu__second__items__item__childs__item__check {
    display: none;
}

.w16-menu__second__items__item__childs__item__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
        position: relative;
        max-height: 0;
        width: 100%;
        transition: all .3s;
    }

        .w16-menu__second__items__item__childs__item__grands::-webkit-scrollbar {
            width: .4rem;
        }

        .w16-menu__second__items__item__childs__item__grands::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w16-menu__second__items__item__childs__item__grands::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w16-menu__second__items__item__childs__item__grands::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w16-menu__second__items__item__childs__item__check:checked ~
    .w16-menu__second__items__item__childs__item__grands {
        max-height: 300vh;
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        background-color: #fff;
        width: 20rem;
        padding: 0rem 0rem;
    }

        .w16-menu__second__items__item__childs__item__grands:hover {
        }

    .w16-menu__second__items__item__childs__item:hover .w16-menu__second__items__item__childs__item__grands {
        left: 101%;
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }
}

.w16-menu__second__items__item__childs__item__grands__item {
    overflow: hidden;
}

.w16-menu__second__items__item__childs__item__grands__item__label {
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
}

.w16-menu__second__items__item__childs__item__grands__item__label__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w16-menu__second__items__item__childs__item__grands__item__main {
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item__grands__item__label {
        display: flex;
    }
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__childs__item__grands__item__main {
        border-color: #eee;
    }

    .w16-menu__second__items__item__childs__item__grands__item:first-child .w16-menu__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w16-menu__second__items__item__childs__item__grands__item:hover .w16-menu__second__items__item__childs__item__grands__item__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item__grands__item__main {
    }
}

.w16-menu__second__items__item__childs__item__grands__item__main__name {
    font-size: 1.5rem;
    transition: all .5s;
    cursor: pointer;
    padding: 1.75rem 3rem;
    display: block;
}

@media only screen and (min-width:75rem) {
    .w16-menu__second__items__item__childs__item__grands__item__main__name {
    }

    .w16-menu__second__items__item__childs__item__grands__item__main:hover .w16-menu__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w16-menu__second__items__item__childs__item__grands__item__main__name {
        font-size: 1.6rem;
        font-weight: 400;
        padding: 1.25rem 1rem 1.25rem 5rem;
        transition: all .5s;
    }

        .w16-menu__second__items__item__childs__item__grands__item__main__name:hover {
            color: #fff;
            background-color: rgba(var(--second-color-w),1);
        }

    .w16-menu__second__items__item__childs__item__grands__item--parent
    .w16-menu__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
        text-transform: uppercase;
    }

    .w16-menu__second__items__item__childs__item__grands__item:hover .w16-menu__second__items__item__childs__item__grands__item__main__name {
    }

    .w16-menu__second__items__item__childs__item__grands__item__main:hover .w16-menu__second__items__item__childs__item__grands__item__main__name {
    }
}

.w16-menu__checkboxsearch {
    display: none;
}

.w16-menu__nav__checkbox-search:checked ~ .w16-menu__search {
    top: 0;
    visibility: visible;
}

.w16-menu__nav__checkbox-search {
    display: none;
}

.w16-menu__search {
    position: fixed;
    top: -15rem;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white;
    padding: 4rem;
    color: #757575;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w16-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w16-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}

.w16-menu__search__content__title__close {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w16-menu__search__content__title__close:hover {
        transform: rotate(145deg);
    }

.w16-menu__search__content__input__icon {
    font-size: 1.5rem;
    background: none;
    border: none;
    cursor: pointer;
    transition: all .5s;
}

    .w16-menu__search__content__input__icon:hover {
        transform: scale(1.05);
    }

.w16-menu__search__content__input {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    border-bottom: 0.2rem solid #f5f5f5;
    align-items: center;
    transition: all .5s;
}

    .w16-menu__search__content__input:hover {
        border-bottom: 0.2rem solid rgba(var(--main-color-w),1);
    }

.w16-menu__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2rem;
    text-transform: uppercase;
    color: black;
    width: 100%;
    cursor: pointer;
}

    .w16-menu__search__content__input__text::-webkit-input-placeholder {
        color: black;
    }

    .w16-menu__search__content__input__text:focus {
        outline: none;
    }

.w16-menu__search__content__input__icon {
    cursor: pointer;
    font-size: 2rem;
}

.w16-menu__top {
    padding: 1em;
    color: white;
    position: relative;
    z-index: 0;
    width: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w16-menu__top {
        background-color: rgba(var(--main-color-w),1);
        justify-content: center;
    }
}

.w16-menu__line {
    height: .1rem;
    background-color: #fff;
    width: 100%;
}

.w16-menu__top__info {
    display: flex;
    padding: 0 1rem;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w16-menu__top__info {
        padding: 0 .5rem;
    }
}

.w16-menu__top__info:hover {
    letter-spacing: .1rem;
}

.w16-menu__top__info__icon {
    font-size: 1.4rem;
}

.w16-menu__top__info__text {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w16-menu__top__info__text {
        margin-left: .5rem;
    }
}
/*ed*/
/*w5-blankpage*/
.w5-blankpage {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    overflow: hidden;
}

.w5-blankpage__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w5-blankpage__heading {
    text-align: center;
    display: block;
}

.w5-blankpage__heading__main {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w), 1)
}

.w5-blankpage__heading__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w5-blankpage__text {
    margin-top: 1rem;
    position: relative;
    z-index: 0;
}

.w5-blankpage__text__detail {
    font-size: 1.6rem;
    line-height: 2.6rem;
    overflow:hidden;
}

/*ed*/

/*w12-video-3*/
.w12-video-3 {
    overflow: hidden;
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
}

.ws1RightMenubox .w12-video-3 {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w12-video-3 {
        justify-content: center;
        overflow: hidden;
    }
}

.w12-video-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w12-video-3__heading {
    text-align: center;
}

.w12-video-3__heading__title {
    font-size: 3rem;
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w12-video-3__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w12-video-3__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w12-video-3__items {
    display: flex;
    margin-top: 1rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w12-video-3__items__item {
    margin-top: 2rem;
    width: 32%;
    margin-left: 2%;
    cursor: pointer;
}

.w12-video-3__items__item__main {
    background: #fff;
    border-radius: .3rem;
    transition: all .5s;
    overflow: hidden;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
}

.w12-video-3__items__item:hover .w12-video-3__items__item__main {
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:62.5rem) {
    .w12-video-3__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w12-video-3__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w12-video-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w12-video-3__items__item {
            width: 100%;
            margin-left: 0;
            margin-top: 3rem;
        }
    }
}
.w12-video-3__items__item__main__head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:0;
}

.w12-video-3__items__item__main__head__first {
    overflow: hidden;
    width: 100%;
}

.w12-video-3__items__item__main__head__first__imgbox {
    background-size: cover;
    transition: all .5s;
}

.w12-video-3__items__item__main__head__first__imgbox__img {
    width: 100%;
}

.w12-video-3__items__item:hover .w12-video-3__items__item__main__head__first__imgbox {
    transform: scale(1.05);
}

.w12-video-3__items__item__main__head__play {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w12-video-3__items__item__main__head__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w12-video-3__items__item:hover .w12-video-3__items__item__main__head__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w12-video-3__items__item__main__head__play__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w12-video-3__items__item__main__text {
    padding: 1.5rem;
    transition: all .5s;
}

.w12-video-3__items__item__main__text__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    text-transform: capitalize;
    color: rgba(var(--main-color-w),1);
}

.w12-video-3__items__item:hover .w12-video-3__items__item__main__text__name {
    color: #fff;
}

.w12-video-3__items__item__main__text__des {
    display: block;
    font-size: 1.6rem;
    margin-top: .75rem;
    line-height: 2.6rem;
}

.w12-video-3__items__item:hover .w12-video-3__items__item__main__text__des {
    color: #fff;
}

.w12-video-3__items__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w12-video-3__items__item__check {
    display: none;
}

    .w12-video-3__items__item__check:checked ~
    .w12-video-3__items__item__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w12-video-3__items__item__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w12-video-3__items__item__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w12-video-3__items__item__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w12-video-3__items__item__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w12-video-3__items__item__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w12-video-3__items__item__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w12-video-3__items__item__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w12-video-3__items__item__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w12-video-3__items__item__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w12-video-3__items__item__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w12-video-3__items__item__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w12-video-3__items__item__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w12-video-3__items__item__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w12-video-3__items__item__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w12-video-3__items__item__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w12-video-3__items__item__modal__main__box__close:hover {
    background-color: red;
}

.w12-video-3__items__item__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w12-video-3__items__item__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w12-video-3__items__item__modal__main__box__close:hover .w12-video-3__items__item__modal__main__box__close__icon {
    transform: rotate(405deg);
}

/*ed*/
/*w17-abimg-3*/
.w17-abimg-3 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w17-abimg-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w17-abimg-3__heading {
    text-align: center;
}

.w17-abimg-3__heading__title {
    font-size: 3rem;
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w17-abimg-3__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w17-abimg-3__heading__sub {
    display: block;
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
}

.w17-abimg-3__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    justify-content: center;
}

.w17-abimg-3__items__item {
    position: relative;
    width: 11.625%;
    margin-left: 1%;
    margin-top: 1rem;
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (min-width: 62.5rem) {
    .w17-abimg-3__items__item:nth-child(8n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w17-abimg-3__items__item {
        width: 24.25%;
    }

    @media only screen and (min-width: 37.5rem) {
        .w17-abimg-3__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width: 37.5rem) {
    .w17-abimg-3__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w17-abimg-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w17-abimg-3__items__item__imgbox {
    background-size: contain;
    background-position: center;
    transition: all 0.5s;
    cursor: pointer;
}

    .w17-abimg-3__items__item__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width: 31.25rem) {
    .w17-abimg-3__items__item__imgbox {
        width: 99%;
    }
}

.w17-abimg-3__items__item__imgbox__img {
    width: 100%;
}

.w17-abimg-3__items__item__imgbox__des {
    position: absolute;
    display: none;
    width: 90%;
    bottom: 2rem;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
}

.w17-abimg-3__items__item__imgbox__des__main {
    font-weight: 600;
    font-size: 1.4rem;
}

.w17-abimg-3__items__item__imgbox__des__sub {
    margin-top: 0.5rem;
    font-weight: 300;
    font-size: 1.4rem;
}

.w17-abimg-3__items__item__imgbox:hover {
    filter: brightness(1.1);
}

/*ed*/

/*w41-ads-5*/
.w41-ads-5 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: white;
}

.w41-ads-5__group {
    margin: 0 auto;
    max-width: 120rem;
    overflow: hidden;
}

.w41-ads-5__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w41-ads-5__heading__main {
    display: flex;
    align-items: center;
}

.w41-ads-5__heading__main__icon {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
}

.w41-ads-5__heading__main__title {
    font-size: 3rem;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    margin-left: 1rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

    .w41-ads-5__heading__main__title:hover {
        letter-spacing: .2rem;
    }

@media only screen and (max-width: 37.5rem) {
    .w41-ads-5__heading__main__title {
        font-size: 1.2rem;
    }
}

.w41-ads-5__heading__btn {
    margin-left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 2rem;
    color: #fff;
    border-radius: 2rem;
}

    .w41-ads-5__heading__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w41-ads-5__heading__btn__text {
    font-size: 1.4rem;
}

.w41-ads-5__heading__btn__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w41-ads-5__heading__btn {
        font-size: 1rem;
    }
}

.w41-ads-5__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.w41-ads-5__items__item {
    width: 23.5%;
    margin-left: 2%;
    cursor: pointer;
    background-color: white;
    border-radius: 0.3rem;
    margin-bottom: 2rem;
    overflow: hidden;
}

@media only screen and (min-width: 50rem) {
    .w41-ads-5__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w41-ads-5__items__item {
        width: 49%;
        margin-bottom: 1rem;
    }

        .w41-ads-5__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w41-ads-5__items__item__link {
    display: block;
}

.w41-ads-5__items__item__link__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w41-ads-5__items__item__link__imgbox:hover {
        transform: scale(1.02);
    }

.w41-ads-5__items__item__link__imgbox__img {
    width: 100%;
}

.w41-ads-5__items__item__name {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    margin-top: 1rem;
}
/*ed*/

/*w44-product-1*/
.w44-product-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
}

.w44-product-1__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w44-product-1__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w44-product-1__heading__main {
    display: flex;
    align-items: center;
}

.w44-product-1__heading__main__icon {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
}

.w44-product-1__heading__main__title {
    font-size: 3rem;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    margin-left: 1rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

    .w44-product-1__heading__main__title:hover {
        letter-spacing: .2rem;
    }

@media only screen and (max-width: 37.5rem) {
    .w44-product-1__heading__main__title {
    }
}

.w44-product-1__heading__btn {
    margin-left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 2rem;
    color: #fff;
    border-radius: 2rem;
}

    .w44-product-1__heading__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w44-product-1__heading__btn__text {
    font-size: 1.4rem;
}

.w44-product-1__heading__btn__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w44-product-1__heading__btn {
        font-size: 1rem;
    }
}

.w44-product-1__mains {
    margin-top: 3rem;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.w44-product-1__mains__first {
    width: 27%;
    height: max-content;
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w44-product-1__mains__first {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.w44-product-1__mains__first__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
    height: fit-content;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.279);
    transition: all .5s;
}

    .w44-product-1__mains__first__imgbox:hover {
        transform: scale(1.025);
    }

.w44-product-1__mains__first__imgbox__img {
    width: 100%;
}


.w44-product-1__mains__first__imgbox__img {
    width: 100%;
}

.w44-product-1__mains__first__bg1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    left: 10%;
    z-index: 2;
    animation-name: key-w44-product-1__mains__first__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s;
}

@-webkit-keyframes key-w44-product-1__mains__first__bg1 {
    0% {
        height: 0;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w44-product-1__mains__first__bg2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    top: 10%;
    z-index: 2;
    animation-name: key-w44-product-1__mains__first__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w44-product-1__mains__first__bg2 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w44-product-1__mains__first__bg3 {
    position: absolute;
    height: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    right: 10%;
    top: 0;
    z-index: 2;
    animation-name: key-w44-product-1__mains__first__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w44-product-1__mains__first__bg3 {
    0% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w44-product-1__mains__first__bg4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(255,255,255,.5);
    top: 90%;
    right: 0;
    z-index: 2;
    animation-name: key-w44-product-1__mains__first__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w44-product-1__mains__first__bg4 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,0.5);
    }
}

.w44-product-1__mains__main {
    width: 70%;
}

@media only screen and (max-width: 37.5rem) {
    .w44-product-1__mains__main {
        width: 100%;
    }
}

.w44-product-1__mains__main__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: fit-content;
    overflow: hidden;
    position: relative;
    align-items: center;
}

.w44-product-1__mains__main__items__item {
    z-index: 0;
}

.w44-product-1__mains__main__items__item__noidung.swiper-slide {
    width: 32%;
    margin-right: 2%;
    background-color: #f7f7f7;
    height: fit-content;
    overflow: hidden;
}

@media only screen and (max-width: 56.25rem) {
    .w44-product-1__mains__main__items__item__noidung.swiper-slide {
        width: 49%;
    }
}

.w44-product-1__mains__main__items__item__noidung__top {
    display: block;
    cursor: pointer;
    overflow: hidden;
}

.w44-product-1__mains__main__items__item__noidung__top__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w44-product-1__mains__main__items__item__noidung__top__imgbox:hover {
        transform: scale(1.05);
    }

.w44-product-1__mains__main__items__item__noidung__top__imgbox__img {
    width: 100%;
}

.w44-product-1__mains__main__items__item__noidung__thongtin {
    padding: 0.5rem;
    padding-bottom: 1rem;
    position: relative;
    z-index: 0;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__text {
    display: block;
    text-align: center;
    line-height: 2.4rem;
    width: fit-content;
    font-style: italic;
    font-size: 1.4rem;
    transition: all 0.3s ease;
    margin: 0 auto;
    margin-top: 0.5rem;
}

.w44-product-1__mains__main__items__item__noidung__thongtin:hover .w44-product-1__mains__main__items__item__noidung__thongtin__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__name {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.6rem;
    margin: 0 auto;
    margin-top: 0.3rem;
    transition: all 0.3s ease;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

    .w44-product-1__mains__main__items__item__noidung__thongtin__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w44-product-1__mains__main__items__item__noidung__thongtin__pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__pricing__sub {
    color: #999;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__km {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    justify-content: space-between;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__km__rate {
    display: flex;
    align-items: center;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__km__rate__icon {
    font-size: 1.4rem;
    color: orange;
    margin-top: .3rem;
    margin-right: .3rem;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__km__rate__text {
    color: #5a5a5a;
    font-size: 1.4rem;
    display: block;
    margin-left: .5rem;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__km__down {
    color: #5a5a5a;
    font-size: 1.4rem;
    display: block;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__contain {
    display: flex;
    transition: all 0.5s ease;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.219);
}

.w44-product-1__mains__main__items__item__noidung:hover .w44-product-1__mains__main__items__item__noidung__thongtin__contain {
    bottom: 0;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__contain__box {
    margin-left: auto;
}

.w44-product-1__mains__main__items__item__noidung__thongtin__contain__box__icon {
    padding: 1rem;
    color: white;
    font-size: 1.4rem;
    cursor: pointer;
}

    .w44-product-1__mains__main__items__item__noidung__thongtin__contain__box__icon:hover {
        background-color: rgba(0, 0, 0, 0.386);
    }

.w44-product-1__mains__main__items__item__noidung__thongtin__contain__text {
    font-size: 1rem;
    color: white;
    font-size: 1.4rem;
    padding: 1rem;
    cursor: pointer;
}

    .w44-product-1__mains__main__items__item__noidung__thongtin__contain__text:hover {
        background-color: rgba(0, 0, 0, 0.332);
    }

.w44-product-1__mains__main__items__next.swiper-button-next,
.w44-product-1__mains__main__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.9);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    z-index: 0;
}

.w44-product-1__mains__main__items__prev {
    left: 2rem;
}

.w44-product-1__mains__main__items__next {
    right: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w44-product-1__mains__main__items__prev {
        left: 1rem;
    }

    .w44-product-1__mains__main__items__next {
        right: 1rem;
    }
}

.w44-product-1__mains__main__items__next:hover,
.w44-product-1__mains__main__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w44-product-1__mains__main__items__next:after,
.w44-product-1__mains__main__items__prev:after {
    display: none;
}
/*ed*/
/*w13-ctaregister-7*/
.w13-ctaregister-7 {
    font-weight: 500;
    width: 100%;
    padding: 0rem 1rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

.w13-ctaregister-7__group {
    padding: 5rem 0;
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.w13-ctaregister-7__mains {
    max-width: 60rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
    text-align: center;
    border: 0.1rem solid #eee;
    box-shadow: 0.3rem 0.3rem 0.3rem #eee;
    border-radius: 0;
    border-radius: .5rem;
}

@media only screen and (max-width:60rem) {
    .w13-ctaregister-7__mains {
        max-width: 90%;
    }
}

.w13-ctaregister-7__mains__heading {
    font-weight: 700;
    text-align: center;
    font-size: 2.2rem;
    line-height: 3.4rem;
    text-transform: capitalize;
    padding: 1.25rem;
    color: #fff;
    display: block;
    background-color: rgba(var(--main-color-w),1);
    border-radius:.5rem .5rem 0 0;
}

@media only screen and (max-width:37.5rem) {
    .w13-ctaregister-7__mains__heading {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w13-ctaregister-7__mains {
    justify-content: space-between;
}

.w13-ctaregister-7__mains__form {
    display: block;
    padding: 2rem;
}

.w13-ctaregister-7__mains__form__input {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
    border: 0.15rem solid #eee;
    border-radius: 0.3rem;
    background-color: white;
}

    .w13-ctaregister-7__mains__form__input:first-child {
        margin-top: 0;
    }

.w13-ctaregister-7__mains__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    display: inline-block;
    font-size: 1.6rem;
    padding: 1.2rem;
    transition: all .5s;
}

    .w13-ctaregister-7__mains__form__input__text:focus {
        background-color: #f5f5f5;
    }

.w13-ctaregister-7__mains__form__input__icon {
    color: red;
    position: absolute;
    z-index: 0;
    right: 1rem;
}

.w13-ctaregister-7__mains__form__select {
    padding: 1rem;
    width: 100%;
    border-radius: 0.5rem;
    margin-top: 1rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
}

.w13-ctaregister-7__mains__form__text {
    height: 3rem;
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
}

.w13-ctaregister-7__mains__form__des {
    color: red;
    font-weight: 300;
    font-size: 1rem;
    margin-top: 2rem;
    display: block;
    font-size: 1.4rem;
}

.w13-ctaregister-7__mains__form__button {
    padding: 1rem 2rem;
    display: inline-block;
    font-weight: 700;
    color: white;
    font-size: 1.6rem;
    margin: 0 auto;
    background-size: 200% auto;
    border-radius: .3rem;
    border: none;
    margin-top: 2rem;
    border: none;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    animation: buttonMoveBg 0.5s infinite alternate-reverse;
    cursor: pointer;
    transition: all .5s;
}

    .w13-ctaregister-7__mains__form__button:hover {
        letter-spacing: .1rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w13-ctaregister-7__mains__bg1 {
    position: absolute;
    height: .3rem;
    background-color: rgba(var(--second-color-w),.7);
    width: 0%;
    left: 0;
    top: 0rem;
    z-index: 0;
    animation-name: key-w13-ctaregister-7__mains__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
    display:none;
}

@media only screen and (max-width:50rem) {
    .w13-ctaregister-7__mains__bg1 {
        height: .1rem;
        top: -.1rem;
    }
}

@-webkit-keyframes key-w13-ctaregister-7__mains__bg1 {
    0% {
        width: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    25% {
        width: calc(100% + .3rem);
        background-color: rgba(var(--second-color-w),1);
    }

    100% {
        width: calc(100% + .3rem);
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:50rem) {
    @-webkit-keyframes key-w13-ctaregister-7__mains__bg1 {
        0% {
            width: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        25% {
            width: calc(100% + .1rem);
            background-color: rgba(var(--second-color-w),1);
        }

        100% {
            width: calc(100% + .1rem);
            background-color: rgba(var(--second-color-w),1);
        }
    }
}

.w13-ctaregister-7__mains__bg2 {
    position: absolute;
    height: 100%;
    background-color: rgba(var(--second-color-w),.7);
    width: .3rem;
    right: 0rem;
    top: 0%;
    z-index: 0;
    animation-name: key-w13-ctaregister-7__mains__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
    display:none;
}

@media only screen and (max-width:50rem) {
    .w13-ctaregister-7__mains__bg2 {
        width: .1rem;
        right: -.1rem;
    }
}

@-webkit-keyframes key-w13-ctaregister-7__mains__bg2 {
    0% {
        height: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    25% {
        height: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    50% {
        height: calc(100% + .3rem);
        background-color: rgba(var(--second-color-w),1);
    }

    100% {
        height: calc(100% + .3rem);
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:50rem) {
    @-webkit-keyframes key-w13-ctaregister-7__mains__bg2 {
        0% {
            height: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        25% {
            height: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        50% {
            height: calc(100% + .1rem);
            background-color: rgba(var(--second-color-w),1);
        }

        100% {
            height: calc(100% + .1rem);
            background-color: rgba(var(--second-color-w),1);
        }
    }
}

.w13-ctaregister-7__mains__bg3 {
    position: absolute;
    background-color: rgba(var(--second-color-w),.7);
    width: 0%;
    right: 0;
    bottom: 0rem;
    height: .3rem;
    z-index: 0;
    animation-name: key-w13-ctaregister-7__mains__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
    display:none;
}

@media only screen and (max-width:50rem) {
    .w13-ctaregister-7__mains__bg3 {
        bottom: -.1rem;
        height: .1rem;
    }
}

@-webkit-keyframes key-w13-ctaregister-7__mains__bg3 {
    0% {
        width: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    25% {
        width: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    50% {
        width: 0;
        background-color: rgba(var(--second-color-w),1);
    }

    75% {
        width: calc(100% + .3rem);
        background-color: rgba(var(--second-color-w),1);
    }

    100% {
        width: calc(100% + .3rem);
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:50rem) {
    @-webkit-keyframes key-w13-ctaregister-7__mains__bg3 {
        0% {
            width: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        25% {
            width: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        50% {
            width: 0;
            background-color: rgba(var(--second-color-w),1);
        }

        75% {
            width: calc(100% + .1rem);
            background-color: rgba(var(--second-color-w),1);
        }

        100% {
            width: calc(100% + .1rem);
            background-color: rgba(var(--second-color-w),1);
        }
    }
}

.w13-ctaregister-7__mains__bg4 {
    position: absolute;
    height: 100%;
    width: .3rem;
    left: 0rem;
    background-color: rgba(var(--second-color-w),.7);
    bottom: 0%;
    z-index: 0;
    animation-name: key-w13-ctaregister-7__mains__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
    display:none;
}

@media only screen and (max-width:50rem) {
    .w13-ctaregister-7__mains__bg4 {
        width: .1rem;
        left: -.1rem;
    }
}

@-webkit-keyframes key-w13-ctaregister-7__mains__bg4 {
    0% {
        height: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    25% {
        height: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    50% {
        height: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    50% {
        height: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    75% {
        height: 0%;
        background-color: rgba(var(--second-color-w),.7);
    }

    100% {
        height: calc(100% + .3rem);
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:50rem) {
    @-webkit-keyframes key-w13-ctaregister-7__mains__bg4 {
        0% {
            height: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        25% {
            height: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        50% {
            height: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        50% {
            height: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        75% {
            height: 0%;
            background-color: rgba(var(--second-color-w),.7);
        }

        100% {
            height: calc(100% + .1rem);
            background-color: rgba(var(--second-color-w),1);
        }
    }
}

.w13-ctaregister-7__line1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(var(--main-color-w),.7);
    width: .1rem;
    left: 0;
    z-index: 2;
    animation-name: key-w13-ctaregister-7__line1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w13-ctaregister-7__line1 {
    0% {
        height: 0;
        background-color: rgba(0,0,0,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(0,0,0,.05);
    }

    100% {
        height: 100%;
        background-color: rgba(0,0,0,.05);
    }
}

.w13-ctaregister-7__line2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(var(--main-color-w),.5);
    top: 2.5rem;
    z-index: 2;
    animation-name: key-w13-ctaregister-7__line2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w13-ctaregister-7__line2 {
    0% {
        width: 0%;
        background-color: rgba(0,0,0,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(0,0,0,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(0,0,0,.05);
    }

    100% {
        width: 100%;
        background-color: rgba(0,0,0,.05);
    }
}

.w13-ctaregister-7__line3 {
    position: absolute;
    height: 0;
    background-color: rgba(var(--main-color-w),.7);
    width: .1rem;
    right: 0;
    top: 0;
    z-index: 2;
    animation-name: key-w13-ctaregister-7__line3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w13-ctaregister-7__line3 {
    0% {
        height: 0%;
        background-color: rgba(0,0,0,.05);
    }

    25% {
        height: 0%;
        background-color: rgba(0,0,0,.05);
    }

    50% {
        height: 0%;
        background-color: rgba(0,0,0,.05);
    }

    75% {
        height: 100%;
        background-color: rgba(0,0,0,.05);
    }

    100% {
        height: 100%;
        background-color: rgba(0,0,0,.05);
    }
}

.w13-ctaregister-7__line4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(var(--main-color-w),.5);
    bottom: 2.5rem;
    right: 0;
    z-index: 2;
    animation-name: key-w13-ctaregister-7__line4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w13-ctaregister-7__line4 {
    0% {
        width: 0%;
        background-color: rgba(0,0,0,.05);
    }

    25% {
        width: 0%;
        background-color: rgba(0,0,0,.05);
    }

    50% {
        width: 0%;
        background-color: rgba(0,0,0,.05);
    }

    50% {
        width: 0%;
        background-color: rgba(0,0,0,.05);
    }

    75% {
        width: 0%;
        background-color: rgba(0,0,0,.05);
    }

    100% {
        width: 100%;
        background-color: rgba(0,0,0,.05);
    }
}

.w13-ctaregister-7__mains__form__item {
    margin-top: 2rem;
}

.w13-ctaregister-7__mains__form__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w13-ctaregister-7__mains__form__item__dropdown {
        width: 100%;
    }
}

.w13-ctaregister-7__mains__form__item__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .3rem;
    border: 0.15rem solid #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #3f3f3f;
}

.w13-ctaregister-7__mains__form__item__dropdown__check:checked ~
.w13-ctaregister-7__mains__form__item__dropdown__label
.w13-ctaregister-7__mains__form__item__dropdown__label__icon:before {
    content: "\f106";
}

.w13-ctaregister-7__mains__form__item__dropdown__label__name {
    font-size: 1.4rem;
}

.w13-ctaregister-7__mains__form__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w13-ctaregister-7__mains__form__item__dropdown__check {
    display: none;
}

.w13-ctaregister-7__mains__form__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: 0.15rem solid #eee;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow-y:scroll;
    max-height:30rem;
}
.w13-ctaregister-7__mains__form__item__dropdown__subs::-webkit-scrollbar {
    width: .4rem;
}

.w13-ctaregister-7__mains__form__item__dropdown__subs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w13-ctaregister-7__mains__form__item__dropdown__subs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
}
.w13-ctaregister-7__mains__form__item__dropdown__check:checked ~
.w13-ctaregister-7__mains__form__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w13-ctaregister-7__mains__form__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    text-align: left;
    color: #3f3f3f;
}

    .w13-ctaregister-7__mains__form__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w13-ctaregister-7__mains__form__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/


/*w1-partner*/
.w1-partner {
    width: 100%;
    padding: 3rem 1rem 1.5rem;
    background-color: #fff;
}

.w1-partner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w1-partner__heading {
    width: 100%;
}

.w1-partner__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w1-partner__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w1-partner__heading__name__text {
        margin: 0;
    }
}

.w1-partner__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w1-partner__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w1-partner__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w1-partner__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w1-partner__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
}

.w1-partner__mains__items {
    align-items: center;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 2rem;
    width: 100%;
    justify-content:center;
}

.w1-partner__mains__items__item {
    width: 18.4%;
    margin-left: 2%;
    height: max-content;
    margin-top: 1rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
}

@media only screen and (min-width:62.5rem) {
    .w1-partner__mains__items__item:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w1-partner__mains__items__item {
        width: 23.5%;
    }

    @media only screen and (min-width:50rem) {
        .w1-partner__mains__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w1-partner__mains__items__item {
            width: 32%;
        }

            .w1-partner__mains__items__item:nth-child(3n+1) {
                margin-left: 0;
            }
    }
}

.w1-partner__mains__items__item__content {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    background-color: #fff;
    padding: .5rem 1.5rem;
    display: flex;
    justify-content: center;
}

.w1-partner__mains__items__item__content__imgbox {
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

    .w1-partner__mains__items__item__content__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:62.5rem) {
    .w1-partner__group {
        flex-wrap: wrap;
    }

    .w1-partner__first,
    .w1-partner__mains {
        width: 100%;
        margin-left: 0;
    }

    .w1-partner__mains {
        margin-top: 2rem;
    }
}
/*ed*/
/*w29-introducer*/
.w29-introducer {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w29-introducer__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w29-introducer__heading {
    display: block;
}

.w29-introducer__heading__title {
    text-align: center;
    font-size: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    line-height: 4rem;
}

@media only screen and (max-width: 37.5rem) {
    .w29-introducer__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w29-introducer__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: .5rem;
    max-width: 100%;
    margin-top: 1rem;
}

.w29-introducer__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3rem;
    background-size: contain;
    background-position: center;
}

.w29-introducer__heading__imgbox__img {
    margin: 0 auto;
}

.w29-introducer__items {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    overflow: hidden;
}

@media only screen and (max-width: 62.5rem) {
    .w29-introducer__items {
        flex-direction: column;
    }
}

.w29-introducer__items__ifbox {
    width: 50%;
    height: auto;
    overflow: hidden;
}

    .w29-introducer__items__ifbox iframe {
        width: 100%;
        height: 100%;
        height: 34rem;
    }

@media only screen and (max-width: 62.5rem) {
    .w29-introducer__items__ifbox iframe {
        height: 54rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w29-introducer__items__ifbox iframe {
        height: 44rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w29-introducer__items__ifbox iframe {
        height: 30rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w29-introducer__items__ifbox iframe {
        height: 23rem;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w29-introducer__items__ifbox {
        width: 100%;
    }
}

.w29-introducer__items__info {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2rem;
    background-color: #F7F7F7;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 62.5rem) {
    .w29-introducer__items__info {
        width: 100%;
    }
}

.w29-introducer__items__info__heading {
    font-size: 2.6rem;
    line-height: 3.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width: 62.5rem) {
    .w29-introducer__items__info__heading {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w29-introducer__items__info__des {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
}

.w29-introducer__items__info__bottom {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    align-items: center;
}

.w29-introducer__items__info__bottom__btn {
    display: flex;
    padding: .75rem 2rem;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    border-radius: 3rem;
    font-weight: 600;
    cursor: pointer;
}

    .w29-introducer__items__info__bottom__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w29-introducer__items__info__bottom__btn__text {
    font-size: 1.6rem;
}

.w29-introducer__items__info__bottom__btn__icon {
    margin-left: .5rem;
    font-size: 1.6rem;
}
/*ed*/
/*w1-article*/
.w1-article {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
}

.w1-article__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w1-article__heading {
    display: block;
}

.w1-article__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    max-width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w1-article__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w1-article__heading__des {
    margin-top: 1rem;
    text-align: center;
    display: block;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w1-article__card {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w1-article__card__item {
    width: 32%;
    margin-left: 2%;
    margin-top: 2rem;
    padding: 1rem;
    border: 0.1rem solid rgba(211, 211, 211, 0.5);
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    display: block;
    overflow: hidden;
}

@media only screen and (min-width: 50rem) {
    .w1-article__card__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w1-article__card__item {
        width: 49%;
        margin-top: 1rem;
    }

        .w1-article__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w1-article__card__item__link {
    display: block;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.w1-article__card__item__link__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

    .w1-article__card__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w1-article__card__item__link__imgbox__img {
    width: 100%;
}

.w1-article__card__item__user {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid rgba(211, 211, 211, 0.5);
    margin-top: 1rem;
}

.w1-article__card__item__user__thongtin {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 1rem;
}

.w1-article__card__item__user__thongtin__icon {
}

.w1-article__card__item__user__thongtin__text {
    margin-left: .5rem;
}

.w1-article__card__item__user__date {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w1-article__card__item__user__date__icon {
}

.w1-article__card__item__user__date__text {
    margin-left: .5rem;
}

.w1-article__card__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    display: block;
    margin-top: 1rem;
    cursor: pointer;
    transition: all .5s;
}

    .w1-article__card__item__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w1-article__card__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    margin-top: .5rem;
}

.w1-article__card__item__link__bg1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    left: 10%;
    z-index: 2;
    animation-name: key-w1-article__card__item__link__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w1-article__card__item__link__bg1 {
    0% {
        height: 0;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w1-article__card__item__link__bg2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    top: 10%;
    z-index: 2;
    animation-name: key-w1-article__card__item__link__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w1-article__card__item__link__bg2 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w1-article__card__item__link__bg3 {
    position: absolute;
    height: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    right: 10%;
    top: 0;
    z-index: 2;
    animation-name: key-w1-article__card__item__link__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w1-article__card__item__link__bg3 {
    0% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w1-article__card__item__link__bg4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(255,255,255,.5);
    top: 90%;
    right: 0;
    z-index: 2;
    animation-name: key-w1-article__card__item__link__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w1-article__card__item__link__bg4 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,0.5);
    }
}
/*ed*/
/*w19-footer*/
.w19-footer {
    padding: 1rem;
    width: 100%;
    background-color: white;
}

.w19-footer__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w19-footer__logo {
    display: flex;
    width: 100%;
    justify-content: center;
}

.w19-footer__logo__imgbox {
    display: flex;
    width: max-content;
    justify-content: center;
}

.w19-footer__logo__imgbox {
    max-height: 15rem;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin-bottom: 2rem;
}

.w19-footer__logo__imgbox__img {
    height: 100%;
    width: 100%;
}

.w19-footer__des {
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.6rem;
    margin-bottom: 2rem;
}

.w19-footer__content {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w19-footer__content__items {
    width: 17%;
    margin-bottom: 2rem;
    margin-right: 2%;
    overflow: hidden;
}

@media only screen and (min-width: 75rem) {
    .w19-footer__content__items:nth-child(5n+5) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w19-footer__content__items {
        width: 22%;
    }

        .w19-footer__content__items:nth-child(4n+4) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 62.5rem) {
    .w19-footer__content__items {
        width: 29%;
        margin-right: 3%;
    }

    @media only screen and (min-width: 50rem) {
        .w19-footer__content__items:nth-child(3n+3) {
            margin-right: 0;
        }
    }
}

@media only screen and (max-width: 50rem) {
    .w19-footer__content__items {
        width: 48%;
        margin-right: 4%;
    }

        .w19-footer__content__items:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w19-footer__content__items {
        width: 100%;
        margin-right: 0;
    }
}

.w19-footer__content__items__heading {
    font-size: 1.6rem;
    padding-bottom: .5rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: black;
    display: block;
}

.w19-footer__content__items__box__link {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    display: flex;
}

.w19-footer__content__items__box__link__icon {
    margin: .5rem .5rem 0 0;
}

.w19-footer__content__items__box__link__text {
    display: inline-block;
}

.w19-footer__content__items__bottom {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}

.w19-footer__content__items__bottom__item {
}

.w19-footer__content__items__bottom__item__imgbox {
    margin: 1rem 0 0;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.w19-footer__content__first {
    padding: 1rem;
    background-color: #eeeeee;
    width: 24%;
    border-radius: .5rem;
    box-shadow: 0.1rem 0.1rem 0.5rem rgba(216, 216, 216, 0.123);
    height: max-content;
    margin-right: 2%;
    margin-bottom: 2rem;
    overflow: hidden;
}

@media only screen and (min-width: 75rem) {
    .w19-footer__content__first:nth-child(5n+5) {
        margin-right: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w19-footer__content__first:nth-child(4n+4) {
        margin-right: 0;
    }

    .w19-footer__content__first {
        width: 26%;
    }
}

@media only screen and (max-width: 62.5rem) {

    .w19-footer__content__first {
        width: 33%;
        margin-right: 3%;
    }

    @media only screen and (min-width: 50rem) {
        .w19-footer__content__first:nth-child(3n+3) {
            margin-right: 0;
        }
    }
}

@media only screen and (max-width: 50rem) {
    .w19-footer__content__first {
        width: 48%;
        margin-right: 4%;
    }

        .w19-footer__content__first:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w19-footer__content__first {
        width: 100%;
        margin-right: 0;
    }
}

.w19-footer__content__first__address {
    color: black;
}

@media only screen and (max-width: 43.75rem) {
    .w19-footer__content__first__address {
        text-align: center;
    }
}

.w19-footer__content__first__address__name {
    border: 0.2rem solid #777;
    border-radius: .3rem;
    padding: 1rem;
    font-weight: 600;
    font-size: 1.3rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.w19-footer__content__first__address__name__icon {
    margin-right: .5rem;
}

.w19-footer__content__first__address__name__text {
    line-height: 2.6rem;
    font-size: 1.6rem;
    display: inline-block;
}

.w19-footer__content__first__address__text {
    line-height: 2.6rem;
    font-size: 1.6rem;
    display: block;
    margin-top: 1rem;
}

.w19-footer__content__first__bottom {
}

.w19-footer__content__first__bottom__item {
    margin-top: 1rem;
    display: block;
}

.w19-footer__content__first__bottom__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w19-footer__content__first__code {
    padding-top: 1.5rem;
    display: block;
    width: 100%;
    overflow: hidden;
}

    .w19-footer__content__first__code iframe {
        border: none;
        overflow: hidden;
        width: 100%;
    }

.w19-footer__content__bottom {
    margin-top: 1rem;
}

.w19-footer__content__bottom__text {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

    .w19-footer__content__bottom__text iframe {
        width: 100%;
    }

.w19-footer__content__items__code {
    padding-top: 1.5rem;
    display: block;
    width: 100%;
    overflow: hidden;
}

    .w19-footer__content__items__code iframe {
        border: none;
        overflow: hidden;
        width: 100%;
    }
/*ed*/

/*w7-introducer*/
.w7-introducer {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #fff;
}

.w7-introducer__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w7-introducer__group {
        flex-wrap: wrap;
    }
}


.w7-introducer__first {
    width: 49%;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w7-introducer__first {
        width: 100%;
        margin: 3rem 0 0;
    }
}

.w7-introducer__first__heading {
    display: flex;
}

@media only screen and (max-width:25rem) {
    .w7-introducer__first__heading {
        flex-wrap: wrap;
    }
}

.w7-introducer__first__heading__content {
    display: flex;
    width: 100%;
    position: relative;
    z-index: 0;
    padding-right: 4rem;
}

@media only screen and (max-width:25rem) {
    .w7-introducer__first__heading__content {
        width: 100%;
        text-align: center;
    }
}

.w7-introducer__first__heading__content__name {
    text-align: left;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    padding: 0rem 0;
    position: relative;
    display: flex;
    margin-right: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w7-introducer__first__heading__content__name {
        margin: 0 0rem;
    }
}

.w7-introducer__first__heading__content__name__title {
    font-size: 2.6rem;
    line-height: 3.6rem;
    font-weight: 600;
}

@media only screen and (max-width: 62.5rem) {
    .w7-introducer__first__heading__content__name__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w7-introducer__first__heading__content__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w7-introducer__first__heading__content__btn {
    margin-left: auto;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 50%;
    font-size: 1.6rem;
    position: absolute;
    right: 0rem;
    top: .5rem;
    z-index: 0;
    transition: all .5s;
    cursor: pointer;
}

    .w7-introducer__first__heading__content__btn:hover {
        transform: scale(1.05);
    }

.w7-introducer__first__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-top: 1rem;
}

    .w7-introducer__first__des > div,
    .w7-introducer__first__des > p {
        margin-bottom: .75rem;
    }

    .w7-introducer__first__des ul,
    .w7-introducer__first__des ol {
        margin-left: 2.5rem;
    }

.w7-introducer__second {
    width: 49%;
    position: relative;
    z-index: 0;
    height: max-content;
}

@media only screen and (max-width:62.5rem) {
    .w7-introducer__second {
        width: 100%;
    }
}

.w7-introducer__second__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    z-index: 0;
}

.w7-introducer__second__main {
}

.w7-introducer__second__main__item {
    height: fit-content;
    overflow: hidden;
    position: relative;
    cursor: pointer;
}

    .w7-introducer__second__main__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w7-introducer__second__main__item:hover:after {
        animation: key-w7-introducer__second__main__item 1.5s;
    }

.w7-introducer:hover .w7-introducer__second__main__item.swiper-slide-active:after {
    animation: key-w7-introducer__second__main__item 1.5s;
}

@keyframes key-w7-introducer__second__main__item {
    100% {
        left: 125%;
    }
}

.w7-introducer__second__main__item__imgbox {
    background-size: cover;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    transition: 0.5s all ease-in-out;
}

.w7-introducer__second__main__item__imgbox__img {
    width: 100%;
}

.w7-introducer__second__main__item__imgbox:hover {
    transform: scale(1.05);
}

.w7-introducer__second__main__item__name {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: .75rem 1rem .75rem 1.5rem;
    background-color: rgba(0, 0, 0, 0.6117647059);
    font-size: 1.6rem;
    color: #fff;
    z-index: 2;
}

.w7-introducer__second__video {
    height: 100%;
}

    .w7-introducer__second__video iframe {
        width: 100%;
        height: 100%;
    }

@media only screen and (max-width:62.5rem) {
    .w7-introducer__second__video iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w7-introducer__second__video iframe {
        max-height: 25rem !important;
    }
}

.w7-introducer__second__main__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w7-introducer__second__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: #fff;
        transition: all .5s;
        opacity: .5;
    }

    .w7-introducer__second__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w7-introducer__second__bg1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    left: 10%;
    z-index: 2;
    animation-name: key-w7-introducer__second__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w7-introducer__second__bg1 {
    0% {
        height: 0;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w7-introducer__second__bg2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    top: 10%;
    z-index: 2;
    animation-name: key-w7-introducer__second__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w7-introducer__second__bg2 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w7-introducer__second__bg3 {
    position: absolute;
    height: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    right: 10%;
    top: 0;
    z-index: 2;
    animation-name: key-w7-introducer__second__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w7-introducer__second__bg3 {
    0% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w7-introducer__second__bg4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(255,255,255,.5);
    top: 90%;
    right: 0;
    z-index: 2;
    animation-name: key-w7-introducer__second__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w7-introducer__second__bg4 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,0.5);
    }
}

.w7-introducer__first__bottom {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    align-items: center;
}

.w7-introducer__first__bottom__btn {
    display: flex;
    padding: .75rem 2rem;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    border-radius: 3rem;
    font-weight: 600;
    cursor: pointer;
}

    .w7-introducer__first__bottom__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w7-introducer__first__bottom__btn__text {
    font-size: 1.6rem;
}

.w7-introducer__first__bottom__btn__icon {
    margin-left: .5rem;
    font-size: 1.6rem;
}
/*ed*/
/*w57-ads-3*/
.w57-ads-3 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    overflow: hidden;
}

.w57-ads-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w57-ads-3__heading {
    width: 100%;
    margin-bottom: 2rem;
}

.w57-ads-3__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w57-ads-3__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads-3__heading__name__text {
        margin: 0;
    }
}

.w57-ads-3__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads-3__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w57-ads-3__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w57-ads-3__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w57-ads-3__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w57-ads-3__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w57-ads-3__items {
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    margin-left: -.25rem;
    padding-left: .25rem;
    margin-right: -.25rem;
    padding-right: .25rem;
}

.w57-ads-3__items__item {
    width: 100%;
}

    .w57-ads-3__items__item.swiper-slide-active {
    }

    .w57-ads-3__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w57-ads-3__items__mains {
    width: 100%;
    display: flex;
    z-index: 0;
}

.w57-ads-3__items__mains__main {
    width: calc(19.2% - .2rem);
    border: solid .1rem #f1f1f1;
    margin-right: 1%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:68.75rem) {
    .w57-ads-3__items__mains__main {
        width: calc(24.25% - .2rem);
    }
}

@media only screen and (max-width:50rem) {
    .w57-ads-3__items__mains__main {
        width: calc(32.666666% - .2rem);
    }
}

.w57-ads-3__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w57-ads-3__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w57-ads-3__items__mains__main:hover .w57-ads-3__items__mains__main__first:after {
    animation: key-w57-ads-3__items__mains__main__first 1.5s;
}

@keyframes key-w57-ads-3__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w57-ads-3__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    width: 100%;
}

    .w57-ads-3__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w57-ads-3__items__mains__main__first__imgbox__img {
    width: 100%;
}

.w57-ads-3__items__mains__main__name {
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    padding: 1rem;
    text-align: center;
}

.w57-ads-3__items__next.swiper-button-next,
.w57-ads-3__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    z-index: 0;
}

.w57-ads-3__items__prev {
    left: 5rem;
}

.w57-ads-3__items__next {
    right: 5rem;
}

@media only screen and (max-width:37.5rem) {
    .w57-ads-3__items__prev {
        left: 1rem;
    }

    .w57-ads-3__items__next {
        right: 1rem;
    }
}

.w57-ads-3__items__next:hover,
.w57-ads-3__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w57-ads-3__items__next:after,
.w57-ads-3__items__prev:after {
    display: none;
}
/*ed*/


/*w17-abimg-5*/
.w17-abimg-5 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w17-abimg-5__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w17-abimg-5__heading {
    width: 100%;
}

.w17-abimg-5__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w17-abimg-5__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w17-abimg-5__heading__name__text {
        margin: 0;
    }
}

.w17-abimg-5__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w17-abimg-5__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w17-abimg-5__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w17-abimg-5__heading__name__text:hover {
}

@media only screen and (max-width:31.25rem) {
    .w17-abimg-5__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w17-abimg-5__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w17-abimg-5__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w17-abimg-5__items__item {
    width: 24.25%;
    margin-left: 1%;
    margin-top: 2rem;
}

@media only screen and (min-width: 50rem) {
    .w17-abimg-5__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w17-abimg-5__items__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
    }

        .w17-abimg-5__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w17-abimg-5__items__item__imgbox {
    cursor: pointer;
    position: relative;
    z-index: 0;
    transition: all 0.2s;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
}


.w17-abimg-5__items__item__imgbox__img {
    width: 100%;
}

.w17-abimg-5__items__item__imgbox__des {
    position: absolute;
    width: 90%;
    height: 90%;
    background-color: rgba(0,0,0,.5);
    color: #fff;
    padding: 1rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    transition: all .5s;
    transform: scale(0);
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.w17-abimg-5__items__item__imgbox:hover .w17-abimg-5__items__item__imgbox__des {
    transform: scale(1);
    opacity: 1;
    z-index: 0;
    visibility: visible;
}

.w17-abimg-5__items__item__imgbox__des__main {
    font-weight: 600;
    font-size: 1.6rem;
}

/*ed*/

/*w13-ctaregister-4*/
.w13-ctaregister-4 {
    font-weight: 500;
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w13-ctaregister-4__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w13-ctaregister-4__heading {
    font-weight: 700;
    text-align: center;
    font-size: 3rem;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 1.5rem;
    color: #183059;
    line-height: 4.6rem;
    background-image: url(../../img/w58/bgform.png);
}

@media only screen and (max-width:37.5rem) {
    .w13-ctaregister-4__heading {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w13-ctaregister-4__items {
    margin-top: 3rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w13-ctaregister-4__items__contact {
    width: 48%;
    text-align: center;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-4__items__contact {
        width: 100%;
        margin-top: 2rem;
    }
}

.w13-ctaregister-4__items__contact__form__input {
    margin-bottom: 2rem;
    display: block;
    padding: 1.5rem 1rem;
    border: 0.1rem solid #eee;
    border-radius: 0.8rem;
    background-color: white;
}

.w13-ctaregister-4__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5rem;
}

.w13-ctaregister-4__items__contact__form__input__icon {
    color: red;
}

.w13-ctaregister-4__items__contact__form__text {
    height: 3rem;
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
}

.w13-ctaregister-4__items__contact__form__des {
    color: red;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: block;
}

.w13-ctaregister-4__items__contact__button {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    align-items: center;
}

.w13-ctaregister-4__items__contact__button__btn {
    display: flex;
    padding: .75rem 2rem;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    border-radius: 3rem;
    font-weight: 600;
    cursor: pointer;
}

    .w13-ctaregister-4__items__contact__button__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w13-ctaregister-4__items__contact__button__btn__text {
    font-size: 1.6rem;
    text-transform: uppercase;
}

.w13-ctaregister-4__items__contact__button__btn__icon {
    margin-left: .5rem;
    font-size: 1.6rem;
}

.w13-ctaregister-4__items__contact__info {
    line-height: 1.6rem;
    font-size: 1.6rem;
    display: block;
    margin-top: 2rem;
}

.w13-ctaregister-4__items__imgbox {
    width: 50%;
    height: auto;
    display: block;
    overflow: hidden;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
    height: max-content;
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w13-ctaregister-4__items__imgbox {
        width: 100%;
    }
}

@media only screen and (max-width: --bp-700) {
    .w13-ctaregister-4__items__imgbox {
        width: 100%;
        height: 40rem;
    }
}

@media only screen and (max-width: --bp-600) {
    .w13-ctaregister-4__items__imgbox {
        width: 100%;
        height: 35rem;
    }
}

@media only screen and (max-width: --bp-400) {
    .w13-ctaregister-4__items__imgbox {
        width: 100%;
        height: 25rem;
    }
}

.w13-ctaregister-4__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w13-ctaregister-4__items__contact__form__item {
    margin-bottom: 2rem;
}

.w13-ctaregister-4__items__contact__form__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w13-ctaregister-4__items__contact__form__item__dropdown {
        width: 100%;
    }
}

.w13-ctaregister-4__items__contact__form__item__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .3rem;
    border: 0.15rem solid #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #3f3f3f;
}

.w13-ctaregister-4__items__contact__form__item__dropdown__check:checked ~
.w13-ctaregister-4__items__contact__form__item__dropdown__label
.w13-ctaregister-4__items__contact__form__item__dropdown__label__icon:before {
    content: "\f106";
}

.w13-ctaregister-4__items__contact__form__item__dropdown__label__name {
    font-size: 1.5rem;
}

.w13-ctaregister-4__items__contact__form__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w13-ctaregister-4__items__contact__form__item__dropdown__check {
    display: none;
}

.w13-ctaregister-4__items__contact__form__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: 0.15rem solid #eee;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: hidden;
}

.w13-ctaregister-4__items__contact__form__item__dropdown__check:checked ~
.w13-ctaregister-4__items__contact__form__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w13-ctaregister-4__items__contact__form__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.5rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    text-align: left;
    color: #3f3f3f;
}

    .w13-ctaregister-4__items__contact__form__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w13-ctaregister-4__items__contact__form__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w25-ads-3*/
.w25-ads-3 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

.w25-ads-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w25-ads-3__heading {
    width: 100%;
}

.w25-ads-3__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w25-ads-3__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w25-ads-3__heading__name__text {
        margin: 0;
    }
}

.w25-ads-3__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w25-ads-3__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w25-ads-3__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w25-ads-3__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w25-ads-3__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w25-ads-3__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w25-ads-3__mains {
    overflow: hidden;
}

.w25-ads-3__mains__main {
}

.w25-ads-3__mains__main__items {
    margin-top: 3rem;
}

.w25-ads-3__mains__main__items__item {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 0;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 50rem) {
    .w25-ads-3__mains__main__items__item:nth-child(2n+2) {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width: 50rem) {
    .w25-ads-3__mains__main__items__item {
        flex-direction: column;
        width: 100%;
        margin: 0 auto;
        text-align: center;
    }
}

.w25-ads-3__mains__main__items__item__bg {
    width: 6rem;
    background-color: #fff;
    height: 100%;
    top: 0;
    z-index: 0;
    transform: skewX(-10deg);
    position: absolute;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-3__mains__main__items__item__bg {
        display: none;
    }
}

.w25-ads-3__mains__main__items__item__first {
    display: block;
    overflow: hidden;
    cursor: pointer;
    width: 50%;
}

.w25-ads-3__mains__main__items__item:nth-child(2n+2) .w25-ads-3__mains__main__items__item__first {
    margin-left: auto;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-3__mains__main__items__item__first {
        width: 100%;
    }
}

.w25-ads-3__mains__main__items__item__first__imgbox {
    min-width: 50%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w25-ads-3__mains__main__items__item__first__imgbox:hover {
        transform: scale(1.05);
    }

.w25-ads-3__mains__main__items__item__first__imgbox {
    width: 100%;
}

.w25-ads-3__mains__main__items__item__first__imgbox__img {
    width: 100%;
}

.w25-ads-3__mains__main__items__item__info {
    width: 45%;
    padding: 1rem 0rem 1rem 3rem;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-3__mains__main__items__item__info {
        width: 42%;
    }
}

@media only screen and (min-width: 50rem) {
    .w25-ads-3__mains__main__items__item:nth-child(2n+1) .w25-ads-3__mains__main__items__item__info {
        margin-left: auto;
    }
}

@media only screen and (min-width: 50rem) {
    .w25-ads-3__mains__main__items__item:nth-child(2n+2) .w25-ads-3__mains__main__items__item__info {
        padding: 1rem 3rem 1rem 0rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w25-ads-3__mains__main__items__item__info {
        width: 100%;
        margin-left: 0;
        text-align: center;
        padding: 1rem 0rem;
    }
}

.w25-ads-3__mains__main__items__item__info__heading {
    display: block;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 2.6rem;
    transition: all .5s;
}

@media only screen and (min-width: 50rem) {
    .w25-ads-3__mains__main__items__item:nth-child(2n+2)
    .w25-ads-3__mains__main__items__item__info__heading {
        text-align: right;
    }
}

.w25-ads-3__mains__main__items__item__info__heading:hover {
    color: rgba(var(--second-color-w), 1);
}

.w25-ads-3__mains__main__items__item__info__imgbox {
    display: inline-block;
    margin-top: 1rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.w25-ads-3__mains__main__items__item__info__imgbox__img {
    width: 100%;
}

.w25-ads-3__mains__main__items__item__info__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: left;
    line-height: 2.6rem;
}

@media only screen and (min-width: 50rem) {
    .w25-ads-3__mains__main__items__item:nth-child(2n+2)
    .w25-ads-3__mains__main__items__item__info__des {
        text-align: right;
    }
}

.w25-ads-3__mains__main__items__item__info__iconlink {
    display: flex;
}

.w25-ads-3__mains__main__items__item__info__iconlink__icon {
    margin-top: 1rem;
    color: #303030;
    font-size: 1.6rem;
    cursor: pointer;
    margin-right: 1rem;
}

.w25-ads-3__mains__main__items__item__info__btn {
    background-image: -webkit-gradient(linear, left top, right top, from(#bd9f67), color-stop(48%, #f4f3ad), color-stop(99%, #bd9f67));
    padding: 0.7rem 2rem;
    display: inline-block;
    text-align: center;
    font-size: 1.6rem;
    font-weight: bolder;
    border-radius: 2rem;
    margin: 0 auto;
    margin-top: 2rem;
    margin-left: auto;
    float: right;
    width: max-content;
    cursor: pointer;
    border: 1px solid white;
    transition: all 0.2s ease;
}

    .w25-ads-3__mains__main__items__item__info__btn:hover {
        color: white;
        background-image: none;
        background-color: #ff2b2b;
        font-weight: bolder;
    }

.w25-ads-3__mains__main__items__item__info__bottom {
    display: flex;
    justify-content: center;
}

@media only screen and (min-width: 50rem) {
    .w25-ads-3__mains__main__items__item__info__bottom {
        justify-content: left;
    }

    .w25-ads-3__mains__main__items__item:nth-child(2n+2)
    .w25-ads-3__mains__main__items__item__info__bottom {
        justify-content: right;
    }
}

.w25-ads-3__mains__main__items__item__info__bottom__btn {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.5s;
    position: relative;
    border-radius: .3rem;
    width: max-content;
    overflow: hidden;
    margin: 1rem 0;
    padding: 1rem 2rem;
    width: max-content;
    display: flex;
    align-items: center;
    z-index: 1;
    transition: all .25s;
}

.w25-ads-3__mains__main__items__item__info__bottom:hover
.w25-ads-3__mains__main__items__item__info__bottom__btn {
    letter-spacing: .1rem;
}

.w25-ads-3__mains__main__items__item__info__bottom__btn__text {
    position: relative;
    z-index: 1;
}

.w25-ads-3__mains__main__items__item__info__bottom__btn__icon {
    margin-left: .5rem;
    position: relative;
    z-index: 1;
}

.w25-ads-3__mains__main__items__item__info__bottom__btn:after {
    position: absolute;
    width: 0;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
    transition: all .25s;
    content: "";
    top: 0;
    left: 0;
    z-index: 0;
}

.w25-ads-3__mains__main__items__item__info__bottom__btn:hover:after {
    width: 100%;
}

.w25-ads-3__mains__pagination {
    bottom: 1.5rem !important;
    z-index: 1;
}

    .w25-ads-3__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w25-ads-3__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }
/*ed*/

/*w1-breadcrumb*/
.w1-breadcrumb {
    width: 100%;
    background-color: #f7f7f7;
    padding: 1.5rem 1rem;
    font-weight: 500;
    border-bottom: 0.1rem solid #eee;
    color: black;
}

.w1-breadcrumb__group {
    max-width: 120rem;
    margin: 0 auto;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 50rem) {
    .w1-breadcrumb__group {
        flex-wrap: wrap;
    }
}

.w1-breadcrumb__heading {
    color: currentColor;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    width: 50%;
    display: inline-block;
    line-height: 1.8rem;
}

@media only screen and (max-width: 50rem) {
    .w1-breadcrumb__heading {
        font-size: 1.6rem;
        width: 100%;
        text-align: center;
    }
}

.w1-breadcrumb__nav {
    max-width: 30%;
    cursor: pointer;
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    line-height: 1.8rem;
}

@media only screen and (max-width: 50rem) {
    .w1-breadcrumb__nav {
        width: 100%;
        max-width: 100%;
        justify-content: center;
    }
}

.w1-breadcrumb__nav__block:first-child {
    margin-left: 0;
}

.w1-breadcrumb__nav__block {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    transition: all .5s;
}

@media only screen and (max-width: 50rem) {
    .w1-breadcrumb__nav__block {
        margin-top: 1rem;
    }
}

.w1-breadcrumb__nav__block:hover {
    color: rgba(var(--main-color-w), 1);
}

.w1-breadcrumb__nav__icon {
    margin-right: 0.5rem;
}

.w1-breadcrumb__nav__text-home {
    margin-left: 0;
}

.w1-breadcrumb .active {
    color: rgba(var(--main-color-w), 1) !important;
}

/*ed*/

/*w9-bloglist*/
.w9-bloglist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w9-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50rem) {
    .w9-bloglist__group {
        flex-direction: column;
    }
}

.w9-bloglist__first {
    width: 67%;
}

@media only screen and (max-width: 50rem) {
    .w9-bloglist__first {
        width: 100%;
    }
}

.w9-bloglist__first__heading {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-bottom: 2rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
}

.w9-bloglist__first__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

    .w9-bloglist__first__text h1,
    .w9-bloglist__first__text h2,
    .w9-bloglist__first__text h3,
    .w9-bloglist__first__text h4,
    .w9-bloglist__first__text p,
    .w9-bloglist__first__text img,
    .w9-bloglist__first__text iframe {
        margin: 0.7rem 0;
    }

.w9-bloglist__first__block {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w9-bloglist__first__block__items {
    margin-top: 2rem;
    width: 100%;
}

.w9-bloglist__first__block__items__2 .w9-bloglist__first__items__imgbox {
    width: 100%;
}

@media only screen and (min-width: 50rem) {
    .w9-bloglist__first__block__items__2 {
        width: 48%;
        margin-left: 2%;
    }
}

.w9-bloglist__first__block__items__link {
    display: block;
    overflow: hidden;
    border-radius: .3rem;
}

.w9-bloglist__first__block__items__link__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w9-bloglist__first__block__items__link__imgbox:hover {
        transform: scale(1.05);
    }

.w9-bloglist__first__block__items__link__imgbox__img {
    width: 100%;
}

.w9-bloglist__first__block__items__content {
    margin-top: 2rem;
}

.w9-bloglist__first__block__items__content__post {
    display: flex;
    align-items: center;
}

.w9-bloglist__first__block__items__content__post__cate {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 1.4rem;
}

.w9-bloglist__first__block__items__content__post__text {
    color: var(--text-color-w);
    margin-left: 1rem;
    font-size: 1.4rem;
    font-weight: 600;
}

.w9-bloglist__first__block__items__content__main {
    margin-top: 1.5rem;
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    line-height: 1.8rem;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
    transition: all .5s;
}

    .w9-bloglist__first__block__items__content__main:hover {
        color: rgba(var(--second-color-w),1);
    }

.w9-bloglist__first__block__items__content__sub {
    margin-top: 1.5rem;
    color: #626262;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w9-bloglist__first__block__items__content__button {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
    font-weight: 600;
    background-color: transparent;
    text-transform: capitalize;
    border: none;
    font-size: 1.6rem;
    margin-top: 1rem;
    display: block;
    cursor: pointer;
    transition: all .5s;
}

    .w9-bloglist__first__block__items__content__button:hover {
        color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w9-bloglist__first__paging {
    text-align: center;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w9-bloglist__first__paging__items {
    width: 3.3rem;
    height: 3.3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 1.5rem;
    cursor: pointer;
    transition: all .5s;
    font-size: 1.6rem;
}

.w9-bloglist__first__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w9-bloglist__first__paging__items:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w9-bloglist__first__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
}

.w9-bloglist__first__paging__pre__text {
    font-size: 1.2rem;
}

.w9-bloglist__first__paging__pre__icon {
    margin-left: 0.5rem;
    font-size: 1.2rem;
}

.w9-bloglist__second {
    width: 30%;
    margin-top: 4rem;
}

@media only screen and (max-width: 50rem) {
    .w9-bloglist__second {
        width: 100%;
    }
}
.w9-bloglist__second__container{
    position:sticky;
    top:1rem;
}
.w9-bloglist__second__latest__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem;
    border-bottom: 0.1rem solid #eee;
}

.w9-bloglist__second__latest__content {
    display: flex;
    padding: .75rem 1rem;
}

.w9-bloglist__second__latest__content__imgbox {
    min-width: 10rem;
    max-width: 10rem;
    height: 7rem;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w9-bloglist__second__latest__content__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w9-bloglist__second__latest__content__info {
    margin-left: 1rem;
    cursor: pointer;
}


.w9-bloglist__second__latest__content__info__text {
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
}

.w9-bloglist__second__latest__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w9-bloglist__second__blog {
    margin-top: 2rem;
}

.w9-bloglist__second__blog__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 0.1rem solid #eee;
}

.w9-bloglist__second__blog__content {
    padding: 1rem;
}

.w9-bloglist__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w9-bloglist__second__blog__content__info__icon {
    font-size: 1.6rem;
}

.w9-bloglist__second__blog__content__info__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    display: block;
}

.w9-bloglist__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
}

.w9-bloglist__second__tag {
    margin-top: 2rem;
}

.w9-bloglist__second__tag__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem;
    border-bottom: 0.1rem solid #eee;
}

.w9-bloglist__second__tag__content {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w9-bloglist__second__tag__content__button {
    background-color: #eef2f8;
    border: none;
    outline: none;
    padding: 1rem;
    color: var(--text-color-w);
    margin-right: 1rem;
    font-size: 1.4rem;
    margin-top: 1rem;
    display: inline-block;
    cursor: pointer;
}

    .w9-bloglist__second__tag__content__button:hover {
        color: rgba(var(--main-color-w), 1);
    }

/*ed*/
/*w35-bloglist*/
.w35-bloglist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w35-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w35-bloglist__heading__name {
    font-size: 2.5rem;
    color: rgba(var(--main-color-w), 1);
    width: fit-content;
    margin: 0 auto;
    line-height: 1.6rem;
    font-weight: 600;
}

.w35-bloglist__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    width: 10rem;
    display: block;
    margin: 0 auto;
    margin-top: 2rem;
}

.w35-bloglist__heading__tabs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.w35-bloglist__heading__tabs__tab {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
    margin-right: 1.5rem;
}

    .w35-bloglist__heading__tabs__tab:last-child {
        margin-right: 0;
    }

.w35-bloglist__heading__tabs__tab__text {
    line-height: 1.6rem;
    padding: .7rem 2rem;
    font-size: 1.6rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

    .w35-bloglist__heading__tabs__tab__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w35-bloglist__text {
    margin-top: 2rem;
}

.w35-bloglist__items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    transition: all .5s;
}

@media only screen and (max-width: 43.75rem) {
    .w35-bloglist__items {
        flex-wrap: wrap;
        height: auto;
        align-items: flex-start;
    }
}

.w35-bloglist__items__first {
    width: 55%;
    height: 100%;
    box-shadow: 0rem 0.5rem 1.5rem rgba(0, 0, 0, 0.2);
    border-radius: 1rem;
    margin-right: 1rem;
    overflow: hidden;
    cursor: pointer;
}

@media only screen and (max-width: 43.75rem) {
    .w35-bloglist__items__first {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

.w35-bloglist__items__first__imgbox {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w35-bloglist__items__first__imgbox:hover {
        transform: scale(1.05);
    }

.w35-bloglist__items__first__imgbox__img {
    width: 100%;
}

.w35-bloglist__items__content {
    width: 43%;
    height: auto;
    border-radius: 1rem;
    cursor: pointer;
    transition: all 0.2s cubic-bezier(0.19, 1, 0.22, 1);
    padding: 2rem 2rem 2rem 2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w35-bloglist__items__content {
        width: 100%;
    }
}

.w35-bloglist__items__content:hover {
    background-color: #FFE4A0;
}

.w35-bloglist__items__content__number {
    font-size: 4rem;
    font-weight: 600;
}

.w35-bloglist__items__content__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
    line-height: 3rem;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .5s;
}

    .w35-bloglist__items__content__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w35-bloglist__items__content__des {
    font-size: 1.6rem;
    margin-top: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w35-bloglist__items__content__button {
    padding: 0.5rem 2rem;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 2rem;
    display: inline-block;
    position: relative;
    height: max-content;
    margin-top: 2rem;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: none;
    outline: none;
    color: white;
    border: 0.1px solid rgba(var(--main-color-w), 1);
}

    .w35-bloglist__items__content__button:hover {
        color: rgba(var(--second-color-w), 1);
        background-color: white;
        letter-spacing: .1rem;
        box-shadow: 0.1rem 0.1rem 1rem 0.1rem #eee;
    }

.w35-bloglist__paging {
    text-align: center;
    margin-top: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w35-bloglist__paging__items {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 1.5rem;
    font-size: 1.4rem;
    border: 0.1rem solid #eee;
    cursor: pointer;
    box-shadow: 0 0 3rem rgba(36, 36, 36, 0.115);
    transition: all .5s;
    font-weight: 400;
}

    .w35-bloglist__paging__items:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w35-bloglist__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}
/*ed*/
/*w63-menu*/
.w63-menu {
    width: 100%;
    padding: 0rem 1rem;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w63-menu {
        padding: 0;
    }
}

.w63-menu__check {
    display: none;
}

.w63-menu__mobile {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 2rem 1rem;
    display: none;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w63-menu__mobile {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center;
    }

    .w63-menu.ws1TransApply .w63-menu__mobile {
        background-color: transparent;
    }
}

@media only screen and (max-width:50rem) {
    .w63-menu__mobile {
        padding: 1rem 1rem;
    }
}

.w63-menu__mobile__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:75rem) {
    .w63-menu__mobile__imgbox {
        max-width: 70%;
    }
}

.w63-menu__mobile__label {
    cursor: pointer;
    transition: all .5s;
    position: absolute;
    left: 1rem;
    height: 3.6rem;
    border-radius: 50%;
    width: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(var(--second-color-w),1);
}

@media only screen and (min-width:50rem) {
    .w63-menu__mobile__label {
    }
}

.w63-menu__mobile__label__icon {
    font-size: 1.8rem;
    font-weight: normal;
}

.w63-menu.ws1TransApply .w63-menu__mobile__label__icon {
    color: #fff;
}

.sticky .w63-menu__mobile__label__icon {
    color: inherit;
}

.w63-menu__mobile__btn {
    position: absolute;
    right: 1rem;
    display: flex;
    align-items: center;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),1);
}

@media only screen and (min-width:50rem) {
    .w63-menu__mobile__btn {
    }
}

.w63-menu__mobile__btn__icon {
    font-size: 1.8rem;
    animation-name: key-w63-menu__mobile__btn__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w63-menu__mobile__btn__icon {
    0% {
        transform: scale(.7);
    }

    0% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(.7);
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__check:checked ~ .w63-menu__mobile__label .w63-menu__mobile__label__icon:before {
        content: "\f141";
    }
}

.w63-menu__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w63-menu__group {
        margin: 0;
        width: 100%;
        padding: 0;
        background-color: rgba(var(--main-color-w),1);
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        display: block;
        top: 0;
        left: 0;
        height: 100%;
        transition: all .25s;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w63-menu__check:checked ~ .w63-menu__group {
        overflow-y: scroll;
        padding: 5rem 0rem 1.5rem 0rem;
        left: 0;
        transform: none;
    }

    .w63-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w63-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w63-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w63-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

@-webkit-keyframes key-menu-9__first__btn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
.w63-menu__second {
    transition: all .5s;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w63-menu__second {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .w63-menu__second--last {
        display: flex;
        justify-content: flex-end;
    }
}

@-webkit-keyframes key-wd-menu-15__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    section.in .w63-menu__second {
        -webkit-animation: key-wd-menu-15__second 1s;
        animation: key-wd-menu-15__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second {
        margin-left: 0;
        padding-bottom: 4rem;
    }
}

.w63-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items {
        width: 100%;
        padding: 0rem 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w63-menu__second__items {
        padding: 0rem 1rem;
    }
}

.w63-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item {
        width: 23.5%;
        margin-left: 2%;
        margin-top: 1.5rem;
    }

    @media only screen and (min-width:50rem) {
        .w63-menu__second__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w63-menu__second__items__item {
            width: 32%;
        }

        @media only screen and (min-width:37.5rem) {
            .w63-menu__second__items__item:nth-child(3n+1) {
                margin-left: 0;
            }
        }

        @media only screen and (max-width:37.5rem) {
            .w63-menu__second__items__item {
                width: 49%;
            }

            @media only screen and (min-width:31.25rem) {
                .w63-menu__second__items__item:nth-child(2n+1) {
                    margin-left: 0;
                }
            }

            @media only screen and (max-width:31.25rem) {
                .w63-menu__second__items__item {
                    width: 100%;
                    margin-left: 0;
                }
            }
        }
    }
}

.w63-menu__second__items__item__check {
    display: none;
}

.w63-menu__second__items__item__main {
    position: relative;
    padding: 1rem 1.25rem;
    transition: all .25s;
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item:hover
    .w63-menu__second__items__item__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__main {
        transition: .5s;
    }

    .w63-menu__second__items__item:hover .w63-menu__second__items__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__main {
        padding: 0 0 0;
        width: 100%;
        display: flex;
        align-items: center;
    }
}

.w63-menu__second__items__item__main__first {
    display: flex;
    justify-content: center;
    cursor: pointer;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__main__first {
        width: fit-content;
    }
}

.w63-menu__second__items__item__main__first__imgbox {
    background-size: contain;
    background-position: center;
    height: 4rem;
    width: 4rem;
    background-repeat: no-repeat;
    transition: all .5s;
    border-radius: 50%;
}

.w63-menu__second__items__item:hover
.w63-menu__second__items__item__main__first__imgbox {
    transform: scale(1.1);
}

.w63-menu__second__items__item__main__name {
    font-size: 1.2rem;
    cursor: pointer;
    width: 100%;
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__main__name {
        font-size: 1.2rem;
        font-weight: 400;
        transition: all .5s;
        padding: .75rem 3rem .75rem 0;
        color: #fff;
        text-align: left;
        margin-left: 1rem;
        font-weight: 600;
    }

    .w63-menu__second__items__item__check:checked ~
    .w63-menu__second__items__item__main
    .w63-menu__second__items__item__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__main__name {
        margin-top: 1rem;
        display: block;
        text-align: center;
    }

    .w63-menu.ws1TransApply .w63-menu__second__items__item__main__name {
        color: #fff;
        text-shadow: 0.05rem 0 0 #fff;
    }

    .sticky .w63-menu__second__items__item__main__name {
        color: inherit;
        text-shadow: none;
    }

    .w63-menu__second__items__item:hover .w63-menu__second__items__item__main__name {
    }
}

.w63-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__main__icon2 {
        padding: 0;
        display: flex !important;
        justify-content: center;
        align-items: center;
        color: #fff;
        position: absolute;
        font-weight: 400;
        font-size: 1.3rem;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w63-menu__second__items__item__main__icon2__value {
        position: relative;
        font-weight: 400 !important;
    }

        .w63-menu__second__items__item__main__icon2__value:before {
            content: "\f068" !important;
        }

        .w63-menu__second__items__item__main__icon2__value:after {
            content: "\f068";
            transition: all .5s;
            transform: rotate(90deg);
            position: absolute;
            right: 0;
        }

    .w63-menu__second__items__item__check:checked ~
    .w63-menu__second__items__item__main
    .w63-menu__second__items__item__main__icon2 {
    }

    .w63-menu__second__items__item__check:checked ~
    .w63-menu__second__items__item__main
    .w63-menu__second__items__item__main__icon2__value:after {
        transform: rotate(0);
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__main__icon2 {
        display: none;
    }

    .w63-menu.ws1TransApply .w63-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .sticky .w63-menu__second__items__item__main__icon2 {
        color: inherit;
    }
}

.w63-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
        margin-left: 5rem;
    }

    .w63-menu__second__items__item__check:checked ~
    .w63-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__childs {
        position: absolute;
        top: 100%;
        background-color: rgba(var(--main-color-w),1);
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 0rem 0rem;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w63-menu__second__items__item:hover .w63-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        border: none;
        overflow: inherit;
        transform: none;
    }
}

.w63-menu__second__items__item__childs__child {
    position: relative;
}

    .w63-menu__second__items__item__childs__child:last-child {
        border: none;
    }

.w63-menu__second__items__item__childs__child__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__childs__child__main {
        border-color: #646161;
    }

    .w63-menu__second__items__item__childs__child:first-child .w63-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__childs__child__main {
        padding: 0 0 0;
        margin-left: 0;
    }
}

.w63-menu__second__items__item__childs__child__main__name {
    font-size: 1.4rem;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__childs__child__main__name {
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 600;
        color: #fff;
        padding: .75rem 3rem .75rem 0;
        transition: all .5s;
        width: 100%;
    }

    .w63-menu__second__items__item__childs__child__check:checked ~
    .w63-menu__second__items__item__childs__child__main
    .w63-menu__second__items__item__childs__child__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__childs__child__main__name {
        transition: all .5s;
        color: #fff;
        padding: 1rem 1.5rem;
        display: block;
        width: 100%;
        font-weight: 600;
    }

    .w63-menu__second__items__item__childs__child:hover .w63-menu__second__items__item__childs__child__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .w63-menu__second__items__item__childs__child:hover .w63-menu__second__items__item__childs__child__main {
        background-color: #fff;
    }
}

.w63-menu__second__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }

    .w63-menu__second__items__item__childs__child:hover .w63-menu__second__items__item__childs__child__main__icon {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__childs__child__main__icon {
        padding: 0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
        position: absolute;
        font-weight: 400;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w63-menu__second__items__item__childs__child__main__icon__value {
        position: relative;
        font-weight: 400 !important;
    }

        .w63-menu__second__items__item__childs__child__main__icon__value:before {
            content: "\f068" !important;
        }

        .w63-menu__second__items__item__childs__child__main__icon__value:after {
            content: "\f068" !important;
            transition: all .5s;
            transform: rotate(90deg);
            position: absolute;
            right: 0;
        }

    .w63-menu__second__items__item__childs__child__check:checked ~
    .w63-menu__second__items__item__childs__child__main
    .w63-menu__second__items__item__childs__child__main__icon {
    }

    .w63-menu__second__items__item__childs__child__check:checked ~
    .w63-menu__second__items__item__childs__child__main
    .w63-menu__second__items__item__childs__child__main__icon__value:after {
        transform: rotate(0deg);
    }
}

.w63-menu__second__items__item__childs__child__check {
    display: none;
}

.w63-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__childs__child__grands {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w63-menu__second__items__item__childs__child__check:checked ~
    .w63-menu__second__items__item__childs__child__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__childs__child__grands {
        position: absolute;
        left: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0rem;
        background-color: rgba(var(--main-color-w),1);
        width: 22rem;
        padding: 0rem 0rem;
        border: none;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
    }

    .w63-menu__second__items__item__childs__child:hover .w63-menu__second__items__item__childs__child__grands {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }

    .w63-menu__second__items__item__childs__child__grands.ws1MenudropActive {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w63-menu__second__items__item__childs__child__grands__grand {
}

.w63-menu__second__items__item__childs__child__grands__grand__main {
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__childs__child__grands__grand__main {
        border-color: #646161;
    }

    .w63-menu__second__items__item__childs__child__grands__grand:first-child .w63-menu__second__items__item__childs__child__grands__grand__main {
        border: none;
    }

    .w63-menu__second__items__item__childs__child__grands__grand:hover .w63-menu__second__items__item__childs__child__grands__grand__main {
        background-color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__childs__child__grands__grand__main {
        margin-left: 2rem;
        padding: .75rem 0rem;
    }
}

.w63-menu__second__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    transition: all .25s;
    cursor: pointer;
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__items__item__childs__child__grands__grand__main__name {
        color: #fff;
        padding: 1rem 1.5rem;
        display: block;
        font-weight: 600;
    }

    .w63-menu__second__items__item__childs__child__grands__grand__main:hover .w63-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__items__item__childs__child__grands__grand__main__name {
        font-size: 1.4rem;
        text-transform: capitalize;
        font-weight: 400;
        color: #fff;
    }

    .w63-menu__second__items__item__childs__child__grands__grand__main:hover .w63-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

.w63-menu__second__danhmuc {
    width: 9rem;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__danhmuc {
        width: 100%;
        background-color: rgba(var(--second-color-w),1);
        padding: 0;
        position: relative;
    }
}

.w63-menu__second__danhmuc__icon {
    cursor: pointer;
    padding: 1rem 0rem;
    display: flex;
    align-items: center;
    transition: all .5s;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__danhmuc__icon {
        padding: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__danhmuc__icon {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w63-menu__second__danhmuc__icon:hover {
}

.w63-menu__second__danhmuc__icon__value {
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--second-color-w),1);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__danhmuc__icon__value {
        border-radius: 0;
        background-color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__danhmuc__icon:hover
    .w63-menu__second__danhmuc__icon__value {
        transform: scale(1.1);
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__danhmuc__check:checked ~
    .w63-menu__second__danhmuc__icon
    .w63-menu__second__danhmuc__icon__value:before {
        content: "\f067";
        transform: rotate(45deg);
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__danhmuc:hover
    .w63-menu__second__danhmuc__icon__value:before {
        content: "\f067";
        transform: rotate(45deg);
    }
}

.w63-menu__second__danhmuc__icon__name {
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    margin-left: 1rem;
    display: block;
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__danhmuc__icon__name {
        width: 100%;
        margin-top: 1rem;
        margin-left: 0rem;
    }
}

.w63-menu__second__danhmuc__check {
    display: none;
}

.w63-menu__second__danhmuc__items {
    position: relative;
    position: absolute;
    top: 100%;
    width: 100%;
    padding: .5rem;
    border-radius: 0 0 .5rem .5em;
    display: flex;
    left: 0;
    background-color: #fff;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s;
    overflow: hidden;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform-origin: center top 0px;
    display: flex;
    flex-wrap: wrap;
    padding: .5rem 1.5rem 1.5rem;
    box-shadow: 0 0 1rem rgba(0,0,0,.1);
}

    .w63-menu__second__danhmuc__items.ws1MenudropActive {
        display: flex !important;
    }

@media only screen and (min-width:75rem) {
    .w63-menu__second__danhmuc__items {
        overflow-y: scroll;
        max-height: 85vh;
    }

        .w63-menu__second__danhmuc__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w63-menu__second__danhmuc__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w63-menu__second__danhmuc__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w63-menu__second__danhmuc__items::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__danhmuc:hover .w63-menu__second__danhmuc__items {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__danhmuc__check:checked ~ .w63-menu__second__danhmuc__items {
        z-index: 1;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w63-menu__second__danhmuc__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 1rem;
}

@media only screen and (min-width:50rem) {
    .w63-menu__second__danhmuc__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w63-menu__second__danhmuc__items__item {
        width: 32%;
    }

    @media only screen and (min-width:37.5rem) {
        .w63-menu__second__danhmuc__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:37.5rem) {
        .w63-menu__second__danhmuc__items__item {
            width: 49%;
        }

            .w63-menu__second__danhmuc__items__item:nth-child(2n+1) {
                margin-left: 0;
            }
    }
}

.w63-menu__second__danhmuc__items__item__name {
    font-weight: 600;
    font-size: 1.4rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w63-menu__second__danhmuc__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w63-menu__second__danhmuc__items__item__hinhanh {
    display: block;
    margin-top: 1rem;
    overflow: hidden;
}

.w63-menu__second__danhmuc__items__item__hinhanh__imgbox {
    background-size: cover;
    width: 100%;
    transition: all .5s;
}

    .w63-menu__second__danhmuc__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w63-menu__second__danhmuc__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w63-menu__second__danhmuc__items__item__childs {
    margin-top: .5rem;
}

.w63-menu__second__danhmuc__items__item__childs__child {
    display: flex;
    padding: .5rem 0;
}

.w63-menu__second__danhmuc__items__item__childs__child__icon {
    color: #3f3f3f;
    font-size: 1.4rem;
    margin-top: .35rem;
}

.w63-menu__second__danhmuc__items__item__childs__child__name {
    margin-left: .5rem;
    color: #3f3f3f;
    font-size: 1.4rem;
    transition: all .5s;
    cursor: pointer;
}

    .w63-menu__second__danhmuc__items__item__childs__child__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w63-menu__heading {
    display: none;
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0rem 0rem;
    height: 5rem;
    align-items: center;
    background-color: #f1f1f1;
}

@media only screen and (max-width:75rem) {
    .w63-menu__heading {
        display: flex;
    }

    .w63-menu__heading__close {
        text-align: center;
        padding: 0rem 1rem;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: #545454;
        font-weight: 600;
    }

        .w63-menu__heading__close:hover {
            color: rgba(var(--main-color-w),1);
        }

    .w63-menu__heading__close__icon {
        font-size: 2.5rem;
        transform: rotate(45deg);
        transition: all .5s;
    }

    .w63-menu__heading__close:hover .w63-menu__heading__close__icon {
        transform: rotate(135deg);
    }

    .w63-menu__heading__close__text {
        font-size: 1.6rem;
        margin-left: .5rem;
    }
}

.w63-menu__center {
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w63-menu__center {
        display: none;
    }
}

.w63-menu__center__figure {
    background-position: center;
    background-size: contain;
    max-width: 16rem;
    max-height: 7rem;
    background-repeat: no-repeat;
}

.w63-menu__second__search {
    position: relative;
    width: 7rem;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__search {
        width: 100%;
        margin-top: 1rem;
        padding: 0;
        display: flex;
        align-items: center;
        background-color: #fff;
        position: fixed;
        bottom: 0;
    }
}

.w63-menu__second__search__icon {
    color: #fff;
    cursor: pointer;
    padding: 0rem;
    transition: all .5s;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}


@media only screen and (min-width:75rem) {
    .w63-menu__second__search__icon {
        width: 100%;
        justify-content: center;
        padding: 1rem 0rem;
    }
}

.w63-menu__second__search__icon:hover {
}

.w63-menu__second__search__icon__value {
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    align-items: center;
    display: flex;
    position: relative;
    transition: all .5s;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    border-radius: 50%;
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__search:hover .w63-menu__second__search__icon__value {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__search__icon__value {
        border-radius: 0;
        color: #fff;
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w63-menu__second__search__icon:hover
    .w63-menu__second__search__icon__value {
        transform: scale(1.1);
    }
}

.w63-menu__second__search__check:checked ~
.w63-menu__second__search__icon
.w63-menu__second__search__icon__value:before {
    content: "\f067";
    transform: rotate(45deg);
}

.w63-menu__second__search__icon__name {
    font-size: 1.2rem;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    margin-top: 1rem;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__search__icon__name {
        margin-top: 0rem;
        margin-left: 1rem;
        color: #545454;
    }
}

.w63-menu__second__search__check {
    display: none;
}

.w63-menu__second__search__items {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__search__items {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: 1rem;
    }

    .w63-menu__second__search__items__item {
        margin-left: 1.5rem;
        font-size: 2rem;
        color: rgba(var(--main-color-w),1);
    }

        .w63-menu__second__search__items__item:first-child {
            margin-left: 0;
        }
}

.w63-menu__second__search__box {
    border: solid .1rem #ffff;
    position: relative;
    position: absolute;
    top: 100%;
    width: 30rem;
    padding: .5rem;
    border-radius: 0 0 .5rem .5em;
    display: flex;
    right: 0;
    background-color: rgba(var(--main-color-w),1);
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .25s;
    overflow: hidden;
    transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
    transform-origin: center top 0px;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__search__box {
        padding: 0;
        top: initial;
        right: .25rem;
        border-radius: 0;
        width: calc(100% - 4.5rem);
        background-color: #fff;
    }
}

.w63-menu__second__search__check:checked ~ .w63-menu__second__search__box {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transform: none;
}

.w63-menu__second__search__box__input {
    width: 100%;
    background-color: #f1f1f1;
    font-family: inherit;
    padding: .75rem;
    border-radius: .3rem;
    border: none;
    outline: none;
    font-size: 1.6rem;
    transition: all .5s;
}

    .w63-menu__second__search__box__input:focus {
        background-color: #fff;
    }

.w63-menu__second__search__box__btn {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    height: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w63-menu__second__search__box__btn {
    }
}

.w63-menu__second__search__box__btn:hover {
    letter-spacing: .1rem;
}
/*ed*/

/*w63-topbar*/
.w63-topbar {
    width: 100%;
    padding: .5rem 1rem;
    background-color: rgba(var(--main-color-w),1);
    border-bottom: solid .1rem #f1f1f1;
}

@media only screen and (max-width:50rem) {
    .w63-topbar {
        padding: .5rem 1rem 0rem;
    }
}

.w63-topbar__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w63-topbar__first {
    display: flex;
    flex-wrap: wrap;
    padding-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w63-topbar__first {
        padding-left: 0rem;
    }
}

@media only screen and (max-width:50rem) {
    .w63-topbar__first {
        justify-content: space-between;
        width: 100%;
    }
}

.w63-topbar__first__item {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    color: #fff;
    transition: all .5s;
    font-size: 1.4rem;
}

    .w63-topbar__first__item:hover {
        letter-spacing: .1rem;
    }

    .w63-topbar__first__item:first-child {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w63-topbar__first__item {
        font-size: 1.4rem;
    }
}

.w63-topbar__first__item:first-child {
    padding-left: 0;
}

.w63-topbar__first__item:last-child {
    padding-right: 0;
    border-right: none;
}

.w63-topbar__first__item__icon {
}

.w63-topbar__first__item__name {
    margin-left: .75rem;
    cursor: pointer;
}

    .w63-topbar__first__item__name:hover {
    }

.w63-topbar__second {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w63-topbar__second {
        margin-left: 0;
        width: 100%;
        justify-content: space-between;
    }
}

.w63-topbar__second__item {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    color: #fff;
    font-size: 1.4rem;
}

    .w63-topbar__second__item:first-child {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w63-topbar__second__item {
        font-size: 1.4rem;
    }
}

.w63-topbar__second__item:first-child {
    padding-left: 0;
}

.w63-topbar__second__item:last-child {
    padding-right: 0;
    border-right: none;
}

.w63-topbar__second__item__icon {
}

.w63-topbar__second__item__name {
    margin-left: .75rem;
    cursor: pointer;
    transition: all .5s;
}

    .w63-topbar__second__item__name:hover {
        letter-spacing: .1rem;
    }

.w63-topbar__second__btn {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    color: #fff;
    border-radius: 2rem;
    padding: .5rem 1.5rem;
    text-align: center;
    font-size: 1.4rem;
}

@media only screen and (max-width:50rem) {
    .w63-topbar__second__btn {
        font-size: 1.4rem;
    }
}

.w63-topbar__second__btn:hover {
    letter-spacing: .1rem;
}

.w63-topbar__second__btn:first-child {
    margin-left: 0;
}


.w63-topbar__second__btn:first-child {
    padding-left: 0;
}

.w63-topbar__second__btn__icon {
}

.w63-topbar__second__btn__name {
    margin-left: .75rem;
    cursor: pointer;
    transition: all .5s;
}
/*ed*/
/*w64-menu*/
.w64-menu {
    width: 100%;
    padding: 0rem 1rem;
    position: relative;
    background-color: #fff;
}

    .w64-menu.ws1TransApply {
        position: absolute !important;
    }

@media only screen and (max-width:75rem) {
    .w64-menu {
        padding: 0;
    }
}

.w64-menu__check {
    display: none;
}

.w64-menu__mobile {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 2rem 1rem;
    display: none;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w64-menu__mobile {
        display: flex;
        width: 100%;
        align-items: center;
    }

    .w64-menu.ws1TransApply .w64-menu__mobile {
        background-color: transparent;
    }
}

@media only screen and (max-width:50rem) {
    .w64-menu__mobile {
        padding: 1rem 1rem;
    }
}

.w64-menu__mobile__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:75rem) {
    .w64-menu__mobile__imgbox {
        max-width: 70%;
    }
}

.w64-menu__mobile__main {
    position: absolute;
    right: 1rem;
    display: flex;
    align-items: center;
}

.w64-menu__mobile__main__label {
    cursor: pointer;
    transition: all .5s;
    height: 3.6rem;
    border-radius: 50%;
    width: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(var(--second-color-w),1);
}

@media only screen and (min-width:50rem) {
    .w64-menu__mobile__main__label {
    }
}

.w64-menu__mobile__main__label__icon {
    font-size: 1.8rem;
    font-weight: normal;
    transition: all .5s;
}

.w64-menu__check:checked ~
.w64-menu__mobile
.w64-menu__mobile__main__label {
    background-color: rgba(var(--main-color-w),1);
}

    .w64-menu__check:checked ~
    .w64-menu__mobile
    .w64-menu__mobile__main__label
    .w64-menu__mobile__main__label__icon {
        transform: rotate(135deg);
    }

        .w64-menu__check:checked ~
        .w64-menu__mobile
        .w64-menu__mobile__main__label
        .w64-menu__mobile__main__label__icon:before {
            content: "\f067";
        }

.w64-menu.ws1TransApply .w64-menu__mobile__main__label__icon {
    color: #fff;
}

.sticky .w64-menu__mobile__main__label__icon {
    color: inherit;
}

@media only screen and (max-width:75rem) {
    .w64-menu__check:checked ~ .w64-menu__mobile__main__label .w64-menu__mobile__main__label__icon:before {
        content: "\f141";
    }
}

.w64-menu__mobile__main__search {
    cursor: pointer;
    transition: all .5s;
    height: 3.6rem;
    border-radius: 50%;
    width: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    margin-right: 1rem;
    background-color: rgba(var(--second-color-w),1);
}

@media only screen and (min-width:50rem) {
    .w64-menu__mobile__main__search {
    }
}

.w64-menu__mobile__main__search__icon {
    font-size: 1.8rem;
    font-weight: normal;
    transition: all .5s;
}

.w64-menu__cksearch {
    display: none;
}

    .w64-menu__cksearch:checked ~
    .w64-menu__mobile
    .w64-menu__mobile__main__search {
        background-color: rgba(var(--main-color-w),1);
    }

        .w64-menu__cksearch:checked ~
        .w64-menu__mobile
        .w64-menu__mobile__main__search
        .w64-menu__mobile__main__search__icon {
            transform: rotate(135deg);
        }

            .w64-menu__cksearch:checked ~
            .w64-menu__mobile
            .w64-menu__mobile__main__search
            .w64-menu__mobile__main__search__icon:before {
                content: "\f067";
            }

.w64-menu.ws1TransApply .w64-menu__mobile__main__search__icon {
    color: #fff;
}

.sticky .w64-menu__mobile__main__search__icon {
    color: inherit;
}

@media only screen and (max-width:75rem) {
    .w64-menu__check:checked ~ .w64-menu__mobile__main__search .w64-menu__mobile__main__search__icon:before {
        content: "\f141";
    }
}

.w64-menu__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w64-menu__group {
        margin: 0;
        width: 100%;
        padding: 0;
        background-color: #fff;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        display: block;
        top: 100%;
        left: 0;
        height: 85vh;
        transition: all .25s;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w64-menu__check:checked ~ .w64-menu__group {
        overflow-y: scroll;
        padding: 5rem 0rem 1.5rem 0rem;
        left: 0;
        transform: none;
    }

    .w64-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w64-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w64-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w64-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

@-webkit-keyframes key-menu-9__first__btn {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}
.w64-menu__second {
    transition: all .5s;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second {
        display: flex;
        align-items: center;
        margin-left: auto;
        width: 86%;
    }

    .w64-menu__second--last {
        display: flex;
        justify-content: flex-end;
    }
}

@-webkit-keyframes key-wd-menu-15__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    section.in .w64-menu__second {
        -webkit-animation: key-wd-menu-15__second 1s;
        animation: key-wd-menu-15__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second {
        margin-left: 0;
        padding-bottom: 4rem;
    }
}

.w64-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items {
        width: 100%;
        padding: 0rem 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w64-menu__second__items {
        padding: 0rem 0rem 0 .5rem;
    }
}

.w64-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item {
        display: flex;
        justify-content: center;
    }

        .w64-menu__second__items__item:after {
            width: 0;
            position: absolute;
            bottom: .1rem;
            height: .3rem;
            background: red;
            border-radius: .3rem;
            content: "";
            transition: all .3s;
        }

        .w64-menu__second__items__item:hover:after {
            width: 100%;
        }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item {
        width: 100%;
    }
}

.w64-menu__second__items__item__check {
    display: none;
}

.w64-menu__second__items__item__main {
    position: relative;
    padding: 3rem 1.75rem;
    transition: all .25s;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item:hover
    .w64-menu__second__items__item__main {
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__main {
        transition: .5s;
    }

    .w64-menu__second__items__item:hover .w64-menu__second__items__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__main {
        padding: 0 0 0;
        width: 100%;
        display: flex;
        align-items: center;
    }
}

.w64-menu__second__items__item__main__imgbox {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    display: none;
    background-position: center;
    background-size: contain;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__main__imgbox {
        display: inline-block;
    }
}

.w64-menu__second__items__item__main__name {
    font-size: 1.5rem;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #333f48;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__main__name {
        font-size: 1.4rem;
        font-weight: 400;
        transition: all .5s;
        padding: .75rem 3rem .75rem 0;
        color: #333f48;
        text-align: left;
        font-weight: 600;
    }

    .w64-menu__second__items__item__check:checked ~
    .w64-menu__second__items__item__main
    .w64-menu__second__items__item__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__main__name {
        display: block;
        text-align: center;
    }

    .w64-menu.ws1TransApply .w64-menu__second__items__item__main__name {
        color: #fff;
        text-shadow: 0.05rem 0 0 #fff;
    }

    .sticky .w64-menu__second__items__item__main__name {
        color: inherit;
        text-shadow: none;
    }

    .w64-menu__second__items__item:hover .w64-menu__second__items__item__main__name {
    }
}

.w64-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__main__icon2 {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333f48;
        position: absolute;
        font-weight: 400;
        font-size: 1.3rem;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w64-menu__second__items__item__main__icon2__value {
        position: relative;
        font-weight: 400 !important;
    }

        .w64-menu__second__items__item__main__icon2__value:before {
            content: "\f068" !important;
        }

        .w64-menu__second__items__item__main__icon2__value:after {
            content: "\f068";
            transition: all .5s;
            transform: rotate(90deg);
            position: absolute;
            right: 0;
        }

    .w64-menu__second__items__item__check:checked ~
    .w64-menu__second__items__item__main
    .w64-menu__second__items__item__main__icon2 {
    }

    .w64-menu__second__items__item__check:checked ~
    .w64-menu__second__items__item__main
    .w64-menu__second__items__item__main__icon2__value:after {
        transform: rotate(0);
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__main__icon2 {
        display: none;
    }

    .w64-menu.ws1TransApply .w64-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .sticky .w64-menu__second__items__item__main__icon2 {
        color: inherit;
    }
}

.w64-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
        margin-left: 2rem;
    }

    .w64-menu__second__items__item__check:checked ~
    .w64-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__childs {
        position: absolute;
        top: 100%;
        background-color: #fff;
        border: .1rem solid #e6e7e8;
        width: max-content;
        border-radius: .3rem;
        z-index: 0;
        opacity: 0;
        left: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 0rem 0rem;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w64-menu__second__items__item:hover .w64-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        overflow: inherit;
        transform: none;
    }
}

.w64-menu__second__items__item__childs__child {
    position: relative;
}

    .w64-menu__second__items__item__childs__child:last-child {
        border: none;
    }

.w64-menu__second__items__item__childs__child__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__childs__child__main {
        border-color: #646161;
    }

    .w64-menu__second__items__item__childs__child:first-child .w64-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__childs__child__main {
        padding: 0 0 0;
        margin-left: 0;
    }
}

.w64-menu__second__items__item__childs__child__main__name {
    font-size: 1.4rem;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__childs__child__main__name {
        font-size: 1.3rem;
        color: #333f48;
        padding: .75rem 3rem .75rem 0;
        transition: all .5s;
        width: 100%;
    }

    .w64-menu__second__items__item__childs__child__check:checked ~
    .w64-menu__second__items__item__childs__child__main
    .w64-menu__second__items__item__childs__child__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__childs__child__main__name {
        transition: all .5s;
        color: #333f48;
        padding: 1rem 1.5rem;
        display: block;
        width: 100%;
    }

    .w64-menu__second__items__item__childs__child:hover .w64-menu__second__items__item__childs__child__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .w64-menu__second__items__item__childs__child:hover .w64-menu__second__items__item__childs__child__main {
        background-color: #fff;
    }
}

.w64-menu__second__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__childs__child__main__icon {
        color: #333f48;
    }

    .w64-menu__second__items__item__childs__child:hover .w64-menu__second__items__item__childs__child__main__icon {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__childs__child__main__icon {
        padding: 0rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333f48;
        position: absolute;
        font-weight: 400;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w64-menu__second__items__item__childs__child__main__icon__value {
        position: relative;
        font-weight: 400 !important;
    }

        .w64-menu__second__items__item__childs__child__main__icon__value:before {
            content: "\f068" !important;
        }

        .w64-menu__second__items__item__childs__child__main__icon__value:after {
            content: "\f068" !important;
            transition: all .5s;
            transform: rotate(90deg);
            position: absolute;
            right: 0;
        }

    .w64-menu__second__items__item__childs__child__check:checked ~
    .w64-menu__second__items__item__childs__child__main
    .w64-menu__second__items__item__childs__child__main__icon {
    }

    .w64-menu__second__items__item__childs__child__check:checked ~
    .w64-menu__second__items__item__childs__child__main
    .w64-menu__second__items__item__childs__child__main__icon__value:after {
        transform: rotate(0deg);
    }
}

.w64-menu__second__items__item__childs__child__check {
    display: none;
}

.w64-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__childs__child__grands {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w64-menu__second__items__item__childs__child__check:checked ~
    .w64-menu__second__items__item__childs__child__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__childs__child__grands {
        position: absolute;
        left: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0rem;
        background-color: #fff;
        border: .1rem solid #e6e7e8;
        width: max-content;
        padding: 0rem 0rem;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
    }

    .w64-menu__second__items__item__childs__child:hover .w64-menu__second__items__item__childs__child__grands {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w64-menu__second__items__item__childs__child__grands__grand {
}

.w64-menu__second__items__item__childs__child__grands__grand__main {
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__childs__child__grands__grand__main {
        border-color: #646161;
    }

    .w64-menu__second__items__item__childs__child__grands__grand:first-child .w64-menu__second__items__item__childs__child__grands__grand__main {
        border: none;
    }

    .w64-menu__second__items__item__childs__child__grands__grand:hover .w64-menu__second__items__item__childs__child__grands__grand__main {
        background-color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__childs__child__grands__grand__main {
        margin-left: 2rem;
        padding: .75rem 0rem;
    }
}

.w64-menu__second__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    transition: all .25s;
    cursor: pointer;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__item__childs__child__grands__grand__main__name {
        color: #333f48;
        padding: 1rem 1.5rem;
        display: block;
    }

    .w64-menu__second__items__item__childs__child__grands__grand__main:hover .w64-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__item__childs__child__grands__grand__main__name {
        font-size: 1.4rem;
        color: #333f48;
    }

    .w64-menu__second__items__item__childs__child__grands__grand__main:hover .w64-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

.w64-menu__second__items__two {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two {
        width: 100%;
    }
}

.w64-menu__second__items__two__check {
    display: none;
}

.w64-menu__second__items__two__main {
    position: relative;
    padding: 3rem 1.25rem;
    transition: all .25s;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two:hover
    .w64-menu__second__items__two__main {
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__main {
        transition: .5s;
    }

    .w64-menu__second__items__two:hover .w64-menu__second__items__two__main {
    }

    .w64-menu__second__items__two__main {
        display: flex;
        justify-content: center;
    }

        .w64-menu__second__items__two__main:after {
            width: 0;
            position: absolute;
            bottom: .1rem;
            height: .3rem;
            background: red;
            border-radius: .3rem;
            content: "";
            transition: all .3s;
        }

        .w64-menu__second__items__two__main:hover:after {
            width: 100%;
        }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__main {
        padding: 0 0 0;
        width: 100%;
        display: flex;
        align-items: center;
    }
}

.w64-menu__second__items__two__main__name {
    font-size: 1.5rem;
    cursor: pointer;
    width: 100%;
    text-align: center;
    font-weight: 700;
    color: #333f48;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__main__name {
        font-size: 1.4rem;
        font-weight: 400;
        transition: all .5s;
        padding: .75rem 3rem .75rem 0;
        color: #333f48;
        text-align: left;
        font-weight: 600;
    }

    .w64-menu__second__items__two__check:checked ~
    .w64-menu__second__items__two__main
    .w64-menu__second__items__two__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__main__name {
        display: block;
        text-align: center;
    }

    .w64-menu.ws1TransApply .w64-menu__second__items__two__main__name {
        color: #fff;
        text-shadow: 0.05rem 0 0 #fff;
    }

    .sticky .w64-menu__second__items__two__main__name {
        color: inherit;
        text-shadow: none;
    }

    .w64-menu__second__items__two:hover .w64-menu__second__items__two__main__name {
    }
}

.w64-menu__second__items__two__main__imgbox {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    display: none;
    background-position: center;
    background-size: contain;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__main__imgbox {
        display: inline-block;
    }
}

.w64-menu__second__items__two__main__icon2 {
    font-size: 1.3rem;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__main__icon2 {
        padding: 0;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333f48;
        position: absolute;
        font-weight: 400;
        font-size: 1.3rem;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w64-menu__second__items__two__main__icon2__value {
        position: relative;
        font-weight: 400 !important;
    }

        .w64-menu__second__items__two__main__icon2__value:before {
            content: "\f068" !important;
        }

        .w64-menu__second__items__two__main__icon2__value:after {
            content: "\f068";
            transition: all .5s;
            transform: rotate(90deg);
            position: absolute;
            right: 0;
        }

    .w64-menu__second__items__two__check:checked ~
    .w64-menu__second__items__two__main
    .w64-menu__second__items__two__main__icon2 {
    }

    .w64-menu__second__items__two__check:checked ~
    .w64-menu__second__items__two__main
    .w64-menu__second__items__two__main__icon2__value:after {
        transform: rotate(0);
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__main__icon2 {
        display: none;
    }

    .w64-menu.ws1TransApply .w64-menu__second__items__two__main__icon2 {
        color: #fff;
    }

    .sticky .w64-menu__second__items__two__main__icon2 {
        color: inherit;
    }
}

.w64-menu__second__items__two__lists {
}

    .w64-menu__second__items__two__lists.ws1MenudropActive {
        display: flex !important;
    }

.w64-menu__second__items__two__lists__list {
    position: relative;
    z-index: 1;
    width: 21%;
    padding-top: 2rem;
    padding-bottom: 2rem;
    border-right: .1rem solid #e6e7e8;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__list {
        width: 100%;
        padding-top: .5rem;
        padding-bottom: .5rem;
        border-bottom: .1rem solid #e6e7e8;
        border-right: none;
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__lists__list {
        max-height: 90vh;
        overflow-y: scroll;
    }

        .w64-menu__second__items__two__lists__list::-webkit-scrollbar {
            width: .4rem;
        }

        .w64-menu__second__items__two__lists__list::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w64-menu__second__items__two__lists__list::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w64-menu__second__items__two__lists__list::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}



.w64-menu__second__items__two__lists__list__subs {
    margin-bottom: 2rem;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__list__subs {
        margin-bottom: 1rem;
    }
}

.w64-menu__second__items__two__lists__list__subs:last-child {
    margin-bottom: 0;
}

.w64-menu__second__items__two__lists__list__subs__heading {
    display: flex;
    color: #333f48;
    font-size: 1.6rem;
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__list__subs__heading {
        font-size: 1.4rem;
    }
}

.w64-menu__second__items__two__lists__list__subs__heading__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
    margin-right: .5rem;
    margin-top: .3rem;
}

.w64-menu__second__items__two__lists__list__subs__heading__text {
    font-weight: 600;
    padding-right: .5rem;
    transition: all .5s;
}

.w64-menu__second__items__two__lists__list__subs__heading:hover
.w64-menu__second__items__two__lists__list__subs__heading__text {
    color: rgba(var(--main-color-w),1);
}

.w64-menu__second__items__two__lists__list__subs__childs {
    list-style-type: none;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: .5rem;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w64-menu__second__items__two__check:checked ~
    .w64-menu__second__items__two__lists {
        max-height: max-content;
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__lists {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 0rem 0rem;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
        display: flex;
    }

    .w64-menu__second__items__two:hover .w64-menu__second__items__two__lists {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        border: none;
        transform: none;
        padding: 0rem 0 0rem;
    }
}

.w64-menu__second__items__two__lists__list__subs__childs__child {
    position: relative;
    padding: .5rem 0;
}

    .w64-menu__second__items__two__lists__list__subs__childs__child:last-child {
        border: none;
    }

.w64-menu__second__items__two__lists__list__subs__childs__child__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__lists__list__subs__childs__child__main {
        border-color: #646161;
    }

    .w64-menu__second__items__two__lists__list__subs__childs__child:first-child .w64-menu__second__items__two__lists__list__subs__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__list__subs__childs__child__main {
        padding: 0 0 0;
        margin-left: 0;
    }
}

.w64-menu__second__items__two__lists__list__subs__childs__child__main__imgbox {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    margin-top: .3rem;
    background-size: contain;
    background-position: center;
}

.w64-menu__second__items__two__lists__list__subs__childs__child__main__name {
    font-size: 1.4rem;
    cursor: pointer;
    color: #333f48;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__list__subs__childs__child__main__name {
        font-size: 1.3rem;
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__list__subs__childs__child__check:checked ~
    .w64-menu__second__items__two__lists__list__subs__childs__child__main
    .w64-menu__second__items__two__lists__list__subs__childs__child__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__lists__list__subs__childs__child__main__name {
        transition: all .5s;
        color: #333f48;
        padding: 0rem .5rem 0 0;
        display: block;
    }

    .w64-menu__second__items__two__lists__list__subs__childs__child:hover .w64-menu__second__items__two__lists__list__subs__childs__child__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .w64-menu__second__items__two__lists__list__subs__childs__child:hover .w64-menu__second__items__two__lists__list__subs__childs__child__main {
        background-color: #fff;
    }
}

.w64-menu__second__items__two__lists__cols {
    position: relative;
    z-index: 1;
    width: 39.5%;
    padding: 2rem 1rem;
    border-right: .1rem solid #e6e7e8;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__cols {
        width: 100%;
        border-right: none;
        padding: 1rem 0;
        border-bottom: .1rem solid #e6e7e8;
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__lists__cols {
        overflow-y: scroll;
        max-height: 85vh;
    }

        .w64-menu__second__items__two__lists__cols::-webkit-scrollbar {
            width: .4rem;
        }

        .w64-menu__second__items__two__lists__cols::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w64-menu__second__items__two__lists__cols::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w64-menu__second__items__two__lists__cols::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}


.w64-menu__second__items__two__lists__cols__subs {
    margin-bottom: 2rem;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__cols__subs {
        margin-bottom: 1rem;
    }
}

.w64-menu__second__items__two__lists__cols__subs:last-child {
    margin-bottom: 0;
}

.w64-menu__second__items__two__lists__cols__subs__heading {
    display: flex;
    color: #333f48;
    font-size: 1.6rem;
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__cols__subs__heading {
        font-size: 1.5rem;
    }
}

.w64-menu__second__items__two__lists__cols__subs__heading__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
    margin-right: .5rem;
    margin-top: .3rem;
}

.w64-menu__second__items__two__lists__cols__subs__heading__text {
    font-weight: 600;
    padding-right: .5rem;
}

.w64-menu__second__items__two__lists__cols__subs__heading:hover
.w64-menu__second__items__two__lists__cols__subs__heading__text {
    color: rgba(var(--main-color-w),1);
}

.w64-menu__second__items__two__lists__cols__subs__childs {
    list-style-type: none;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.w64-menu__second__items__two__lists__cols__subs__childs__child {
    width: 49%;
    margin-left: 2%;
    padding: .5rem 0;
}

    .w64-menu__second__items__two__lists__cols__subs__childs__child:nth-child(2n+1) {
        margin-left: 0;
    }

.w64-menu__second__items__two__lists__cols__subs__childs__child__main {
    display: flex;
    width: 100%;
    cursor: pointer;
}

.w64-menu__second__items__two__lists__cols__subs__childs__child__main__imgbox {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    margin-top: .3rem;
    background-size: contain;
    background-position: center;
}

.w64-menu__second__items__two__lists__cols__subs__childs__child__main__name {
    transition: all .5s;
    color: #333f48;
    padding: 0rem .5rem 0 0;
    display: block;
    font-size: 1.4rem;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__cols__subs__childs__child__main__name {
        font-size: 1.3rem;
    }
}

.w64-menu__second__items__two__lists__cols__subs__childs__child__main:hover
.w64-menu__second__items__two__lists__cols__subs__childs__child__main__name {
    color: rgba(var(--main-color-w),1);
}

.w64-menu__second__items__two__lists__last {
    position: relative;
    z-index: 1;
    width: 39.5%;
    padding: 2rem 0rem 2rem 1rem;
    max-height: 85vh;
    overflow-y: scroll;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__last {
        width: 100%;
        border-right: none;
        padding: 1rem 0 0;
    }
}

@media only screen and (min-width:75rem) {
    .w64-menu__second__items__two__lists__last {
        max-height: 85vh;
        overflow-y: scroll;
    }

        .w64-menu__second__items__two__lists__last::-webkit-scrollbar {
            width: .4rem;
        }

        .w64-menu__second__items__two__lists__last::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w64-menu__second__items__two__lists__last::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w64-menu__second__items__two__lists__last::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}


.w64-menu__second__items__two__lists__last__subs {
    margin-bottom: 2rem;
}

    .w64-menu__second__items__two__lists__last__subs:last-child {
        margin-bottom: 1rem;
    }

.w64-menu__second__items__two__lists__last__subs__heading {
    display: flex;
    color: #333f48;
    font-size: 1.6rem;
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__last__subs__heading {
        font-size: 1.5rem;
    }
}

.w64-menu__second__items__two__lists__last__subs__heading__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
    margin-right: .5rem;
    margin-top: .3rem;
}

.w64-menu__second__items__two__lists__last__subs__heading__text {
    font-weight: 600;
    padding-right: .5rem;
}

.w64-menu__second__items__two__lists__last__subs__heading:hover
.w64-menu__second__items__two__lists__last__subs__heading__text {
    color: rgba(var(--main-color-w),1);
}

.w64-menu__second__items__two__lists__last__subs__childs {
    list-style-type: none;
    position: relative;
    z-index: 1;
    width: 100%;
    margin-top: .5rem;
    display: flex;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.w64-menu__second__items__two__lists__last__subs__childs__child {
    width: 49%;
    margin-left: 2%;
    padding: .5rem 0;
}

    .w64-menu__second__items__two__lists__last__subs__childs__child:nth-child(2n+1) {
        margin-left: 0;
    }

.w64-menu__second__items__two__lists__last__subs__childs__child__main {
    display: flex;
    width: 100%;
    cursor: pointer;
}

.w64-menu__second__items__two__lists__last__subs__childs__child__main__imgbox {
    width: 2rem;
    height: 2rem;
    margin-right: .5rem;
    margin-top: .3rem;
    background-size: contain;
    background-position: center;
}

.w64-menu__second__items__two__lists__last__subs__childs__child__main__name {
    transition: all .5s;
    color: #333f48;
    padding: 0rem .5rem 0 0;
    display: block;
    font-size: 1.4rem;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__last__subs__childs__child__main__name {
        font-size: 1.3rem;
    }
}

.w64-menu__second__items__two__lists__last__subs__childs__child__main:hover
.w64-menu__second__items__two__lists__last__subs__childs__child__main__name {
    color: rgba(var(--main-color-w),1);
}

.w64-menu__second__items__two__lists__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 200%;
    left: -50%;
    background: #fff;
    height: 100%;
    z-index: 0;
    border-top: .1rem solid #e6e7e8;
    border-bottom: .1rem solid #e6e7e8;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__items__two__lists__bg {
        display: none;
    }
}

.w64-menu__second__items__two__lists__last__childs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.w64-menu__second__items__two__lists__last__childs__child {
    margin-bottom: 1rem;
    overflow: hidden;
    cursor: pointer;
    width: 49%;
    margin-left: 2%;
    border-radius: .3rem;
}

    .w64-menu__second__items__two__lists__last__childs__child:nth-child(2n+1) {
        margin-left: 0;
    }

.w64-menu__second__items__two__lists__last__childs__child__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w64-menu__second__items__two__lists__last__childs__child__imgbox:hover {
        transform: scale(1.05);
    }

.w64-menu__heading {
    display: none;
    width: 100%;
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    padding: 0rem 0rem;
    height: 4.5rem;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w64-menu__heading {
        display: flex;
    }

    .w64-menu__heading__close {
        text-align: center;
        padding: 0rem 1rem;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        color: #fff;
        font-weight: 600;
    }

        .w64-menu__heading__close:hover {
        }

    .w64-menu__heading__close__icon {
        font-size: 2.5rem;
        transform: rotate(45deg);
        transition: all .5s;
    }

    .w64-menu__heading__close:hover .w64-menu__heading__close__icon {
        transform: rotate(135deg);
    }

    .w64-menu__heading__close__text {
        font-size: 1.6rem;
        margin-left: .5rem;
    }
}

.w64-menu__center {
    width: 12%;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w64-menu__center {
        display: none;
    }
}

.w64-menu__center__figure {
    background-position: center;
    background-size: contain;
    max-width: 16rem;
    max-height: 7rem;
    background-repeat: no-repeat;
}

.w64-menu__second__last {
    display: flex;
    align-items: center;
    margin-left: auto;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__last {
        display: none;
    }
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__last__search {
        width: 100%;
        margin-top: 1rem;
        padding: 0;
        display: flex;
        align-items: center;
        background-color: #fff;
        position: fixed;
        bottom: 0;
    }
}

.w64-menu__second__last__search__items {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__last__search__items {
        display: flex;
        align-items: center;
        margin-left: auto;
        margin-right: 1rem;
    }

    .w64-menu__second__last__search__items__item {
        margin-left: 1.5rem;
        font-size: 2rem;
        color: rgba(var(--main-color-w),1);
    }

        .w64-menu__second__last__search__items__item:first-child {
            margin-left: 0;
        }
}

.w64-menu__second__last__search__box {
    position: relative;
    width: 20rem;
    padding: .5rem;
    display: flex;
    transition: all .25s;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w64-menu__second__last__search__box {
        padding: 0;
        top: initial;
        right: .25rem;
        border-radius: 0;
        width: calc(100% - 4.5rem);
        background-color: #fff;
    }
}

.w64-menu__second__last__search__check:checked ~ .w64-menu__second__last__search__box {
    z-index: 2;
    opacity: 1;
    visibility: visible;
    transform: none;
}

.w64-menu__second__last__search__box__input {
    width: 100%;
    background-color: #fff;
    border: .1rem solid #edf1f5;
    font-family: inherit;
    padding: .6rem .6rem .6rem 3.5rem;
    border-radius: 2rem;
    outline: none;
    font-size: 1.4rem;
    transition: all .5s;
}

.ws1TransApply .w64-menu__second__last__search__box__input {
    background-color: rgba(255,255,255,.8);
}

.w64-menu__second__last__search__box__input:focus {
    background-color: #fff;
}

.w64-menu__second__last__search__box__icon {
    position: absolute;
    left: 1.5rem;
    font-size: 1.9rem;
    cursor: pointer;
    transition: all .5s;
    color: #999;
    transition: all .5s;
}

    .w64-menu__second__last__search__box__icon:hover {
        color: rgba(var(--main-color-w),1);
    }

.w64-menu__second__last__items {
    display: flex;
    align-items: center;
}

.w64-menu__second__last__items__item {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #333f48;
    cursor: pointer;
    transition: all .5s;
    margin-left: 1rem;
}

.ws1TransApply .w64-menu__second__last__items__item {
    color: #fff;
}

.w64-menu__second__last__items__item:hover {
    color: rgba(var(--main-color-w),1);
}

.w64-menu__second__last__items__item__icon {
    font-size: 2rem;
}

.w64-menu__second__last__items__item__name {
    font-size: 1.3rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin-top: .5rem;
}

.w64-menu__second__last__shoping {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.w64-menu__second__last__shoping__item {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    color: #333f48;
    cursor: pointer;
    transition: all .5s;
}

.ws1TransApply .w64-menu__second__last__shoping__item {
    color: #fff;
}

.w64-menu__second__last__shoping__item:hover {
    color: rgba(var(--main-color-w),1);
}

.w64-menu__second__last__shoping__item__icon {
    font-size: 2rem;
}

.w64-menu__second__last__shoping__item__name {
    font-size: 1.3rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    margin-top: .5rem;
}

.w64-menu__mbsearch {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w64-menu__mbsearch {
        width: 100%;
        padding: 0;
        display: flex;
        align-items: center;
        background-color: rgba(var(--main-color-w),1);
        top: 100%;
        position: absolute;
        z-index: 3;
        padding: 1rem;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
        transition: all .25s;
    }

    .w64-menu__cksearch:checked ~
    .w64-menu__mbsearch {
        transform: none;
    }
}

.w64-menu__mbsearch__box {
    width: 100%;
    display: flex;
    transition: all .25s;
    align-items: center;
}

.w64-menu__mbsearch__box__input {
    width: 100%;
    background-color: #fff;
    border: .1rem solid #edf1f5;
    font-family: inherit;
    padding: .6rem 1.5rem;
    border-radius: 2rem;
    outline: none;
    font-size: 1.4rem;
    transition: all .5s;
}

    .w64-menu__mbsearch__box__input:focus {
        background-color: #fff;
    }

.w64-menu__mbsearch__box__icon {
    position: absolute;
    right: 2rem;
    font-size: 1.9rem;
    cursor: pointer;
    transition: all .5s;
    color: #999;
    transition: all .5s;
}

    .w64-menu__mbsearch__box__icon:hover {
        color: rgba(var(--main-color-w),1);
    }
/*ed*/
/*w64-service*/
.w64-service {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
    color: #363636;
}

.w64-service__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w64-service__heading {
}

.w64-service__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w64-service__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w64-service__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w64-service__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w64-service__items__item {
    width: 49%;
    margin-left: 2%;
    margin-top: 2rem;
    display: flex;
}

@media only screen and (min-width:50rem) {
    .w64-service__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w64-service__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w64-service__items__item__first {
    padding: 1.5rem;
    box-shadow: 0 0 5px rgba(40,41,61,.08),0 .5px 6px rgba(96,97,112,.16);
    width: 73%;
}

.w64-service__items__item__first__heading {
}

.w64-service__items__item__first__heading__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
}

.w64-service__items__item__first__heading__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w64-service__items__item__first__bot {
    margin-top: 1rem;
    display: flex;
    width: 100%;
}

.w64-service__items__item__first__bot__name {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-right: 1rem;
}

.w64-service__items__item__first__bot__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 600;
    margin-left: auto;
}

.w64-service__items__item__center {
    width: 3rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    background-color: #fff;
}

    .w64-service__items__item__center:before {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARCAYAAADKZhx3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjU3Rjg4QTg1Q0RGRTExRURBRTk5QzExNEJFRDNEMEM0IiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjU3Rjg4QTg2Q0RGRTExRURBRTk5QzExNEJFRDNEMEM0Ij4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NTdGODhBODNDREZFMTFFREFFOTlDMTE0QkVEM0QwQzQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NTdGODhBODRDREZFMTFFREFFOTlDMTE0QkVEM0QwQzQiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz4XL9zKAAADAUlEQVR42sRUS0wTQRjeeexut13o+xFAJRw4tCEx0RD0IK0HEr1hbBNiVCJ4kIPExDs0Jhhj1FuTXkzAeGm5GE/EHrj2RgJdOJBwUEtLrYXSpa/dHXea1qBBikrCt9n8m9mZ7/v/f74ZQAhhzgIY6KDiemgMzM7OgmbUGIbo3+DfM6NFNfkPIxwOAxAMBpH+MvF4nKFRkiTi9XoBjTMzM7+soBzHyICGFCGgNRCKx6FP50mlUsDn84FUyttcH2eA3z9uGBjoIJubm4woiqRUKgG32w1kWdZyuZw2NTVFaBJ0up6I1urMUcKtbtHEI5EI6O/vBzzPw0wmQ3I5E+zt7WWy2SSh/Ki7+7wg8xpmygKu1ZyYZXm0vv4V9PRYkM1mA+9XVkBOkhg9EdoNsLy8fKSqLgppZS6XBDc2KthoNCKpKCFYcuNqFeESD5CCd7DocLCFihGBkZG7LrqwpD8UqIyJwyFotZqiyXK6znGXidks1q3WNIlGo8qfWk6FaUwmkyxC51ABZpBFFXGFw1At1IGqKkAQDIDqiNRcS0sL2eP8MTR00+x2+xi9ZUogEEB+v1+je/m7KG1vPC4hCkFg2I+xD7vH8cJ2xhRFJ7vHfoerq/u6Hxr73DLST1AT0m3wePJ6ZWZcLKqoHW9b4emn9/rUbAVznIqSyQEUCoXAIRc3Xn2M7q9uIpWFsBPNzT2+2PYct5twZfDS2Mti9LndzhGWzWgejwfHYjFFP32Mz9dwe0O0XLbinLoFkepgnU77xf+u2GYxT4yODrsEgcNWax+3tVVFiUQCWq0FKoiT+TxtK1JVGTuRhQveuGbv6vI8acdLb5W2N1OpdLB4687ENK+BGsa8ctCh1t3Nf980DfEyCxWliiEUuPn5188sFvODUxGm2N3bf/tuYfFVIvEpLyNWsWGWbG+XCe8sQ5PBgAOD122TD8fCoskUPAnfiYUpVFX9kk7vvPmcTq+9mIuslZkD5tH4/QvDw1dvWywdkxCCzpNy/ZXwaQIyZ4QzE/4hwACTLkuaxIFi5QAAAABJRU5ErkJggg==);
        top: -6px;
        content: "";
        position: absolute;
        width: 3rem;
        height: 1.7rem;
        z-index: 1;
        background-size: contain;
    }

    .w64-service__items__item__center:after {
        background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAARCAYAAADKZhx3AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKFdpbmRvd3MpIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjRERkI5OTk3Q0RGRTExRUQ5MUI5REJCNjIwQjQ2NjNCIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjRERkI5OTk4Q0RGRTExRUQ5MUI5REJCNjIwQjQ2NjNCIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NERGQjk5OTVDREZFMTFFRDkxQjlEQkI2MjBCNDY2M0IiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6NERGQjk5OTZDREZFMTFFRDkxQjlEQkI2MjBCNDY2M0IiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz65TsE9AAADHklEQVR42sRVS2tTQRQ+M/fmPqdNbtLUNNrWlYtmZxa6swt/gdiqIChuii4U/4CNP0DduGkpQRc+aNWNuBBErQhu3Ii262I1vZhnm8T7modzg0rRKpUKHRjuMMz5vnO+78xcJOSAXRgYdmnsGrH6L4c55+16s1VefPHm4Z07D1YBDLh4+fTY/uHRwsjI0CVFUfZuFwtt1+N2u/Nwbu7B1cXFVy0hEAMbs3h/Y30dEWwqR44czpw7d+pyOp06+9+IG63WrVMnzl9BRKWWSIZCdFkioYlOpyt0PYHbba4kk4bW8LrK4/nZG4RYx3fsMWPsc3nu/rVkMh11A+4zZoeJRDew7TAYHrZpvB4dVcMgUHyN4bBcvneVc7GxY+KK++X6kxfPa1+/toL0HoPmchZzHIdqmhZLHRUKBSa9jyyrFiWTGn36+nWt0WiWd0zsVqrvHN2UwFGUlgTF4lCUz+fZ7OwsnZmZofIIXVlZobZt074+EdnghG/fvb+7Y4+PHjszkFaHqOc1I9NsUlkhn56eZgihXpwMR5OTk1iqIIvIJ1z3o6KkTO3R7Zu1vxKfPHlhOAzDHojneaCQPqHpBveCdUoAs07HpwMDmNVqKXroUIZJUi5J+WaQUqmEX74EbJp1eaMC2Wi62mrVlXS6P+H7GDMtVGWvIPBMME2AmE9F/aant2kPQNdtoDTiCZ4SG83PPBjp4y0YpMT/xAhxpacZ8aPSX4hj4djU1BQCKPJm85nodoFbFufVyEdZcLCgdWRYFPm+LyLDQLjrKoGq9ntra6pfr3ueYTjBBmkEjgPhqGzdffCJVatVLiX+QbiVNb292PtiESBuvmy2EHpeJTowqIWGoQSEDPqUqvJW5MLOWtNX9YNW4MugrE8gl1NkxgGkQAcXCiKTAe66rhgfHxel0rQER3/27LsSsnomE5BJAK5U8tHqqo4JIcJxhkQt9QGTjCWySwVAExMTipywvLwslpaWfiLPz89ztKm8rST+rWzZp/Ic+p5A7zs2NoYWFhZATiF5ensxX7xAW8iG/iLrtp/jX+I38wi0S79j+CbAADiblrPLUfHeAAAAAElFTkSuQmCC);
        bottom: -7px;
        content: "";
        position: absolute;
        width: 3rem;
        height: 1.7rem;
        background-size: contain;
        z-index: 1;
    }

.w64-service__items__item__center__line {
    position: absolute;
    z-index: 0;
    height: 85%;
    width: .1rem;
    border-right: 1px dashed #cbd5e1;
}

.w64-service__items__item__second {
    padding: 1.5rem;
    box-shadow: 0 0 5px rgba(40,41,61,.08),0 .5px 6px rgba(96,97,112,.16);
    width: calc(27% - 3rem);
    display: flex;
    justify-content: center;
    align-items: center;
}

.w64-service__items__item__second__name {
    font-size: 1.6rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    line-height: 2.6rem;
    font-weight: 600;
    padding: .5rem 1.5rem;
    border-radius: .3rem;
    transition: all .5s;
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w64-service__items__item__second__name {
        font-size: 1.6rem;
        width: 4rem;
        height: 4rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        padding: 0;
    }
}

.w64-service__items__item__second__name:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w64-service__items__item__second__name__text {
}

@media only screen and (max-width:50rem) {
    .w64-service__items__item__second__name__text {
        display: none;
    }
}

.w64-service__items__item__second__name__icon {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w64-service__items__item__second__name__icon {
        display: inline-block;
    }
}

.w64-service__check {
    display: none;
}

.w64-service__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.w64-service__check:checked ~
.w64-service__modal {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.w64-service__modal__main {
    width: 35rem;
    max-width: 100%;
    border-radius: 1rem;
    background: #fff;
    padding: 3rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transform: scale(0);
    transition: all .5s;
}

.w64-service__check:checked ~
.w64-service__modal
.w64-service__modal__main {
    transform: scale(1);
}

.w64-service__modal__main__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #fff;
    color: #777;
    border: #777 solid .2rem;
}

.w64-service__check:checked ~
.w64-service__modal
.w64-service__modal__main
.w64-service__modal__main__icon {
    -webkit-animation: key-w64-service__modal__main__icon 2s;
    animation: key-w64-service__modal__main__icon 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w64-service__modal__main__icon {
    0% {
        color: #fff;
        border: #777 solid .2rem;
        background: #fff;
    }

    100% {
        background: rgba(var(--main-color-w),1);
        color: #fff;
        border: rgba(var(--main-color-w),1) solid .2rem;
    }
}

.w64-service__check:checked ~
.w64-service__modal
.w64-service__modal__main
.w64-service__modal__main__icon
.w64-service__modal__main__icon__value {
    animation: key-w64-service__modal__main__icon__value 1s;
}

@-webkit-keyframes key-w64-service__modal__main__icon__value {
    0% {
        transform: scale(3);
    }

    100% {
        transform: scale(1);
    }
}

.w64-service__modal__main__heading {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}

.w64-service__modal__main__heading__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: #3f3f3f;
    line-height: 2.6rem;
}

.w64-service__modal__main__heading__des {
    font-size: 1.6rem;
    color: #3f3f3f;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w64-service__modal__main__button {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    border-radius: .3rem;
    color: #fff;
    padding: .5rem 1.5rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-service__modal__main__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w64-service__modal__main__button__name {
}

.w64-service__modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
}
/*ed*/
/*w64-ads-1*/
.w64-ads-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 3rem;
    color: #363636;
}

.w64-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w64-ads-1__heading {
}

.w64-ads-1__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w64-ads-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w64-ads-1__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w64-ads-1__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
}

.w64-ads-1__items__item {
    width: 23.5%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-top: 2rem;
    border-radius: .3rem;
    z-index: 0;
}

@media only screen and (min-width: 50rem) {
    .w64-ads-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w64-ads-1__items__item {
        width: 49%;
    }

        .w64-ads-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w64-ads-1__items__item__link {
    display: block;
}

.w64-ads-1__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w64-ads-1__items__item:hover .w64-ads-1__items__item__link__imgbox {
    transform: scale(1.05);
}

.w64-ads-1__items__item__info {
    position: absolute;
    bottom: 0;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 1rem 1rem 1.5rem;
    background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(var(--main-color-w), 1) 140%);
}

.w64-ads-1__items__item__info__name {
    margin-top: 1rem;
    font-weight: 600;
    font-size: 1.6rem;
    color: white;
    width: 100%;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
}

    .w64-ads-1__items__item__info__name:hover {
        transform: scale(1.05);
    }

.w64-ads-1__items__item__info__sub {
    margin-top: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    color: white;
}

.w64-ads-1__items__item__info__btn {
    margin-top: 1.5rem;
    border: none;
    border-radius: 2rem;
    color: white;
    font-size: 1.4rem;
    cursor: pointer;
    outline: none;
    background-color: #fff;
    color: #333f48;
    padding: .5rem 2rem;
    width: max-content;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w64-ads-1__items__item__info__btn {
        font-size: 1.4rem;
        margin-top: 1rem;
    }
}

.w64-ads-1__items__item__info__btn:hover {
    letter-spacing: .2rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w64-ads-1__items__item__info__btn__icon {
    margin-left: .5rem;
}
/*ed*/
/*w64-product-1*/
.w64-product-1 {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #fff;
    overflow: hidden;
    color: #3f3f3f;
}

.w64-product-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w64-product-1__heading {
}

.w64-product-1__heading__name {
    text-align: center;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    line-height: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w64-product-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w64-product-1__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w64-product-1__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w64-product-1__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w64-product-1__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w64-product-1__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w64-product-1__heading__des b {
        font-weight: 600;
    }

.w64-product-1__mains {
    width: 100%;
    position: relative;
    margin-top: 2rem;
}

.w64-product-1__mains__main {
    display: flex;
    flex-wrap: wrap;
}

.w64-product-1__mains__main__item {
    width: 23.5%;
    margin-left: 2%;
    background-color: #fff;
    margin-top: 2rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (min-width:50rem) {
    .w64-product-1__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w64-product-1__mains__main__item {
        width: 49%;
    }

    @media only screen and (min-width:37.5rem) {
        .w64-product-1__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w64-product-1__mains__main__item {
        width: 100%;
        margin-left: 0;
    }
}

.w64-product-1__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    transition: all .5s;
    border-radius: .3rem;
}

.w64-product-1__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    margin-top: 1rem;
}

.w64-product-1__mains__main__item__content__bottom__name {
    color: #3f3f3f;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}
    .w64-product-1__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-product-1__mains__main__item__content__bottom__des {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w64-product-1__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w64-product-1__mains__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.2rem;
    display: inline-block;
    transition: all .5s;
}

.w64-product-1__mains__main__item__content__hinhanh {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w64-product-1__mains__main__item__content__hinhanh__cart {
    position: absolute;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    transition: all .5s;
    transform: translateY(10rem);
}

.w64-product-1__mains__main__item__content__hinhanh:hover
.w64-product-1__mains__main__item__content__hinhanh__cart {
    transform: translateY(0);
}

.w64-product-1__mains__main__item__content__hinhanh__cart__name {
    background-color: rgba(250,250,250,.9);
    padding: .5rem 2rem;
    text-align: center;
    cursor: pointer;
    border-radius: 2rem;
    font-size: 1.4rem;
}

    .w64-product-1__mains__main__item__content__hinhanh__cart__name:hover {
        background-color: rgba(var(--main-color-w), .8);
        color: #fff;
        transition: all .5s;
    }

.w64-product-1__mains__main__item__content__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

.w64-product-1__mains__main__item__content__hinhanh:hover
.w64-product-1__mains__main__item__content__hinhanh__top {
    transform: translateX(-50%);
}

.w64-product-1__mains__main__item__content__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w64-product-1__mains__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w64-product-1__mains__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    margin-right: 1rem;
}

.w64-product-1__mains__main__item__content__hinhanh__top:hover .w64-product-1__mains__main__item__content__sale {
}

.w64-product-1__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
    padding: 0;
}

.w64-product-1__mains__main__item__content__price__main {
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
}
.w64-product-1__mains__main__item__content__price__sub {
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w64-product-1__mains__main__item__content__childs {
    width: 100%;
    display: flex;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
    justify-content:center;
}

.w64-product-1__mains__main__item__content__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .15rem;
    cursor: pointer;
    margin-left: 1rem;
    transition: all .3s;
}

    .w64-product-1__mains__main__item__content__childs__imgbox:first-child {
        margin-left: 0;
    }

    .w64-product-1__mains__main__item__content__childs__imgbox:hover {
        transform: scale(1.1);
    }

.w64-product-1__mains__pagination {
    bottom: 0 !important;
}

.w64-product-1__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.w64-product-1__bottom__btn {
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.4rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w64-product-1__bottom__btn:hover {
        letter-spacing: .1rem;
        background-color: rgba(var(--second-color-w), 1);
    }

.w64-product-1__bottom__btn__icon {
    margin-left: 1rem;
}
/*ed*/
/*w64-article-1*/
.w64-article-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fafafa;
    position: relative;
    overflow: hidden;
    z-index:0;
    color: #3f3f3f;
}

.w64-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w64-article-1__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width:31.25rem) {
    .w64-article-1__heading {
        justify-content: center;
    }
}

.w64-article-1__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w64-article-1__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w64-article-1__heading__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w64-article-1__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w64-article-1__heading__btn {
        display: none;
    }
}

.w64-article-1__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w64-article-1__heading__btn:hover .w64-article-1__heading__btn__text {
    color: rgba(var(--second-color-w), 1);
}

.w64-article-1__heading__btn__icon {
    font-size: 2rem;
    margin-left: 1rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w64-article-1__heading__btn:hover .w64-article-1__heading__btn__icon {
    color: rgba(var(--second-color-w), 1);
}

.w64-article-1__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w64-article-1__items {
    margin-top: 2rem;
    position: relative;
    z-index: 0;
}

.w64-article-1__items {
    width: 100%;
    overflow: hidden;
}

.w64-article-1__items__mains {
    width: 100%;
    display: flex;
}

.w64-article-1__items__mains__main {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    overflow: hidden;
    border-radius: .3rem;
}

    .w64-article-1__items__mains__main:hover {
        background-color: #f1f1f1;
    }

@media only screen and (max-width:68.75rem) {
    .w64-article-1__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

        .w64-article-1__items__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w64-article-1__items__mains__main {
            width: 100%;
        }
    }
}

.w64-article-1__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w64-article-1__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w64-article-1__items__mains__main:hover .w64-article-1__items__mains__main__first:after {
    animation: key-w64-article-1__items__mains__main__first 1.5s;
}

@keyframes key-w64-article-1__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w64-article-1__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w64-article-1__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w64-article-1__items__mains__main__second {
    width: 90%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
    padding-left: 5%;
    padding-right: 5%;
}

@media only screen and (max-width:37.5rem) {
    .w64-article-1__items__mains__main__second {
        padding: 1rem;
    }
}

.w64-article-1__items__mains__main__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w64-article-1__items__mains__main__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w64-article-1__items__mains__main__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: flex;
}

.w64-article-1__items__mains__main__second__des__text {
}

.w64-article-1__items__mains__main__second__bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    align-items: center;
    cursor: pointer;
    color: #595959;
    transition: all .5s;
}

    .w64-article-1__items__mains__main__second__bottom:hover {
        color: rgba(var(--second-color-w), 1);
        letter-spacing: .1rem;
    }

.w64-article-1__items__mains__main__second__bottom__icon {
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w64-article-1__items__mains__main__second__bottom__name {
    font-size: 1.5rem;
}

.w64-article-1__items__next.swiper-button-next,
.w64-article-1__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w64-article-1__items__next:hover,
.w64-article-1__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w64-article-1__items__next:after,
.w64-article-1__items__prev:after {
    display: none;
}
/*ed*/
/*w64-ctaregister-1*/
.w64-ctaregister-1 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fafafa;
    padding: 3rem 1rem;
    color: #3f3f3f;
}

.w64-ctaregister-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.w64-ctaregister-1__heading {
    display: flex;
    width: 100%;
    align-items: center;
    transition: all .5s;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-w64-ctaregister-1__heading {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w64-ctaregister-1__heading {
        -webkit-animation: key-w64-ctaregister-1__heading 1s;
        animation: key-w64-ctaregister-1__heading 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w64-ctaregister-1__heading {
        width: 100%;
    }
}

.w64-ctaregister-1__heading__main {
    width: 100%;
}

.w64-ctaregister-1__heading__main__name {
    font-size: 2rem;
    line-height: 3.4rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    text-align: center;
}

    .w64-ctaregister-1__heading__main__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-ctaregister-1__heading__main__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: .5rem;
    width: 100%;
    text-align: center;
}

.w64-ctaregister-1__form {
    margin-top: 2rem;
    width: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    background-color: white;
    border-radius: .3rem;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-w64-ctaregister-1__form {
        0% {
            transform: translateX(10rem);
        }

        70% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w64-ctaregister-1__form {
        -webkit-animation: key-w64-ctaregister-1__form 1s;
        animation: key-w64-ctaregister-1__form 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w64-ctaregister-1__form {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
}

@media only screen and (max-width:68.75rem) {
}

.w64-ctaregister-1__form__text {
    border: none;
    outline: none;
    margin-left: .5rem;
    font-size: 1.6rem;
    font-family: inherit;
    width: 100%;
}

    .w64-ctaregister-1__form__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w64-ctaregister-1__form__button {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 0 2rem;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    transition: all .5s;
    height: 100%;
    display: flex;
    align-items: center;
}

    .w64-ctaregister-1__form__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w64-ctaregister-1__items {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 2rem;
}

.w64-ctaregister-1__items__item {
    margin-left: 2rem;
    font-size: 2rem;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 .5px 2px rgba(96,97,112,.16);
    cursor: pointer;
    transition: all .3s;
}

    .w64-ctaregister-1__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

    .w64-ctaregister-1__items__item:first-child {
        margin-left: 0;
    }
/*ed*/
/*w64-footer*/
.w64-footer {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w64-footer {
        padding: 3rem 1rem 3rem;
    }
}

@media only screen and (max-width:50rem) {
    .w64-footer {
        overflow: hidden;
    }
}

@media only screen and (max-width:31.25rem) {
    .w64-footer {
        padding: 1rem 1rem 2rem;
    }
}

.w64-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w64-footer__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__items {
    }
}

.w64-footer__items__first {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media only screen and (min-width:81.25rem) {
    .w64-footer__items__first:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w64-footer__items__first {
        width: 49%;
    }

        .w64-footer__items__first:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__items__first {
        width: 100%;
        margin-left: 0;
        margin-bottom: 0;
        margin-top: 2rem;
    }
}

.w64-footer__items__first__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    transition: all .5s;
    cursor: pointer;
    position: relative;
}

    .w64-footer__items__first__name:hover {
        letter-spacing: .1rem;
    }

.w64-footer__items__first__childs {
    margin-top: 1rem;
}

.w64-footer__items__first__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    color: #3f3f3f
}

.w64-footer__items__first__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w64-footer__items__first__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w64-footer__items__first__childs__child__icon {
    font-size: 1.6rem;
    margin-right: .5rem;
}

.w64-footer__items__first__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-footer__items__first__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-footer__items__first__social {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__items__first__social {
        overflow: hidden;
        max-height: 0;
        margin-top: 0;
        margin-left: 3rem;
    }

    .w64-footer__items__item__check:checked ~
    .w64-footer__items__first__social {
        max-height: max-content;
        margin-top: 1.5rem;
    }
}

.w64-footer__items__first__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 .5px 2px rgba(96,97,112,.16);
    border-radius: .3rem;
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-footer__items__first__social__item:hover {
        background: rgba(var(--main-color-w,1));
        color: #fff;
    }

.w64-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
}

.w64-footer__items__first__adv__item {
    margin-top: 1.5rem;
    margin-right: 1rem;
}

.w64-footer__items__first__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w64-footer__items__first__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w64-footer__items__first__ma {
    width: 100%;
    padding-top: 1.5rem;
    overflow: hidden;
    color: #fff;
    display: flex;
}

    .w64-footer__items__first__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w64-footer__items__first__heading {
}

.w64-footer__items__first__heading__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 3rem;
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__items__first__heading__name {
        text-align: center;
    }
}

.w64-footer__items__first__heading__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    color: #3f3f3f
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__items__first__heading__des {
        text-align: center;
    }
}

.w64-footer__items__item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media only screen and (min-width:81.25rem) {
    .w64-footer__items__item:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w64-footer__items__item {
        width: 49%;
    }

        .w64-footer__items__item:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__items__item {
        width: 100%;
        margin-right: 0;
        border-bottom: solid .1rem #ebe9e9;
        margin-bottom: 0rem;
        padding: 1rem 0;
    }
}

.w64-footer__items__item__check {
    display: none;
}

.w64-footer__items__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.w64-footer__items__item__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w64-footer__items__item__name__text:hover {
        letter-spacing: .1rem;
    }

.w64-footer__items__item__childs {
    margin-top: 1rem;
}

.w64-footer__items__item__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w64-footer__items__item__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w64-footer__items__item__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w64-footer__items__item__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w64-footer__items__item__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-footer__items__item__social {
    display: flex;
    margin-top: 2rem;
}


.w64-footer__items__item__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 .5px 2px rgba(96,97,112,.16);
    border-radius: .3rem;
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-footer__items__item__social__item:hover {
        background: rgba(var(--main-color-w,1));
        color: #fff;
    }

.w64-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
}

.w64-footer__items__item__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w64-footer__items__item__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w64-footer__items__item__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w64-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w64-footer__items__item__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

    .w64-footer__items__item__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }


.w64-footer__items__last {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

@media only screen and (min-width:81.25rem) {
    .w64-footer__items__last:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w64-footer__items__last {
        width: 49%;
    }

        .w64-footer__items__last:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__items__last {
        width: 100%;
        margin-right: 0;
        border-bottom: solid .1rem #ebe9e9;
        margin-bottom: 0rem;
        padding: 1rem 0;
    }
}

.w64-footer__items__last__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
}

    .w64-footer__items__last__name:first-child {
        margin-top: 0;
    }

.w64-footer__items__last__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w64-footer__items__last__name__text:hover {
        letter-spacing: .1rem;
    }

.w64-footer__items__last__pays {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w64-footer__items__last__pays__item {
    width: 17.6%;
    margin-left: 3%;
    margin-top: 1rem;
}

    .w64-footer__items__last__pays__item:nth-child(5n+1) {
        margin-left: 0;
    }

.w64-footer__items__last__pays__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w64-footer__items__last__childs {
    margin-top: 1rem;
}

.w64-footer__items__last__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w64-footer__items__last__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w64-footer__items__last__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w64-footer__items__last__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w64-footer__items__last__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-footer__items__last__social {
    display: flex;
    margin-top: 2rem;
}


.w64-footer__items__last__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    box-shadow: 0 .5px 2px rgba(96,97,112,.16);
    border-radius: .3rem;
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-footer__items__last__social__item:hover {
        background: rgba(var(--main-color-w,1));
        color: #fff;
    }

.w64-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
}

.w64-footer__items__last__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w64-footer__items__last__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w64-footer__items__last__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w64-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w64-footer__items__last__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

    .w64-footer__items__last__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w64-footer__items__last__cons {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
}

.w64-footer__items__last__cons__first {
    width: 36%;
}

.w64-footer__items__last__cons__first__item {
    display: block;
    margin-bottom: 1rem;
}

.w64-footer__items__last__cons__first__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w64-footer__items__last__cons__first__item__imgbox__img {
    width: 100%;
}

.w64-footer__items__last__cons__second {
    width: 56%;
    margin-left: auto;
}

.w64-footer__items__last__cons__second__item {
    display: block;
    margin-bottom: 1rem;
}

    .w64-footer__items__last__cons__second__item:last-child {
        margin-bottom: 0;
    }

.w64-footer__items__last__cons__second__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w64-footer__items__last__cons__second__item__imgbox__img {
    width: 100%;
}

.w64-footer__bottom {
    display: flex;
    align-items: center;
    margin-top: 0rem;
    width: 100%;
}

@media only screen and (max-width:43.75rem) {
    .w64-footer__bottom {
        padding-top: 0rem;
        margin-top: 1rem;
    }
}

@-webkit-keyframes key-w64-footer__bottom {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w64-footer__bottom {
    -webkit-animation: key-w64-footer__bottom 3s;
    animation: key-w64-footer__bottom 3s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:75rem) {
    .w64-footer__bottom {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.w64-footer__bottom__second {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w64-footer__bottom__second {
        margin: 0 1rem;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.w64-footer__bottom__second__name {
    font-size: 1.4rem;
    margin-right: 1rem;
    line-height: 2.4rem;
    color: #3f3f3f
}

@media only screen and (max-width:37.5rem) {
    .w64-footer__bottom__second__name {
        margin-right: 0rem;
    }
}

.w64-footer__bottom__second__items {
    display: flex;
    gap: 2rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w64-footer__bottom__second__items {
        gap: 1rem;
    }
}

.w64-footer__bottom__second__items__item {
    font-size: 1.4rem;
    border-left: solid .1rem #ccc;
    padding-left: 1rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w64-footer__bottom__second__items__item {
        padding-left: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w64-footer__bottom__second__items__item {
        margin-top: 1rem;
    }
}

.w64-footer__bottom__second__items__item:hover {
    color: rgba(var(--main-color-w), 1);
}

.w64-footer__bottom__second__items__item:first-child {
    border: none;
    padding-left: 0;
}

.w64-footer__bottom__first__item {
    display: flex;
    align-items: center;
    position: relative;
}

.w64-footer__bottom__first__item__check {
    display: none;
}

.w64-footer__bottom__first__item__name {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: 3rem;
    padding: 0 1rem;
    font-size: 1.4rem;
    font-weight: 400;
    position: relative;
    z-index: 0;
    overflow: hidden;
    transition: all .5s;
}


.w64-footer__bottom__first__item__name__icon {
    margin-right: 1rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {

    .w64-footer__bottom__first__item__check:checked ~
    .w64-footer__bottom__first__item__name
    .w64-footer__bottom__first__item__name__icon {
        transform: rotate(180deg);
    }
}

.w64-footer__bottom__first__item__name__text {
    z-index: 1;
    position: relative;
}

.w64-footer__bottom__first__item__childs {
    position: absolute;
    transition: all .25s;
    box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
    width: 100%;
    left: 0;
    border-radius: .3rem;
    bottom: 120%;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    background: #fff;
}

@media only screen and (min-width:75rem) {
    .w64-footer__bottom__first__item:hover
    .w64-footer__bottom__first__item__childs {
        bottom: 140%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:75rem) {

    .w64-footer__bottom__first__item__check:checked ~
    .w64-footer__bottom__first__item__childs {
        bottom: 140%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w64-footer__bottom__first__item__childs__item {
    display: block;
    padding: 1rem 1rem;
    text-align: center;
    cursor: pointer;
}

    .w64-footer__bottom__first__item__childs__item:first-child {
        padding-bottom: 0;
    }

.w64-footer__bottom__first__item__childs__item__name {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w64-footer__bottom__first__item__childs__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w64-footer__bottom__adv {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w64-footer__bottom__adv {
        margin: 1rem 0 0;
        justify-content: center;
    }
}

.w64-footer__bottom__adv__item {
    margin-left: 1rem;
}

    .w64-footer__bottom__adv__item:first-child {
        margin-left: 0;
    }

.w64-footer__bottom__adv__item__imgbox {
    max-height: 5rem;
    background-size: contain;
    background-position: center;
}
/*ed*/
/*w64-productlist*/
.w64-productlist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
    color: #3f3f3f;
}

.w64-productlist__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__group {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}

.w64-productlist__ckmobile {
    display: none;
}

.w64-productlist__first {
    position: relative;
    width: 25%;
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__first {
        width: 100%;
        margin-top: 1rem;
    }
}

@media only screen and (min-width:81.25rem) {
    .w64-productlist__first__container {
        position: sticky;
        top: 1rem;
    }
}

.w64-productlist__first__box {
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__first__box {
        position: fixed;
        top: 0;
        left: -100%;
        width: 100%;
        height: 100vh;
        background: #fff;
        transition: all .5s;
        visibility: hidden;
        z-index: 0;
        padding: 1rem;
        overflow-y: scroll;
        padding-bottom: 10rem;
    }

        .w64-productlist__first__box::-webkit-scrollbar {
            width: .4rem;
        }

        .w64-productlist__first__box::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w64-productlist__first__box::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w64-menu__group::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

    .w64-productlist__ckmobile:checked ~
    .w64-productlist__first
    .w64-productlist__first__box {
        left: 0;
        visibility: visible;
        z-index: 2;
        opacity: 1;
    }
}

.w64-productlist__first__box__main {
    margin-top: 1.5rem;
    overflow: hidden;
    border-radius: .3rem;
}

    .w64-productlist__first__box__main:first-child {
        margin-top: 0;
    }

@-webkit-keyframes key-w59-productlist__second {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w64-productlist__first {
    -webkit-animation: key-w59-productlist__second 1s;
    animation: key-w59-productlist__second 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__first {
        grid-column-start: 1;
        grid-column-end: 5;
    }
}

@media only screen and (max-width:31.25rem) {
    .w64-productlist__first {
        grid-column-start: 1;
        grid-column-end: 1;
    }
}

.w64-productlist__first__box__main__items {
    list-style-type: none;
    background-color: #fff;
    width: 100%;
    transition: all .5s;
    margin-top: .75rem;
}

    .w64-productlist__first__box__main__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w64-productlist__first__box__main__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w64-productlist__first__box__main__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w64-productlist__first__box__main__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w64-productlist__first__box__main__items__item {
}

.w64-productlist__first__box__main__items__item__main {
    display: flex;
    align-items: center;
    padding: 0 0 0 0rem;
    position: relative;
}

.w64-productlist__first__box__main__items__item:first-child
.w64-productlist__first__box__main__items__item__main {
}

.w64-productlist__first__box__main__items__item__check {
    display: none;
}

.w64-productlist__first__box__main__items__item__main__icon1 {
    font-size: 1.4rem;
    font-weight: 600;
    position: absolute;
    left: 1rem;
    display: none;
}

.w64-productlist__first__box__main__items__item__main:hover .w64-productlist__first__box__main__items__item__main__icon1 {
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__main__items__item__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: .75rem 0rem .75rem 0rem;
}

    .w64-productlist__first__box__main__items__item__main__name:hover {
        transform: translateX(2rem);
    }

@media only screen and (max-width:62.5rem) {
    .w64-productlist__first__box__main__items__item__main__name {
    }
}

.w64-productlist__first__box__main__items__item__main:hover .w64-productlist__first__box__main__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__main__items__item__main__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 0;
    cursor: pointer;
}

.w64-productlist__first__box__main__items__item__main__icon2__value {
    transition: all .5s;
}

.w64-productlist__first__box__main__items__item__check:checked ~
.w64-productlist__first__box__main__items__item__main
.w64-productlist__first__box__main__items__item__main__icon2
.w64-productlist__first__box__main__items__item__main__icon2__value:before {
    content: "\f106" !important;
}

@media only screen and (max-width:62.5rem) {
    .w64-productlist__first__box__main__items__item__main__icon2 {
    }

    .w64-productlist__first__box__main__items__item__check:checked ~
    .w64-productlist__first__box__main__items__item__main
    .w64-productlist__first__box__main__items__item__main__icon2 {
    }

        .w64-productlist__first__box__main__items__item__check:checked ~
        .w64-productlist__first__box__main__items__item__main
        .w64-productlist__first__box__main__items__item__main__icon2
        .w64-productlist__first__box__main__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

.w64-productlist__first__box__main__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    transition: all .3s ease;
}

@media only screen and (min-width:81.25rem) {
    .w64-productlist__first__box__main__items__item__childs {
    }
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__first__box__main__items__item__childs {
    }
}

.w64-productlist__first__box__main__items__item__check:checked ~ .w64-productlist__first__box__main__items__item__childs {
    max-height: 900vh;
}

.w64-productlist__first__box__main__items__item__childs__item {
}

    .w64-productlist__first__box__main__items__item__childs__item:first-child {
        border-bottom: none;
    }

.w64-productlist__first__box__main__items__item__childs__item__check {
    display: none;
}

.w64-productlist__first__box__main__items__item__childs__item__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem;
    position: relative;
}

.w64-productlist__first__box__main__items__item__childs__item__main__name {
    font-size: 1.5rem;
    padding: .75rem 0rem .75rem 0rem;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    width: 100%;
    display: block;
    cursor: pointer;
}

    .w64-productlist__first__box__main__items__item__childs__item__main__name:hover {
        transform: translateX(2rem);
    }

.w64-productlist__first__box__main__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    padding: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    position: absolute;
    height: 100%;
    right: 0;
}

.w64-productlist__first__box__main__items__item__childs__item:hover .w64-productlist__first__box__main__items__item__childs__item__main__name,
.w64-productlist__first__box__main__items__item__childs__item:hover .w64-productlist__first__box__main__items__item__childs__item__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:81.25rem) {
}

.w64-productlist__first__box__main__items__item__childs__item__check:checked ~
.w64-productlist__first__box__main__items__item__childs__item__main
.w64-productlist__first__box__main__items__item__childs__item__main__icon
.w64-productlist__first__box__main__items__item__childs__item__main__icon__value:before {
    content: "\f106" !important;
}

.w64-productlist__first__box__main__items__item__childs__item__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    transition: all .3s ease;
}

@media only screen and (min-width:81.25rem) {
    .w64-productlist__first__box__main__items__item__childs__item__grands {
    }
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__first__box__main__items__item__childs__item__grands {
    }
}

.w64-productlist__first__box__main__items__item__childs__item__check:checked ~ .w64-productlist__first__box__main__items__item__childs__item__grands {
    max-height: 900vh;
}

.w64-productlist__first__box__main__items__item__childs__item__grands__item {
}

.w64-productlist__first__box__main__items__item__childs__item__grands__item__check {
    display: none;
}

.w64-productlist__first__box__main__items__item__childs__item__grands__item__main {
    padding: 0;
    display: flex;
    position: relative;
    display: flex;
    align-items: center;
}

.w64-productlist__first__box__main__items__item__childs__item__grands__item__main__name {
    font-size: 1.5rem;
    padding: .75rem 1rem .75rem 2rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-productlist__first__box__main__items__item__childs__item__grands__item__main__name:hover {
        transform: translateX(2rem);
    }

.w64-productlist__first__box__main__items__item__childs__item__grands__item__main__icon {
    position: absolute;
    right: 0;
    height: 100%;
    font-size: 1.3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}
.w64-productlist__first__box__main__items__item__childs__item__grands__item__check:checked ~
.w64-productlist__first__box__main__items__item__childs__item__grands__item__main
.w64-productlist__first__box__main__items__item__childs__item__grands__item__main__icon {
    transform: rotate(180deg);
}
.w64-productlist__first__box__main__items__item__childs__item__grands__item:hover .w64-productlist__first__box__main__items__item__childs__item__grands__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__main__items__item__childs__item__grands__item__cap4s {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    transition: all .3s ease;
}

.w64-productlist__first__box__main__items__item__childs__item__grands__item__check:checked ~
.w64-productlist__first__box__main__items__item__childs__item__grands__item__cap4s {
    max-height: 900vh;
}

.w64-productlist__first__box__main__items__item__childs__item__grands__item__cap4s__cap4__name {
    font-size: 1.5rem;
    padding: .75rem 1rem .75rem 4rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
}

    .w64-productlist__first__box__main__items__item__childs__item__grands__item__cap4s__cap4__name:hover {
        transform: translateX(2rem);
    }

.w64-productlist__first__box__main__name {
    font-weight: 600;
    width: 100%;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    padding: .75rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w64-productlist__first__box__main__name__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
}

.w64-productlist__first__box__main__name__text {
    margin-left: .5rem;
    font-size: 1.6rem;
}

.w64-productlist__first__list {
    margin-top: 1rem;
}

.w64-productlist__first__list__name {
    font-weight: 600;
    width: 100%;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    padding: .75rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    border-radius: .3rem .3rem 0 0;
}

.w64-productlist__first__list__name__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
}

.w64-productlist__first__list__name__text {
    margin-left: .5rem;
    font-size: 1.6rem;
}

.w64-productlist__first__list__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 0rem;
}

.w64-productlist__first__list__items__item {
    display: flex;
    padding: 1rem 0;
    width: 100%;
    border-bottom: .1rem dotted #f1f1f1;
}

@media only screen and (max-width:62.5rem) {
    .w64-productlist__first__list__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w64-productlist__first__list__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w64-productlist__first__list__items__item {
        width: 100%;
        margin-left: 0;
    }

        .w64-productlist__first__list__items__item:last-child {
            border-bottom: none;
        }
}

@media only screen and (min-width:62.5rem) {
    .w64-productlist__first__list__items__item:last-child {
        border-bottom: none;
    }
}

.w64-productlist__first__list__items__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    width: 32%;
    transition: all 1s;
    border-radius: .3rem;
    cursor: pointer;
}

    .w64-productlist__first__list__items__item__imgbox:hover {
        transform: scale(1.05)
    }

.w64-productlist__first__list__items__item__name {
    width: 62%;
    margin-left: 6%;
}

.w64-productlist__first__list__items__item__name__text {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w64-productlist__first__list__items__item__name__text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition: all .5s;
    }
}

.w64-productlist__first__list__items__item__name__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w64-productlist__first__list__items__item__name__icon {
    display: inline-block;
    font-size: 1.2rem;
    color: #a6a6a6;
}

.w64-productlist__first__list__items__item__name__des {
    display: block;
    font-size: 1.3rem;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w64-productlist__first__box__main__menu {
    margin-top: 3rem;
}

.w64-productlist__first__box__main__menu__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-bottom: solid .1rem #dee2e6;
    padding-bottom: 1rem;
    transition: all .5s;
}

    .w64-productlist__first__box__main__menu__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

    .w64-productlist__first__box__main__menu__item:last-child {
        border-bottom: none;
    }

.w64-productlist__first__box__main__menu__item__icon {
    font-size: 1.6rem;
}

.w64-productlist__first__box__main__menu__item__name {
    font-size: 1.6rem;
}

.w64-productlist__first__box__main__menu__item__number {
    font-size: 1.6rem;
    margin-left: auto;
}

.w64-productlist__first__social {
}

.w64-productlist__first__social__name {
    font-weight: 600;
    width: 100%;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    padding: .75rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w64-productlist__first__social__name__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
}

.w64-productlist__first__social__name__text {
    margin-left: .5rem;
    font-size: 1.6rem;
}

.w64-productlist__first__social__ads {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
}

.w64-productlist__first__social__ads__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    margin-top: 1rem;
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    transition: all 1s;
    margin-right: 1.5rem;
    cursor: pointer;
}

    .w64-productlist__first__social__ads__item:last-child {
        margin-right: 0;
    }

    .w64-productlist__first__social__ads__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w64-productlist__first__box__boloc__name {
    font-weight: 600;
    width: 100%;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    padding: .75rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    border-radius: .3rem .3rem 0 0;
}

.w64-productlist__first__box__boloc__name__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
}

.w64-productlist__first__box__boloc__name__text {
    margin-left: .5rem;
    font-size: 1.6rem;
}

.w64-productlist__first__box__boloc__color {
    padding: 0 0;
    margin-top: .5rem;
}

.w64-productlist__first__box__boloc__color__check {
    display: none;
}

.w64-productlist__first__box__boloc__color__heading {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1rem 0;
}

.w64-productlist__first__box__boloc__color__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
    transition: all .5s;
}

.w64-productlist__first__box__boloc__color__heading:hover
.w64-productlist__first__box__boloc__color__heading__name {
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__boloc__color__heading__icon {
    margin-left: auto;
    font-size: 1.3rem;
}

.w64-productlist__first__box__boloc__color__check:checked ~
.w64-productlist__first__box__boloc__color__heading
.w64-productlist__first__box__boloc__color__heading__icon:before {
    content: "\f106" !important;
}

.w64-productlist__first__box__boloc__color__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    max-height: 0;
    overflow: hidden;
}

.w64-productlist__first__box__boloc__color__check:checked ~
.w64-productlist__first__box__boloc__color__items {
    max-height: 100%;
    overflow: initial;
}

.w64-productlist__first__box__boloc__color__items__item {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e7e8;
    border-radius: .3rem;
    margin: .5rem 1rem .5rem 0;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 0;
}

    .w64-productlist__first__box__boloc__color__items__item:hover {
        border: solid .1rem rgba(var(--main-color-w),1);
    }

    .w64-productlist__first__box__boloc__color__items__item.active {
        border: solid .1rem rgba(var(--main-color-w),1);
    }

.w64-productlist__first__box__boloc__color__items__item__imgbox {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
}

.w64-productlist__first__box__boloc__color__items__item__info {
    position: absolute;
    border-radius: .5rem;
    border: solid .1rem #f1f1f1;
    justify-content: center;
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    width: max-content;
    padding: .5rem;
    transition: all .5s;
    top: -5rem;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.w64-productlist__first__box__boloc__color__items__item:hover
.w64-productlist__first__box__boloc__color__items__item__info {
    top: -4rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w64-productlist__first__box__boloc__color__items__item__info__text {
    white-space: nowrap;
    font-size: 1.4rem;
}

.w64-productlist__first__box__boloc__color__items__item__info__icon {
    position: absolute;
    bottom: -1rem;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__boloc__size {
    padding: 0 0 0 0;
}

.w64-productlist__first__box__boloc__size__check {
    display: none;
}

.w64-productlist__first__box__boloc__size__heading {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1rem 0;
}

.w64-productlist__first__box__boloc__size__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
    transition: all .5s;
}

.w64-productlist__first__box__boloc__size__heading:hover
.w64-productlist__first__box__boloc__size__heading__name {
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__boloc__size__heading__icon {
    margin-left: auto;
    font-size: 1.3rem;
}

.w64-productlist__first__box__boloc__size__check:checked ~
.w64-productlist__first__box__boloc__size__heading
.w64-productlist__first__box__boloc__size__heading__icon:before {
    content: "\f106" !important;
}

.w64-productlist__first__box__boloc__size__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    overflow: hidden;
    max-height: 0;
}

.w64-productlist__first__box__boloc__size__check:checked ~
.w64-productlist__first__box__boloc__size__items {
    max-height: 100%;
}

.w64-productlist__first__box__boloc__size__items__item {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e7e8;
    border-radius: .3rem;
    margin: .5rem 1rem .5rem 0;
    cursor: pointer;
    transition: all .5s;
}

    .w64-productlist__first__box__boloc__size__items__item:hover {
        color: #fff;
        background-color: rgba(var(--main-color-w),1)
    }

    .w64-productlist__first__box__boloc__size__items__item.active {
        color: #fff;
        background-color: rgba(var(--main-color-w),1)
    }

.w64-productlist__first__box__boloc__size__items__item__name {
    font-size: 1.5rem;
    text-transform: uppercase;
}

.w64-productlist__first__box__boloc__main {
    padding: 0 0;
    margin-top: .5rem;
}

.w64-productlist__first__box__boloc__main__check {
    display: none;
}

.w64-productlist__first__box__boloc__main__heading {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1rem 0;
}

.w64-productlist__first__box__boloc__main__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w64-productlist__first__box__boloc__main__heading:hover
.w64-productlist__first__box__boloc__main__heading__name {
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__boloc__main__heading__icon {
    margin-left: auto;
    font-size: 1.3rem;
}

.w64-productlist__first__box__boloc__main__check:checked ~
.w64-productlist__first__box__boloc__main__heading
.w64-productlist__first__box__boloc__main__heading__icon:before {
    content: "\f106" !important;
}

.w64-productlist__first__box__boloc__main__items {
    display: block;
    width: 100%;
    max-height: 0;
    overflow: hidden;
}

.w64-productlist__first__box__boloc__main__check:checked ~
.w64-productlist__first__box__boloc__main__items {
    max-height: 100%;
}

.w64-productlist__first__box__boloc__main__items__item {
    display: block;
    cursor: pointer;
    transition: all .5s;
}

    .w64-productlist__first__box__boloc__main__items__item:hover {
    }

    .w64-productlist__first__box__boloc__main__items__item.active {
        font-weight: 600;
    }

.w64-productlist__first__box__boloc__main__items__item__name {
    font-size: 1.5rem;
    padding: .5rem 0 .5rem 0rem;
    transition: all .5s;
}

    .w64-productlist__first__box__boloc__main__items__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (min-width:81.25rem) {
    .w64-productlist__first__box__boloc__main__items__item__name:hover {
        transform: translateX(2rem);
    }
}

.w64-productlist__first__box__boloc__color__price {
    padding: 0 0;
}

.w64-productlist__first__box__boloc__color__price__check {
    display: none;
}

.w64-productlist__first__box__boloc__color__price__heading {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 1rem 0;
}

.w64-productlist__first__box__boloc__color__price__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w64-productlist__first__box__boloc__color__price__heading:hover
.w64-productlist__first__box__boloc__color__price__heading__name {
    color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__boloc__color__price__heading__icon {
    margin-left: auto;
    font-size: 1.3rem;
}

.w64-productlist__first__box__boloc__color__price__check:checked ~
.w64-productlist__first__box__boloc__color__price__heading
.w64-productlist__first__box__boloc__color__price__heading__icon:before {
    content: "\f106" !important;
}

.w64-productlist__first__box__boloc__color__price__main {
    display: none;
}

.w64-productlist__first__box__boloc__color__price__check:checked ~
.w64-productlist__first__box__boloc__color__price__main {
    display: block;
}

.w64-productlist__first__box__boloc__color__price__main__val {
    display: flex;
    justify-content: space-between;
    margin-top: 0rem;
}

.w64-productlist__first__box__boloc__color__price__main__val__first {
    font-size: 1.6rem;
    font-weight: 600;
    background: rgba(var(--main-color-w), 1);
    padding: .5rem 1rem;
    border: solid #f1f1f1 .1rem;
    border-radius: .5rem;
    text-align: center;
    color: #fff;
}

.w64-productlist__first__box__boloc__color__price__main__val__last {
    font-size: 1.6rem;
    font-weight: 600;
    background: rgba(var(--second-color-w), 1);
    padding: .5rem 1rem;
    border: solid #f1f1f1 .1rem;
    border-radius: .5rem;
    text-align: center;
    color: #fff;
}

.w64-productlist__first__box__boloc__color__price__main__range__input.ui-slider-horizontal {
    height: 1.2rem;
    margin-top: 1.5rem;
}

.w64-productlist__first__box__boloc__color__price__main__range__input .ui-slider-handle {
    width: 1.5rem;
    height: 1.5rem;
}

.w64-productlist__first__box__boloc__color__price__main__range__input .ui-slider-range {
    background-color: rgba(var(--main-color-w),1);
}

.w64-productlist__first__box__boloc__color__price__main__range__input .ui-state-active {
    background-color: rgba(var(--second-color-w),1);
}

.w64-productlist__first__box__boloc__color__price__main__range__input .ui-state-focus {
    border: none;
    outline: none;
}

.w64-productlist__first__close {
    bottom: 0;
    width: 100%;
    position: fixed;
    display: none;
    z-index: 0;
    visibility: hidden;
    left: -100%;
    z-index: 0;
    transition: all .5s;
}

.w64-productlist__first__close__name {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: flex;
    text-transform: uppercase;
    font-size: 1.6rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    font-weight: 600;
}

.w64-productlist__first__close__name__icon {
    transform: rotate(45deg);
}

.w64-productlist__first__close__name__text {
    margin-left: .5rem;
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__first__close {
        display: block;
    }

    .w64-productlist__ckmobile:checked ~
    .w64-productlist__first
    .w64-productlist__first__close {
        left: 0;
        visibility: visible;
        z-index: 2;
        opacity: 1;
    }
}

.w64-productlist__second {
    width: 73%;
    margin-left: auto;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__second {
        width: 100%;
        margin: 0;
    }
}

.w64-productlist__second__ads {
    overflow: hidden;
    margin-bottom: 2rem;
    position: relative;
}

.w64-productlist__second__ads__ad {
    display: flex;
}

.w64-productlist__second__ads__ad__item {
    width: 18.4%;
    margin-right: 2%;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w64-productlist__second__ads__ad__item {
        width: 32%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w64-productlist__second__ads__ad__item {
        width: 49%;
    }
}

.w64-productlist__second__ads__ad__item__link {
    display: block;
    overflow: hidden;
}

.w64-productlist__second__ads__ad__item__link__imgbox {
    background-size: cover;
    background-position: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w64-productlist__second__ads__ad__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w64-productlist__second__ads__ad__item__link__imgbox__img {
    width: 100%;
}

.w64-productlist__second__ads__ad__item__link__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    margin-top: 1rem;
    text-align: center;
    transition: all .5s;
}

    .w64-productlist__second__ads__ad__item__link__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w64-productlist__second__ads__next.swiper-button-next,
.w64-productlist__second__ads__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.6rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w64-productlist__second__ads__next:hover,
.w64-productlist__second__ads__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w64-productlist__second__ads__next:after,
.w64-productlist__second__ads__prev:after {
    display: none;
}

.w64-productlist__heading {
}

.w64-productlist__heading__name {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    line-height: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w64-productlist__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w64-productlist__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w64-productlist__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w64-productlist__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w64-productlist__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w64-productlist__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w64-productlist__heading__des b {
        font-weight: 600;
    }

.w64-productlist__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
}

.w64-productlist__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w64-productlist__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w64-productlist__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w64-productlist__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w64-productlist__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w64-productlist__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 8rem;
    overflow: hidden;
}

.w64-productlist__detail__check:checked ~ .w64-productlist__detail__content {
    height: max-content;
}

.w64-productlist__detail__check {
    display: none;
}

.w64-productlist__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w64-productlist__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

    .w64-productlist__detail__bottom__label:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w64-productlist__detail__bottom__label--top {
    display: none;
}

.w64-productlist__detail__bottom__label__text {
    font-size: 1.6rem;
}

.w64-productlist__detail__bottom__label__text--2 {
    display: none;
}

.w64-productlist__detail__check:checked ~
.w64-productlist__detail__bottom
.w64-productlist__detail__bottom__label
.w64-productlist__detail__bottom__label__text--1 {
    display: none;
}

.w64-productlist__detail__check:checked ~
.w64-productlist__detail__bottom
.w64-productlist__detail__bottom__label
.w64-productlist__detail__bottom__label__text--2 {
    display: inline-block;
}

.w64-productlist__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w64-productlist__detail__check:checked ~
.w64-productlist__detail__bottom
.w64-productlist__detail__bottom__label
.w64-productlist__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w64-productlist__second__boloc {
    margin-top: 1rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
}

.w64-productlist__second__boloc__name {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.w64-productlist__second__boloc__name__text {
    margin: 0 .5rem;
}

.w64-productlist__second__boloc__name__value {
}

.w64-productlist__second__boloc__mobile {
    display: none;
}

@media only screen and (max-width:81.25rem) {
    .w64-productlist__second__boloc__mobile {
        margin-left: auto;
        display: flex;
        font-size: 1.6rem;
        font-weight: 600;
        margin-right: 1rem;
        align-items: center;
        cursor: pointer;
    }
}

.w64-productlist__second__boloc__mobile__icon {
}

.w64-productlist__second__boloc__mobile__name {
    margin-left: 1rem;
}

.w64-productlist__second__boloc__dropwdown {
    padding: 1rem;
    position: relative;
    border-radius: 0.5rem;
    z-index: 0;
    width: fit-content;
}

@media only screen and (min-width:81.25rem) {
    .w64-productlist__second__boloc__dropwdown {
        margin-left: auto;
    }
}

.w64-productlist__second__boloc__dropwdown__checkbox {
    display: none;
}

    .w64-productlist__second__boloc__dropwdown__checkbox:checked ~ .w64-productlist__second__boloc__dropwdown__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w64-productlist__second__boloc__dropwdown__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.6rem;
    font-weight: 600;
    cursor: pointer;
}

.w64-productlist__second__boloc__dropwdown__ad__name {
    margin-left: 1rem;
}

.w64-productlist__second__boloc__dropwdown__ad__icon {
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w64-productlist__second__boloc__dropwdown__ad__icon {
        display: none;
    }
}

.w64-productlist__second__boloc__dropwdown__items {
    position: absolute;
    top: 4.5rem;
    background-color: white;
    z-index: 1;
    right: 0;
    width: max-content;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .w64-productlist__second__boloc__dropwdown__items .active {
        font-weight: 600;
    }

.w64-productlist__second__boloc__dropwdown__items__item {
    font-size: 1.6rem;
    display: block;
    cursor: pointer;
    padding: 1rem 1rem;
}

    .w64-productlist__second__boloc__dropwdown__items__item:not(:last-child) {
    }

    .w64-productlist__second__boloc__dropwdown__items__item:hover {
        background-color: #eee;
    }

.w64-productlist__mains {
    width: 100%;
    margin-top: .5rem;
}

.w64-productlist__mains__main {
    display: flex;
    flex-wrap: wrap;
}

.w64-productlist__mains__main__item {
    width: 32%;
    margin-left: 2%;
    background-color: #fff;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

@media only screen and (min-width:50rem) {
    .w64-productlist__mains__main__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w64-productlist__mains__main__item {
        width: 49%;
    }

    @media only screen and (min-width:37.5rem) {
        .w64-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w64-productlist__mains__main__item {
        width: 100%;
        margin-left: 0;
    }
}

.w64-productlist__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    transition: all .5s;
    border-radius: .3rem;
}

.w64-productlist__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    margin-top: 1rem;
}

.w64-productlist__mains__main__item__content__bottom__name {
    color: #3f3f3f;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

    .w64-productlist__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-productlist__mains__main__item__content__bottom__des {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w64-productlist__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w64-productlist__mains__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.2rem;
    display: inline-block;
    transition: all .5s;
}

.w64-productlist__mains__main__item__content__hinhanh {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w64-productlist__mains__main__item__content__hinhanh__cart {
    position: absolute;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    transition: all .5s;
    transform: translateY(10rem);
}

.w64-productlist__mains__main__item__content__hinhanh:hover
.w64-productlist__mains__main__item__content__hinhanh__cart {
    transform: translateY(0);
}

.w64-productlist__mains__main__item__content__hinhanh__cart__name {
    background-color: rgba(250,250,250,.9);
    padding: .5rem 2rem;
    text-align: center;
    cursor: pointer;
    border-radius: 2rem;
    font-size: 1.4rem;
}

    .w64-productlist__mains__main__item__content__hinhanh__cart__name:hover {
        background-color: rgba(var(--main-color-w), .8);
        color: #fff;
        transition: all .5s;
    }

.w64-productlist__mains__main__item__content__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

.w64-productlist__mains__main__item__content__hinhanh:hover
.w64-productlist__mains__main__item__content__hinhanh__top {
    transform: translateX(-50%);
}

.w64-productlist__mains__main__item__content__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w64-productlist__mains__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w64-productlist__mains__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .4rem .75rem .4rem .75rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
    transform: skew(-15deg);
}

.w64-productlist__mains__main__item__content__hinhanh__top:hover .w64-productlist__mains__main__item__content__sale {
}

.w64-productlist__mains__main__item__content__sale__text__name {
    margin-left: .5rem;
}

.w64-productlist__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
    padding: 0;
}

.w64-productlist__mains__main__item__content__price__main {
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
}

.w64-productlist__mains__main__item__content__price__sub {
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w64-productlist__mains__main__item__content__price__sale {
    margin-left: auto;
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w64-productlist__mains__main__item__content__childs {
    width: 100%;
    display: flex;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: center;
    padding: 0;
}

.w64-productlist__mains__main__item__content__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .15rem;
    cursor: pointer;
    margin-left: 1rem;
    transition: all .3s;
}

    .w64-productlist__mains__main__item__content__childs__imgbox:first-child {
        margin-left: 0;
    }

    .w64-productlist__mains__main__item__content__childs__imgbox:hover {
        transform: scale(1.1);
    }

.w64-productlist__mains__pagination {
    bottom: 0 !important;
}

.w64-productlist__mains__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w64-productlist__mains__paging__item {
    list-style-type: none;
}

.w64-productlist__mains__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
}

.w64-productlist__mains__paging__item:hover .w64-productlist__mains__paging__item__text,
.w64-productlist__mains__paging__item.active .w64-productlist__mains__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/

/*w64-productdetail*/
.w64-productdetail {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    overflow: hidden;
    color: #363636;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w64-productdetail {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.w64-productdetail__bg {
    background-color: #fff;
    padding-bottom: 2rem;
}

.w64-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w64-productdetail__first {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    align-items: flex-start;
    position: relative;
    z-index: 1;
}

.w64-productdetail__first__one {
    width: 49%;
    display: flex;
    position: relative;
    z-index: 0;
}

.w64-productdetail__first__one__childs {
    width: 83%;
    margin-left: auto;
    overflow: hidden;
    border-radius: .3rem;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__first__one__childs {
        width: 100%;
        margin-left: 0;
    }
}

.w64-productdetail__first__one__col {
    width: 16%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background-color: #fafafa;
    display: flex;
    align-items: center;
    transition: all 1s;
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__first__one__col {
        background-color: rgba(255,255,255,1);
        left: -16%;
    }
    .w64-productdetail__first__one__check:checked ~
    .w64-productdetail__first__one__col {
        left: 0;
    }
}

.w64-productdetail__first__one__check {
    display: none;
}

.w64-productdetail__first__one__col__close {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__first__one__col__close {
        position: absolute;
        width: 2.5rem;
        height: 4rem;
        right: -2.5rem;
        border-radius: 0 2rem 2rem 0;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        font-size: 2rem;
        display: flex;
        align-items: center;
        justify-content: center;
        top: 1rem;
        transition: all .5s;
    }

    .w64-productdetail__first__one__check:checked ~
    .w64-productdetail__first__one__col
    .w64-productdetail__first__one__col__close {
        background-color: rgba(255,255,255,1);
        color: #3f3f3f;
    }

        .w64-productdetail__first__one__check:checked ~
        .w64-productdetail__first__one__col
        .w64-productdetail__first__one__col__close
        .w64-productdetail__first__one__col__close__icon {
            transform: rotate(180deg);
        }
}

.w64-productdetail__first__one__col__mains {
    position: relative;
    height: 100%;
    overflow: scroll;
    padding-right: .25rem;
}

@media only screen and (max-width:75rem) {
    .w64-productdetail__first__one__col__mains {
    }
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__first__one__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w64-productdetail__first__one__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w64-productdetail__first__one__col__mains {
    }
}

.w64-productdetail__first__one__col__mains::-webkit-scrollbar {
    width: .4rem;
}

.w64-productdetail__first__one__col__mains::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w64-productdetail__first__one__col__mains::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w64-productdetail__first__one__col__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w64-productdetail__first__one__col__mains .swiper-wrapper {
    transform: unset !important;
}

.w64-productdetail__first__one__childs__items {
    transition: .5s transform !important
}

.w64-productdetail__first__one__childs__items__imgbox {
    background-size: cover;
    height: max-content;
    background-repeat: no-repeat;
    position: relative;
}
.w64-productdetail__first__one__childs__items__imgbox img{
    width:100%;
}
.main .w64-productdetail__first__one__childs__items__imgbox img.w64-productdetail__first__one__childs__items__imgbox__img {
    opacity: 1;
}

.w64-productdetail__first__one__col__mains__main__imgbox.swiper-slide {
    width: 100%;
    background-size: contain;
    margin-bottom: 1rem;
    height: max-content;
    border-radius: .3rem;
}

.w64-productdetail__first__one__childs__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w64-productdetail__first__one__childs__items__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background-color: rgba(241,241,241,.7);
    }

.w64-productdetail__first__one__childs__items__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-w64-productdetail-zoom 2s infinite ease-in;
    animation: key-w64-productdetail-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-w64-productdetail-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w64-productdetail__first__one__childs__items__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w64-productdetail__first__one__childs__items__imgbox__zoom:hover .w64-productdetail__first__one__childs__items__imgbox__zoom__text {
    display: block;
}

.w64-productdetail__first__one__childs__next.swiper-button-next,
.w64-productdetail__first__one__childs__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w64-productdetail__first__one__childs__next:hover,
.w64-productdetail__first__one__childs__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w64-productdetail__first__one__childs__next:after,
.w64-productdetail__first__one__childs__prev:after {
    display: none;
}

.w64-productdetail__mobile {
    width: 100%;
}

.w64-productdetail__mobile__childs {
    width: 100%;
    overflow: hidden;
    border-radius: .3rem;
    position: relative;
}

.w64-productdetail__mobile__mains {
    margin-top: 1rem;
    position: relative;
    background-color: #fafafa;
    overflow: hidden;
    padding: 1rem;
}

    .w64-productdetail__mobile__mains .swiper-wrapper {
    }

.w64-productdetail__mobile__childs__items__imgbox {
    background-size: cover;
    height: max-content;
    background-repeat: no-repeat;
    position: relative;
}

.main .w64-productdetail__mobile__childs__items__imgbox img.w64-productdetail__mobile__childs__items__imgbox__img {
    opacity: 1;
}

.w64-productdetail__mobile__mains__main__imgbox.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-size: cover;
    border-radius: .3rem;
}

.w64-productdetail__mobile__mains__next.swiper-button-next,
.w64-productdetail__mobile__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w64-productdetail__mobile__mains__next:hover,
.w64-productdetail__mobile__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w64-productdetail__mobile__mains__next:after,
.w64-productdetail__mobile__mains__prev:after {
    display: none;
}

.w64-productdetail__mobile__childs__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w64-productdetail__mobile__childs__items__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background-color: rgba(241,241,241,.7);
    }

.w64-productdetail__mobile__childs__items__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-w64-productdetail-zoom 2s infinite ease-in;
    animation: key-w64-productdetail-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-w64-productdetail-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w64-productdetail__mobile__childs__items__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w64-productdetail__mobile__childs__items__imgbox__zoom:hover .w64-productdetail__mobile__childs__items__imgbox__zoom__text {
    display: block;
}

.w64-productdetail__mobile__childs__next.swiper-button-next,
.w64-productdetail__mobile__childs__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w64-productdetail__mobile__childs__next:hover,
.w64-productdetail__mobile__childs__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w64-productdetail__mobile__childs__next:after,
.w64-productdetail__mobile__childs__prev:after {
    display: none;
}
.w64-productdetail__first__two {
    width: 49%;
    margin-left: auto;
}

.w64-productdetail__first__two__name {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
}

.w64-productdetail__first__two__price {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.w64-productdetail__first__two__price__1 {
    color: rgba(var(--main-color-w),1);
    font-size: 2.2rem;
    font-weight: 600;
}
.w64-productdetail__first__two__price__1--hide{
    opacity:0;
    visibility:hidden;
}
.w64-productdetail__first__two__price__2 {
    text-decoration: line-through;
    font-size: 1.8rem;
    margin-left: 1rem;
    color: #999;
}
.w64-productdetail__first__two__price__2--hide {
    display:none;
}
.w64-productdetail__first__two__mau {
    margin-top: 2rem;
}
.w64-productdetail__first__two__mau--hide {
    display:none
}
.w64-productdetail__first__two__mau__text {
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.w64-productdetail__first__two__mau__text__value {
    margin-left: .5rem;
}

.w64-productdetail__first__two__mau__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w64-productdetail__first__two__mau__items__item {
    width: 15%;
    margin-left: 2%;
    margin-top: 1rem;
    background-color: #dedede;
    position: relative;
    z-index: 0;
    position: relative;
    overflow: hidden;
    display:block !important;
    filter:brightness(1) !important;
    transition:all .5s;
}
.w64-productdetail__first__two__mau__items__item:hover{
    transform:scale(.9);
}
.w64-productdetail__first__two__mau__items__item--hide{
    display:none !important;
}
.w64-productdetail__first__two__mau__items__item--hethang {
    cursor: not-allowed;
}

    .w64-productdetail__first__two__mau__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w64-productdetail__first__two__mau__items__item--hethang {
}

@media only screen and (min-width:37.5rem) {
    .w64-productdetail__first__two__mau__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w64-productdetail__first__two__mau__items__item {
        width: 18.4%;
    }

        .w64-productdetail__first__two__mau__items__item:nth-child(5n+1) {
            margin-left: 0;
        }
}

.w64-productdetail__first__two__mau__items__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: .4rem;
}

.w64-productdetail__first__two__mau__items__item__check {
    display: none;
}

.w64-productdetail__first__two__mau__items__item__label {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.w64-productdetail__first__two__mau__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
    bottom: .5rem;
}

.w64-productdetail__first__two__mau__items__item.active .w64-productdetail__first__two__mau__items__item__label__icon,
.w64-productdetail__first__two__mau__items__item__check:checked ~
.w64-productdetail__first__two__mau__items__item__label
.w64-productdetail__first__two__mau__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w64-productdetail__first__two__mau__items__item.active .w64-productdetail__first__two__mau__items__item__label__icon:before,
    .w64-productdetail__first__two__mau__items__item__check:checked ~
    .w64-productdetail__first__two__mau__items__item__label
    .w64-productdetail__first__two__mau__items__item__label__icon:before{
        content: "\f107";
        font-weight: 900;
    }

.w64-productdetail__first__two__mau__items__item__label__text {
    font-size: 1.3rem;
    margin-left: 1rem;
}

.w64-productdetail__first__two__mau__items__item__label__info {
    position: absolute;
    width: max-content;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: .5rem;
    flex-wrap: wrap;
    transition: all .5s;
    top: -6.5rem;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}

.w64-productdetail__first__two__mau__items__item__label:hover .w64-productdetail__first__two__mau__items__item__label__info {
    top: -5.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w64-productdetail__first__two__mau__items__item__label__info__text {
    width: 100%;
    text-align: center;
}

.w64-productdetail__first__two__mau__items__item__label__info__price {
    width: 100%;
    text-align: center;
    margin-top: 0rem;
}

.w64-productdetail__first__two__mau__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w64-productdetail__first__two__size {
    margin-top: 1rem;
}
.w64-productdetail__first__two__size--hide {
    display:none
}

.w64-productdetail__first__two__size__text {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.w64-productdetail__first__two__size__text__value {
    margin-left: .5rem;
}

.w64-productdetail__first__two__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w64-productdetail__first__two__size__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    background-color: #f1f1f1;
    border-radius: .4rem;
    position: relative;
    padding: 1rem;
    display: block !important;
    position: relative;
    overflow: hidden;
    filter:brightness(1) !important;
    border:solid .1rem rgba(var(--main-color-w), 0);
}
.w64-productdetail__first__two__size__items__item:hover{
    border-color:rgba(var(--main-color-w), 1);
}

.w64-productdetail__first__two__size__items__item--hethang {
    cursor: not-allowed;
}

.w64-productdetail__first__two__size__items__item--hide {
    display: none !important;
}

.w64-productdetail__first__two__size__items__item--hethang::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    z-index: 2;
}

.w64-productdetail__first__two__size__items__item__check {
    display: none;
}

.w64-productdetail__first__two__size__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.w64-productdetail__first__two__size__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w64-productdetail__first__two__size__items__item.active .w64-productdetail__first__two__size__items__item__label__icon,
.w64-productdetail__first__two__size__items__item__check:checked ~
.w64-productdetail__first__two__size__items__item__label
.w64-productdetail__first__two__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w64-productdetail__first__two__size__items__item.active .w64-productdetail__first__two__size__items__item__label__icon:before,
    .w64-productdetail__first__two__size__items__item__check:checked ~
    .w64-productdetail__first__two__size__items__item__label
    .w64-productdetail__first__two__size__items__item__label__icon:before{
        content: "\f107";
        font-weight: 900;
    }

.w64-productdetail__first__two__size__items__item__label__info {
    position: absolute;
    padding: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
    width: max-content;
    justify-content: center;
    text-align: center;
    border-radius: .3rem;
    top: -5.5rem;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}

.w64-productdetail__first__two__size__items__item__label:hover .w64-productdetail__first__two__size__items__item__label__info {
    top: -4.5rem;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.w64-productdetail__first__two__size__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w64-productdetail__first__two__size__items__item__label__text {
    margin-left: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.w64-productdetail__first__two__size__items__item__label__info__price {
    width: 100%;
}

.w64-productdetail__first__two__huongdan {
    margin-top: 2rem;
    padding: .75rem 1rem;
    border-radius: .3rem;
    transition: all .5s;
    background-color: #f1f1f1;
}

    .w64-productdetail__first__two__huongdan:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w64-productdetail__first__two__huongdan__heading {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    cursor: pointer;
}

.w64-productdetail__first__two__huongdan__heading__icon {
}

.w64-productdetail__first__two__huongdan__heading__name {
    margin-left: 1rem;
    margin-right: 1rem;
}

.w64-productdetail__first__two__huongdan__heading__icon2 {
    margin-left: auto;
}

.w64-productdetail__first__two__huongdan__check {
    display: none;
}

.w64-productdetail__first__two__huongdan__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}

.w64-productdetail__first__two__huongdan__check:checked ~
.w64-productdetail__first__two__huongdan__modal {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.w64-productdetail__first__two__huongdan__modal__main {
    width: 52rem;
    max-width: 100%;
    border-radius: .5rem;
    overflow: hidden;
    background: #fff;
    padding: 0rem 0 0rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transform: scale(0);
    transition: all .5s;
}

.w64-productdetail__first__two__huongdan__check:checked ~
.w64-productdetail__first__two__huongdan__modal
.w64-productdetail__first__two__huongdan__modal__main {
    transform: scale(1);
}

@-webkit-keyframes key-w64-productdetail__first__two__huongdan__modal__main__icon {
    0% {
        color: #fff;
        border: #777 solid .2rem;
        background: #fff;
    }

    100% {
        background: rgba(var(--main-color-w),1);
        color: #fff;
        border: rgba(var(--main-color-w),1) solid .2rem;
    }
}

.w64-productdetail__first__two__huongdan__check:checked ~
.w64-productdetail__first__two__huongdan__modal
.w64-productdetail__first__two__huongdan__modal__main
.w64-productdetail__first__two__huongdan__modal__main__icon
.w64-productdetail__first__two__huongdan__modal__main__icon__value {
    animation: key-w64-productdetail__first__two__huongdan__modal__main__icon__value 1s;
}

@-webkit-keyframes key-w64-productdetail__first__two__huongdan__modal__main__icon__value {
    0% {
        transform: scale(3);
    }

    100% {
        transform: scale(1);
    }
}

.w64-productdetail__first__two__huongdan__modal__main__heading {
    width: 100%;
    text-align: center;
}

.w64-productdetail__first__two__huongdan__modal__main__heading__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 2.6rem;
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 1rem;
}

.w64-productdetail__first__two__huongdan__modal__main__heading__name__icon {
    margin-left: auto;
    transform: rotate(45deg);
    cursor: pointer;
    transition: all .5s;
}

    .w64-productdetail__first__two__huongdan__modal__main__heading__name__icon:hover {
        transform: rotate(135deg);
    }

.w64-productdetail__first__two__huongdan__modal__main__heading__des {
    color: #3f3f3f;
}

    .w64-productdetail__first__two__huongdan__modal__main__heading__des img {
        opacity: 1;
    }

.w64-productdetail__first__two__huongdan__modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
}

.w64-productdetail__first__two__rate {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w64-productdetail__first__two__rate__items {
    margin-left: auto;
}

@media only screen and (max-width:37.5rem) {
    .w64-productdetail__first__two__rate__items {
        margin-left: 0;
    }
}

.w64-productdetail__first__two__rate__items__star {
    color: #efad0d;
    display: inline-block;
    margin-right: .5rem;
    font-size: 1rem;
}

.w64-productdetail__first__two__rate__code {
    display: flex;
    align-items: center;
    align-items: center;
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w64-productdetail__first__two__rate__code {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w64-productdetail__first__two__rate__code__value {
    margin-left: .5rem;
    font-weight: 600;
}

.w64-productdetail__first__two__rate__danhgia {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w64-productdetail__first__two__rate__danhgia__count {
    font-weight: 600;
}

.w64-productdetail__first__two__rate__danhgia__name {
    margin-left: .5rem;
}

.w64-productdetail__first__two__rate__buy {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w64-productdetail__first__two__rate__buy__count {
    font-weight: 600;
}

.w64-productdetail__first__two__rate__buy__name {
    margin-left: .5rem;
}

.w64-productdetail__first__one__support {
    background-color: #fafafa;
    border-radius: .3rem;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w64-productdetail__first__two__soluong {
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    margin-top: 2rem;
    font-weight: 600;
}

.w64-productdetail__first__two__soluong--hide {
    display: none;
}

.w64-productdetail__first__two__soluong__name {
}

.w64-productdetail__first__two__soluong__value {
    margin-left: 1rem;
}

.w64-productdetail__first__two__cart {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    position: relative;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w64-productdetail__first__two__cart {
        justify-content: center;
    }
}

.w64-productdetail__first__two__cart__minus, .w64-productdetail__first__two__cart__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #999;
}

.w64-productdetail__first__two__cart__minus {
    border-radius: .3rem 0 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    width: 3rem;
}

.w64-productdetail__first__two__cart__plus {
    border-radius: 0 .3rem .3rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 4.5rem;
    width: 3rem;
}

.w64-productdetail__first__two__cart__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    height: 4.5rem;
    width: 4.5rem;
    color: #999;
    outline: none;
    text-align: center;
    font-size: 1.6rem;
    font-family: inherit;
}

.w64-productdetail__first__two__cart__btn {
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w), 1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1.25rem;
    margin-left: 2rem;
    width: calc(100% - 12.5rem);
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w64-productdetail__first__two__cart__btn__icon {
}

.w64-productdetail__first__two__cart__btn__text {
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w64-productdetail__first__two__cart__btn {
        width: 100%;
        margin: 2rem 0 0;
    }
}

.w64-productdetail__first__two__cart__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
}

.w64-productdetail__first__two__cart__input::-webkit-outer-spin-button,
.w64-productdetail__first__two__cart__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w64-productdetail__first__two__buttons {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w64-productdetail__first__two__buttons__item {
    width: 48.5%;
    margin-left: 3%;
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1.25rem 1.25rem;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-productdetail__first__two__buttons__item:hover {
        letter-spacing: .1rem;
    }

    .w64-productdetail__first__two__buttons__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w64-productdetail__first__two__buttons__item--2 {
    background-color: rgba(var(--second-color-w),1);
}

.w64-productdetail__first__two__buttons__item__icon {
    display: inline-block;
    margin-right: .5rem;
}

.w64-productdetail__first__two__buttons__item__name {
    display: inline-block;
}

.w64-productdetail__first__two__buttons__item2 {
    width: 48.5%;
    margin-left: 3%;
    border-radius: .3rem;
    background-color: rgba(var(--second-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1.25rem;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-productdetail__first__two__buttons__item2:hover {
        letter-spacing: .1rem;
    }

    .w64-productdetail__first__two__buttons__item2:nth-child(2n+1) {
        margin-left: 0;
    }

.w64-productdetail__first__two__buttons__item2__icon {
    display: inline-block;
    margin-right: .5rem;
}

.w64-productdetail__first__two__buttons__item2__name {
    display: inline-block;
}

.w64-productdetail__first__two__btncart {
    width: 100%;
    text-transform: uppercase;
    background-color: red;
    margin: 0;
    display: block;
}

.w64-productdetail__first__bottom {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background: #fafafa;
    padding: 1rem 1.5rem;
    border-radius: .3rem;
    border: solid .1rem #f1f1f1
}

.w64-productdetail__first__bottom__item {
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
    width: 32%;
    margin-left: 2%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (min-width: 37.5rem) {
    .w64-productdetail__first__bottom__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__first__bottom__item {
        width: 49%;
    }

        .w64-productdetail__first__bottom__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w64-productdetail__first__bottom__item__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
}

.w64-productdetail__first__bottom__item__name {
    font-size: 1.5rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    text-align: center;
    width: 100%;
}

.w64-productdetail__first__khuyenmai__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w64-productdetail__first__khuyenmai__items__item {
    width: 32%;
    margin-left: 2%;
    margin-top: 2rem;
    display: flex;
    border-radius: .4rem;
    position: relative;
    align-items: center;
    overflow: hidden;
}

    .w64-productdetail__first__khuyenmai__items__item:before {
        position: absolute;
        content: '';
        right: -1px;
        border: 1px solid #d9d9d9;
        border-left: 0;
        width: 10px;
        height: 20px;
        background-color: #fff;
        border-radius: 0 100% 100% 0 / 0 50% 50% 0;
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
    }

    .w64-productdetail__first__khuyenmai__items__item:after {
        position: absolute;
        content: '';
        transform: translateY(-50%);
        left: -1px;
        border: 1px solid #d9d9d9;
        border-left: 0;
        width: 10px;
        height: 20px;
        background-color: #fff;
        border-radius: 0 100% 100% 0 / 0 50% 50% 0;
    }

@media only screen and (min-width:50rem) {
    .w64-productdetail__first__khuyenmai__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__first__khuyenmai__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w64-productdetail__first__khuyenmai__items__item__first {
    padding: 0rem;
    width: 100%;
    border: solid .1rem #f1f1f1;
    cursor: pointer;
    transition: all .5s;
    background-color: #fff;
    overflow: hidden;
    border-radius: .5rem;
}

    .w64-productdetail__first__khuyenmai__items__item__first:hover {
        background-color: #fafafa;
    }

.w64-productdetail__first__khuyenmai__items__item__first__heading {
    text-align: center;
}

.w64-productdetail__first__khuyenmai__items__item__first__heading__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
    margin-top: .5rem;
}

.w64-productdetail__first__khuyenmai__items__item__first__heading__des {
    font-size: 1.4rem;
    line-height: 2.6rem;
}

.w64-productdetail__first__khuyenmai__items__item__first__bot {
    margin-top: .5rem;
    display: flex;
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .25rem .5rem;
    justify-content: center;
}

.w64-productdetail__first__khuyenmai__items__item__first__bot__name {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-right: 1rem;
}

.w64-productdetail__first__khuyenmai__items__item__first__bot__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 600;
}

.w64-productdetail__first__khuyenmai__check {
    display: none;
}

.w64-productdetail__first__khuyenmai__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.w64-productdetail__first__khuyenmai__check:checked ~
.w64-productdetail__first__khuyenmai__modal {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.w64-productdetail__first__khuyenmai__modal__main {
    width: 35rem;
    max-width: 100%;
    border-radius: 1rem;
    background: #fff;
    padding: 3rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transform: scale(0);
    transition: all .5s;
}

.w64-productdetail__first__khuyenmai__check:checked ~
.w64-productdetail__first__khuyenmai__modal
.w64-productdetail__first__khuyenmai__modal__main {
    transform: scale(1);
}

.w64-productdetail__first__khuyenmai__modal__main__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #fff;
    color: #777;
    border: #777 solid .2rem;
}

.w64-productdetail__first__khuyenmai__check:checked ~
.w64-productdetail__first__khuyenmai__modal
.w64-productdetail__first__khuyenmai__modal__main
.w64-productdetail__first__khuyenmai__modal__main__icon {
    -webkit-animation: key-w64-productdetail__first__khuyenmai__modal__main__icon 2s;
    animation: key-w64-productdetail__first__khuyenmai__modal__main__icon 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w64-productdetail__first__khuyenmai__modal__main__icon {
    0% {
        color: #fff;
        border: #777 solid .2rem;
        background: #fff;
    }

    100% {
        background: rgba(var(--main-color-w),1);
        color: #fff;
        border: rgba(var(--main-color-w),1) solid .2rem;
    }
}

.w64-productdetail__first__khuyenmai__check:checked ~
.w64-productdetail__first__khuyenmai__modal
.w64-productdetail__first__khuyenmai__modal__main
.w64-productdetail__first__khuyenmai__modal__main__icon
.w64-productdetail__first__khuyenmai__modal__main__icon__value {
    animation: key-w64-productdetail__first__khuyenmai__modal__main__icon__value 1s;
}

@-webkit-keyframes key-w64-productdetail__first__khuyenmai__modal__main__icon__value {
    0% {
        transform: scale(3);
    }

    100% {
        transform: scale(1);
    }
}

.w64-productdetail__first__khuyenmai__modal__main__heading {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}

.w64-productdetail__first__khuyenmai__modal__main__heading__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: #3f3f3f;
    line-height: 2.6rem;
}

.w64-productdetail__first__khuyenmai__modal__main__heading__des {
    font-size: 1.6rem;
    color: #3f3f3f;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w64-productdetail__first__khuyenmai__modal__main__button {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    border-radius: .3rem;
    color: #fff;
    padding: .5rem 1.5rem;
    transition: all .5s;
    cursor: pointer;
}

    .w64-productdetail__first__khuyenmai__modal__main__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w64-productdetail__first__khuyenmai__modal__main__button__name {
}

.w64-productdetail__first__khuyenmai__modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
}
.w64-productdetail__second {
    border-radius: .5rem;
    background-color: #fff;
    padding: 1rem 0;
    margin-top: 2rem;
    position: relative;
    z-index: 0;
}

.w64-productdetail__second__tabs {
    text-align: center;
    padding: 0;
    position: relative;
    border-bottom: solid .2rem rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w64-productdetail__second__tabs {
        overflow: hidden;
    }
}

.w64-productdetail__second__tabs__items {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.w64-productdetail__second__tabs__items__item {
    display: inline-block;
    padding: .75rem 3rem .75rem;
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 3rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w64-productdetail__second__tabs__items__item {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }
}

.w64-productdetail__second__tabs__items__item:hover {
    color: rgba(var(--main-color-w),1);
}

.w64-productdetail__second__tabs__items__item-active:hover {
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w64-productdetail__second__tabs__items__item {
    }
}

.w64-productdetail__second__tabs__items__item.active,
.w64-productdetail__second__tabs__items__item-active {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w64-productdetail__second__content {
    margin-top: 1rem;
}

.w64-productdetail__second__content__detail {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.w64-productdetail__second__content__detail__content iframe {
    height: 68rem;
    width: 100%;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w64-productdetail__second__content__detail__content iframe {
        height: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w64-productdetail__second__content__detail__content iframe {
        height: 54rem;
    }
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__second__content__detail__content iframe {
        height: 42rem;
    }
}

@media only screen and (max-width:37.25rem) {
    .w64-productdetail__second__content__detail__content iframe {
        height: 18rem;
    }
}

.w64-productdetail__second__content__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    max-height: 35rem;
    overflow: hidden;
    padding: 0 1rem;
}

.w64-productdetail__second__content__detail__check:checked ~ .w64-productdetail__second__content__detail__content {
    max-height: max-content;
    padding: 0;
}

.w64-productdetail__second__content__detail__check {
    display: none;
}

.w64-productdetail__second__content__detail__bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 0;
    transition: all 1s;
}

.w64-productdetail__second__content__detail__check:checked ~
.w64-productdetail__second__content__detail__bg {
    height: 0;
}

.w64-productdetail__second__content__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 1rem 0;
    background: #fff;
    z-index: 1;
}

.w64-productdetail__second__content__detail__bottom__label {
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    border-radius: .3rem;
    padding: .75rem 2rem;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w64-productdetail__second__content__detail__bottom__label:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w64-productdetail__second__content__detail__bottom__label--top {
    display: none;
}

.w64-productdetail__second__content__detail__bottom__label__text {
}

.w64-productdetail__second__content__detail__bottom__label__text--2 {
    display: none;
}

.w64-productdetail__second__content__detail__check:checked ~
.w64-productdetail__second__content__detail__bottom
.w64-productdetail__second__content__detail__bottom__label
.w64-productdetail__second__content__detail__bottom__label__text--1 {
    display: none;
}

.w64-productdetail__second__content__detail__check:checked ~
.w64-productdetail__second__content__detail__bottom
.w64-productdetail__second__content__detail__bottom__label
.w64-productdetail__second__content__detail__bottom__label__text--2 {
    display: inline-block;
}

.w64-productdetail__second__content__detail__bottom__label__icon {
    margin-left: 1rem;
}

.w64-productdetail__second__content__detail__check:checked ~
.w64-productdetail__second__content__detail__bottom
.w64-productdetail__second__content__detail__bottom__label
.w64-productdetail__second__content__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w64-productdetail__second__face {
    margin-top: 2rem;
    border: .1rem solid #dee2e6;
    border-radius: .5rem;
    width: 100%;
    padding: 1rem;
    position: relative;
}

.w64-productdetail__second__face__button {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w64-productdetail__second__face__comment {
    width: 100%;
    margin-top: 1rem;
    overflow: hidden;
}

    .w64-productdetail__second__face__comment iframe {
        width: 100%;
        overflow: hidden;
    }

.w64-productdetail__first__one__col__mains .swiper-button-next:after, .w64-productdetail__first__one__col__mains .swiper-button-prev:after {
    color: #b90d0d;
}

@media only screen and (min-width:75rem) {
}

@media only screen and (max-width:75rem) {

    .w64-productdetail__first__one {
        width: 40%;
    }

    .w64-productdetail__first__two {
        width: 58%;
    }

    .w64-productdetail__first__three {
        width: 100%;
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
    }

    @media only screen and (max-width:50rem) {
        .w64-productdetail__first__three {
            display: none;
        }
    }

    .w64-productdetail__first__three__danhmuc__childs__item {
        width: 48%;
        margin-left: 2%;
    }

        .w64-productdetail__first__three__items__item:nth-column(2n+1),
        .w64-productdetail__first__three__danhmuc__childs__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w64-productdetail__first__three__danhmuc__name--1 {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__first__one {
        width: 100%;
        overflow: hidden;
    }

    .w64-productdetail__first__two {
        width: 100%;
        margin-top: 2rem;
        padding: 0;
    }

    .w64-productdetail__first__three__items__item,
    .w64-productdetail__first__three__danhmuc__childs__item {
        width: 100%;
        margin-left: 0;
    }
}

.w64-productdetail__second__heading {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w64-productdetail__second__heading__name {
    margin-right: 2rem;
    padding: 1rem 0;
    border-bottom: solid .2rem rgba(var(--main-color-w),0);
    transition: all .5s;
}

    .w64-productdetail__second__heading__name.active {
        color: rgba(var(--main-color-w),1);
        border-bottom: solid .2rem rgba(var(--main-color-w),1);
    }

    .w64-productdetail__second__heading__name:hover {
        color: rgba(var(--main-color-w),1);
        border-bottom: solid .2rem rgba(var(--main-color-w),1);
    }

.w64-productdetail__second__heading__name__text {
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 600;
    transition: all .5s;
}

.w64-productdetail__second__heading__name.active .w64-productdetail__second__heading__name__text {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w64-productdetail__second__heading__name__text:hover {
    color: rgba(var(--main-color-w),1);
}

.w64-productdetail__second__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w64-productdetail__second__mains__main {
    display: flex;
    height: max-content !important;
}

.w64-productdetail__second__mains__main__item {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    margin-top: 2rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (max-width:62.5rem) {
    .w64-productdetail__second__mains__main__item {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__second__mains__main__item {
        width: 49%;
    }
}

.w64-productdetail__second__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    transition: all .5s;
    border-radius: .3rem;
}

.w64-productdetail__second__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    margin-top: 1rem;
}

.w64-productdetail__second__mains__main__item__content__bottom__name {
    color: #3f3f3f;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}
    .w64-productdetail__second__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-productdetail__second__mains__main__item__content__bottom__des {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w64-productdetail__second__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w64-productdetail__second__mains__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.2rem;
    display: inline-block;
    transition: all .5s;
}

.w64-productdetail__second__mains__main__item__content__hinhanh {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w64-productdetail__second__mains__main__item__content__hinhanh__cart {
    position: absolute;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    transition: all .5s;
    transform: translateY(10rem);
}

.w64-productdetail__second__mains__main__item__content__hinhanh:hover
.w64-productdetail__second__mains__main__item__content__hinhanh__cart {
    transform: translateY(0);
}

.w64-productdetail__second__mains__main__item__content__hinhanh__cart__name {
    background-color: rgba(250,250,250,.9);
    padding: .5rem 2rem;
    text-align: center;
    cursor: pointer;
    border-radius: 2rem;
    font-size: 1.4rem;
}

    .w64-productdetail__second__mains__main__item__content__hinhanh__cart__name:hover {
        background-color: rgba(var(--main-color-w), .8);
        color: #fff;
        transition: all .5s;
    }

.w64-productdetail__second__mains__main__item__content__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

.w64-productdetail__second__mains__main__item__content__hinhanh:hover
.w64-productdetail__second__mains__main__item__content__hinhanh__top {
    transform: translateX(-50%);
}

.w64-productdetail__second__mains__main__item__content__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w64-productdetail__second__mains__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w64-productdetail__second__mains__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    margin-right: 1rem;
}

.w64-productdetail__second__mains__main__item__content__hinhanh__top:hover .w64-productdetail__second__mains__main__item__content__sale {
}

.w64-productdetail__second__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
    padding: 0;
}

.w64-productdetail__second__mains__main__item__content__price__main {
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
}
.w64-productdetail__second__mains__main__item__content__price__sub {
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w64-productdetail__second__mains__main__item__content__childs {
    width: 100%;
    display: flex;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
}

.w64-productdetail__second__mains__main__item__content__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .15rem;
    cursor: pointer;
    margin-left: 1rem;
    transition: all .3s;
}

    .w64-productdetail__second__mains__main__item__content__childs__imgbox:first-child {
        margin-left: 0;
    }

    .w64-productdetail__second__mains__main__item__content__childs__imgbox:hover {
        transform: scale(1.1);
    }

.w64-productdetail__second__mains__pagination {
    bottom: 0 !important;
}

.w64-productdetail__second__mains__next.swiper-button-next,
.w64-productdetail__second__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w64-productdetail__second__mains__next:hover,
.w64-productdetail__second__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w64-productdetail__second__mains__next:after,
.w64-productdetail__second__mains__prev:after {
    display: none;
}

.w64-productdetail__second__comment {
    margin-top: 2rem;
}

.w64-productdetail__second__comment__name {
    display: flex;
    font-size: 1.8rem;
    font-weight: 600;
    align-items: center;
}

.w64-productdetail__second__comment__head {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w), .05);
    border-radius: 0.3rem;
    padding: 1rem;
}

.w64-productdetail__second__comment__head__nx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__head__nx {
        width: 100%;
    }
}

.w64-productdetail__second__comment__head__nx__col {
    width: 49%;
    margin-right: 1rem;
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__head__nx__col {
        width: 100%;
    }
}

.w64-productdetail__second__comment__head__nx__col__sao {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
}

.w64-productdetail__second__comment__head__nx__col__sao__point {
    font-size: 3rem;
    font-weight: 600;
    color: red;
}

.w64-productdetail__second__comment__head__nx__col__sao__sl {
    margin-left: 2rem;
}

.w64-productdetail__second__comment__head__nx__col__sao__sl__stars__star {
    color: gold;
    font-size: 1.8rem;
}

.w64-productdetail__second__comment__head__nx__col__sao__sl__text {
    margin-top: 1rem;
    color: #999;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.w64-productdetail__second__comment__head__nx__col__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.6rem;
    width: 100%;
}

.w64-productdetail__second__comment__head__nx__diem {
    width: 49%;
    margin-left: auto;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__head__nx__diem {
        width: 100%;
        margin: 2rem 0 0;
    }
}

.w64-productdetail__second__comment__head__nx__diem__range {
    display: flex;
    margin-top: .75rem;
    margin-bottom: .75rem;
    align-items: center;
    font-size: 1.2rem;
    position: relative;
    padding-right: 2.5rem;
}

.w64-productdetail__second__comment__head__nx__diem__range__number {
    margin-right: 1rem;
    color: #999;
    font-weight: 600;
}

.w64-productdetail__second__comment__head__nx__diem__range__star {
    margin-right: 1rem;
    color: gold;
}

.w64-productdetail__second__comment__head__nx__diem__range__bar {
    width: 90%;
    height: 1rem;
    background-color: #fff;
    margin-right: 1rem;
    border-radius: 0.5rem;
}

.w64-productdetail__second__comment__head__nx__diem__range__bar--1 {
    background-color: rgba(var(--main-color-w), 1);
}

.w64-productdetail__second__comment__head__nx__diem__range__vl {
    color: #999;
    position: absolute;
    right: 0;
}

.w64-productdetail__second__comment__gn {
    margin-top: 3rem;
}

.w64-productdetail__second__comment__gn__title {
    font-weight: 600;
    font-size: 1.5rem;
}

.w64-productdetail__second__comment__gn__bl__dg {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w64-productdetail__second__comment__gn__bl__dg__name {
    margin-right: 1rem;
    font-size: 1.4rem;
}

.w64-productdetail__second__comment__gn__bl__dg__stars__star {
    color: gold;
    font-size: 1.2rem;
    margin-right: .5rem;
}

    .w64-productdetail__second__comment__gn__bl__dg__stars__star:last-child {
        margin-right: 0;
    }

.w64-productdetail__second__comment__gn__bl__ntd {
    padding: 1rem 0;
}

.w64-productdetail__second__comment__gn__bl__ntd__text {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.w64-productdetail__second__comment__gn__bl__ntd__input {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 0.1rem solid #dfdfdf;
    font-family: inherit;
    outline: none;
    transition: all .5s;
    border-radius: .3rem;
}

    .w64-productdetail__second__comment__gn__bl__ntd__input:focus {
        outline: 0.1rem solid rgba(var(--main-color-w),1);
    }

.w64-productdetail__second__comment__gn__bl__action {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__action {
        justify-content: center;
    }
}

.w64-productdetail__second__comment__gn__bl__action__text {
    margin-right: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__action__text {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
}

.w64-productdetail__second__comment__gn__bl__action__input {
    display: none;
}

.w64-productdetail__second__comment__gn__bl__action__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5rem;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    cursor: pointer;
    margin-left: 1rem;
    font-family: inherit;
}

.w64-productdetail__second__comment__gn__bl__action__button {
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    cursor: pointer;
}

.w64-productdetail__second__comment__gn__bl__search {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3rem;
    background-color: rgba(var(--main-color-w), .05);
    padding: .5rem 1rem;
    border-radius: .3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__search {
        margin-top: 2rem;
    }
}

.w64-productdetail__second__comment__gn__bl__search__tabs {
    display: flex;
    align-items: center;
}

.w64-productdetail__second__comment__gn__bl__search__tabs__item {
    margin-right: 2rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 0;
    color: #999;
}

    .w64-productdetail__second__comment__gn__bl__search__tabs__item.active {
        color: rgba(var(--main-color-w), 1);
    }

    .w64-productdetail__second__comment__gn__bl__search__tabs__item:last-child {
        margin-right: 0;
    }

.w64-productdetail__second__comment__gn__bl__search__tabs__item__text {
}

.w64-productdetail__second__comment__gn__bl__search__boxs {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__search__boxs {
        width: 100%;
        margin: 0rem 0 0;
        justify-content: space-between;
    }
}

.w64-productdetail__second__comment__gn__bl__search__boxs__box {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__search__boxs__box {
        margin-left: 1rem;
    }
}

.w64-productdetail__second__comment__gn__bl__search__boxs__box:first-child {
    margin-left: 0;
}

.w64-productdetail__second__comment__gn__bl__search__boxs__box__name {
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__search__boxs__box__name {
        display: none;
    }
}

.w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown {
    margin-left: 1rem;
    padding: .5rem .75rem;
    position: relative;
    border: .1rem solid #f1f1f1;
    border-radius: 0.3rem;
    z-index: 0;
    background-color: #fff;
    width: fit-content;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown {
        margin-left: 0;
    }
}

.w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__checkbox {
    display: none;
}

    .w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__checkbox:checked ~ .w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    cursor: pointer;
}

.w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__ad__icon {
    margin-left: 0.5rem;
}

.w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items .active {
        font-weight: 600;
    }

.w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items__item {
    font-size: 1.4rem;
    display: block;
    cursor: pointer;
    padding: 1rem 1rem;
}

    .w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items__item:not(:last-child) {
    }

    .w64-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items__item:hover {
        background-color: #eee;
    }

.w64-productdetail__second__comment__gn__bl__cm {
    margin-top: 2rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w64-productdetail__second__comment__gn__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w64-productdetail__second__comment__gn__bl__cm__items__first__imgbox {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    background-image: url(/img/w41/c75674b36c6d8024c0f83734265b2b53.jpg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w64-productdetail__second__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w64-productdetail__second__comment__gn__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 0.5rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5rem;
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w64-productdetail__second__comment__gn__bl__cm__items__first__des {
        font-size: 1rem;
    }
}

.w64-productdetail__second__comment__gn__bl__cm__items__second {
    width: 76%;
    margin-left: auto;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__item__text {
    line-height: 1.6rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__text {
    margin-top: 1rem;
    line-height: 2.2rem;
    font-size: 1.5rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__abimg {
    margin-top: 1rem;
    display: flex;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__abimg__imgbox {
    width: 10rem;
    background-size: contain;
    background-position: center;
    margin-right: 1rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1rem;
    position: relative;
    margin-top: 2.5rem;
}

    .w64-productdetail__second__comment__gn__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2rem #f2f2f2;
        border-left: solid 2rem transparent;
        border-right: solid 2rem transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2rem;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w64-productdetail__second__comment__gn__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__rep__name__imgbox {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__rep__name__human {
    margin-right: 0.5rem;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__rep__name__date {
    color: #777;
}

.w64-productdetail__second__comment__gn__bl__cm__items__second__rep__ct {
    margin-top: 2rem;
    line-height: 1.6rem;
}

.w64-productdetail__bottom {
    margin-top: 2rem;
}

.w64-productdetail__bottom__name {
    font-size: 1.8rem;
    font-weight: 600;
}

.w64-productdetail__bottom__daxem {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w64-productdetail__bottom__daxem__main {
    display: flex;
    height: max-content !important;
}

.w64-productdetail__bottom__daxem__main__item {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    margin-top: 2rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (max-width:62.5rem) {
    .w64-productdetail__bottom__daxem__main__item {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w64-productdetail__bottom__daxem__main__item {
        width: 49%;
    }
}

.w64-productdetail__bottom__daxem__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    transition: all .5s;
    border-radius: .3rem;
}

.w64-productdetail__bottom__daxem__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    margin-top: 1rem;
}

.w64-productdetail__bottom__daxem__main__item__content__bottom__name {
    color: #3f3f3f;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}
    .w64-productdetail__bottom__daxem__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w64-productdetail__bottom__daxem__main__item__content__bottom__des {
    font-size: 1.4rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w64-productdetail__bottom__daxem__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w64-productdetail__bottom__daxem__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.2rem;
    display: inline-block;
    transition: all .5s;
}

.w64-productdetail__bottom__daxem__main__item__content__hinhanh {
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w64-productdetail__bottom__daxem__main__item__content__hinhanh__cart {
    position: absolute;
    bottom: 1rem;
    display: flex;
    justify-content: center;
    width: 100%;
    left: 0;
    transition: all .5s;
    transform: translateY(10rem);
}

.w64-productdetail__bottom__daxem__main__item__content__hinhanh:hover
.w64-productdetail__bottom__daxem__main__item__content__hinhanh__cart {
    transform: translateY(0);
}

.w64-productdetail__bottom__daxem__main__item__content__hinhanh__cart__name {
    background-color: rgba(250,250,250,.9);
    padding: .5rem 2rem;
    text-align: center;
    cursor: pointer;
    border-radius: 2rem;
    font-size: 1.4rem;
}

    .w64-productdetail__bottom__daxem__main__item__content__hinhanh__cart__name:hover {
        background-color: rgba(var(--main-color-w), .8);
        color: #fff;
        transition: all .5s;
    }

.w64-productdetail__bottom__daxem__main__item__content__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

.w64-productdetail__bottom__daxem__main__item__content__hinhanh:hover
.w64-productdetail__bottom__daxem__main__item__content__hinhanh__top {
    transform: translateX(-50%);
}

.w64-productdetail__bottom__daxem__main__item__content__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w64-productdetail__bottom__daxem__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w64-productdetail__bottom__daxem__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    margin-right: 1rem;
}

.w64-productdetail__bottom__daxem__main__item__content__hinhanh__top:hover .w64-productdetail__bottom__daxem__main__item__content__sale {
}

.w64-productdetail__bottom__daxem__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
    margin-top: 1rem;
    padding: 0;
}

.w64-productdetail__bottom__daxem__main__item__content__price__main {
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
}
.w64-productdetail__bottom__daxem__main__item__content__price__sub {
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w64-productdetail__bottom__daxem__main__item__content__childs {
    width: 100%;
    display: flex;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: flex-start;
    padding: 0;
}

.w64-productdetail__bottom__daxem__main__item__content__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: .15rem;
    cursor: pointer;
    margin-left: 1rem;
    transition: all .3s;
}

    .w64-productdetail__bottom__daxem__main__item__content__childs__imgbox:first-child {
        margin-left: 0;
    }

    .w64-productdetail__bottom__daxem__main__item__content__childs__imgbox:hover {
        transform: scale(1.1);
    }

.w64-productdetail__bottom__daxem__pagination {
    bottom: 0 !important;
}

.w64-productdetail__bottom__daxem__next.swiper-button-next,
.w64-productdetail__bottom__daxem__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w64-productdetail__bottom__daxem__next:hover,
.w64-productdetail__bottom__daxem__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w64-productdetail__bottom__daxem__next:after,
.w64-productdetail__bottom__daxem__prev:after {
    display: none;
}
/*ed*/
/*w65-header*/
.w65-header {
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem;
    color: #fff;
    position: relative;
    display: flex;
    align-items: center;
}

.w65-header__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w65-header__group {
        flex-wrap: wrap;
    }
}

.w65-header__first {
    display: flex;
    align-items: center;
    position: relative;
}

.w65-header__first__link {
    display: block;
}

.w65-header__first__link__imgbox {
    background-size: contain;
    background-position: center;
    max-width: 24rem;
}

.w65-header__second {
    display: flex;
    align-items: center;
    margin-left: auto;
    width: calc(100% - 27rem);
}

@media only screen and (max-width:81.25rem) {
    .w65-header__second {
        flex-wrap: wrap;
    }
}

.w65-header__second__search {
    width: 42%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.5rem;
    background-color: white;
    border-radius: .3rem;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:81.25rem) {
    .w65-header__second__search {
        width: 65%;
    }

    @media only screen and (max-width:68.75rem) {
        .w65-header__second__search {
            width: 55%;
        }

        @media only screen and (max-width:62.5rem) {
            .w65-header__second__search {
                display: none;
            }
        }
    }
}

.w65-header__second__search__input {
    width: 100%;
    position: relative;
}

.w65-header__second__search__input__bg {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background: red;
    top: 0;
    animation: key-w65-header__second__search__input__bg 7s;
    background-color: #fff;
    animation-fill-mode: forwards;
}

@keyframes key-w65-header__second__search__input__bg {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

.w65-header__second__search__input__text {
    border: none;
    outline: none;
    margin-left: .5rem;
    font-size: 1.5rem;
    font-family: inherit;
    width: 100%;
}

    .w65-header__second__search__input__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w65-header__second__search__button {
    background-color: rgba(var(--second-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 0 2rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    transition: all .5s;
    height: 100%;
    display: flex;
    align-items: center;
}

    .w65-header__second__search__button:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

.w65-header__second__mains {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.w65-header__second__mains__hotro {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.w65-header__second__mains__hotro__item {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

@media only screen and (max-width:81.25rem) {
    .w65-header__second__mains__hotro__item {
        display: none;
    }

        .w65-header__second__mains__hotro__item:first-child {
            display: flex;
        }

    @media only screen and (max-width:62.5rem) {
        .w65-header__second__mains__hotro__item {
            display: flex;
        }

        @media only screen and (max-width:56.25rem) {
            .w65-header__second__mains__hotro__item {
                display: none;
            }

                .w65-header__second__mains__hotro__item:first-child {
                    display: flex;
                }

            @media only screen and (max-width:37.5rem) {
                .w65-header__second__mains__hotro__item {
                    display: none;
                }

                    .w65-header__second__mains__hotro__item:first-child {
                        display: none;
                    }
            }
        }
    }
}

.w65-header__second__mains__hotro__item:first-child {
    margin-left: 0;
}

.w65-header__second__mains__hotro__item__icon {
    font-size: 2rem;
    transition: all .25s;
    cursor: pointer;
}

.w65-header__second__mains__hotro__item:hover
.w65-header__second__mains__hotro__item__icon {
    color: rgba(var(--second-color-w),1);
}

.w65-header__second__mains__hotro__item__name {
    margin-left: 1rem;
    font-size: 1.5rem;
    transition: all .25s;
    cursor: pointer;
}

.w65-header__second__mains__hotro__item:hover
.w65-header__second__mains__hotro__item__name {
    color: rgba(var(--second-color-w),1);
}

.w65-header__second__mains__giohang {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

.w65-header__second__mains__giohang__item {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    background-color: rgba(var(--second-color-w),1);
    padding: .5rem 1rem;
    border-radius: .5rem;
    transition: all .25s;
    position: relative;
}

    .w65-header__second__mains__giohang__item:hover {
        background-color: rgba(var(--second-color-w),1);
        border-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w65-header__second__mains__giohang__item:first-child {
        margin-left: 0;
    }

.w65-header__second__mains__giohang__item__icon {
    cursor: pointer;
    position: relative;
}

.w65-header__second__mains__giohang__item__icon__value {
    font-size: 2rem;
}

.w65-header__second__mains__giohang__item__name {
    margin-left: 1rem;
    font-weight: 600;
    font-size: 1.5rem;
    cursor: pointer;
}

@media only screen and (max-width:43.75rem) {
    .w65-header__second__mains__giohang__item__name {
        display: none;
    }
}

.w65-header__second__mains__giohang__item__num {
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    color: #333;
    position: absolute;
    top: -1rem;
    right: -1rem;
}

.w65-header__search {
    margin-top: 1rem;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 1rem 1.5rem;
    background-color: white;
    border-radius: .3rem;
    position: relative;
    overflow: hidden;
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w65-header__search {
        display: flex;
    }
}

.w65-header__search__input {
    width: 100%;
}

.w65-header__search__input__text {
    border: none;
    outline: none;
    margin-left: .5rem;
    font-size: 1.5rem;
    font-family: inherit;
    width: 100%;
}

    .w65-header__search__input__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w65-header__search__input__bg {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background: red;
    top: 0;
    animation: key-w65-header__search__input__bg 7s;
    background-color: #fff;
    animation-fill-mode: forwards;
}

@keyframes key-w65-header__search__input__bg {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

.w65-header__search__button {
    background-color: rgba(var(--second-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 0 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    transition: all .5s;
    height: 100%;
    display: flex;
    align-items: center;
}

    .w65-header__search__button:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }
/*ed*/
/*w65-menu*/
.w65-menu {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    background-color: #fff;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w65-menu {
    }
}

@media only screen and (min-width:75rem) {
    .w65-menu {
        background-color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w65-menu {
        padding: 0;
    }
}

.w65-menu__check {
    display: none;
}

.w65-menu__label {
    background-color: #f4f4f4;
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    display: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w65-menu__label {
        display: flex;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w65-menu__label__icon {
    font-size: 2.4rem;
    font-weight: normal;
}

@media only screen and (max-width:75rem) {
    .w65-menu__check:checked ~
    .w65-menu__label
    .w65-menu__label__icon:before {
        content: "\f141";
    }
}

.w65-menu__label__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
}

.w65-menu__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.w65-menu__second {
    transition: all .5s;
}

@-webkit-keyframes key-w65-menu__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    section.in .w65-menu__second {
        -webkit-animation: key-w65-menu__second 1s;
        animation: key-w65-menu__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w65-menu__second {
        margin: 0;
        padding: 0rem 0rem;
        width: 90%;
        background-color: #fff;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .3s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100vh;
    }

    .w65-menu__check:checked ~ .w65-menu__second {
        overflow-y: scroll;
        left: 0;
    }

    .w65-menu__second::-webkit-scrollbar {
        width: .4rem;
    }

    .w65-menu__second::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w65-menu__second::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w65-menu__second::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w65-menu__second__head {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__head {
        align-items: center;
        justify-content: flex-start;
        position: fixed;
        top: 0;
        left: -100%;
        visibility: hidden;
        padding: 1rem;
        background-color: rgba(var(--main-color-w),1);
        height: 8rem;
        width: 90%;
        display: flex;
        transition: all .3s cubic-bezier(.6,.1,.68,.53);
    }

    .w65-menu__check:checked ~
    .w65-menu__second
    .w65-menu__second__head {
        left: 0;
        visibility: visible;
    }

    .w65-menu__second__head__logo {
        max-width: 80%;
    }

    .w65-menu__second__head__logo__imgbox {
        background-size: contain;
        background-position: left center;
        max-height: 6rem;
    }

    .w65-menu__second__head__close {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        font-size: 2rem;
        transition: all .5s;
        cursor: pointer;
        transform: rotate(45deg);
    }

        .w65-menu__second__head__close:hover {
            transform: rotate(135deg);
        }
}

.w65-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items {
        width: 100%;
        margin-top: 8rem;
    }
}

.w65-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item {
        width: 100%;
        padding: .5rem 0;
    }

        .w65-menu__second__items__item:hover {
            background-color: #f1f1f1;
        }
}

@media only screen and (min-width:75rem) {
}

.w65-menu__second__items__item__check {
    display: none;
}

.w65-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__main {
        padding: 0;
        transition: .5s;
    }
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__main {
        padding: 0 0 0 1rem;
    }

    .w65-menu__second__items__item__check:checked ~
    .w65-menu__second__items__item__main {
        position: fixed;
        background-color: #f1f1f1;
        top: 8rem;
        left: 0;
        width: 90%;
        z-index: 2;
        justify-content: center;
        height: 3.3rem;
        padding-left: 3rem;
    }
}

.w65-menu__second__items__item__main__name {
    font-size: 1.4rem;
    padding: 1rem .65rem;
    display: block;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__main__name {
        transition: all 0s;
        padding: .75rem 3rem .7rem 0;
    }

    .w65-menu__second__items__item__check:checked ~
    .w65-menu__second__items__item__main
    .w65-menu__second__items__item__main__name {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        overflow: hidden;
        -webkit-line-clamp: 1;
        width: 83%;
        padding: 0;
    }

    .w65-menu__second__items__item:hover .w65-menu__second__items__item__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__main__name {
        color: #fff;
        transition: all .25s;
    }

    .w65-menu__second__items__item:hover .w65-menu__second__items__item__main__name {
        color: #fff;
    }

    .w65-menu__second__items__item__check:checked ~
    .w65-menu__second__items__item__main
    .w65-menu__second__items__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

.w65-menu__second__items__item__main__imgbox {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__main__imgbox {
        display: flex;
        width: 3rem;
        height: 3rem;
        justify-content: center;
        align-items: center;
        margin-right: 1rem;
        background-size: contain;
        background-position: center;
    }
}

.w65-menu__second__items__item__main__icon2 {
    font-size: 1.2rem;
    position: absolute;
    right: .5rem;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__main__icon2 {
        padding: 1.4rem .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w65-menu__second__items__item__main__icon2__value:before {
        content: "\f105" !important;
    }

    .w65-menu__second__items__item__check:checked ~
    .w65-menu__second__items__item__main
    .w65-menu__second__items__item__main__icon2 {
        position: absolute;
        left: .5rem;
        right: auto;
    }

        .w65-menu__second__items__item__check:checked ~
        .w65-menu__second__items__item__main
        .w65-menu__second__items__item__main__icon2
        .w65-menu__second__items__item__main__icon2__value:before {
            content: "\f104" !important;
        }
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__main__icon2 {
        display: none;
    }
}

.w65-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs {
        overflow: hidden;
        height: 100vh;
        position: fixed;
        z-index: 2;
        top: 11.3rem;
        left: -100%;
        width: 90%;
        transition: all .3s;
        background-color: #fff;
        overflow-y: scroll;
    }

        .w65-menu__second__items__item__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w65-menu__second__items__item__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w65-menu__second__items__item__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w65-menu__second__items__item__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w65-menu__second__items__item__check:checked ~
    .w65-menu__second__items__item__childs {
        left: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 100%;
        background-color: rgba(var(--main-color-w), .9);
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w65-menu__second__items__item:hover .w65-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        border: none;
        pointer-events: inherit;
        transform: none;
    }
}

.w65-menu__second__items__item__childs__child {
    position: relative;
}

.w65-menu__second__items__item__childs__child--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs__child--back {
        display: list-item;
        background-color: rgba(var(--second-color-w),1);
    }
}

.w65-menu__second__items__item__childs__child:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w65-menu__second__items__item__childs__child--back:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w65-menu__second__items__item__childs__child:last-child {
    border: none;
}

.w65-menu__second__items__item__childs__child__main {
    display: flex;
    position: relative;
    padding: 0;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__childs__child__main {
    }


    .w65-menu__second__items__item__childs__child:first-child .w65-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs__child__main {
        padding: 0 0 0 1rem;
    }

    .w65-menu__second__items__item__childs__child__check:checked ~ .w65-menu__second__items__item__childs__child__main {
        position: fixed;
        background-color: #f1f1f1;
        top: 8rem;
        left: 0;
        width: 90%;
        z-index: 3;
        height: 3.3rem;
        justify-content: center;
    }

        .w65-menu__second__items__item__childs__child__check:checked ~
        .w65-menu__second__items__item__childs__child__main
        .w65-menu__second__items__item__childs__child__main__name {
            text-align: center;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            overflow: hidden;
            -webkit-line-clamp: 1;
            width: 83%;
            padding: 0;
            color: #3f3f3f;
        }

    .w65-menu__second__items__item__childs__child--back .w65-menu__second__items__item__childs__child__main {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w65-menu__second__items__item__childs__child__main__back {
        color: #fff;
        margin-right: 1rem;
        font-size: 1.6rem;
    }
}

.w65-menu__second__items__item__childs__child__main__name {
    font-size: 1.4rem;
    cursor: pointer;
    color: #333;
    padding: 1rem 1.5rem 1rem 1rem;
    display: block;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs__child__main__name {
        text-transform: capitalize;
        font-weight: 500;
        padding: .75rem 3rem .75rem 0;
        transition: all 0s;
        display: block;
        width: 100%;
    }

    @media only screen and (max-width:75rem) {
        .w65-menu__second__items__item__childs__child:hover
        .w65-menu__second__items__item__childs__child__main__name {
            color: #fff;
        }
    }

    .w65-menu__second__items__item__childs__child--back .w65-menu__second__items__item__childs__child__main__name {
        text-transform: uppercase;
    }

    .w65-menu__second__items__item__childs__child:hover .w65-menu__second__items__item__childs__child__main__name {
    }

    .w65-menu__second__items__item__childs__child--back:hover .w65-menu__second__items__item__childs__child__main__name {
        color: #fff;
    }
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__childs__child__main__name {
        transition: all .5s;
        color: #fff;
    }

    .w65-menu__second__items__item__childs__child:hover .w65-menu__second__items__item__childs__child__main__name {
        color: #fff;
    }
}

.w65-menu__second__items__item__childs__child__main__icon {
    font-size: 1.2rem;
    position: absolute;
    right: .5rem;
    font-weight: normal;
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }

    .w65-menu__second__items__item__childs__child:hover .w65-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs__child__main__icon {
        padding: 1.4rem .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #333;
        right: 0;
        width: 3rem;
        height: 100%;
    }

    .w65-menu__second__items__item__childs__child:hover
    .w65-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }

    .w65-menu__second__items__item__childs__child__check:checked ~
    .w65-menu__second__items__item__childs__child__main
    .w65-menu__second__items__item__childs__child__main__icon {
        position: absolute;
        left: .5rem;
        right: auto;
        color: #333;
    }

    .w65-menu__second__items__item__childs__child__main__icon:before {
    }

    .w65-menu__second__items__item__childs__child__check:checked ~
    .w65-menu__second__items__item__childs__child__main
    .w65-menu__second__items__item__childs__child__main__icon
    .w65-menu__second__items__item__childs__child__main__icon__value:before {
        content: "\f104" !important;
    }
}

.w65-menu__second__items__item__childs__child__check {
    display: none;
}

.w65-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .3s;
}

.w65-menu__second__items__item__childs__child__grands__grand--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs__child__grands {
        overflow: hidden;
        height: 100vh;
        width: 90%;
        overflow-y: scroll;
        position: fixed;
        z-index: 3;
        top: 11.3rem;
        background-color: #fff;
        left: -100%;
    }

        .w65-menu__second__items__item__childs__child__grands::-webkit-scrollbar {
            width: .4rem;
        }

        .w65-menu__second__items__item__childs__child__grands::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w65-menu__second__items__item__childs__child__grands::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w65-menu__second__items__item__childs::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

    .w65-menu__second__items__item__childs__child__check:checked ~
    .w65-menu__second__items__item__childs__child__grands {
        left: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__childs__child__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        background-color: rgba(var(--main-color-w), .9);
        width: max-content;
        min-width: 20rem;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
    }

    .w65-menu__second__items__item__childs__child:hover .w65-menu__second__items__item__childs__child__grands {
        left: 100%;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w65-menu__second__items__item__childs__child__grands__grand {
}

.w65-menu__second__items__item__childs__child__grands__grand__main {
    padding: 0;
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w65-menu__second__items__item__childs__child__grands__grand:first-child .w65-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w65-menu__second__items__item__childs__child__grands__grand:hover .w65-menu__second__items__item__childs__child__grands__grand__main {
        background-color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w65-menu__second__items__item__childs__child__grands__grand:hover
    .w65-menu__second__items__item__childs__child__grands__grand__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w65-menu__second__items__item__childs__child__grands__grand--back {
        display: list-item;
    }

        .w65-menu__second__items__item__childs__child__grands__grand--back .w65-menu__second__items__item__childs__child__grands__grand__main {
            background-color: rgba(var(--second-color-w),1);
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
        }

    .w65-menu__second__items__item__childs__child__grands__grand__main__back {
        color: #fff;
        font-size: 1.6rem;
        margin-right: 1rem;
    }
}

.w65-menu__second__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    padding: .75rem 1rem;
}

@media only screen and (min-width:75rem) {
    .w65-menu__second__items__item__childs__child__grands__grand__main__name {
        color: #fff;
    }

    .w65-menu__second__items__item__childs__child__grands__grand__main:hover .w65-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

@media only screen and (max-width:75rem) {
    .w65-menu__second__items__item__childs__child__grands__grand__main__name {
        text-transform: capitalize;
        color: #333
    }

    .w65-menu__second__items__item__childs__child__grands__grand:hover .w65-menu__second__items__item__childs__child__grands__grand__main__name {
    }

    .w65-menu__second__items__item__childs__child__grands__grand__main:hover .w65-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

.w65-menu__heading {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w65-menu__heading {
        display: flex;
        align-items: center;
        padding: 1rem 0rem 1rem 1rem;
    }

    .w65-menu__heading__figure {
        background-size: contain;
        background-position: top left;
        background-repeat: no-repeat;
        max-height: 7rem;
    }

    .w65-menu__heading__label {
        margin-left: auto;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        text-align: center;
        padding: .75rem 1rem;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
    }

        .w65-menu__heading__label:hover {
            transform: scale(1.05);
        }

    .w65-menu__heading__label__icon {
        font-size: 1.6rem;
    }
}

.w65-menu__first {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w65-menu__first {
        width: 100%;
        background-color: rgba(var(--main-color-w), 1);
        padding: .75rem 1rem;
        display: flex;
        justify-content: center;
    }

    @media only screen and (max-width:75rem) {
        .w65-menu__first__label {
            display: flex;
            justify-content: center;
            align-items: center;
            margin-left: auto;
            color: #fff;
            cursor: pointer;
        }

        .w65-menu.ws1TransApply .w65-menu__first__label {
            color: rgba(var(--main-color-w),1);
        }

        .w65-menu__first__label__icon {
            font-size: 2rem;
            margin-left: 1rem;
            transition: all .5s;
        }

        .w65-menu__check:checked ~
        .w65-menu__first
        .w65-menu__first__label
        .w65-menu__first__label__icon {
            transform: rotate(135deg);
        }

            .w65-menu__check:checked ~
            .w65-menu__first
            .w65-menu__first__label
            .w65-menu__first__label__icon:before {
                content: "\f067";
            }

        .w65-menu__first__label__name {
            font-weight: 600;
            font-size: 1.4rem;
        }
    }
}

.w65-menu__first__hotro {
    display: none;
}

@media only screen and (max-width:37.5rem) {
    .w65-menu__first__hotro {
        display: flex;
        align-items: center;
    }

    .w65-menu__first__hotro__item {
        display: flex;
        align-items: center;
        margin-left: 2rem;
        color: #fff;
        font-weight: 600;
    }

        .w65-menu__first__hotro__item:first-child {
            margin-left: 0;
        }

    .w65-menu__first__hotro__item__icon {
        font-size: 2rem;
        transition: all .25s;
        cursor: pointer;
    }

        .w65-menu__first__hotro__item__icon:hover {
            color: #fff;
        }

    .w65-menu__first__hotro__item__name {
        margin-left: 1rem;
        font-size: 1.4rem;
        transition: all .25s;
        cursor: pointer;
    }

        .w65-menu__first__hotro__item__name:hover {
            color: #fff;
        }
}

.w65-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    display: none;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w65-menu__bg {
        display: block;
    }

    .w65-menu__check:checked ~ .w65-menu__bg {
        left: 0;
    }
}
/*ed*/
/*w65-banner*/
.w65-banner {
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 1rem 1rem;
    color: #363636;
}

@media only screen and (max-width: 75rem) {
    .w65-banner {
        padding-bottom: 0;
    }
}

.w65-banner__group {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 120rem;
    position: relative;
    margin: 0 auto;
}

@media only screen and (max-width: 75rem) {
    .w65-banner__group {
        flex-wrap: wrap;
    }
}

.w65-banner__first {
    width: 78%;
    display: flex;
}

@media only screen and (max-width: 75rem) {
    .w65-banner__first {
        width: 100%;
        position: relative;
    }

    @media only screen and (max-width: 56.25rem) {
        .w65-banner__first {
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }
    }
}

.w65-banner__first__one {
    width: 25%;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    border-radius: .3rem;
    background-color: #fff;
}

@media only screen and (max-width: 75rem) {
    .w65-banner__first__one {
        width: 25%;
    }

    @media only screen and (max-width: 56.25rem) {
        .w65-banner__first__one {
            width: 100%;
        }
    }
}

.w65-banner__first__one__items {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.w65-banner__first__one__items__item {
    width: 100%;
    display: block;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.w65-banner__first__one__items__item__main {
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all .25s;
}

@media only screen and (max-width: 56.25rem) {
    .w65-banner__first__one__items__item__check:checked ~
    .w65-banner__first__one__items__item__main {
        background-color: #f1f1f1;
    }
}

.w65-banner__first__one__items__item:hover
.w65-banner__first__one__items__item__main {
    background-color: #f1f1f1;
}

.w65-banner__first__one__items__item__check {
    display: none;
}

.w65-banner__first__one__items__item__main__imgbox {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
    background-size: contain;
    background-position: center;
}

.w65-banner__first__one__items__item__main__name {
    font-size: 1.4rem;
    width: calc(100% - 3.5rem);
    transition: all .25s;
    line-height: 2.4rem;
    font-weight: 600;
}

.w65-banner__first__one__items__item__main:hover .w65-banner__first__one__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w65-banner__first__one__items__item__main__icon2 {
    position: absolute;
    right: .75rem;
    font-size: 1.4rem;
    transition: all .25s;
}

@media only screen and (max-width: 56.25rem) {
    .w65-banner__first__one__items__item__main__icon2 {
        transform: rotate(90deg);
    }

    .w65-banner__first__one__items__item__check:checked ~
    .w65-banner__first__one__items__item__main
    .w65-banner__first__one__items__item__main__icon2 {
        transform: rotate(270deg);
    }
}

.w65-banner__first__one__items__item__main:hover .w65-banner__first__one__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width: 56.25rem) {
    .w65-banner__first__one__items__item__level {
        position: absolute;
        top: 0;
        width: 80.5%;
        left: 19.5%;
        padding: 0 0 0 1rem;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        height: 100%;
    }

    @media only screen and (max-width: 75rem) {
        .w65-banner__first__one__items__item__level {
            width: 75%;
            left: 25%;
        }
    }

    .w65-banner__first__one__items__item:hover
    .w65-banner__first__one__items__item__level {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .w65-banner__first__one__items__item__level__bg {
        padding: 1rem 1rem 0 1rem;
        border-radius: .3rem;
        box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
        height: 100%;
        position: absolute;
        left: 1rem;
        top: 0;
        z-index: 0;
        width: calc(100% - 1rem);
        background-color: #fff;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w65-banner__first__one__items__item__level {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w65-banner__first__one__items__item__check:checked ~ .w65-banner__first__one__items__item__level {
        max-height: 900vh;
    }
}

.w65-banner__first__one__items__item__level__childs {
    padding: 1rem 1rem 0 1rem;
    border-radius: .3rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 56.25rem) {
    .w65-banner__first__one__items__item__level__childs {
        max-height: 100%;
        overflow-y: scroll;
    }

        .w65-banner__first__one__items__item__level__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w65-banner__first__one__items__item__level__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w65-banner__first__one__items__item__level__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w65-banner__first__one__items__item__level__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

.w65-banner__first__one__items__item__level__childs__child {
    width: 18.4%;
    margin-left: 2%;
    list-style-type: none;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 56.25rem) {
    .w65-banner__first__one__items__item__level__childs__child:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w65-banner__first__one__items__item__level__childs__child {
        width: 49%;
    }

        .w65-banner__first__one__items__item__level__childs__child:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w65-banner__first__one__items__item__level__childs__child__check {
    display: none;
}

.w65-banner__first__one__items__item__level__childs__child__main {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w65-banner__first__one__items__item__level__childs__child__main__name {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    width: 100%;
    padding: 0 .75rem 0 0;
    transition: all .25s;
}

.w65-banner__first__one__items__item__level__childs__child__main:hover .w65-banner__first__one__items__item__level__childs__child__main__name {
    color: rgba(var(--main-color-w),1);
}

.w65-banner__first__one__items__item__level__childs__child__main__icon {
    font-size: 1.4rem;
    position: absolute;
    right: .75rem;
    transition: all .25s;
    display: none;
}

.w65-banner__first__one__items__item__level__childs__child__main:hover .w65-banner__first__one__items__item__level__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

.w65-banner__first__one__items__item__level__childs__child__grands {
}

.w65-banner__first__one__items__item__level__childs__child__grands__grand {
    padding: .5rem 0;
    width: 100%;
    list-style-type: none;
}

.w65-banner__first__one__items__item__level__childs__child__grands__grand__main {
}

.w65-banner__first__one__items__item__level__childs__child__grands__grand__main__name {
    font-size: 1.5rem;
    display: block;
}

.w65-banner__first__one__items__item__level__childs__child__grands__grand__main
.w65-banner__first__one__items__item__level__childs__child__grands__grand__main__name:hover {
    transition: all .25s;
    color: rgba(var(--main-color-w),1);
}
.w65-banner__first__two {
    margin-left: 1.5%;
    width: 73.5%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 75rem) {
    .w65-banner__first__two {
    }

    @media only screen and (max-width: 56.25rem) {
        .w65-banner__first__two {
            width: 100%;
            margin-left: 0;
            margin-bottom: 1rem;
        }
    }
}

.w65-banner__first__two__items {
    width: 100%;
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w65-banner__first__two__items {
        width: 100%;
    }
}

.w65-banner__first__two__items__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: max-content;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w65-banner__first__two__items__mains {
        width: 100%;
    }
}

.w65-banner__first__two__items__mains .swiper-pagination-bullet {
    background-color: white;
}

.w65-banner__first__two__items__mains .swiper-pagination-bullet-active {
    background-color: white;
}

.w65-banner__first__two__items__mains__main__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w65-banner__first__two__items__mains__main__item__imgbox__img {
    width: 100%;
}

.w65-banner__first__two__items__mains .swiper-button-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    transition: all .5s;
    z-index: 0;
}

.w65-banner__first__two__items__sub {
    height: max-content;
    overflow: hidden;
}

    .w65-banner__first__two__items__sub .swiper-slide {
        width: 25%;
        cursor: pointer;
        position: relative;
        justify-content: center;
        height: 100%;
        display: flex
    }

    .w65-banner__first__two__items__sub .swiper-slide-thumb-active {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff !important;
    }

.swiper-slide-thumb-active .w65-banner__first__two__items__sub__items__item__text {
    color: #fff !important;
}

.w65-banner__first__two__items__sub__items {
    z-index: 0;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5rem) {
    .w65-banner__first__two__items__sub__items {
    }
}

.w65-banner__first__two__items__sub__items__item__text {
    text-align: center;
    line-height: 2.4rem;
    font-size: 1.4rem;
    display: block;
    text-align: center;
    align-items: center;
    padding: .5rem 4%;
    display: flex;
    width: 92%;
    justify-content: center;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w65-banner__first__two__items__sub__items__item__text {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w65-banner__first__two__items__sub__items__item__text {
        font-size: 1rem;
        line-height: 1.8rem;
    }
}

.w65-banner__first__two__items__mains__next.swiper-button-next,
.w65-banner__first__two__items__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    background-color: transparent;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    top: initial;
}

.w65-banner__first__two__items__mains__next.swiper-button-next {
    right: 1rem;
}

.w65-banner__first__two__items__mains__next.swiper-button-prev {
    left: 1rem;
}

.w65-banner__first__two__items__mains__next:hover,
.w65-banner__first__two__items__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w65-banner__first__two__items__mains__next:after,
.w65-banner__first__two__items__mains__prev:after {
    display: none;
}
.w65-banner__third {
    width: 21%;
    margin-left: 1%;
}

@media only screen and (max-width: 75rem) {
    .w65-banner__third {
        margin-top: 1rem;
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}

.w65-banner__third__item {
    display: block;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 75rem) {
    .w65-banner__third__item:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w65-banner__third__item {
        margin-left: 1rem;
        width: 100%;
    }

        .w65-banner__third__item:first-child {
            margin-left: 0;
        }
}

.w65-banner__third__item__link {
    display: block;
}

.w65-banner__third__item__link__imgbox {
    width: 100%;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    border-radius: .3rem;
}

.w65-banner__third__item__link__imgbox__img {
    width: 100%;
}

.w46-banner__container__items__mains__main__pagination {
    z-index: 1;
}
/*ed*/
/*w65-ads-1*/
.w65-ads-1 {
    width: 100%;
    padding: 2rem 1rem 0rem;
    background-color: #fff;
    overflow: hidden;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w65-ads-1 {
        padding: 1rem 1rem 0rem;
    }
}

.w65-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w65-ads-1__items {
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}

.w65-ads-1__items__item {
    width: 100%;
}

    .w65-ads-1__items__item.swiper-slide-active {
    }

    .w65-ads-1__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w65-ads-1__items__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w65-ads-1__items__mains__main {
    margin-left: 2%;
    width: 8.2%;
    background-color: #fff;
    margin-bottom: 1rem;
}

@media only screen and (min-width:75rem) {
    .w65-ads-1__items__mains__main:nth-child(10n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w65-ads-1__items__mains__main {
        width: 18.4%;
    }

        .w65-ads-1__items__mains__main:nth-child(5n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w65-ads-1__items__mains__main {
    }
}

.w65-ads-1__items__mains__main__first {
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

.w65-ads-1__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .25s;
    width: 100%;
    cursor: pointer;
}

.w65-ads-1__items__mains__main:hover
.w65-ads-1__items__mains__main__first__imgbox {
    transform: skew(5deg) scale(.9);
}

.w65-ads-1__items__mains__main__first__imgbox__img {
    width: 100%;
}

.w65-ads-1__items__mains__main__name {
    margin-top: .5rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.5rem;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all .25s;
}

    .w65-ads-1__items__mains__main__name:hover {
        color: rgba(var(--main-color-w),1)
    }

@media only screen and (max-width:50rem) {
    .w65-ads-1__items__mains__main__name {
        font-size: 1.3rem;
        line-height: 2.3rem;
    }
}
/*ed*/
/*w65-product-1*/
.w65-product-1 {
    width: 100%;
    background-color: #fff;
    padding: 3rem 1rem 0;
    position: relative;
    z-index: 0;
}

.w65-product-1__group {
    margin: 0 auto;
    max-width: 120rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 1rem;
    padding: 1.5rem;
}

.w65-product-1__heading {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    border-radius: 0.5rem;
    margin-bottom: 1rem;
    color: #fff;
}

@media only screen and (max-width: 43.25rem) {
    .w65-product-1__heading {
        margin-bottom: 0rem;
    }
}

.w65-product-1__heading__first {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 65%;
}

@media only screen and (max-width: 43.25rem) {
    .w65-product-1__heading__first {
        width: 100%;
    }
}

.w65-product-1__heading__first__mains {
    overflow: hidden;
    width: 100%;
}

.w65-product-1__heading__first__mains__items {
    display: flex;
    align-items: flex-start;
    width: max-content;
    margin-top: 1rem;
    -webkit-animation: key-w65-product-1__heading__first__mains__items 90s infinite;
    animation: key-w65-product-1__heading__first__mains__items 90s infinite;
}

@-webkit-keyframes key-w65-product-1__heading__first__mains__items {
    0% {
        transform: translateX(0);
    }

    50% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.w65-product-1__heading__first__mains:hover .w65-product-1__heading__first__mains__items {
    animation-play-state: paused;
}

.w65-product-1__heading__first__mains__items__item {
    margin-left: 2rem;
}

    .w65-product-1__heading__first__mains__items__item:first-child {
        margin-left: 0;
    }

.w65-product-1__heading__first__mains__items__item__text {
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w65-product-1__heading__first__mains__items__item__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w65-product-1__heading__first__icon {
    font-size: 2rem;
}

@media only screen and (max-width: 31.25rem) {
    .w65-product-1__heading__nd {
        width: 80%;
    }
}

.w65-product-1__heading__first__text {
    font-weight: 500;
    font-size: 1.8rem;
    line-height: 1.6rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w65-product-1__heading__first__imgbox {
    margin-left: 1rem;
    background-size: contain;
    background-position: center;
    max-height: 4rem;
}

.w65-product-1__heading__time {
    display: flex;
    align-items: center;
    margin-left: auto;
}

@media only screen and (max-width: 43.25rem) {
    .w65-product-1__heading__time {
        justify-content: center;
        margin: 1rem 0 0;
        width: 100%;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w65-product-1__heading__time {
        margin-top: 1rem;
    }
}

.w65-product-1__heading__time__list {
    display: flex;
    margin-left: 1rem;
    align-items: center;
}

.w65-product-1__heading__time__list__text {
    border-radius: 0.3rem;
    margin-right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    flex-wrap: wrap;
    text-align: center;
    padding: .25rem;
}

.w65-product-1__heading__time__list__text__date {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
}

.w65-product-1__heading__time__list__text__name {
    width: 100%;
    font-size: 1.2rem;
}

.w65-product-1__heading__time__vl {
    font-size: 1.2rem;
    margin-right: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w65-product-1__heading__time__vl {
        display: none;
    }

    @media only screen and (max-width: 43.25rem) {
        .w65-product-1__heading__time__vl {
            display: block;
            text-align: center;
            width: 100%;
            margin: 0 0 1rem 0;
            font-size: 1.4rem;
            font-weight: 600;
        }
    }
}

.w65-product-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w65-product-1__items__item {
    width: 23.875%;
    margin-left: 1.5%;
    cursor: pointer;
    background-color: white;
    border-radius: 0.3rem;
    margin-top: 2rem;
    padding: 1rem 1rem 4rem 1rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
    position: relative;
}

@media only screen and (min-width: 62.5rem) {
    .w65-product-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w65-product-1__items__item {
        width: 32.3333333%;
    }

    @media only screen and (min-width: 50rem) {
        .w65-product-1__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width: 50rem) {
    .w65-product-1__items__item {
        width: 49%;
        margin-left: 2%;
    }

    @media only screen and (min-width: 31.25rem) {
        .w65-product-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width: 31.25rem) {
    .w65-product-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w65-product-1__items__item__hinhanh {
    position: relative;
    z-index: 0;
}

.w65-product-1__items__item__hinhanh__sale {
    position: absolute;
    top: 0rem;
    left: -.3rem;
    width: 12rem;
    height: 3.5rem;
    z-index: 2;
    background-image: url(../../img/w65/bg_sale.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.w65-product-1__items__item__hinhanh__sale__text {
    font-size: 1.2rem;
    color: #fff;
    margin-top: .6rem;
    margin-left: 1rem;
}

.w65-product-1__items__item__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}


.w65-product-1__items__item__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.3s all ease-in-out;
    position: relative;
    width: 100%;
}

    .w65-product-1__items__item__hinhanh__top__imgbox:nth-child(2) {
        position: absolute;
        transform: scale(.25);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

.w65-product-1__items__item__hinhanh:hover
.w65-product-1__items__item__hinhanh__top__imgbox:nth-child(2) {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: scale(1);
}

.w65-product-1__items__item__hinhanh:hover
.w65-product-1__items__item__hinhanh__top__imgbox:nth-child(1) {
    transform: scale(.25);
    opacity: 0;
}

.w65-product-1__items__item__text {
    display: block;
    font-size: 1.4rem;
    text-align: center;
    line-height: 2.4rem;
    transition: all 0.5s ease;
    font-weight: 600;
    margin-top: 1rem;
    color: rgba(var(--main-color-w),1);
}

.w65-product-1__items__item:hover .w65-product-1__items__item__text {
    color: rgba(var(--second-color-w),1);
}

.w65-product-1__items__item__status {
    margin-top: 2rem;
}

.w65-product-1__items__item__thuoctinh {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w65-product-1__items__item__thuoctinh__item {
    margin-top: 1.5rem;
    margin-right: 1rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    background-color: #f1f1f1;
    color: #333;
}

.w65-product-1__items__item__flash {
    overflow: hidden;
    margin-top: 9px;
    padding-top: 6px;
    width: 0;
    height: 0;
    overflow: hidden;
}

.w65-product-1__items__item__flash__sale {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.w65-product-1__items__item__flash__sale__icon {
    background-image: url(../../img/w65/flash-sale.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 0rem;
    margin-top: -6px;
}

.w65-product-1__items__item__flash__sale__bg {
    position: absolute;
    width: 100%;
    border-radius: 3rem;
    background: #ddd;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.w65-product-1__items__item__flash__sale__bg__bar {
    position: absolute;
    width: 70%;
    background: linear-gradient(90deg,#ffecb3 0%,#ffb200 100%);
    left: 0;
    top: 0;
    height: 100%;
}

.w65-product-1__items__item__flash__sale__name {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    padding: 5px 20px;
}

.w65-product-1__items__item__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1rem;
    width: 100%;
}

@media only screen and (max-width: 31.25rem) {
    .w65-product-1__items__item__pricing {
        flex-wrap: wrap;
    }
}

.w65-product-1__items__item__pricing__main {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w65-product-1__items__item__pricing__main__vl {
    font-size: 1.4rem;
    color: #9f9f9f;
    margin-right: 1rem;
    text-decoration: line-through;
    margin-left: 1rem;
}
.w65-product-1__items__item__pricing__main__phantram {
    padding: .25rem 1rem;
    border-radius: 1rem;
    font-size: 1.3rem;
    background-color: #f1f1f1;
}
.w65-product-1__items__item__pricing__main__count {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
}

.w65-product-1__items__item__bar {
    background-color: rgba(var(--second-color-w),1);
    width: max-content;
    display: flex;
    border-radius: 2rem;
    margin-top: 1.5rem;
    padding: .35rem 1.5rem;
    align-items: center;
    margin: auto;
    position: absolute;
    bottom: -1.6rem;
}

.w65-product-1__items__item__bar__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
}

.w65-product-1__items__item__bar__text {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 2;
    position: relative;
    transition: all .5s;
    margin-left: 1rem;
    color: #fff;
}

.w65-product-1__items__item__bar:hover .w65-product-1__items__item__bar__text {
    letter-spacing: .1rem;
}
/*ed*/


/*w65-product-2*/
.w65-product-2 {
    width: 100%;
    background-color: #fff;
    color: #3f3f3f;
    padding: 3rem 1rem 1rem;
}

.w65-product-2__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w65-product-2__heading {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.w65-product-2__heading__first {
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    position: relative;
    overflow: hidden;
    transition: all .25s;
    margin-top: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w65-product-2__heading__first {
        width: 100%;
    }
}

.w65-product-2__heading__first__imgbox {
    display: flex;
    width: 3.5rem;
    height: 3.5rem;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    background-size: contain;
    background-position: center;
}

.w65-product-2__heading__first__name {
    font-size: 2rem;
    transition: all .25s;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w65-product-2__heading__items {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 62.5rem) {
    .w65-product-2__heading__items {
        margin-left: 0;
    }
}

.w65-product-2__heading__items__item {
    margin-left: 1rem;
    width: max-content;
    margin-top: 1rem;
}

.w65-product-2__heading__items__item__text {
    font-size: 1.4rem;
    border: solid #f1f1f1 .1rem;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    transition: all .25s;
    cursor: pointer;
    display: block;
}

    .w65-product-2__heading__items__item__text:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w65-product-2__heading__items__last {
    margin-left: 1rem;
    width: max-content;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    transition: all .25s;
    cursor: pointer;
}

    .w65-product-2__heading__items__last:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w65-product-2__heading__items__last__icon {
    margin-left: .5rem;
    font-size: 1.4rem;
    color: #fff;
}

.w65-product-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    z-index: 0;
}

.w65-product-2__mains__items {
    display: flex;
    width: 100%;
    height: max-content !important;
}

.w65-product-2__mains__items__item {
    width: calc(24.25% - 3rem);
    margin-right: calc(1% + .5rem);
    cursor: pointer;
    background-color: white;
    border-radius: 0.3rem;
    margin-top: 1.5rem;
    padding: 1rem 1rem 4rem 1rem;
    margin-left: .5rem;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

@media only screen and (min-width: 62.5rem) {
}

@media only screen and (max-width: 62.5rem) {
    .w65-product-2__mains__items__item {
        width: calc(32.66666% - 3rem);
    }

    @media only screen and (max-width: 50rem) {
        .w65-product-2__mains__items__item {
            width: calc(49% - 3rem);
        }

        @media only screen and (max-width: 37.5rem) {
            .w65-product-2__mains__items__item {
                width: calc(100% - 3rem);
            }
        }
    }
}


.w65-product-2__mains__items__item__hinhanh {
    position: relative;
    z-index: 0;
}

.w65-product-2__mains__items__item__hinhanh__sale {
    position: absolute;
    top: 0rem;
    left: -.3rem;
    width: 12rem;
    height: 3.5rem;
    z-index: 2;
    background-image: url(../../img/w65/bg_sale.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.w65-product-2__mains__items__item__hinhanh__sale__text {
    font-size: 1.2rem;
    color: #fff;
    margin-top: .6rem;
    margin-left: 1rem;
}

.w65-product-2__mains__items__item__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}


.w65-product-2__mains__items__item__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.3s all ease-in-out;
    position: relative;
    width: 100%;
}

    .w65-product-2__mains__items__item__hinhanh__top__imgbox:nth-child(2) {
        position: absolute;
        transform: scale(.25);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

.w65-product-2__mains__items__item__hinhanh:hover
.w65-product-2__mains__items__item__hinhanh__top__imgbox:nth-child(2) {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: scale(1);
}

.w65-product-2__mains__items__item__hinhanh:hover
.w65-product-2__mains__items__item__hinhanh__top__imgbox:nth-child(1) {
    transform: scale(.25);
    opacity: 0;
}

.w65-product-2__mains__items__item__text {
    display: block;
    font-size: 1.4rem;
    text-align: left;
    line-height: 2.4rem;
    width: fit-content;
    transition: all 0.5s ease;
    font-weight: 600;
    margin-top: 1rem;
    width: 100%;
    height: max-content;
}

.w65-product-2__mains__items__item:hover .w65-product-2__mains__items__item__text {
    color: rgba(var(--second-color-w),1);
}
.w65-product-2__mains__items__item__km {
    font-size: 1.4rem;
    line-height: 2.2rem;
    overflow: hidden;
    margin-top: 1rem;
    width:0;
    height:0;
}

.w65-product-2__mains__items__item__km__icon {
    margin-right: .25rem;
    display: inline;
}

.w65-product-2__mains__items__item__km__text {
    display: inline;
}
.w65-product-2__mains__items__item__thuoctinh {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
    margin-bottom: .5rem;
    height: max-content;
}

.w65-product-2__mains__items__item__thuoctinh__item {
    margin-top: 1.5rem;
    margin-right: 1rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    background-color: #f1f1f1;
}

.w65-product-2__mains__items__item__flash {
    overflow: hidden;
    margin-top: 9px;
    padding-top: 6px;
    width: 0;
    height: 0;
    overflow: hidden;
}

.w65-product-2__mains__items__item__flash__sale {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.w65-product-2__mains__items__item__flash__sale__icon {
    background-image: url(../../img/w65/flash-sale.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    width: 25px;
    height: 30px;
    position: absolute;
    left: 0rem;
    margin-top: -6px;
}

.w65-product-2__mains__items__item__flash__sale__bg {
    position: absolute;
    width: 100%;
    border-radius: 3rem;
    background: #ddd;
    left: 0;
    top: 0;
    height: 100%;
    overflow: hidden;
}

.w65-product-2__mains__items__item__flash__sale__bg__bar {
    position: absolute;
    width: 70%;
    background: linear-gradient(90deg,#ffecb3 0%,#ffb200 100%);
    left: 0;
    top: 0;
    height: 100%;
}

.w65-product-2__mains__items__item__flash__sale__name {
    position: relative;
    font-size: 1.4rem;
    line-height: 1.4rem;
    text-align: center;
    padding: 5px 20px;
}

.w65-product-2__mains__items__item__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: 1rem;
    justify-content: flex-start;
    width: 100%;
    height: max-content;
}

@media only screen and (max-width: 37.5rem) {
    .w65-product-2__mains__items__item__pricing {
        flex-wrap: wrap;
    }
}

.w65-product-2__mains__items__item__pricing__main {
    width: 100%;
    display: flex;
    align-items: center;
}

.w65-product-2__mains__items__item__pricing__main__vl {
    font-size: 1.4rem;
    color: #7d7d7d;
    margin-right: 0.5rem;
    text-decoration: line-through;
    margin-left: 1rem;
}
.w65-product-2__mains__items__item__pricing__main__phantram {
    margin-left: auto;
    padding: .25rem 1rem;
    border-radius: 1rem;
    font-size: 1.3rem;
    background-color: #f1f1f1;
}
.w65-product-2__mains__items__item__pricing__main__count {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
}

.w65-product-2__mains__items__item__bar {
    background-color: rgba(var(--second-color-w),1);
    width: max-content;
    position: relative;
    display: flex;
    border-radius: 2rem;
    margin-top: 1.5rem;
    padding: .35rem 1.5rem;
    align-items: center;
    position: absolute;
    bottom: -1.6rem;
}

.w65-product-2__mains__items__item__bar__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
}

.w65-product-2__mains__items__item__bar__text {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 2;
    position: relative;
    margin-left: 1rem;
    transition: all .5s;
    color: #fff;
}

.w65-product-2__mains__items__item__bar:hover .w65-product-2__mains__items__item__bar__text {
    letter-spacing: .1rem;
}

.w65-product-2__mains__next.swiper-button-next,
.w65-product-2__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
}

.w65-product-2__mains__next:hover,
.w65-product-2__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w65-product-2__mains__next:after,
.w65-product-2__mains__prev:after {
    display: none;
}
/*ed*/


/*w65-partner*/
.w65-partner {
    width: 100%;
    padding: 3rem 1rem 1.5rem;
    background-color: #fff;
}

.w65-partner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w65-partner__heading {
    width: 100%;
}

.w65-partner__heading__name {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    padding: 0rem 0;
    position: relative;
    display: block;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w65-partner__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w65-partner__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w65-partner__heading__name {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w65-partner__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 3rem;
}

.w65-partner__mains__items {
    align-items: center;
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: center;
}

.w65-partner__mains__items__item {
    width: 13%;
    margin-left: 1.5%;
    height: max-content;
    margin-top: .5rem;
    margin-bottom: .5rem;
    overflow: hidden;
    display: flex;
    align-items: center;
}

@media only screen and (min-width:62.5rem) {
    .w65-partner__mains__items__item:nth-child(7n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w65-partner__mains__items__item {
        width: 18.8%;
    }

    @media only screen and (min-width:50rem) {
        .w65-partner__mains__items__item:nth-child(5n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w65-partner__mains__items__item {
            width: 23.875%;
        }

        @media only screen and (min-width:37.5rem) {
            .w65-partner__mains__items__item:nth-child(4n+1) {
                margin-left: 0;
            }
        }

        @media only screen and (max-width:37.5rem) {
            .w65-partner__mains__items__item {
                width: 32%;
                margin-left: 2%;
            }

                .w65-partner__mains__items__item:nth-child(3n+1) {
                    margin-left: 0;
                }
        }
    }
}

.w65-partner__mains__items__item__content {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    background-color: #fff;
    display: flex;
    justify-content: center;
    overflow:hidden;
}

.w65-partner__mains__items__item__content__imgbox {
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

    .w65-partner__mains__items__item__content__imgbox:hover {
        transform: scale(1.05);
    }

.w13-ctaregister-4__items__imgbox__bg1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    left: 10%;
    z-index: 2;
    animation-name: key-w13-ctaregister-4__items__imgbox__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
    border-radius: .3rem
}

@-webkit-keyframes key-w13-ctaregister-4__items__imgbox__bg1 {
    0% {
        height: 0;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w13-ctaregister-4__items__imgbox__bg2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    top: 10%;
    z-index: 2;
    animation-name: key-w13-ctaregister-4__items__imgbox__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w13-ctaregister-4__items__imgbox__bg2 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w13-ctaregister-4__items__imgbox__bg3 {
    position: absolute;
    height: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    right: 10%;
    top: 0;
    z-index: 2;
    animation-name: key-w13-ctaregister-4__items__imgbox__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w13-ctaregister-4__items__imgbox__bg3 {
    0% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w13-ctaregister-4__items__imgbox__bg4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(255,255,255,.5);
    top: 90%;
    right: 0;
    z-index: 2;
    animation-name: key-w13-ctaregister-4__items__imgbox__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w13-ctaregister-4__items__imgbox__bg4 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,0.5);
    }
}

@media only screen and (max-width:62.5rem) {
    .w65-partner__group {
        flex-wrap: wrap;
    }

    .w65-partner__first,
    .w65-partner__mains {
        width: 100%;
        margin-left: 0;
    }

    .w65-partner__mains {
        margin-top: 2rem;
    }
}
/*ed*/

/*w65-footer*/
.w65-footer {
    width: 100%;
    padding: 5rem 1rem 3rem;
    background-color: rgba(var(--main-color-w),.9);
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w65-footer {
        padding: 3rem 1rem 3rem;
    }
}

@media only screen and (max-width:50rem) {
    .w65-footer {
        overflow: hidden;
    }
}

@media only screen and (max-width:31.25rem) {
    .w65-footer {
        padding: 1rem 1rem 2rem;
    }
}

.w65-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w65-footer__items {
    display: flex;
    flex-wrap: wrap;
}

.w65-footer__items__first {
    width: 29.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w65-footer__items__first:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w65-footer__items__first {
        width: 49%;
    }

        .w65-footer__items__first:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__first {
        width: 100%;
        margin-left: 0;
    }
}

.w65-footer__items__first__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    transition: all .5s;
    cursor: pointer;
    position: relative;
}

    .w65-footer__items__first__name:hover {
        letter-spacing: .1rem;
    }

.w65-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__first__adv {
        justify-content: center;
    }
}

.w65-footer__items__first__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w65-footer__items__first__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__first__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w65-footer__items__first__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
    display: flex;
    justify-content: center;
}

    .w65-footer__items__first__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w65-footer__items__first__logo {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 1rem;
}

.w65-footer__items__first__logo__imgbox {
    background-size: contain;
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__first__logo__imgbox {
        max-width: 60%;
    }
}

.w65-footer__items__first__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 3rem;
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__first__name {
        text-align: center;
    }
}

.w65-footer__items__first__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w65-footer__items__first__childs {
    margin-top: 1rem;
}

.w65-footer__items__first__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    color: #fff
}

.w65-footer__items__first__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w65-footer__items__first__childs__child__icon:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w65-footer__items__first__childs__child__icon {
    font-size: 1.6rem;
    margin-right: .5rem;
}

.w65-footer__items__first__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__first__childs__child__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__first__des {
        text-align: center;
    }
}

.w65-footer__items__item {
    width: 17.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w65-footer__items__item:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w65-footer__items__item {
        width: 49%;
    }

        .w65-footer__items__item:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 0rem;
        padding: 1rem 0;
    }
}

.w65-footer__items__item__check {
    display: none;
}

.w65-footer__items__item__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.w65-footer__items__item__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w65-footer__items__item__name__text:hover {
        letter-spacing: .1rem;
    }

.w65-footer__items__item__childs {
    margin-top: 1rem;
}

@media only screen and (max-width:31.25rem) {
}

.w65-footer__items__item__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w65-footer__items__item__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w65-footer__items__item__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w65-footer__items__item__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__item__childs__child__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w65-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__item__adv {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
        margin-left: 3rem;
    }

    .w65-footer__items__item__check:checked ~
    .w65-footer__items__item__adv {
        max-height: max-content;
    }
}

.w65-footer__items__item__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w65-footer__items__item__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__item__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w65-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w65-footer__items__item__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__item__ma {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
        margin-left: 3rem;
        padding-top: 0;
    }

    .w65-footer__items__item__check:checked ~
    .w65-footer__items__item__ma {
        max-height: max-content;
        padding-top: 2rem;
    }
}

.w65-footer__items__item__ma iframe {
    margin: 0;
    padding: 0;
    border: none;
    overflow: hidden;
}


.w65-footer__items__last {
    width: 29.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w65-footer__items__last:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w65-footer__items__last {
        width: 49%;
    }

        .w65-footer__items__last:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__last {
        width: 100%;
        margin-left: 0;
        padding: 1rem 0;
        margin-bottom: 0;
    }
}

.w65-footer__items__last__check {
    display: none;
}

.w65-footer__items__last__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    display: flex;
    width: 100%;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: flex-start;
}

.w65-footer__items__last__name__text {
    display: block;
    padding-right: 3rem;
    transition: all .5s;
}

    .w65-footer__items__last__name__text:hover {
        letter-spacing: .1rem;
    }

.w65-footer__items__last__childs__child {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w65-footer__items__last__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w65-footer__items__last__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w65-footer__items__last__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__last__childs__child__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w65-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w65-footer__items__last__adv {
        overflow: hidden;
        max-height: 0;
        margin-left: 3rem;
    }

    .w65-footer__items__last__check:checked ~
    .w65-footer__items__last__adv {
        max-height: max-content;
    }
}

.w65-footer__items__last__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w65-footer__items__last__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__last__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w65-footer__items__last__social {
    display: flex;
    margin-top: 2rem;
}
.w65-footer__items__last__social__item {
    width: 3rem;
    height: 3rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: rgba(var(--main-color-w,1));
    margin-right: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__last__social__item:hover {
        background: rgba(var(--second-color-w,1));
        color: #fff;
    }

.w65-footer__items__last__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}


    .w65-footer__items__last__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
        width: 100%;
    }

.w65-footer__items__last__childs {
    margin-top: 1rem;
}

@media only screen and (max-width:31.25rem) {
}

.w65-footer__items__last__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w65-footer__items__last__childs__child__icon {
    font-size: 1.4rem;
    transition: all .5s;
}

    .w65-footer__items__last__childs__child__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w65-footer__items__last__childs__child__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w65-footer__items__last__childs__child__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w65-footer__items__last__hotro {
    width: 100%;
    display: flex;
    align-items: center
}

.w65-footer__items__last__hotro__name {
    font-size: 1.6rem;
    line-height: 2.4rem;
    font-weight: 600;
}

.w65-footer__items__last__hotro__items {
    display: flex;
    align-items: center;
}

.w65-footer__items__last__hotro__items__item {
    margin-left: 1rem;
}

.w65-footer__items__last__hotro__items__item__link {
    display: block;
}

.w65-footer__items__last__hotro__items__item__link__imgbox {
    background-size: contain;
    background-position: center;
}

.w65-footer__items__last__payname {
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-top: 1rem;
}

.w65-footer__items__last__pays {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w65-footer__items__last__pays__item {
    width: 17.6%;
    margin-left: 3%;
    margin-top: 1rem;
}

    .w65-footer__items__last__pays__item:nth-child(5n+1) {
        margin-left: 0;
    }

.w65-footer__items__last__pays__item__imgbox {
    background-size: contain;
    background-position: center;
}

/*ed*/
/*w65-productlist*/
.w65-productlist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
    color: #3f3f3f;
}

.w65-productlist__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}
.w65-productlist__dt {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
}
.w65-productlist__first {
    position: relative;
    width: 25%;
    margin-left: auto;
    z-index: 0;
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__first {
        width: 100%;
        margin-top: 1rem;
    }
}

.w65-productlist__first__box {
}

@media only screen and (max-width:81.25rem) {
}
.w65-productlist__first__container {
    position: sticky;
    top: 1rem;
}
.w65-productlist__first__box__main {
    margin-top: 1.5rem;
    overflow: hidden;
    margin-bottom: 1rem;
    border: solid .1rem #f1f1f1;
    background-color: #fff;
    overflow: hidden;
    border-radius: .3rem;
}

    .w65-productlist__first__box__main:first-child {
        margin-top: 0;
    }

@-webkit-keyframes key-w59-productlist__second {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w65-productlist__first {
    -webkit-animation: key-w59-productlist__second 1s;
    animation: key-w59-productlist__second 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__first {
        grid-column-start: 1;
        grid-column-end: 5;
    }
}

@media only screen and (max-width:31.25rem) {
    .w65-productlist__first {
        grid-column-start: 1;
        grid-column-end: 1;
    }
}

.w65-productlist__first__box__main__items {
    list-style-type: none;
    background-color: #fff;
    width: 92%;
    margin: 0 auto;
    transition: all .5s;
    display: none;
}

.w65-productlist__first__box__main__check:checked ~
.w65-productlist__first__box__main__items {
    display: block;
}

.w65-productlist__first__box__main__items::-webkit-scrollbar {
    width: .4rem;
}

.w65-productlist__first__box__main__items::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w65-productlist__first__box__main__items::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w65-productlist__first__box__main__items::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w65-productlist__first__box__main__items__item {
}

.w65-productlist__first__box__main__items__item__main {
    display: flex;
    align-items: center;
    padding: 0 0 0 0rem;
    position: relative;
}

.w65-productlist__first__box__main__items__item:first-child
.w65-productlist__first__box__main__items__item__main {
}

.w65-productlist__first__box__main__items__item__check {
    display: none;
}

.w65-productlist__first__box__main__items__item__main__icon1 {
    font-size: 1.4rem;
    font-weight: 600;
    position: absolute;
    left: 1rem;
    display: none;
}

.w65-productlist__first__box__main__items__item__main:hover .w65-productlist__first__box__main__items__item__main__icon1 {
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__main__items__item__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: .75rem 0rem .75rem 0rem;
}

    .w65-productlist__first__box__main__items__item__main__name:hover {
        transform: translateX(2rem);
    }

@media only screen and (max-width:62.5rem) {
    .w65-productlist__first__box__main__items__item__main__name {
    }
}

.w65-productlist__first__box__main__items__item__main:hover .w65-productlist__first__box__main__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__main__items__item__main__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 0;
    cursor: pointer;
}

.w65-productlist__first__box__main__items__item__main__icon2__value {
    transition: all .5s;
}

.w65-productlist__first__box__main__items__item__check:checked ~
.w65-productlist__first__box__main__items__item__main
.w65-productlist__first__box__main__items__item__main__icon2
.w65-productlist__first__box__main__items__item__main__icon2__value:before {
    content: "\f106" !important;
}

@media only screen and (max-width:62.5rem) {
    .w65-productlist__first__box__main__items__item__main__icon2 {
    }

    .w65-productlist__first__box__main__items__item__check:checked ~
    .w65-productlist__first__box__main__items__item__main
    .w65-productlist__first__box__main__items__item__main__icon2 {
    }

        .w65-productlist__first__box__main__items__item__check:checked ~
        .w65-productlist__first__box__main__items__item__main
        .w65-productlist__first__box__main__items__item__main__icon2
        .w65-productlist__first__box__main__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

.w65-productlist__first__box__main__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
}

@media only screen and (min-width:81.25rem) {
    .w65-productlist__first__box__main__items__item__childs {
    }
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__first__box__main__items__item__childs {
        
    }
}

.w65-productlist__first__box__main__items__item__check:checked ~ .w65-productlist__first__box__main__items__item__childs {
    max-height: 900vh;
}

.w65-productlist__first__box__main__items__item__childs__item {
}

    .w65-productlist__first__box__main__items__item__childs__item:first-child {
        border-bottom: none;
    }

.w65-productlist__first__box__main__items__item__childs__item__check {
    display: none;
}

.w65-productlist__first__box__main__items__item__childs__item__main {
    display: flex;
    align-items: center;
    padding: 0rem 0rem 0rem;
    position: relative;
}

.w65-productlist__first__box__main__items__item__childs__item__main__name {
    font-size: 1.5rem;
    padding: .75rem 0rem .75rem 0rem;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    width: 100%;
    display: block;
    cursor: pointer;
}

    .w65-productlist__first__box__main__items__item__childs__item__main__name:hover {
        transform: translateX(2rem);
    }

.w65-productlist__first__box__main__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    padding: 0rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    position: absolute;
    height: 100%;
    right: 0;
}

.w65-productlist__first__box__main__items__item__childs__item:hover .w65-productlist__first__box__main__items__item__childs__item__main__name,
.w65-productlist__first__box__main__items__item__childs__item:hover .w65-productlist__first__box__main__items__item__childs__item__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:81.25rem) {
}

.w65-productlist__first__box__main__items__item__childs__item__check:checked ~
.w65-productlist__first__box__main__items__item__childs__item__main
.w65-productlist__first__box__main__items__item__childs__item__main__icon
.w65-productlist__first__box__main__items__item__childs__item__main__icon__value:before {
    content: "\f106" !important;
}

.w65-productlist__first__box__main__items__item__childs__item__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0
}

@media only screen and (min-width:81.25rem) {
    .w65-productlist__first__box__main__items__item__childs__item__grands {
    }
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__first__box__main__items__item__childs__item__grands {
        
    }
}

.w65-productlist__first__box__main__items__item__childs__item__check:checked ~ .w65-productlist__first__box__main__items__item__childs__item__grands {
    max-height: 900vh;
}

.w65-productlist__first__box__main__items__item__childs__item__grands__item {
}

.w65-productlist__first__box__main__items__item__childs__item__grands__item__main {
    padding: 0;
    display: flex;
}

.w65-productlist__first__box__main__items__item__childs__item__grands__item__main__name {
    font-size: 1.5rem;
    padding: .75rem 1rem .75rem 2rem;
    transition: all .5s;
    cursor: pointer;
}

    .w65-productlist__first__box__main__items__item__childs__item__grands__item__main__name:hover {
        transform: translateX(2rem);
    }

.w65-productlist__first__box__main__items__item__childs__item__grands__item:hover .w65-productlist__first__box__main__items__item__childs__item__grands__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__main__check {
    display: none;
}

.w65-productlist__first__box__main__name {
    font-weight: 600;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w65-productlist__first__box__main__name__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
    margin-left: auto;
    cursor: pointer;
    transition: all .25s;
}

.w65-productlist__first__box__main__check:checked ~
.w65-productlist__first__box__main__name
.w65-productlist__first__box__main__name__icon {
    transform: rotate(180deg);
}

.w65-productlist__first__box__main__name__text {
    font-size: 1.6rem;
}

.w65-productlist__first__list {
    margin-top: 1rem;
    background-color: #fff;
    border: solid .1rem #f1f1f1;
    overflow: hidden;
    border-radius: .3rem;
}

.w65-productlist__first__list__name {
    font-weight: 600;
    width: 100%;
    background-color: #f1f1f1;
    padding: .75rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    border-radius: .3rem .3rem 0 0;
    border-radius: .3rem;
}

.w65-productlist__first__list__name__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
    margin-left: auto;
    cursor: pointer;
    transition: all .25s;
}

.w65-productlist__first__list__check:checked ~
.w65-productlist__first__list__name
.w65-productlist__first__list__name__icon {
    transform: rotate(180deg);
}

.w65-productlist__first__list__name__text {
    font-size: 1.6rem;
}

.w65-productlist__first__list__check {
    display: none;
}

.w65-productlist__first__list__items {
    display: none;
    flex-wrap: wrap;
    padding: 0 0rem;
    width: 92%;
    margin: 0 auto;
}

.w65-productlist__first__list__check:checked ~
.w65-productlist__first__list__items {
    display: flex;
}

.w65-productlist__first__list__items__item {
    display: flex;
    padding: 1rem 0;
    width: 100%;
    border-bottom: .1rem dotted #f1f1f1;
}

@media only screen and (max-width:62.5rem) {
    .w65-productlist__first__list__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w65-productlist__first__list__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w65-productlist__first__list__items__item {
        width: 100%;
        margin-left: 0;
    }

        .w65-productlist__first__list__items__item:last-child {
            border-bottom: none;
        }
}

@media only screen and (min-width:62.5rem) {
    .w65-productlist__first__list__items__item:last-child {
        border-bottom: none;
    }
}

.w65-productlist__first__list__items__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    width: 32%;
    transition: all 1s;
    border-radius: .3rem;
    cursor: pointer;
}

    .w65-productlist__first__list__items__item__imgbox:hover {
        transform: scale(1.05)
    }

.w65-productlist__first__list__items__item__name {
    width: 62%;
    margin-left: 6%;
}

.w65-productlist__first__list__items__item__name__text {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w65-productlist__first__list__items__item__name__text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition: all .5s;
    }
}

.w65-productlist__first__list__items__item__name__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w65-productlist__first__list__items__item__name__icon {
    display: inline-block;
    font-size: 1.2rem;
    color: #a6a6a6;
}

.w65-productlist__first__list__items__item__name__des {
    display: block;
    font-size: 1.3rem;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w65-productlist__first__box__main__menu {
    margin-top: 3rem;
}

.w65-productlist__first__box__main__menu__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-bottom: solid .1rem #dee2e6;
    padding-bottom: 1rem;
    transition: all .5s;
}

    .w65-productlist__first__box__main__menu__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

    .w65-productlist__first__box__main__menu__item:last-child {
        border-bottom: none;
    }

.w65-productlist__first__box__main__menu__item__icon {
    font-size: 1.6rem;
}

.w65-productlist__first__box__main__menu__item__name {
    font-size: 1.6rem;
}

.w65-productlist__first__box__main__menu__item__number {
    font-size: 1.6rem;
    margin-left: auto;
}

.w65-productlist__first__social {
    margin-top: 1rem;
    background-color: #fff;
    border: solid .1rem #f1f1f1;
    overflow: hidden;
}

.w65-productlist__first__social__name {
    font-weight: 600;
    width: 100%;
    background-color: #f1f1f1;
    padding: .75rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
    border-radius: .3rem;
}

.w65-productlist__first__social__name__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
    margin-left: auto;
    transition: all .25s;
}

.w65-productlist__first__social__check:checked ~
.w65-productlist__first__social__name
.w65-productlist__first__social__name__icon {
    transform: rotate(180deg);
}

.w65-productlist__first__social__name__text {
    font-size: 1.6rem;
}

.w65-productlist__first__social__check {
    display: none;
}

.w65-productlist__first__social__ads {
    display: none;
    flex-wrap: wrap;
    padding: 0;
    width: 92%;
    margin: 0 auto 1rem;
}

.w65-productlist__first__social__check:checked ~
.w65-productlist__first__social__ads {
    display: flex
}

.w65-productlist__first__social__ads__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: .5rem;
    margin-top: 1rem;
    width: 4rem;
    height: 4rem;
    background-color: #f1f1f1;
    font-size: 1.6rem;
    transition: all .25s;
    margin-right: 1.5rem;
    cursor: pointer;
}

    .w65-productlist__first__social__ads__item:last-child {
        margin-right: 0;
    }

    .w65-productlist__first__social__ads__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w65-productlist__first__box__boloc__color {
    margin-top: 1.5rem;
    border: solid .1rem #f1f1f1;
    background-color: #fff;
    border-radius: .3rem;
}

.w65-productlist__first__box__boloc__color__check {
    display: none;
}

.w65-productlist__first__box__boloc__color__heading {
    font-weight: 600;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w65-productlist__first__box__boloc__color__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
    transition: all .5s;
}

.w65-productlist__first__box__boloc__color__heading:hover
.w65-productlist__first__box__boloc__color__heading__name {
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__boloc__color__heading__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
    margin-left: auto;
    cursor: pointer;
    transition: all .25s;
}

.w65-productlist__first__box__boloc__color__check:checked ~
.w65-productlist__first__box__boloc__color__heading
.w65-productlist__first__box__boloc__color__heading__icon:before {
    transform: rotate(180deg);
}

.w65-productlist__first__box__boloc__color__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    display: none;
    width: 92%;
    margin: 0 auto 1.5rem;
}

.w65-productlist__first__box__boloc__color__check:checked ~
.w65-productlist__first__box__boloc__color__items {
    display: flex;
}

.w65-productlist__first__box__boloc__color__items__item {
    width: 47%;
    margin-top: 1.5rem;
    margin-left: 6%;
    display: flex;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 0;
    border: solid .1rem rgba(var(--main-color-w),0);
    border-radius: .3rem;
    padding: 0 .5rem;
}

.w65-productlist__first__box__boloc__color__items__item__check {
    display: none;
}

.w65-productlist__first__box__boloc__color__items__item__icon {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid .1rem #ccc;
    font-size: 1.5rem;
}

.w65-productlist__first__box__boloc__color__items__item__icon__value {
    font-family: "Font Awesome 5 Pro";
}

.w65-productlist__first__box__boloc__color__items__item__check:checked ~
.w65-productlist__first__box__boloc__color__items__item__icon
.w65-productlist__first__box__boloc__color__items__item__icon__value:before {
    content: "\f00c";
}

.w65-productlist__first__box__boloc__color__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w65-productlist__first__box__boloc__color__items__item:hover {
    border: solid .1rem rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__boloc__color__items__item.active {
    border: solid .1rem rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__boloc__color__items__item__imgbox {
    background-size: contain;
    background-position: center;
    margin-left: 1rem;
    max-width: 8rem;
}

.w65-productlist__first__box__boloc__color__items__item__info {
    position: absolute;
    border-radius: .5rem;
    border: solid .1rem #f1f1f1;
    justify-content: center;
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    width: max-content;
    padding: .5rem;
    transition: all .5s;
    top: -5rem;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.w65-productlist__first__box__boloc__color__items__item:hover
.w65-productlist__first__box__boloc__color__items__item__info {
    top: -4rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w65-productlist__first__box__boloc__color__items__item__info__text {
    white-space: nowrap;
    font-size: 1.4rem;
}

.w65-productlist__first__box__boloc__color__items__item__info__icon {
    position: absolute;
    bottom: -1rem;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__boloc__main {
    margin-top: 1rem;
    background-color: #fff;
    border: solid .1rem #f1f1f1;
    overflow: hidden;
    border-radius: .3rem;
}

.w65-productlist__first__box__boloc__main__check {
    display: none;
}

.w65-productlist__first__box__boloc__main__heading {
    font-weight: 600;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w65-productlist__first__box__boloc__main__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w65-productlist__first__box__boloc__main__heading:hover
.w65-productlist__first__box__boloc__main__heading__name {
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__boloc__main__heading__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
    margin-left: auto;
    cursor: pointer;
    transition: all .25s;
}

.w65-productlist__first__box__boloc__main__check:checked ~
.w65-productlist__first__box__boloc__main__heading
.w65-productlist__first__box__boloc__main__heading__icon {
    transform: rotate(180deg);
}

.w65-productlist__first__box__boloc__main__items {
    display: none;
    flex-wrap: wrap;
    width: 92%;
    overflow: hidden;
    margin: 1.5rem auto 0;
}

.w65-productlist__first__box__boloc__main__check:checked ~
.w65-productlist__first__box__boloc__main__items {
    display: flex;
}

.w65-productlist__first__box__boloc__main__items__item {
    width: 48%;
    margin-left: 4%;
    cursor: pointer;
    transition: all .5s;
    margin-bottom: 1.5rem;
    align-items: center;
    display: flex;
    overflow:hidden;
}

    .w65-productlist__first__box__boloc__main__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

    .w65-productlist__first__box__boloc__main__items__item:hover {
    }

    .w65-productlist__first__box__boloc__main__items__item.active {
        font-weight: 600;
    }

.w65-productlist__first__box__boloc__main__items__item__icon {
    width: 1.75rem;
    height: 1.75rem;
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border: solid .1rem #ccc;
    font-size: 1.5rem;
}

.w65-productlist__first__box__boloc__main__items__item__icon__value {
    font-family: "Font Awesome 5 Pro";
}

.w65-productlist__first__box__boloc__main__items__item__check:checked ~
.w65-productlist__first__box__boloc__main__items__item__icon
.w65-productlist__first__box__boloc__main__items__item__icon__value:before {
    content: "\f00c";
}

.w65-productlist__first__box__boloc__main__items__item__name {
    font-size: 1.5rem;
    margin-left: .75rem;
    width: calc(100% - 2.5rem);
}

    .w65-productlist__first__box__boloc__main__items__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (min-width:81.25rem) {
    .w65-productlist__first__box__boloc__main__items__item__name:hover {
    }
}

.w65-productlist__first__box__boloc__main__items__item__check {
    display: none;
}

.w65-productlist__first__box__boloc__color__price {
    margin-top: 1.5rem;
    overflow: hidden;
    border-radius: .3rem;
    margin-bottom: 1rem;
    border: solid .1rem #f1f1f1;
    background-color: #fff;
    overflow: hidden;
    border-radius: .3rem;
}

.w65-productlist__first__box__boloc__color__price__check {
    display: none;
}

.w65-productlist__first__box__boloc__color__price__heading {
    cursor: pointer;
    font-weight: 600;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    text-transform: capitalize;
    display: flex;
    align-items: center;
}

.w65-productlist__first__box__boloc__color__price__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w65-productlist__first__box__boloc__color__price__heading:hover
.w65-productlist__first__box__boloc__color__price__heading__name {
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__boloc__color__price__heading__icon {
    width: 1.8rem;
    height: 1.8rem;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    border-radius: 50%;
    color: #3f3f3f;
    margin-left: auto;
    cursor: pointer;
    transition: all .25s;
}

.w65-productlist__first__box__boloc__color__price__check:checked ~
.w65-productlist__first__box__boloc__color__price__heading
.w65-productlist__first__box__boloc__color__price__heading__icon:before {
    transform: rotate(180deg);
}

.w65-productlist__first__box__boloc__color__price__main {
    display: none;
    width: 92%;
    margin: 0 auto 1.5rem;
}

.w65-productlist__first__box__boloc__color__price__check:checked ~
.w65-productlist__first__box__boloc__color__price__main {
    display: block;
}

.w65-productlist__first__box__boloc__color__price__main__val {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.w65-productlist__first__box__boloc__color__price__main__val__first {
    font-size: 1.6rem;
    font-weight: 600;
    background: rgba(var(--main-color-w), 1);
    padding: .5rem 1rem;
    border: solid #f1f1f1 .1rem;
    border-radius: .5rem;
    text-align: center;
    color: #fff;
}

.w65-productlist__first__box__boloc__color__price__main__val__last {
    font-size: 1.6rem;
    font-weight: 600;
    background: rgba(var(--second-color-w), 1);
    padding: .5rem 1rem;
    border: solid #f1f1f1 .1rem;
    border-radius: .5rem;
    text-align: center;
    color: #fff;
}

.w65-productlist__first__box__boloc__color__price__main__range__input.ui-slider-horizontal {
    height: 1.2rem;
}

.w65-productlist__first__box__boloc__color__price__main__range__input .ui-slider-handle {
    width: 1.5rem;
    height: 1.5rem;
}

.w65-productlist__first__box__boloc__color__price__main__range__input .ui-slider-range {
    background-color: rgba(var(--main-color-w),1);
}

.w65-productlist__first__box__boloc__color__price__main__range__input .ui-state-active {
    background-color: rgba(var(--second-color-w),1);
}

.w65-productlist__first__box__boloc__color__price__main__range__input .ui-state-focus {
    border: none;
    outline: none;
}

.w65-productlist__first__close {
    bottom: 0;
    width: 100%;
    position: fixed;
    display: none;
    z-index: 0;
    visibility: hidden;
    left: -100%;
    z-index: 0;
    transition: all .5s;
}

.w65-productlist__first__close__name {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: flex;
    text-transform: uppercase;
    font-size: 1.6rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    font-weight: 600;
}

.w65-productlist__first__close__name__icon {
    transform: rotate(45deg);
}

.w65-productlist__first__close__name__text {
    margin-left: .5rem;
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__first__close {
        display: block;
    }
}

.w65-productlist__second {
    width: 73%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__second {
        width: 100%;
        margin: 0;
    }
}

.w65-productlist__heading {
    width: 100%;
}

.w65-productlist__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w65-productlist__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w65-productlist__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w65-productlist__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w65-productlist__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w65-productlist__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w65-productlist__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w65-productlist__heading__des b {
        font-weight: 600;
    }

.w65-productlist__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
}

.w65-productlist__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w65-productlist__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w65-productlist__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w65-productlist__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w65-productlist__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w65-productlist__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 8rem;
    overflow: hidden;
}

.w65-productlist__detail__check:checked ~ .w65-productlist__detail__content {
    height: max-content;
}

.w65-productlist__detail__check {
    display: none;
}

.w65-productlist__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w65-productlist__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

    .w65-productlist__detail__bottom__label:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w65-productlist__detail__bottom__label--top {
    display: none;
}

.w65-productlist__detail__bottom__label__text {
    font-size: 1.6rem;
}

.w65-productlist__detail__bottom__label__text--2 {
    display: none;
}

.w65-productlist__detail__check:checked ~
.w65-productlist__detail__bottom
.w65-productlist__detail__bottom__label
.w65-productlist__detail__bottom__label__text--1 {
    display: none;
}

.w65-productlist__detail__check:checked ~
.w65-productlist__detail__bottom
.w65-productlist__detail__bottom__label
.w65-productlist__detail__bottom__label__text--2 {
    display: inline-block;
}

.w65-productlist__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w65-productlist__detail__check:checked ~
.w65-productlist__detail__bottom
.w65-productlist__detail__bottom__label
.w65-productlist__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w65-productlist__thuonghieu {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w65-productlist__thuonghieu__item {
    width: 8%;
    margin-left: 2%;
    margin-top: 1rem;
    border: solid .1rem rgba(var(--main-color-w),0);
    transition: all .5s;
    overflow: hidden;
    border-radius: .3rem;
}

    .w65-productlist__thuonghieu__item.active {
        border: solid .1rem rgba(var(--main-color-w),1);
    }

    .w65-productlist__thuonghieu__item:hover {
        border: solid .1rem rgba(var(--main-color-w),1);
    }

@media only screen and (min-width:65.5rem) {
    .w65-productlist__thuonghieu__item:nth-child(10n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:65.5rem) {
    .w65-productlist__thuonghieu__item {
        width: 10.75%;
    }

    @media only screen and (min-width:50rem) {
        .w65-productlist__thuonghieu__item:nth-child(8n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w65-productlist__thuonghieu__item {
        width: 18.4%;
    }

        .w65-productlist__thuonghieu__item:nth-child(5n+1) {
            margin-left: 0;
        }
}

.w65-productlist__thuonghieu__item__link {
    display: block;
}

.w65-productlist__thuonghieu__item__link__imgbox {
    border-radius: .3rem;
    border: solid .1rem #f1f1f1;
    background-size: contain;
    background-position: center;
    transition: all .25s;
    cursor: pointer;
}

    .w65-productlist__thuonghieu__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w65-productlist__boloc {
    display: flex;
    width: 100%;
    margin-top: 1rem;
    flex-wrap: wrap;
    position: relative;
}

.w65-productlist__boloc__first {
    margin-top: 1rem;
    margin-right: 1.5rem;
}

.w65-productlist__boloc__first__dropwdown {
    border-radius: 0.5rem;
    width: fit-content;
}

@media only screen and (min-width:81.25rem) {
    .w65-productlist__boloc__first__dropwdown {
        margin-left: auto;
    }
}

.w65-productlist__boloc__first__dropwdown__checkbox {
    display: none;
}


.w65-productlist__boloc__first__dropwdown.active .w65-productlist__boloc__first__dropwdown__items {
    visibility: visible;
    transform: scale(1);
    display: block;
}

.w65-productlist__boloc__first__dropwdown__ad {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    cursor: pointer;
    background-color: #f1f1f1;
    border-radius: .3rem;
    padding: .75rem 1.5rem;
    position: relative;
    z-index:0;
    border: solid rgba(var(--second-color-w),0) .1rem;
}

.w65-productlist__boloc__first__dropwdown__checkbox:checked ~
.w65-productlist__boloc__first__dropwdown__ad {
    background-color: rgba(var(--second-color-w),.05);
    border: solid rgba(var(--second-color-w),1) .1rem;
    color: rgba(var(--second-color-w),1);
}

.w65-productlist__boloc__first__dropwdown.active
.w65-productlist__boloc__first__dropwdown__ad {
    background-color: rgba(var(--main-color-w),.05);
    border: solid rgba(var(--main-color-w),1) .1rem;
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__boloc__first__dropwdown__ad__name {
    margin-left: 1rem;
}

.w65-productlist__boloc__first__dropwdown__ad__icon {
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w65-productlist__boloc__first__dropwdown__ad__icon {
        display: none;
    }
}

.w65-productlist__boloc__first__dropwdown__ad__caret {
    position: absolute;
    bottom: -2rem;
    z-index: 2;
    color: #fff;
    font-size: 2.6rem;
    display: none;
}

.w65-productlist__boloc__first__dropwdown__checkbox:checked ~
.w65-productlist__boloc__first__dropwdown__ad
.w65-productlist__boloc__first__dropwdown__ad__caret {
    display: inline-block;
}

.w65-productlist__boloc__first__dropwdown.active
.w65-productlist__boloc__first__dropwdown__ad__caret {
    display: inline-block;
}

.w65-productlist__boloc__first__dropwdown__items {
    position: absolute;
    top: 5.5rem;
    background-color: white;
    z-index: 2;
    left: 0;
    width: 120rem;
    max-width: 100%;
    border: 1px solid #eee;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    border-radius: 0.5rem;
    display: none;
    flex-wrap: wrap;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
    
    overflow: hidden;
    align-items: flex-start;
    padding-bottom: 5.5rem;
}
@media only screen and (min-width:50rem) {
    .w65-productlist__boloc__first__dropwdown__items {
        max-height: 90vh;
    }
}
@media only screen and (max-width:50rem) {
    .w65-productlist__boloc__first__dropwdown__items {
        position: fixed;
        top: 0;
        bottom:0;
        left: 0;
        width: 100%;
        box-shadow: none;
        z-index: 9;
    }
}
@media only screen and (max-width:37.5rem) {
    .w65-productlist__boloc__first__dropwdown__items {
       padding-bottom:9rem;
    }
}
.w65-productlist__boloc__first__dropwdown__items__close {
    position: absolute;
    right: 1rem;
    top: 1rem;
    border: solid .1rem #f1f1f1;
    padding: .5rem 1rem;
    border-radius: .3rem;
    font-size: 1.5rem;
    transition: all .25s;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .w65-productlist__boloc__first__dropwdown__items__close:hover {
        background-color: rgba(var(--second-color-w),.05);
        border: solid rgba(var(--second-color-w),1) .1rem;
    }

.w65-productlist__boloc__first__dropwdown__items__close__icon {
    transition: all .25s;
    transform: rotate(45deg);
}

.w65-productlist__boloc__first__dropwdown__items__close:hover
.w65-productlist__boloc__first__dropwdown__items__close__icon {
    transform: rotate(135deg);
}

.w65-productlist__boloc__first__dropwdown__items__close__name {
    margin-left: .5rem;
}

.w65-productlist__boloc__first__dropwdown__items__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0rem;
    padding: 1rem 0rem;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w65-productlist__boloc__first__dropwdown__items__bottom {
       padding-bottom: 4rem;
    }
}

.w65-productlist__boloc__first__dropwdown__items__bottom__close {
    border: solid .1rem rgba(var(--main-color-w),1);
    color: rgba(var(--main-color-w),1);
    padding: .5rem 2rem;
    border-radius: .3rem;
    font-size: 1.5rem;
    transition: all .25s;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .w65-productlist__boloc__first__dropwdown__items__bottom__close:hover {
        background-color: rgba(var(--main-color-w),.05);
        border: solid rgba(var(--main-color-w),1) .1rem;
    }

.w65-productlist__boloc__first__dropwdown__items__bottom__close__icon {
    transition: all .25s;
    transform: rotate(45deg);
}

.w65-productlist__boloc__first__dropwdown__items__bottom__close:hover
.w65-productlist__boloc__first__dropwdown__items__bottom__close__icon {
    transform: rotate(135deg);
}

.w65-productlist__boloc__first__dropwdown__items__bottom__close__name {
    margin-left: .5rem;
}

.w65-productlist__boloc__first__dropwdown__items__bottom__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .5rem 1rem;
    border-radius: .3rem;
    font-size: 1.5rem;
    transition: all .25s;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-left: 1rem;
}

    .w65-productlist__boloc__first__dropwdown__items__bottom__btn:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w65-productlist__boloc__first__dropwdown__items__bottom__btn__icon {
    transition: all .25s;
}

.w65-productlist__boloc__first__dropwdown__items__bottom__btn:hover
.w65-productlist__boloc__first__dropwdown__items__bottom__btn__icon {
}

.w65-productlist__boloc__first__dropwdown__items__bottom__btn__name {
    margin-left: .5rem;
}

.w65-productlist__boloc__first__dropwdown__items__thuonghieu {
    width: 100%;
    padding: 1.5rem;
}

.w65-productlist__boloc__first__dropwdown__items__thuonghieu__name {
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 2.5rem;
    font-weight: 600;
}

.w65-productlist__boloc__first__dropwdown__items__thuonghieu__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w65-productlist__boloc__first__dropwdown__items__thuonghieu__items__item {
    width: max-content;
    padding: .5rem 1rem;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
    margin: 1rem 1rem 0 0rem;
    cursor: pointer;
    font-size: 1.4rem;
    transition: all .25s;
    border: solid #f1f1f1 .1rem;
}

    .w65-productlist__boloc__first__dropwdown__items__thuonghieu__items__item:hover {
        border: solid rgba(var(--second-color-w),1) .1rem;
    }

    .w65-productlist__boloc__first__dropwdown__items__thuonghieu__items__item.active {
        background-color: rgba(var(--second-color-w),.05);
        border: solid rgba(var(--second-color-w),1) .1rem;
    }

.w65-productlist__boloc__first__dropwdown__items__list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    border-top: solid .1rem #f1f1f1;
    border-bottom: solid .1rem #f1f1f1;
    padding: .5rem 1.5rem 1.5rem 1.5rem;
    max-height: 80vh;
    overflow-y: scroll;
}
@media only screen and (max-width:62.5rem) {
    .w65-productlist__boloc__first__dropwdown__items__list {
        padding-bottom: 8rem;
    }
}
    .w65-productlist__boloc__first__dropwdown__items__list::-webkit-scrollbar {
        width: .3rem;
    }

    .w65-productlist__boloc__first__dropwdown__items__list::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w65-productlist__boloc__first__dropwdown__items__list::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w65-productlist__boloc__first__dropwdown__items__list::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w65-productlist__boloc__first__dropwdown__items__list__childs {
    width: 32%;
    margin-top: 1rem;
    margin-left: 2%;
}

@media only screen and (min-width:50rem) {
    .w65-productlist__boloc__first__dropwdown__items__list__childs:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w65-productlist__boloc__first__dropwdown__items__list__childs {
        width: 49%;
    }

        .w65-productlist__boloc__first__dropwdown__items__list__childs:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w65-productlist__boloc__first__dropwdown__items__list__childs__name {
    font-size: 1.5rem;
    text-transform: uppercase;
    line-height: 2.5rem;
    font-weight: 600;
}

.w65-productlist__boloc__first__dropwdown__items__list__childs__child {
    display: flex;
    flex-wrap: wrap;
}

.w65-productlist__boloc__first__dropwdown__items__list__childs__child__sub {
    width: max-content;
    padding: .5rem 1rem;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
    margin: 1rem 1rem 0 0rem;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .25s;
    border: solid #f1f1f1 .1rem;
}

    .w65-productlist__boloc__first__dropwdown__items__list__childs__child__sub:hover {
        border: solid rgba(var(--second-color-w),1) .1rem;
    }

    .w65-productlist__boloc__first__dropwdown__items__list__childs__child__sub.active {
        background-color: rgba(var(--second-color-w),.05);
        border: solid rgba(var(--second-color-w),1) .1rem;
    }

.w65-productlist__boloc__item {
    margin-right: 1.5rem;
    margin-top: 1rem;
}

.w65-productlist__boloc__item__dropwdown {
    position: relative;
    border-radius: 0.5rem;
    width: fit-content;
}

@media only screen and (min-width:81.25rem) {
    .w65-productlist__boloc__item__dropwdown {
        margin-left: auto;
    }
}

.w65-productlist__boloc__item__dropwdown__checkbox {
    display: none;
}

    .w65-productlist__boloc__item__dropwdown__checkbox:checked ~ .w65-productlist__boloc__item__dropwdown__items {
        visibility: visible;
        transform: scale(1);
        display: flex;
    }

.w65-productlist__boloc__item.active .w65-productlist__boloc__item__dropwdown__items {
    visibility: visible;
    transform: scale(1);
    display: flex;
}

.w65-productlist__boloc__item__dropwdown__ad {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    cursor: pointer;
    background-color: #f1f1f1;
    border-radius: .3rem;
    padding: .75rem 1.5rem;
    border: solid rgba(var(--second-color-w),0) .1rem;
}

.w65-productlist__boloc__item__dropwdown__checkbox:checked ~
.w65-productlist__boloc__item__dropwdown__ad {
    background-color: rgba(var(--second-color-w),.05);
    border: solid rgba(var(--second-color-w),1) .1rem;
    color: rgba(var(--second-color-w),1);
}

.w65-productlist__boloc__item.active
.w65-productlist__boloc__item__dropwdown__ad {
    background-color: rgba(var(--main-color-w),.05);
    border: solid rgba(var(--main-color-w),1) .1rem;
    color: rgba(var(--main-color-w),1);
}

.w65-productlist__boloc__item__dropwdown__ad__name {
    margin-left: 1rem;
}

.w65-productlist__boloc__item__dropwdown__ad__icon {
    margin-left: 1rem;
}

.w65-productlist__boloc__item__dropwdown__ad__caret {
    position: absolute;
    bottom: -2rem;
    z-index: 2;
    color: #fff;
    font-size: 2.6rem;
    display: none;
}

.w65-productlist__boloc__item__dropwdown__checkbox:checked ~
.w65-productlist__boloc__item__dropwdown__ad
.w65-productlist__boloc__item__dropwdown__ad__caret {
    display: inline-block;
}

.w65-productlist__boloc__item.active .w65-productlist__boloc__item__dropwdown__ad__caret {
    visibility: visible;
    transform: scale(1);
    display: flex;
}

@media only screen and (max-width:37.5rem) {
    .w65-productlist__boloc__item__dropwdown__ad__icon {
        display: none;
    }
}

.w65-productlist__boloc__item__dropwdown__items {
    position: absolute;
    top: calc(100% + 1rem);
    background-color: white;
    z-index: 1;
    left: -22rem;
    width: 60rem;
    border: 1px solid #eee;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    overflow: hidden;
    border-radius: 0.5rem;
    display: none;
    flex-wrap: wrap;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.5);
    padding: .5rem;
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__boloc__item__dropwdown__items {
        left: 0rem;
    }
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__boloc__item__dropwdown__items {
        width: 20rem;
    }
}

.w65-productlist__boloc__item__dropwdown__items .active {
    font-weight: 600;
}

.w65-productlist__boloc__item__dropwdown__items__item {
    font-size: 1.4rem;
    display: block;
    cursor: pointer;
    padding: .5rem .75rem;
    border: solid .1rem #f1f1f1;
    margin: .5rem;
    border-radius: .3rem;
}

@media only screen and (max-width:81.25rem) {
    .w65-productlist__boloc__item__dropwdown__items__item {
        width: 100%;
    }
}

.w65-productlist__boloc__item__dropwdown__items__item:hover {
    background-color: #eee;
}

.w65-productlist__sort {
    margin-top: 2rem;
    margin-bottom: 1rem;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    width: 100%;
}


.w65-productlist__sort__name {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    font-weight: 600;
}

.w65-productlist__sort__name__value {
}

.w65-productlist__sort__dropwdown {
    padding: 1rem;
    position: relative;
    border-radius: 0.5rem;
    z-index: 0;
    width: fit-content;
}

@media only screen and (max-width:62.5rem) {
    .w65-productlist__sort__dropwdown {
        background-color: #fff;
        border: solid .1rem #f1f1f1;
        padding: .5rem 1rem;
        border-radius: .5rem;
        margin-left: 1rem;
    }
}

.w65-productlist__sort__dropwdown__checkbox {
    display: none;
}

    .w65-productlist__sort__dropwdown__checkbox:checked ~ .w65-productlist__sort__dropwdown__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w65-productlist__sort__dropwdown__ad {
    display: none;
}

@media only screen and (min-width:62.5rem) {
    .w65-productlist__sort__dropwdown__items {
        display: flex;
        align-items: center;
    }

    .w65-productlist__sort__dropwdown__items__item {
        font-size: 1.4rem;
        margin-left: 1rem;
        border: solid .1rem #f1f1f1;
        padding: .35rem 1rem;
        text-align: center;
        border-radius: 1rem;
        cursor: pointer;
        transition: all .25s;
    }

        .w65-productlist__sort__dropwdown__items__item.active {
            background-color: #f1f1f1;
        }

        .w65-productlist__sort__dropwdown__items__item:hover {
            background-color: #f1f1f1;
        }
}

@media only screen and (max-width:62.5rem) {
    .w65-productlist__sort__dropwdown__ad {
        display: flex;
        align-items: center;
        justify-content: space-between;
        font-size: 1.6rem;
        font-weight: 600;
        cursor: pointer;
    }

    .w65-productlist__sort__dropwdown__ad__name {
        margin-left: 1rem;
    }

    .w65-productlist__sort__dropwdown__ad__icon {
        margin-left: 1rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w65-productlist__sort__dropwdown__ad__icon {
            display: none;
        }
    }

    .w65-productlist__sort__dropwdown__items {
        position: absolute;
        top: 4.5rem;
        background-color: white;
        z-index: 1;
        right: 0;
        width: max-content;
        border: 1px solid #eee;
        max-height: 0;
        transform: scale(1) translate(0%, 0%);
        visibility: hidden;
        transition: all 0.2s ease;
        overflow: hidden;
        border-radius: 0.5rem;
    }

        .w65-productlist__sort__dropwdown__items .active {
            font-weight: 600;
        }

    .w65-productlist__sort__dropwdown__items__item {
        font-size: 1.6rem;
        display: block;
        cursor: pointer;
        padding: 1rem 1rem;
    }

        .w65-productlist__sort__dropwdown__items__item:not(:last-child) {
        }

        .w65-productlist__sort__dropwdown__items__item:hover {
            background-color: #eee;
        }
}

.w65-productlist__mains {
    width: 100%;
    margin-top: 2rem;
}

.w65-productlist__mains__main {
    display: flex;
    flex-wrap: wrap;
}

.w65-productlist__mains__main__item {
    width: 32.33333%;
    margin-left: 1.5%;
    cursor: pointer;
    background-color: white;
    border-radius: 0.3rem;
    padding: 1rem 1rem 4rem 1rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items:flex-start;
    margin-bottom: 4rem;
    position: relative;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
}

@media only screen and (min-width: 50rem) {
    .w65-productlist__mains__main__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w65-productlist__mains__main__item {
        width: 49%;
    }

    @media only screen and (min-width: 37.5rem) {
        .w65-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width: 37.5rem) {
        .w65-productlist__mains__main__item {
            width: 100%;
            margin-left: 0%;
        }
    }
}


.w65-productlist__mains__main__item__hinhanh {
    position: relative;
    z-index: 0;
}

.w65-productlist__mains__main__item__hinhanh__sale {
    position: absolute;
    top: 0rem;
    left: -.3rem;
    width: 12rem;
    height: 3.5rem;
    z-index: 2;
    background-image: url(../../img/w65/bg_sale.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.w65-productlist__mains__main__item__hinhanh__sale__text {
    font-size: 1.2rem;
    color: #fff;
    margin-top: .6rem;
    margin-left: 1rem;
}

.w65-productlist__mains__main__item__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}


.w65-productlist__mains__main__item__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.3s all ease-in-out;
    position: relative;
    width: 100%;
}

    .w65-productlist__mains__main__item__hinhanh__top__imgbox:nth-child(2) {
        position: absolute;
        transform: scale(.25);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

.w65-productlist__mains__main__item__hinhanh:hover
.w65-productlist__mains__main__item__hinhanh__top__imgbox:nth-child(2) {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: scale(1);
}

.w65-productlist__mains__main__item__hinhanh:hover
.w65-productlist__mains__main__item__hinhanh__top__imgbox:nth-child(1) {
    transform: scale(.25);
    opacity: 0;
}

.w65-productlist__mains__main__item__text {
    display: block;
    font-size: 1.4rem;
    text-align: left;
    line-height: 2.4rem;
    width: fit-content;
    transition: all 0.5s ease;
    font-weight: 600;
    margin-top: 1rem;
}

.w65-productlist__mains__main__item:hover .w65-productlist__mains__main__item__text {
    color: rgba(var(--second-color-w),1);
}

.w65-productlist__mains__main__item__status {
    margin-top: 2rem;
}

.w65-productlist__mains__main__item__thuoctinh {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    width: 100%;
    align-items:flex-end;
}

.w65-productlist__mains__main__item__thuoctinh__item {
    margin-top: 1.5rem;
    margin-right: 1rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    background-color: #f1f1f1;
}
.w65-productlist__mains__main__item__km {
    font-size: 1.4rem;
    line-height: 2.2rem;
    overflow: hidden;
    height: 0;
    width: 0;
    margin-top: 1.5rem;
}

.w65-productlist__mains__main__item__km__icon {
    margin-right: .5rem;
    display: inline;
}

.w65-productlist__mains__main__item__km__text {
    display: inline;
}
.w65-productlist__mains__main__item__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1.5rem;
    width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w65-productlist__mains__main__item__pricing {
        flex-wrap: wrap;
    }
}

.w65-productlist__mains__main__item__pricing__main {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.w65-productlist__mains__main__item__pricing__main__vl {
    font-size: 1.4rem;
    color: #7d7d7d;
    margin-right: 0.5rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w65-productlist__mains__main__item__pricing__main__count {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
}

.w65-productlist__mains__main__item__bar {
    background-color: rgba(var(--second-color-w),1);
    width: max-content;
    display: flex;
    border-radius: 2rem;
    margin-top: 1.5rem;
    padding: .35rem 1.5rem;
    align-items: center;
    margin: auto;
    position: absolute;
    bottom: -1.6rem;
}

.w65-productlist__mains__main__item__bar__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
}

.w65-productlist__mains__main__item__bar__text {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 2;
    position: relative;
    transition: all .5s;
    margin-left: 1rem;
    color: #fff;
}

.w65-productlist__mains__main__item__bar:hover .w65-productlist__mains__main__item__bar__text {
    letter-spacing: .1rem;
}

.w65-productlist__mains__pagination {
    bottom: 0 !important;
}

.w65-productlist__mains__paging {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w65-productlist__mains__paging__item {
    list-style-type: none;
}

.w65-productlist__mains__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
    border-radius: 50%;
}

.w65-productlist__mains__paging__item:hover .w65-productlist__mains__paging__item__text,
.w65-productlist__mains__paging__item.active .w65-productlist__mains__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w66-productdetail*/
.w66-productdetail {
    width: 100%;
    padding-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    color: #363636;
    position: relative;
    z-index: 0;
    background-color: #f9fafb;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.w66-productdetail__bg {
    background-color: #fff;
    padding-bottom: 2rem;
}

.w66-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w66-productdetail__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w66-productdetail__heading__first {
    display: flex;
    align-items: center;
}

.w66-productdetail__heading__first__name {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    margin-right: 2rem;
    margin-top: 1rem;
}

.w66-productdetail__heading__buy {
    display: flex;
    font-size: 1.3rem;
    align-items: center;
    margin-top: 1rem;
}

.w66-productdetail__heading__buy__icon {
    color: rgba(var(--main-color-w),1);
}

.w66-productdetail__heading__buy__name {
    margin-left: .5rem;
    color: #98a2b3;
}

.w66-productdetail__heading__rate {
    display: flex;
    font-size: 1.3rem;
    align-items: center;
    margin-left: 2rem;
    margin-top: 1rem;
}

.w66-productdetail__heading__rate__icon {
    color: rgba(var(--main-color-w),1);
}

.w66-productdetail__heading__rate__name {
    margin-left: .5rem;
    color: #98a2b3;
}

.w66-productdetail__heading__second {
    margin-left: auto;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w66-productdetail__heading__second__button {
    overflow: hidden;
    width: 11rem;
    height: 2rem;
}

.w66-productdetail__anhgia {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    margin-top: 2rem;
}

.w66-productdetail__anhgia__one {
    width: 60%;
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 1.5rem;
    border-radius: .3rem;
}

.w66-productdetail__anhgia__one__childs {
    width: 100%;
    overflow: hidden;
    border-radius: .3rem;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content:center;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__childs {
        width: 100%;
        margin-left: 0;
    }
}

.w66-productdetail__anhgia__one__col {
    width: 100%;
}

.w66-productdetail__anhgia__one__col__mains {
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__anhgia__one__col__mains {
    }
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w66-productdetail__anhgia__one__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w66-productdetail__anhgia__one__col__mains {
    }
}

.w66-productdetail__anhgia__one__col__mains::-webkit-scrollbar {
    width: .4rem;
}

.w66-productdetail__anhgia__one__col__mains::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w66-productdetail__anhgia__one__col__mains::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w66-productdetail__anhgia__one__col__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w66-productdetail__anhgia__one__childs__items {
}

.w66-productdetail__anhgia__one__childs__items__imgbox {
    background-size: cover;
    height: max-content;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
}

.w66-productdetail__anhgia__one__childs__items__imgbox__img {
    width: 100%;
}

.w66-productdetail__anhgia__one__col__mains__main__imgbox {
    width: 23.5%;
    background-size: contain;
    border-radius: .3rem;
    margin-right: 2%;
}

.w66-productdetail__anhgia__one__childs__items__imgbox img {
    width: 100%;
}

.w66-productdetail__anhgia__one__childs__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w66-productdetail__anhgia__one__childs__items__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background-color: rgba(241,241,241,.7);
    }

.w66-productdetail__anhgia__one__childs__items__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-w66-productdetail-zoom 2s infinite ease-in;
    animation: key-w66-productdetail-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-w66-productdetail-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w66-productdetail__anhgia__one__childs__items__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w66-productdetail__anhgia__one__childs__items__imgbox__zoom:hover .w66-productdetail__anhgia__one__childs__items__imgbox__zoom__text {
    display: block;
}

.w66-productdetail__anhgia__one__childs__next {
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(var(--main-color-w),1);
    border: solid 1px #fff;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w66-productdetail__anhgia__one__childs__next:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w66-productdetail__anhgia__one__childs__prev {
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(var(--main-color-w),1);
    border: solid 1px #fff;
    color: #fff;
    border-radius: 50%;
    left: 1.5rem;
    top: 50%;
    position: absolute;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w66-productdetail__anhgia__one__childs__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }
    .w66-productdetail__anhgia__one__childs__dots{
    position:absolute;
    bottom:1rem;
    display:flex;
    flex-wrap:wrap;
    z-index:2;
}
.w66-productdetail__anhgia__one__childs__dots .ws1ChildDot{
    margin:.5rem;
    width:1rem;
    height:1rem;
    background-color:#fff;
    border-radius:50%;
    cursor:pointer;
    border:solid .1px #ccc;
}
.w66-productdetail__anhgia__one__childs__dots .active{
    background-color: rgba(var(--second-color-w),1);
}
.w66-productdetail__anhgia__one__feature {
    margin-top: 2rem;
    width: 100%;
}

@media only screen and (min-width:50rem) {
    .w66-productdetail__anhgia__one__feature {
        width: 100%;
        padding: 1.5rem;
        background: #f1f1f1;
        border-radius: .3rem;
    }
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__feature {
        padding: .5rem;
        border: #f1f1f1 solid .1rem;
        border-radius: .3rem;
        margin-top: 1rem;
    }
}

.w66-productdetail__anhgia__one__feature__checked {
    display: none;
}

.w66-productdetail__anhgia__one__feature__name {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__feature__name {
        padding: .75rem 1rem;
        background-color: #f1f1f1;
    }
}

.w66-productdetail__anhgia__one__feature__name__icon {
    font-size: 2rem;
}

.w66-productdetail__anhgia__one__feature__name__close {
    margin-left: auto;
    font-size: 1.6rem;
    transition: all .25s;
    display: none
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__feature__name__close {
        display: inline-block
    }

    .w66-productdetail__anhgia__one__feature__checked:checked ~
    .w66-productdetail__anhgia__one__feature__name
    .w66-productdetail__anhgia__one__feature__name__close {
        transform: rotate(180deg);
    }
}

.w66-productdetail__anhgia__one__feature__name__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    font-weight: 600;
}

.w66-productdetail__anhgia__one__feature__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__feature__items {
        display: none
    }

    .w66-productdetail__anhgia__one__feature__checked:checked ~
    .w66-productdetail__anhgia__one__feature__items {
        display: flex;
    }
}

.w66-productdetail__anhgia__one__feature__items__item {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    width: 50%;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__anhgia__one__feature__items__item {
        width: 100%;
        margin: 0;
        padding: 1rem;
    }
}

.w66-productdetail__anhgia__one__feature__items__item__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    margin-top: .6rem;
}

@media only screen and (min-width:75rem) {
    .w66-productdetail__anhgia__one__feature__items__item:nth-child(2n+2)
    .w66-productdetail__anhgia__one__feature__items__item__icon {
        margin-left: 1.5rem;
    }
}

.w66-productdetail__anhgia__one__feature__items__item__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
}

.w66-productdetail__anhgia__one__service {
    margin-top: 2rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__service {
        border: #f1f1f1 solid .1rem;
        border-radius: .3rem;
        margin-top: 1rem;
    }
}

.w66-productdetail__anhgia__one__service__checked {
    display: none;
}

.w66-productdetail__anhgia__one__service__name {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__service__name {
        padding: .75rem 1rem;
        background-color: #f1f1f1;
        margin: .5rem;
    }
}

.w66-productdetail__anhgia__one__service__name__icon {
    font-size: 2rem;
}

.w66-productdetail__anhgia__one__service__name__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    font-weight: 600;
}

.w66-productdetail__anhgia__one__service__name__close {
    margin-left: auto;
    font-size: 1.6rem;
    transition: all .25s;
    display: none
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__service__name__close {
        display: inline-block
    }

    .w66-productdetail__anhgia__one__service__checked:checked ~
    .w66-productdetail__anhgia__one__service__name
    .w66-productdetail__anhgia__one__service__name__close {
        transform: rotate(180deg);
    }
}

.w66-productdetail__anhgia__one__service__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one__service__items {
        display: none
    }

    .w66-productdetail__anhgia__one__service__checked:checked ~
    .w66-productdetail__anhgia__one__service__items {
        display: flex;
    }
}

.w66-productdetail__anhgia__one__service__items__item {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    width: 50%;
    border-bottom: solid .1rem #f1f1f1;
    padding-bottom: 1rem;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__anhgia__one__service__items__item {
        width: 100%;
        padding: 1rem;
        margin: 0;
    }
}



.w66-productdetail__anhgia__one__service__items__item__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    margin-top: .6rem;
}

@media only screen and (min-width:75rem) {
    .w66-productdetail__anhgia__one__service__items__item:nth-child(2n+2)
    .w66-productdetail__anhgia__one__service__items__item__icon {
        margin-left: 1.5rem;
    }
}

.w66-productdetail__anhgia__one__service__items__item__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
}

.w66-productdetail__anhgia__two {
    width: 38.5%;
    margin-left: auto;
    background-color: #fff;
    padding: 1.5rem;
    border-radius: .3rem;
    position:sticky;
    top:1rem;
}

.w66-productdetail__anhgia__two__heading {
    margin-top: 1rem;
}

    .w66-productdetail__anhgia__two__heading:first-child {
        margin-top: 0;
    }

.w66-productdetail__anhgia__two__heading__item {
    display: block;
    overflow: hidden;
}

.w66-productdetail__anhgia__two__heading__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    cursor: pointer;
    border-radius: .3rem;
    transition: all .5s;
}

    .w66-productdetail__anhgia__two__heading__item__imgbox:hover {
        transform: scale(1.05);
    }

.w66-productdetail__anhgia__two__heading__item__imgbox__img {
    width: 100%;
}

.w66-productdetail__anhgia__two__price {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w66-productdetail__anhgia__two__price__name {
    width: 100%;
    font-size: 1.5rem;
    font-weight: 600;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__anhgia__two__price__name {
        text-align: center;
    }
}

.w66-productdetail__anhgia__two__price__main {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: .5rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__anhgia__two__price__main {
        justify-content: center;
    }
}

.w66-productdetail__anhgia__two__price__main__1 {
    color: rgba(var(--second-color-w),1);
    font-size: 2.4rem;
    font-weight: 600;
}

.w66-productdetail__anhgia__two__price__main__1--hide {
    opacity: 0;
    visibility: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__anhgia__two__price__main__1 {
        font-size: 2rem;
    }
}

.w66-productdetail__anhgia__two__price__main__2 {
    text-decoration: line-through;
    font-size: 1.4rem;
    margin-left: 1rem;
    color: #98a2b3;
}

.w66-productdetail__anhgia__two__price__main__2--hide {
    display: none;
}

.w66-productdetail__anhgia__two__price__main__sale {
    margin-left: 1rem;
    font-size: 1.4rem;
    color: rgba(var(--second-color-w),1);
}

.w66-productdetail__anhgia__two__price__main__sale--hide {
    display: none;
}

.w66-productdetail__anhgia__two__price__main__text {
    margin-left: auto;
    font-size: 1.1rem;
    background-color: #f2f4f7;
    padding: .25rem 1rem;
    border-radius: 1rem;
    text-align: center;
}

.w66-productdetail__anhgia__two__price__des {
    width: 100%;
    font-size: 1.5rem;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__anhgia__two__price__des {
        text-align: center;
    }
}

.w66-productdetail__anhgia__two__code {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    justify-content: space-between;
    border-radius: .3rem;
}

.w66-productdetail__anhgia__two__code--hide {
    display: none;
}

.w66-productdetail__anhgia__two__code__first {
    font-size: 1.6rem;
    display: flex;
}

.w66-productdetail__anhgia__two__code__first__name {
    font-weight: 600;
}

.w66-productdetail__anhgia__two__code__first__value {
    margin-left: .75rem;
}

.w66-productdetail__anhgia__two__code__soluong {
    font-size: 1.6rem;
    display: flex;
}

.w66-productdetail__anhgia__two__code__soluong__name {
    font-weight: 600;
}

.w66-productdetail__anhgia__two__code__soluong__value {
    margin-left: .75rem;
}

.w66-productdetail__anhgia__two__mau {
    margin-top: 2rem;
}

.w66-productdetail__anhgia__two__mau--hide {
    display: none;
}

.w66-productdetail__anhgia__two__mau__text {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

.w66-productdetail__anhgia__two__mau__text__name {
    font-weight: 600;
}

.w66-productdetail__anhgia__two__mau__text__value {
    margin-left: .5rem;
}

.w66-productdetail__anhgia__two__mau__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w66-productdetail__anhgia__two__mau__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    border: #f1f1f1 solid .1rem;
    border-radius: .5rem;
    position: relative;
    padding: 1rem 1.5rem;
    overflow: hidden;
    display: block !important;
    filter: brightness(1) !important;
    cursor: pointer;
    transition: all .5s;
}

    .w66-productdetail__anhgia__two__mau__items__item:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w66-productdetail__anhgia__two__mau__items__item--hide {
    display: none !important;
}

.w66-productdetail__anhgia__two__mau__items__item--hethang {
    cursor: not-allowed;
}

    .w66-productdetail__anhgia__two__mau__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

@media only screen and (min-width:37.5rem) {
    .w66-productdetail__anhgia__two__mau__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

.w66-productdetail__anhgia__two__mau__items__item__check {
    display: none;
}

.w66-productdetail__anhgia__two__mau__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 2.25rem;
}

.w66-productdetail__anhgia__two__mau__items__item__label__icon {
    width: 1.6rem;
    height: 1.6rem;
    border: solid .1rem #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
    left: 0;
}

.w66-productdetail__anhgia__two__mau__items__item.active .w66-productdetail__anhgia__two__mau__items__item__label__icon,
.w66-productdetail__anhgia__two__mau__items__item__check:checked ~
.w66-productdetail__anhgia__two__mau__items__item__label
.w66-productdetail__anhgia__two__mau__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w66-productdetail__anhgia__two__mau__items__item.active .w66-productdetail__anhgia__two__mau__items__item__label__icon:before,
    .w66-productdetail__anhgia__two__mau__items__item__check:checked ~
    .w66-productdetail__anhgia__two__mau__items__item__label
    .w66-productdetail__anhgia__two__mau__items__item__label__icon:before {
        content: "\f107";
        font-weight: 400;
    }

.w66-productdetail__anhgia__two__mau__items__item__label__text {
    font-size: 1.5rem;
}

.w66-productdetail__anhgia__two__mau__items__item__label__info {
    position: absolute;
    width: max-content;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: .5rem;
    flex-wrap: wrap;
    transition: all .5s;
    top: -6.5rem;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}

.w66-productdetail__anhgia__two__mau__items__item__label:hover .w66-productdetail__anhgia__two__mau__items__item__label__info {
    top: -6.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w66-productdetail__anhgia__two__mau__items__item__label__info__text {
    width: 100%;
    text-align: center;
}

.w66-productdetail__anhgia__two__mau__items__item__label__info__price {
    width: 100%;
    text-align: center;
    margin-top: 0rem;
}

.w66-productdetail__anhgia__two__mau__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w66-productdetail__anhgia__two__size {
    margin-top: 2rem;
}

.w66-productdetail__anhgia__two__size--hide {
    display: none;
}

.w66-productdetail__anhgia__two__size__text {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
}

.w66-productdetail__anhgia__two__size__text__name {
    font-weight: 600;
}

.w66-productdetail__anhgia__two__size__text__value {
    margin-left: .5rem;
}

.w66-productdetail__anhgia__two__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w66-productdetail__anhgia__two__size__items--hide {
    display: none;
}

.w66-productdetail__anhgia__two__size__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    border: #f1f1f1 solid .1rem;
    border-radius: 2rem;
    position: relative;
    padding: .6rem 1.5rem;
    display: block !important;
    position: relative;
    overflow: hidden;
    filter: brightness(1) !important;
    transition: all .5s;
    cursor: pointer;
}

    .w66-productdetail__anhgia__two__size__items__item:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w66-productdetail__anhgia__two__size__items__item--hethang {
    cursor: not-allowed;
}

    .w66-productdetail__anhgia__two__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

.w66-productdetail__anhgia__two__size__items__item--hide {
    display: none !important;
}

.w66-productdetail__anhgia__two__size__items__item.active {
    border: rgba(var(--second-color-w),.05) solid .1rem;
    background-color: rgba(var(--second-color-w),.05);
    color: rgba(var(--second-color-w),1)
}

.w66-productdetail__anhgia__two__size__items__item__check {
    display: none;
}

.w66-productdetail__anhgia__two__size__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.w66-productdetail__anhgia__two__size__items__item__label__icon {
    width: 1.4rem;
    height: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w66-productdetail__anhgia__two__size__items__item.active .w66-productdetail__anhgia__two__size__items__item__label__icon,
.w66-productdetail__anhgia__two__size__items__item__check:checked ~
.w66-productdetail__anhgia__two__size__items__item__label
.w66-productdetail__anhgia__two__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w66-productdetail__anhgia__two__size__items__item.active .w66-productdetail__anhgia__two__size__items__item__label__icon:before,
    .w66-productdetail__anhgia__two__size__items__item__check:checked ~
    .w66-productdetail__anhgia__two__size__items__item__label
    .w66-productdetail__anhgia__two__size__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w66-productdetail__anhgia__two__size__items__item__label__info {
    position: absolute;
    padding: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
    width: max-content;
    justify-content: center;
    text-align: center;
    border-radius: .3rem;
    top: -5.5rem;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}

.w66-productdetail__anhgia__two__size__items__item__label:hover .w66-productdetail__anhgia__two__size__items__item__label__info {
    top: -4.5rem;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.w66-productdetail__anhgia__two__size__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w66-productdetail__anhgia__two__size__items__item__label__text {
    margin-left: 1rem;
    font-size: 1.4rem;
}

.w66-productdetail__anhgia__two__size__items__item__label__info__price {
    width: 100%;
}

.w66-productdetail__anhgia__one__support {
    background-color: #fafafa;
    border-radius: .3rem;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w66-productdetail__anhgia__two__ads {
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.w66-productdetail__anhgia__two__ads__ad {
    display: flex;
}

.w66-productdetail__anhgia__two__ads__ad__item {
    width: calc(32% - 1.2rem);
    padding: .75rem .5rem;
    margin-right: 2%;
    overflow: hidden;
    border: solid .1rem #f1f1f1;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w66-productdetail__anhgia__two__ads__ad__item:hover {
        background-color: #f1f1f1;
    }

.w66-productdetail__anhgia__two__ads__ad__item__link {
    display: block;
    overflow: hidden;
}

.w66-productdetail__anhgia__two__ads__ad__item__link__name {
    font-size: 1.4rem;
    text-align: center;
}

.w66-productdetail__anhgia__two__ads__ad__item__link__des {
    font-size: 1.4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    text-align: center;
    margin-top: .5rem;
}

.w66-productdetail__anhgia__two__ads__next.swiper-button-next {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background-color: transparent;
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    border: none;
}

.w66-productdetail__anhgia__two__ads__next__icon {
}

.w66-productdetail__anhgia__two__ads__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background-color: transparent;
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    top: initial;
    left: .5rem;
    opacity: 1 !important;
}

.w66-productdetail__anhgia__two__ads__prev__icon {
}

.w66-productdetail__anhgia__two__ads__next:hover,
.w66-productdetail__anhgia__two__ads__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w66-productdetail__anhgia__two__ads__next:after,
.w66-productdetail__anhgia__two__ads__prev:after {
    display: none;
}

.w66-productdetail__anhgia__two__btncart {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1rem;
}

.w66-productdetail__anhgia__two__btncart__item {
    border-radius: .3rem;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1rem 1.5rem;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 49%;
    margin-top: 1rem;
    margin-left: 2%;
    border: solid .1rem #f1f1f1;
}

    .w66-productdetail__anhgia__two__btncart__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w66-productdetail__anhgia__two__btncart__item__icon {
    font-size: 1.6rem;
}

.w66-productdetail__anhgia__two__btncart__item__text {
    margin-left: 1rem;
    width: max-content;
    font-size: 1.5rem;
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__anhgia__two__btncart__item {
    }
}

.w66-productdetail__anhgia__two__btncart__item:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w66-productdetail__anhgia__two__btncart__last {
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w), 1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: 1rem 1.5rem;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 49%;
    margin-top: 1rem;
    margin-left: 2%;
}

    .w66-productdetail__anhgia__two__btncart__last:nth-child(2n+1) {
        margin-left: 0;
    }

.w66-productdetail__anhgia__two__btncart__last__icon {
    font-size: 1.6rem;
}

.w66-productdetail__anhgia__two__btncart__last__text {
    margin-left: 1rem;
    width: max-content;
    font-size: 1.5rem;
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__anhgia__two__btncart__last {
    }
}

.w66-productdetail__anhgia__two__btncart__last:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w66-productdetail__anhgia__two__cart__input::-webkit-outer-spin-button,
.w66-productdetail__anhgia__two__cart__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w66-productdetail__anhgia__two__buttons {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w66-productdetail__anhgia__two__buttons__item {
    width: 48.5%;
    margin-left: 3%;
    border-radius: .3rem;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1rem;
    border: solid .1rem #f1f1f1;
    font-size: 1.5rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}


    .w66-productdetail__anhgia__two__buttons__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w66-productdetail__anhgia__two__buttons__item--2 {
    background-color: rgba(var(--second-color-w),1);
}

.w66-productdetail__anhgia__two__buttons__item__icon {
    margin-right: 2rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid .1rem #f1f1f1;
    color: #3f3f3f;
    border-radius: 50%;
    font-size: 2rem;
    transition: all 1s;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__two__buttons__item__icon {
        margin-right: 1rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }
}

.w66-productdetail__anhgia__two__buttons__item:hover
.w66-productdetail__anhgia__two__buttons__item__icon {
    transform: rotate(360deg);
}

.w66-productdetail__anhgia__two__buttons__item__name {
    display: inline-block;
    transition: all .25s;
}

.w66-productdetail__anhgia__two__buttons__item__name__des {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    font-size: 1.2rem;
}

.w66-productdetail__anhgia__two__buttons__last {
    width: 48.5%;
    margin-left: 3%;
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1rem;
    color: #fff;
    font-size: 1.5rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}



    .w66-productdetail__anhgia__two__buttons__last:nth-child(2n+1) {
        margin-left: 0;
    }

.w66-productdetail__anhgia__two__buttons__last__icon {
    margin-right: 2rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #3f3f3f;
    border-radius: 50%;
    font-size: 2rem;
    transition: all 1s;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__two__buttons__last__icon {
        margin-right: 1rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }
}

.w66-productdetail__anhgia__two__buttons__last:hover
.w66-productdetail__anhgia__two__buttons__last__icon {
    transform: rotate(360deg);
}

.w66-productdetail__anhgia__two__buttons__last__name {
    display: inline-block;
    transition: all .25s;
}

.w66-productdetail__anhgia__two__buttons__last__name__des {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    font-size: 1.2rem;
}

.w66-productdetail__anhgia__two__bottom {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    margin-top: 2rem;
}

.w66-productdetail__anhgia__two__uudai {
    margin-top: 2rem;
    width: 100%;
    border-radius: .3rem;
    border: solid .1rem #f1f1f1;
    overflow: hidden;
}

.w66-productdetail__anhgia__two__uudai__name {
    background-color: #f1f1f1;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w66-productdetail__anhgia__two__uudai__name__icon {
    font-size: 2rem;
}

.w66-productdetail__anhgia__two__uudai__name__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-left: 1rem;
    font-weight: 600;
}

.w66-productdetail__anhgia__two__uudai__name__des {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: .5rem;
    width: 100%;
}

.w66-productdetail__anhgia__two__uudai__items {
    padding: 0rem 1rem 1rem 1rem;
}

.w66-productdetail__anhgia__two__uudai__items__item {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.w66-productdetail__anhgia__two__uudai__items__item__icon {
    background-color: rgba(var(--main-color-w),1);
    font-size: 1rem;
    margin-top: .5rem;
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    color: #fff;
}

.w66-productdetail__anhgia__two__uudai__items__item__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-left: auto;
    width: calc(100% - 2.8rem);
}

.w66-productdetail__anhgia__two__khuyenmai__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w66-productdetail__anhgia__two__khuyenmai__items__item {
    width: 49%;
    margin-left: 2%;
    margin-top: 2rem;
    display: flex;
    border-radius: .4rem;
    position: relative;
    align-items: center;
    overflow: hidden;
}

    .w66-productdetail__anhgia__two__khuyenmai__items__item:before {
        position: absolute;
        content: '';
        right: -1px;
        border: 1px solid #d9d9d9;
        border-left: 0;
        width: 10px;
        height: 20px;
        background-color: #fff;
        border-radius: 0 100% 100% 0 / 0 50% 50% 0;
        transform: translateY(-50%) rotate(180deg);
        -webkit-transform: translateY(-50%) rotate(180deg);
    }

    .w66-productdetail__anhgia__two__khuyenmai__items__item:after {
        position: absolute;
        content: '';
        transform: translateY(-50%);
        left: -1px;
        border: 1px solid #d9d9d9;
        border-left: 0;
        width: 10px;
        height: 20px;
        background-color: #fff;
        border-radius: 0 100% 100% 0 / 0 50% 50% 0;
    }

@media only screen and (min-width:50rem) {
    .w66-productdetail__anhgia__two__khuyenmai__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__two__khuyenmai__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w66-productdetail__anhgia__two__khuyenmai__items__item__first {
    padding: 0rem;
    width: 100%;
    border: solid .1rem #f1f1f1;
    cursor: pointer;
    transition: all .5s;
    background-color: #fff;
    overflow: hidden;
    border-radius: .5rem;
}

    .w66-productdetail__anhgia__two__khuyenmai__items__item__first:hover {
        background-color: #fafafa;
    }

.w66-productdetail__anhgia__two__khuyenmai__items__item__first__heading {
    text-align: center;
}

.w66-productdetail__anhgia__two__khuyenmai__items__item__first__heading__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
    margin-top: .5rem;
}

.w66-productdetail__anhgia__two__khuyenmai__items__item__first__heading__des {
    font-size: 1.4rem;
    line-height: 2.6rem;
}

.w66-productdetail__anhgia__two__khuyenmai__items__item__first__bot {
    margin-top: .5rem;
    display: flex;
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .25rem .5rem;
    justify-content: center;
}

.w66-productdetail__anhgia__two__khuyenmai__items__item__first__bot__name {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-right: 1rem;
}

.w66-productdetail__anhgia__two__khuyenmai__items__item__first__bot__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 600;
}

.w66-productdetail__anhgia__two__khuyenmai__check {
    display: none;
}

.w66-productdetail__anhgia__two__khuyenmai__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.w66-productdetail__anhgia__two__khuyenmai__check:checked ~
.w66-productdetail__anhgia__two__khuyenmai__modal {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.w66-productdetail__anhgia__two__khuyenmai__modal__main {
    width: 35rem;
    max-width: 100%;
    border-radius: 1rem;
    background: #fff;
    padding: 3rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transform: scale(0);
    transition: all .5s;
}

.w66-productdetail__anhgia__two__khuyenmai__check:checked ~
.w66-productdetail__anhgia__two__khuyenmai__modal
.w66-productdetail__anhgia__two__khuyenmai__modal__main {
    transform: scale(1);
}

.w66-productdetail__anhgia__two__khuyenmai__modal__main__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #fff;
    color: #777;
    border: #777 solid .2rem;
}

.w66-productdetail__anhgia__two__khuyenmai__check:checked ~
.w66-productdetail__anhgia__two__khuyenmai__modal
.w66-productdetail__anhgia__two__khuyenmai__modal__main
.w66-productdetail__anhgia__two__khuyenmai__modal__main__icon {
    -webkit-animation: key-w66-productdetail__anhgia__two__khuyenmai__modal__main__icon 2s;
    animation: key-w66-productdetail__anhgia__two__khuyenmai__modal__main__icon 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w66-productdetail__anhgia__two__khuyenmai__modal__main__icon {
    0% {
        color: #fff;
        border: #777 solid .2rem;
        background: #fff;
    }

    100% {
        background: rgba(var(--main-color-w),1);
        color: #fff;
        border: rgba(var(--main-color-w),1) solid .2rem;
    }
}

.w66-productdetail__anhgia__two__khuyenmai__check:checked ~
.w66-productdetail__anhgia__two__khuyenmai__modal
.w66-productdetail__anhgia__two__khuyenmai__modal__main
.w66-productdetail__anhgia__two__khuyenmai__modal__main__icon
.w66-productdetail__anhgia__two__khuyenmai__modal__main__icon__value {
    animation: key-w66-productdetail__anhgia__two__khuyenmai__modal__main__icon__value 1s;
}

@-webkit-keyframes key-w66-productdetail__anhgia__two__khuyenmai__modal__main__icon__value {
    0% {
        transform: scale(3);
    }

    100% {
        transform: scale(1);
    }
}

.w66-productdetail__anhgia__two__khuyenmai__modal__main__heading {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}

.w66-productdetail__anhgia__two__khuyenmai__modal__main__heading__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: #3f3f3f;
    line-height: 2.6rem;
}

.w66-productdetail__anhgia__two__khuyenmai__modal__main__heading__des {
    font-size: 1.6rem;
    color: #3f3f3f;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w66-productdetail__anhgia__two__khuyenmai__modal__main__button {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    border-radius: .3rem;
    color: #fff;
    padding: .5rem 1.5rem;
    transition: all .5s;
    cursor: pointer;
}

    .w66-productdetail__anhgia__two__khuyenmai__modal__main__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w66-productdetail__anhgia__two__khuyenmai__modal__main__button__name {
}

.w66-productdetail__anhgia__two__khuyenmai__modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
}

.w66-productdetail__second {
    border-radius: .5rem;
    margin-top: 2rem;
    position: relative;
    z-index: 0;
    display:flex;
    flex-wrap:wrap;
    width:100%;
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__second {
        flex-direction: column-reverse;
    }
}
.w66-productdetail__second__container{
    position:sticky;
    top:1rem;
}
.w66-productdetail__second__one {
    width: 60%;
    padding: 1.5rem 1rem;
    background-color: #fff;
    border-radius: .3rem;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__second__one {
        width: 49%;
    }
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__second__one {
        width: 100%;
        margin-top: 2rem;
    }
}

.w66-productdetail__second__one__check {
    display: none;
}

.w66-productdetail__second__two {
    width: 38.5%;
    padding: 1rem;
    background-color: #fff;
    border-radius: .3rem;
   
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__second__two {
        width: 49%;
    }
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__second__two {
        width: 100%;
    }
}
.w66-productdetail__second__two__lists__ads {
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w66-productdetail__second__two__lists {
    margin-top: 2rem;
    position: sticky;
    top: 1rem;
}

    .w66-productdetail__second__two__lists:first-child {
        margin-top: 0;
    }

.w66-productdetail__second__two__lists__heading {
    display: flex;
    align-items: center;
    width: 100%;
}

.w66-productdetail__second__two__lists__heading__name {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.6rem;
}

.w66-productdetail__second__two__lists__heading__btn {
    margin-left: auto;
    font-size: 1.4rem;
    color: #98a2b3;
    display: flex;
    align-items: center;
}

.w66-productdetail__second__two__lists__heading__btn__name {
}

.w66-productdetail__second__two__lists__heading__btn__icon {
    margin-left: .5rem;
}

.w66-productdetail__second__two__lists__ads__ad {
    display: flex;
    margin-top: 1rem;
}

.w66-productdetail__second__two__lists__ads__ad__item {
    width: calc(49% - 1.2rem);
    padding: .75rem .5rem;
    margin-right: 2%;
    overflow: hidden;
    border: solid .1rem #f1f1f1;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    align-items: flex-start;
}

    .w66-productdetail__second__two__lists__ads__ad__item:hover {
        background-color: #f1f1f1;
    }

.w66-productdetail__second__two__lists__ads__ad__item__hinhanh {
    width: 6rem;
    overflow: hidden;
    border-radius: .3rem;
}

.w66-productdetail__second__two__lists__ads__ad__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.w66-productdetail__second__two__lists__ads__ad__item__link {
    display: block;
    overflow: hidden;
    margin-left: 1rem;
    width: calc(100% - 7rem);
}

.w66-productdetail__second__two__lists__ads__ad__item__link__name {
    font-size: 1.4rem;
    font-weight: 600;
}

.w66-productdetail__second__two__lists__ads__ad__item__link__des {
    font-size: 1.4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    margin-top: .5rem;
}

.w66-productdetail__second__two__lists__ads__next.swiper-button-next {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background-color: transparent;
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    border: none;
}

.w66-productdetail__second__two__lists__ads__next__icon {
}

.w66-productdetail__second__two__lists__ads__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background-color: transparent;
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    top: initial;
    left: .5rem;
    opacity: 1 !important;
}

.w66-productdetail__second__two__lists__ads__prev__icon {
}

.w66-productdetail__second__two__lists__ads__next:hover,
.w66-productdetail__second__two__lists__ads__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w66-productdetail__second__two__lists__ads__next:after,
.w66-productdetail__second__two__lists__ads__prev:after {
    display: none;
}

.w66-productdetail__second__one__tabs {
    text-align: center;
    padding: 0;
    position: relative;
    overflow: hidden;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__second__one__tabs {
        overflow: hidden;
    }
}

.w66-productdetail__second__one__tabs__items {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    justify-content: center;
}

.w66-productdetail__second__one__tabs__items__item {
    display: inline-block;
    padding: .75rem 2rem .75rem;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    border: solid .1rem #f1f1f1;
    margin-right: 2rem;
    border-radius: .5rem;
    color: rgba(var(--main-color-w),1);
    border: solid .1rem rgba(var(--main-color-w),.05);
    background-color: rgba(var(--main-color-w),.05);
}

.w66-productdetail__second__one__check:checked ~
.w66-productdetail__second__one__tabs
.w66-productdetail__second__one__tabs__items
.w66-productdetail__second__one__tabs__items__item {
    color: #363636;
    border: solid .1rem #f1f1f1;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__second__one__tabs__items__item {
        font-size: 1.4rem;
        line-height: 2.6rem;
        margin-right: 1rem;
    }
}

.w66-productdetail__second__one__tabs__items__item:hover {
    color: rgba(var(--main-color-w),1);
    border: solid .1rem rgba(var(--main-color-w),.05);
    background-color: rgba(var(--main-color-w),.05);
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__second__one__tabs__items__item {
    }
}

.w66-productdetail__second__one__tabs__items__comment {
    display: inline-block;
    padding: .75rem 2rem .75rem;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    border: solid .1rem #f1f1f1;
    border-radius: .5rem;
}



@media only screen and (max-width:37.5rem) {
    .w66-productdetail__second__one__tabs__items__comment {
        font-size: 1.4rem;
        line-height: 2.6rem;
    }
}


@media only screen and (max-width:75rem) {
    .w66-productdetail__second__one__tabs__items__comment {
    }
}

.w66-productdetail__second__one__check:checked ~
.w66-productdetail__second__one__tabs
.w66-productdetail__second__one__tabs__items
.w66-productdetail__second__one__tabs__items__comment {
    color: rgba(var(--main-color-w),1);
    border: solid .1rem rgba(var(--main-color-w),.05);
    background-color: rgba(var(--main-color-w),.05);
}

.w66-productdetail__second__one__content {
    margin-top: 1rem;
}

.w66-productdetail__second__one__check:checked ~
.w66-productdetail__second__one__content {
    display: none;
}

.w66-productdetail__second__one__content__detail {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.w66-productdetail__second__one__content__detail__text iframe {
    height: 39rem;
    width: 100%;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__second__one__content__detail__text iframe {
        height: 30rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w66-productdetail__second__one__content__detail__text iframe {
        height: 24rem;
    }
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__second__one__content__detail__text iframe {
        height: 42rem;
    }
}

@media only screen and (max-width:37.25rem) {
    .w66-productdetail__second__one__content__detail__text iframe {
        height: 27rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w66-productdetail__second__one__content__detail__text iframe {
        height: 22rem;
    }
}

.w66-productdetail__second__one__content__detail__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    max-height: 35rem;
    overflow: hidden;
}

.w66-productdetail__second__one__content__detail__check:checked ~ .w66-productdetail__second__one__content__detail__text {
    max-height: max-content;
}

.w66-productdetail__second__one__content__detail__check {
    display: none;
}

.w66-productdetail__second__one__content__detail__bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 0;
    transition: all 1s;
}

.w66-productdetail__second__one__content__detail__check:checked ~
.w66-productdetail__second__one__content__detail__bg {
    height: 0;
}

.w66-productdetail__second__one__content__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 1rem 0;
    background: #fff;
    z-index: 1;
}

.w66-productdetail__second__one__content__detail__bottom__label {
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    border-radius: .3rem;
    padding: .75rem 2rem;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w66-productdetail__second__one__content__detail__bottom__label:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w66-productdetail__second__one__content__detail__bottom__label--top {
    display: none;
}

.w66-productdetail__second__one__content__detail__bottom__label__text {
}

.w66-productdetail__second__one__content__detail__bottom__label__text--2 {
    display: none;
}

.w66-productdetail__second__one__content__detail__check:checked ~
.w66-productdetail__second__one__content__detail__bottom
.w66-productdetail__second__one__content__detail__bottom__label
.w66-productdetail__second__one__content__detail__bottom__label__text--1 {
    display: none;
}

.w66-productdetail__second__one__content__detail__check:checked ~
.w66-productdetail__second__one__content__detail__bottom
.w66-productdetail__second__one__content__detail__bottom__label
.w66-productdetail__second__one__content__detail__bottom__label__text--2 {
    display: inline-block;
}

.w66-productdetail__second__one__content__detail__bottom__label__icon {
    margin-left: 1rem;
}

.w66-productdetail__second__one__content__detail__check:checked ~
.w66-productdetail__second__one__content__detail__bottom
.w66-productdetail__second__one__content__detail__bottom__label
.w66-productdetail__second__one__content__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w66-productdetail__second__one__content__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w66-productdetail__second__one__content__items__item {
    width: 100%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__second__one__content__items__item {
    }
}

.w66-productdetail__second__one__content__items__item__content {
    display: flex;
    transition: all .5s;
    width: 100%;
}

.w66-productdetail__second__one__content__items__item__content__box {
    border: 1px solid #dfdfdf;
    border-radius: 1rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
    width: 100%;
}

.w66-productdetail__second__one__content__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
    text-transform: uppercase;
    padding: 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
    border-radius: .5rem .5rem 0 0;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
}

@media only screen and (min-width:81.25rem) {
    .w66-productdetail__second__one__content__items__item__content__box__name {
        padding: 1rem;
    }
}

.w66-productdetail__second__one__content__items__item__content__box__name__text {
    font-size: 1.5rem;
    font-weight: 600;
    margin-right: .5rem;
    color: #fff;
    line-height: 2.5rem;
}

.w66-productdetail__second__one__content__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w66-productdetail__second__one__content__items__item__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.w66-productdetail__second__one__content__items__item__check:checked ~
.w66-productdetail__second__one__content__items__item__content
.w66-productdetail__second__one__content__items__item__content__box {
    background-color: #fff;
}

    .w66-productdetail__second__one__content__items__item__check:checked ~
    .w66-productdetail__second__one__content__items__item__content
    .w66-productdetail__second__one__content__items__item__content__box
    .w66-productdetail__second__one__content__items__item__content__box__name {
    }

        .w66-productdetail__second__one__content__items__item__check:checked ~
        .w66-productdetail__second__one__content__items__item__content
        .w66-productdetail__second__one__content__items__item__content__box
        .w66-productdetail__second__one__content__items__item__content__box__name
        .w66-productdetail__second__one__content__items__item__content__box__name__icon {
            transform: rotate(180deg);
        }

        .w66-productdetail__second__one__content__items__item__check:checked ~
        .w66-productdetail__second__one__content__items__item__content
        .w66-productdetail__second__one__content__items__item__content__box
        .w66-productdetail__second__one__content__items__item__content__box__name
        .w66-productdetail__second__one__content__items__item__content__box__name__text {
        }

.w66-productdetail__second__one__content__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w66-productdetail__second__one__content__items__item__check {
    display: none;
}

    .w66-productdetail__second__one__content__items__item__check:checked ~
    .w66-productdetail__second__one__content__items__item__content
    .w66-productdetail__second__one__content__items__item__content__box
    .w66-productdetail__second__one__content__items__item__content__box__des {
        max-height: 999vh;
    }

.w66-productdetail__second__one__content__items__item__content__box__des__text {
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: justify;
    transition: all .5s;
    padding: 0rem 1rem 0;
}

    .w66-productdetail__second__one__content__items__item__content__box__des__text ul,
    .w66-productdetail__second__one__content__items__item__content__box__des__text ol {
        margin-left: 2.5rem;
    }

    .w66-productdetail__second__one__content__items__item__content__box__des__text b {
        color: rgba(var(--main-color-w),1);
    }

.w66-productdetail__cart {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    padding: 1rem;
    border: #f1f1f1 solid .1rem;
    border-radius: .3rem;
    align-items: center;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__cart {
        justify-content: center;
    }
}

.w66-productdetail__cart__name {
    width: 100%;
    text-align: center;
    font-size: 1.8rem;
    font-weight: 600;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    background-color: #f1f1f1;
    border-radius: .3rem;
}

.w66-productdetail__cart__hinhanh {
    width: 16rem;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__cart__hinhanh {
        width: 15%;
    }

    @media only screen and (max-width:50rem) {
        .w66-productdetail__cart__hinhanh {
            margin-top: 1rem;
            margin-left: 0;
            width: 100%;
        }
    }
}

.w66-productdetail__cart__hinhanh__imgbox {
    background-position: center;
    background-size: contain;
    border-radius: .3rem;
    width: 100%;
}

.w66-productdetail__cart__hinhanh__imgbox__img {
    width: 100%;
}

.w66-productdetail__cart__info {
    margin-left: 2rem;
    width: 56rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #ed3324;
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: .5rem;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__cart__info {
        margin-left: 2%;
        width: 83%;
    }

    @media only screen and (max-width:50rem) {
        .w66-productdetail__cart__info {
            margin-top: 1rem;
            margin-left: 0;
            width: 100%;
        }
    }
}

.w66-productdetail__cart__info__name {
    width: 100%;
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__cart__info__name {
        text-align: center;
    }
}

.w66-productdetail__cart__info__main {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: .5rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__cart__info__main {
        justify-content: center;
    }
}

.w66-productdetail__cart__info__main__1 {
    font-size: 2rem;
    font-weight: 600;
}

.w66-productdetail__cart__info__main__2 {
    text-decoration: line-through;
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w66-productdetail__cart__info__main__sale {
    margin-left: 1rem;
    font-size: 1.4rem;
}

.w66-productdetail__cart__info__main__status {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__cart__info__main__status {
        margin-left: 0;
        margin-top: .5rem;
        width: 100%;
        justify-content: center;
    }
}

.w66-productdetail__cart__info__main__status__imgbox {
    width: 3rem;
    height: 3rem;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w66-productdetail__cart__info__main__status__name {
    margin-left: .5rem;
    font-size: 1.4rem;
}

.w66-productdetail__cart__info__des {
    width: 100%;
    font-size: 1.5rem;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__cart__info__des {
        text-align: center;
    }
}

.w66-productdetail__cart__buy {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    margin-left: auto;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__cart__buy {
        margin-left: 0;
        margin-top: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
}

.w66-productdetail__cart__buy__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w66-productdetail__cart__buy__minus {
    border: .1rem solid rgba(129,129,129,.2);
    background-color: #fff;
    cursor: pointer;
    color: #999;
    border-right: none;
    border-radius: .5rem 0 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    width: 3rem;
    margin-left: 1rem;
}

.w66-productdetail__cart__buy__plus {
    border: .1rem solid rgba(129,129,129,.2);
    background-color: #fff;
    cursor: pointer;
    color: #999;
    border-left: none;
    border-radius: 0 .5rem .5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    width: 3rem;
}

.w66-productdetail__cart__buy__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    height: 3.5rem;
    width: 4.5rem;
    color: #999;
    outline: none;
    text-align: center;
    font-size: 1.6rem;
    font-family: inherit;
}

    .w66-productdetail__cart__buy__input::-webkit-outer-spin-button,
    .w66-productdetail__cart__buy__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        -moz-appearance: textfield;
    }

.w66-productdetail__cart__btn {
    border-radius: .3rem;
    background-color: rgba(var(--second-color-w), 1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1.5rem;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: max-content;
    margin-left: 2rem;
}

@media only screen and (max-width:75rem) {
    .w66-productdetail__cart__btn {
        margin-top: 1rem;
    }
}

.w66-productdetail__cart__btn__icon {
    font-size: 1.6rem;
}

.w66-productdetail__cart__btn__text {
    margin-left: 1rem;
    width: max-content;
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w66-productdetail__cart__btn {
        width: 100%;
        margin: 2rem 0 0;
    }
}

.w66-productdetail__cart__btn:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w66-productdetail__face {
    margin-top: 2rem;
    border: #f1f1f1 solid .1rem;
    border-radius: .5rem;
    width: 100%;
    padding: 1rem;
    position: relative;
    background-color: #fff;
}

.w66-productdetail__face__button {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w66-productdetail__face__comment {
    width: 100%;
    margin-top: 1rem;
    overflow: hidden;
}

    .w66-productdetail__face__comment iframe {
        width: 100%;
        overflow: hidden;
    }

.w66-productdetail__anhgia__one__col__mains .swiper-button-next:after, .w66-productdetail__anhgia__one__col__mains .swiper-button-prev:after {
    color: #b90d0d;
}

@media only screen and (min-width:75rem) {
}

@media only screen and (max-width:75rem) {

    .w66-productdetail__anhgia__one {
        width: 49%;
    }

    .w66-productdetail__anhgia__two {
        width: 49%;
    }

    .w66-productdetail__anhgia__three {
        width: 100%;
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
    }

    @media only screen and (max-width:50rem) {
        .w66-productdetail__anhgia__three {
            display: none;
        }
    }

    .w66-productdetail__anhgia__three__danhmuc__childs__item {
        width: 48%;
        margin-left: 2%;
    }

        .w66-productdetail__anhgia__three__items__item:nth-column(2n+1),
        .w66-productdetail__anhgia__three__danhmuc__childs__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w66-productdetail__anhgia__three__danhmuc__name--1 {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w66-productdetail__anhgia__one {
        width: 100%;
        overflow: hidden;
        padding: 0;
    }

    .w66-productdetail__anhgia__two {
        width: 100%;
        margin-top: 1rem;
        padding: 0;
    }

    .w66-productdetail__anhgia__three__items__item,
    .w66-productdetail__anhgia__three__danhmuc__childs__item {
        width: 100%;
        margin-left: 0;
    }
}

.w66-productdetail__mains__main__heading {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w66-productdetail__mains__main__heading__name {
    border-bottom: solid .2rem rgba(var(--main-color-w),0);
    transition: all .5s;
}

.w66-productdetail__mains__main__heading__name__text {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 600;
    transition: all .5s;
}

.w66-productdetail__mains__main {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fff;
    padding: 1rem 1rem 3rem 1rem;
    border-radius: .3rem;
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__mains__main {
        padding-bottom: 3rem;
    }
}

.w66-productdetail__mains__main__items {
    display: flex;
    width: 100%;
}

.w66-productdetail__mains__main__items__item {
    width: calc(24.25% - 3rem);
    margin-right: calc(1% + .5rem);
    cursor: pointer;
    background-color: white;
    border-radius: 0.3rem;
    margin-top: 1.5rem;
    padding: 1rem 1rem 4rem 1rem;
    margin-left: .5rem;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

@media only screen and (min-width: 62.5rem) {
}

@media only screen and (max-width: 62.5rem) {
    .w66-productdetail__mains__main__items__item {
        width: calc(32.66666% - 3rem);
    }

    @media only screen and (max-width: 50rem) {
        .w66-productdetail__mains__main__items__item {
            width: calc(49% - 3rem);
        }

        @media only screen and (max-width: 37.5rem) {
            .w66-productdetail__mains__main__items__item {
                width: calc(100% - 3rem);
            }
        }
    }
}


.w66-productdetail__mains__main__items__item__hinhanh {
    position: relative;
    z-index: 0;
}

.w66-productdetail__mains__main__items__item__hinhanh__sale {
    position: absolute;
    top: 0rem;
    left: -.3rem;
    width: 12rem;
    height: 3.5rem;
    z-index: 2;
    background-image: url(../../img/w65/bg_sale.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.w66-productdetail__mains__main__items__item__hinhanh__sale__text {
    font-size: 1.2rem;
    color: #fff;
    margin-top: .6rem;
    margin-left: 1rem;
}

.w66-productdetail__mains__main__items__item__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}


.w66-productdetail__mains__main__items__item__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.3s all ease-in-out;
    position: relative;
    width: 100%;
}

    .w66-productdetail__mains__main__items__item__hinhanh__top__imgbox:nth-child(2) {
        position: absolute;
        transform: scale(.25);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

.w66-productdetail__mains__main__items__item__hinhanh:hover
.w66-productdetail__mains__main__items__item__hinhanh__top__imgbox:nth-child(2) {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: scale(1);
}

.w66-productdetail__mains__main__items__item__hinhanh:hover
.w66-productdetail__mains__main__items__item__hinhanh__top__imgbox:nth-child(1) {
    transform: scale(.25);
    opacity: 0;
}

.w66-productdetail__mains__main__items__item__text {
    display: block;
    font-size: 1.4rem;
    text-align: left;
    line-height: 2.4rem;
    width: fit-content;
    transition: all 0.5s ease;
    font-weight: 600;
    margin-top: 1rem;
}

.w66-productdetail__mains__main__items__item:hover .w66-productdetail__mains__main__items__item__text {
    color: rgba(var(--second-color-w),1);
}

.w66-productdetail__mains__main__items__item__thuoctinh {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: flex-start;
}

.w66-productdetail__mains__main__items__item__thuoctinh__item {
    margin-top: 1.5rem;
    margin-right: 1rem;
    padding: .25rem 1rem;
    border-radius: 1rem;
    font-size: 1.2rem;
    background-color: #f1f1f1;
}

.w66-productdetail__mains__main__items__item__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: 1.5rem;
    justify-content: flex-start;
    margin-top: 1.5rem;
    width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__mains__main__items__item__pricing {
        flex-wrap: wrap;
    }
}

.w66-productdetail__mains__main__items__item__pricing__main {
    width: 100%;
    display: flex;
    align-items: center;
}

.w66-productdetail__mains__main__items__item__pricing__main__vl {
    font-size: 1.4rem;
    color: #7d7d7d;
    margin-right: 0.5rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w66-productdetail__mains__main__items__item__pricing__main__count {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    font-weight: bold;
    display: block;
}

.w66-productdetail__mains__main__items__item__bar {
    background-color: rgba(var(--second-color-w),1);
    width: max-content;
    position: relative;
    display: flex;
    border-radius: 2rem;
    margin-top: 1.5rem;
    padding: .35rem 1.5rem;
    align-items: center;
    position: absolute;
    bottom: -1.6rem;
}

.w66-productdetail__mains__main__items__item__bar__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
}

.w66-productdetail__mains__main__items__item__bar__text {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 2;
    position: relative;
    margin-left: 1rem;
    transition: all .5s;
    color: #fff;
}

.w66-productdetail__mains__main__items__item__bar:hover .w66-productdetail__mains__main__items__item__bar__text {
    letter-spacing: .1rem;
}

.w66-productdetail__mains__main__next.swiper-button-next,
.w66-productdetail__mains__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
}

.w66-productdetail__mains__main__next.swiper-button-next {
    right: 2rem;
}

.w66-productdetail__mains__main__prev.swiper-button-prev {
    left: 2rem;
}

.w66-productdetail__mains__main__next:hover,
.w66-productdetail__mains__main__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w66-productdetail__mains__main__next:after,
.w66-productdetail__mains__main__prev:after {
    display: none;
}

.w66-productdetail__second__one__comment {
    margin-top: 3rem;
    width: 100%;
    display: none
}

.w66-productdetail__second__one__check:checked ~
.w66-productdetail__second__one__comment {
    display: block;
}

.w66-productdetail__second__one__comment__name {
    display: flex;
    font-size: 1.8rem;
    font-weight: 600;
    align-items: center;
    justify-content: center;
}

.w66-productdetail__second__one__comment__head {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w), .05);
    border-radius: 0.3rem;
    padding: 1rem;
}

.w66-productdetail__second__one__comment__head__nx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__head__nx {
        width: 100%;
    }
}

.w66-productdetail__second__one__comment__head__nx__col {
    width: 49%;
    margin-right: 1rem;
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__head__nx__col {
        width: 100%;
    }
}

.w66-productdetail__second__one__comment__head__nx__col__sao {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
}

.w66-productdetail__second__one__comment__head__nx__col__sao__point {
    font-size: 3rem;
    font-weight: 600;
    color: red;
}

.w66-productdetail__second__one__comment__head__nx__col__sao__sl {
    margin-left: 2rem;
}

.w66-productdetail__second__one__comment__head__nx__col__sao__sl__stars__star {
    color: gold;
    font-size: 1.8rem;
}

.w66-productdetail__second__one__comment__head__nx__col__sao__sl__text {
    margin-top: 1rem;
    color: #999;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.w66-productdetail__second__one__comment__head__nx__col__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.6rem;
    width: 100%;
}

.w66-productdetail__second__one__comment__head__nx__diem {
    width: 49%;
    margin-left: auto;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__head__nx__diem {
        width: 100%;
        margin: 2rem 0 0;
    }
}

.w66-productdetail__second__one__comment__head__nx__diem__range {
    display: flex;
    margin-top: .75rem;
    margin-bottom: .75rem;
    align-items: center;
    font-size: 1.2rem;
    position: relative;
    padding-right: 2.5rem;
}

.w66-productdetail__second__one__comment__head__nx__diem__range__number {
    margin-right: 1rem;
    color: #999;
    font-weight: 600;
}

.w66-productdetail__second__one__comment__head__nx__diem__range__star {
    margin-right: 1rem;
    color: gold;
}

.w66-productdetail__second__one__comment__head__nx__diem__range__bar {
    width: 90%;
    height: 1rem;
    background-color: #fff;
    margin-right: 1rem;
    border-radius: 0.5rem;
}

.w66-productdetail__second__one__comment__head__nx__diem__range__bar--1 {
    background-color: rgba(var(--main-color-w), 1);
}

.w66-productdetail__second__one__comment__head__nx__diem__range__vl {
    color: #999;
    position: absolute;
    right: 0;
}

.w66-productdetail__second__one__comment__gn {
    margin-top: 3rem;
}

.w66-productdetail__second__one__comment__gn__title {
    font-weight: 600;
    font-size: 1.5rem;
}

.w66-productdetail__second__one__comment__gn__bl__dg {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w66-productdetail__second__one__comment__gn__bl__dg__name {
    margin-right: 1rem;
    font-size: 1.4rem;
}

.w66-productdetail__second__one__comment__gn__bl__dg__stars__star {
    color: gold;
    font-size: 1.2rem;
    margin-right: .5rem;
}

    .w66-productdetail__second__one__comment__gn__bl__dg__stars__star:last-child {
        margin-right: 0;
    }

.w66-productdetail__second__one__comment__gn__bl__ntd {
    padding: 1rem 0;
}

.w66-productdetail__second__one__comment__gn__bl__ntd__text {
    margin-bottom: 0.5rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.w66-productdetail__second__one__comment__gn__bl__ntd__input {
    width: 100%;
    margin-top: 0.5rem;
    padding: 0.5rem;
    border: 0.1rem solid #dfdfdf;
    font-family: inherit;
    outline: none;
    transition: all .5s;
    border-radius: .3rem;
}

    .w66-productdetail__second__one__comment__gn__bl__ntd__input:focus {
        outline: 0.1rem solid rgba(var(--main-color-w),1);
    }

.w66-productdetail__second__one__comment__gn__bl__action {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__action {
        justify-content: center;
    }
}

.w66-productdetail__second__one__comment__gn__bl__action__text {
    margin-right: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__action__text {
        width: 100%;
        text-align: center;
        margin-bottom: 1rem;
    }
}

.w66-productdetail__second__one__comment__gn__bl__action__input {
    display: none;
}

.w66-productdetail__second__one__comment__gn__bl__action__send {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    padding: 0.5rem;
    border: none;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    cursor: pointer;
    margin-left: 1rem;
    font-family: inherit;
}

.w66-productdetail__second__one__comment__gn__bl__action__button {
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    padding: 0.5rem;
    padding: 0.5rem;
    border-radius: 0.5rem;
    font-size: 1.5rem;
    cursor: pointer;
}

.w66-productdetail__second__one__comment__gn__bl__search {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3rem;
    background-color: rgba(var(--main-color-w), .05);
    padding: .5rem 1rem;
    border-radius: .3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__search {
        margin-top: 2rem;
    }
}

.w66-productdetail__second__one__comment__gn__bl__search__tabs {
    display: flex;
    align-items: center;
}

.w66-productdetail__second__one__comment__gn__bl__search__tabs__item {
    margin-right: 2rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 0;
    color: #999;
}

    .w66-productdetail__second__one__comment__gn__bl__search__tabs__item.active {
        color: rgba(var(--main-color-w), 1);
    }

    .w66-productdetail__second__one__comment__gn__bl__search__tabs__item:last-child {
        margin-right: 0;
    }

.w66-productdetail__second__one__comment__gn__bl__search__tabs__item__text {
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__search__boxs {
        width: 100%;
        margin: 0rem 0 0;
        justify-content: space-between;
    }
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__search__boxs__box {
        margin-left: 1rem;
    }
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box:first-child {
    margin-left: 0;
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box__name {
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__search__boxs__box__name {
        display: none;
    }
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown {
    margin-left: 1rem;
    padding: .5rem .75rem;
    position: relative;
    border: .1rem solid #f1f1f1;
    border-radius: 0.3rem;
    z-index: 0;
    background-color: #fff;
    width: fit-content;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown {
        margin-left: 0;
    }
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__checkbox {
    display: none;
}

    .w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__checkbox:checked ~ .w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    cursor: pointer;
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__ad__icon {
    margin-left: 0.5rem;
}

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__items .active {
        font-weight: 600;
    }

.w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__items__item {
    font-size: 1.4rem;
    display: block;
    cursor: pointer;
    padding: 1rem 1rem;
}

    .w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__items__item:not(:last-child) {
    }

    .w66-productdetail__second__one__comment__gn__bl__search__boxs__box__dropwdown__items__item:hover {
        background-color: #eee;
    }

.w66-productdetail__second__one__comment__gn__bl__cm {
    margin-top: 2rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__first {
    width: 20%;
    text-align: center;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__first__imgbox {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    background-image: url(/img/w41/c75674b36c6d8024c0f83734265b2b53.jpg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__first__name {
    font-weight: 600;
    font-size: 1.5rem;
    margin-top: 0.5rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__first__des {
    color: #777;
    margin-top: 0.5rem;
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w66-productdetail__second__one__comment__gn__bl__cm__items__first__des {
        font-size: 1rem;
    }
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second {
    width: 76%;
    margin-left: auto;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__item__text {
    line-height: 1.6rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__text {
    margin-top: 1rem;
    line-height: 2.2rem;
    font-size: 1.5rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__abimg {
    margin-top: 1rem;
    display: flex;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__abimg__imgbox {
    width: 10rem;
    background-size: contain;
    background-position: center;
    margin-right: 1rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__abimg__imgbox__img {
    width: 100%;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep {
    background-color: #f2f2f2;
    padding: 1rem;
    position: relative;
    margin-top: 2.5rem;
}

    .w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep::after {
        content: "";
        border-top: solid 2rem #f2f2f2;
        border-left: solid 2rem transparent;
        border-right: solid 2rem transparent;
        position: absolute;
        transform: rotate(180deg);
        top: -2rem;
        position: absolute;
        display: inline-block;
        left: 0;
    }

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep__name {
    display: flex;
    align-items: center;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep__name__imgbox {
    width: 3rem;
    height: 3rem;
    min-width: 3rem;
    background-image: url(/img/w19/ke-tivi.png.webp);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 0.5rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep__name__imgbox__img {
    width: 100%;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep__name__human {
    margin-right: 0.5rem;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep__name__date {
    color: #777;
}

.w66-productdetail__second__one__comment__gn__bl__cm__items__second__rep__ct {
    margin-top: 2rem;
    line-height: 1.6rem;
}
/*ed*/


/*w65-ctaregister*/
.w65-ctaregister {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #eee;
    padding: 1.25rem 1rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w65-ctaregister__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w65-ctaregister__group {
        justify-content: center;
    }
}

.w65-ctaregister__items {
    display: flex;
    align-items: center;
}

.w65-ctaregister__items__item {
    margin-right: 2rem;
}

.w65-ctaregister__items__item__link {
    display: block;
}

.w65-ctaregister__items__item__link__imgbox {
    background-size: contain;
    background-position: center;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
}

.w65-ctaregister__second {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w65-ctaregister__second {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
        justify-content: center;
    }
}

.w65-ctaregister__second__items {
    display: flex;
    align-items: center;
}

.w65-ctaregister__second__items__item {
    font-size: 2rem;
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    margin-right: 2rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    justify-content: center;
}

.w65-ctaregister__second__form {
    display: flex;
    align-items: center;
    padding: 1rem 1rem;
    background-color: white;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    width: 40rem;
}

.w65-ctaregister__second__form__text {
    border: none;
    outline: none;
    margin-left: .5rem;
    font-size: 1.3rem;
    width: 100%;
    font-family: inherit;
}

    .w65-ctaregister__second__form__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w65-ctaregister__second__form__button {
    background-color: #f1f1f1;
    border: none;
    cursor: pointer;
    padding: 1rem 1.5rem;
    color: #3f3f3f;
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 0 0 .3rem .3rem;
    position: absolute;
    right: 0rem;
    transition: all .5s;
}

    .w65-ctaregister__second__form__button:hover {
        filter: brightness(0.8);
    }
/*ed*/
/*w65-bloglist*/
.w65-bloglist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    color: #3f3f3f;
}

.w65-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50rem) {
}

.w65-bloglist__first {
    width: 74%;
    padding-right: 2rem;
}

@media only screen and (max-width: 75rem) {
    .w65-bloglist__first {
        width: 100%;
        padding-right: 0;
    }
}

.w65-bloglist__first__heading {
    font-weight: 600;
    margin-bottom: 2rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
}

.w65-bloglist__first__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

    .w65-bloglist__first__text h1,
    .w65-bloglist__first__text h2,
    .w65-bloglist__first__text h3,
    .w65-bloglist__first__text h4,
    .w65-bloglist__first__text p,
    .w65-bloglist__first__text img,
    .w65-bloglist__first__text iframe {
        margin: 0.7rem 0;
    }

.w65-bloglist__first__block {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w65-bloglist__first__block__items {
    margin-top: 2rem;
    width: 32%;
    margin-left: 2%;
}

@media only screen and (min-width: 75rem) {
    .w65-bloglist__first__block__items:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w65-bloglist__first__block__items {
        width: 49%;
    }

        .w65-bloglist__first__block__items:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w65-bloglist__first__block__items__imgbox {
    width: 100%;
    border-radius: .3rem;
}

.w65-bloglist__first__block__items__imgbox__img {
    width: 100%;
}

.w65-bloglist__first__block__items__2 .w65-bloglist__first__items__imgbox {
    width: 100%;
}

@media only screen and (min-width: 50rem) {
    .w65-bloglist__first__block__items__2 {
        width: 48%;
        margin-left: 2%;
    }
}

.w65-bloglist__first__block__items__link {
    display: block;
    overflow: hidden;
    border-radius: .3rem;
}

.w65-bloglist__first__block__items__link__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w65-bloglist__first__block__items__link__imgbox:hover {
        transform: scale(1.05);
    }

.w65-bloglist__first__block__items__link__imgbox__img {
    width: 100%;
}

.w65-bloglist__first__block__items__content {
    margin-top: 2rem;
}

.w65-bloglist__first__block__items__content__post {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w65-bloglist__first__block__items__content__post__text {
    font-size: 1.4rem;
    font-weight: 600;
}

.w65-bloglist__first__block__items__content__main {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    text-transform: capitalize;
    cursor: pointer;
    display: block;
    transition: all .5s;
}

    .w65-bloglist__first__block__items__content__main:hover {
        color: rgba(var(--second-color-w),1);
    }

.w65-bloglist__first__block__items__content__sub {
    margin-top: 1.5rem;
    color: #626262;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w65-bloglist__first__block__items__content__button {
    font-weight: 600;
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    margin-top: 1rem;
    display: block;
    cursor: pointer;
    transition: all .5s;
}

    .w65-bloglist__first__block__items__content__button:hover {
        color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w65-bloglist__first__paging {
    text-align: center;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w65-bloglist__first__paging__items {
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: 1.5rem;
    cursor: pointer;
    transition: all .5s;
    font-size: 1.6rem;
    background-color: #f1f1f1;
}

.w65-bloglist__first__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w65-bloglist__first__paging__items:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w65-bloglist__first__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.5rem;
}

.w65-bloglist__first__paging__pre__text {
    font-size: 1.2rem;
}

.w65-bloglist__first__paging__pre__icon {
    margin-left: 0.5rem;
    font-size: 1.2rem;
}

.w65-bloglist__second {
    width: 26%;
    border-left: solid .1rem #f1f1f1;
    padding-left: 2rem;
}

@media only screen and (max-width: 75rem) {
    .w65-bloglist__second {
        width: 100%;
        border: none;
        padding-left: 0;
        margin-top: 2rem;
    }
}
.w65-bloglist__second__container{
    position:sticky;
    top:1rem;
}
.w65-bloglist__second__latest {
    width: 100%;
}

.w65-bloglist__second__latest__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w65-bloglist__second__latest__heading {
        border-bottom: 0.1rem solid #eee;
    }

    @media only screen and (max-width: 50rem) {
        .w65-bloglist__second__latest__heading {
            border-top: none;
        }
    }
}

.w65-bloglist__second__latest__items {
}

@media only screen and (max-width: 75rem) {
    .w65-bloglist__second__latest__items {
        display: flex;
        flex-wrap: wrap;
    }
}

.w65-bloglist__second__latest__items__item {
    display: flex;
    padding: .75rem 1rem .75rem 0;
    align-items: center;
    border-top: 0.1rem solid #eee;
}

@media only screen and (max-width: 75rem) {
    .w65-bloglist__second__latest__items__item {
        width: 49%;
        margin-left: 2%;
        border-top: none;
    }

        .w65-bloglist__second__latest__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width: 50rem) {
        .w65-bloglist__second__latest__items__item {
            width: 100%;
            margin-left: 0;
            border-top: 0.1rem solid #eee;
        }
    }
}

.w65-bloglist__second__latest__items__item__imgbox {
    min-width: 10rem;
    max-width: 10rem;
    height: 7rem;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w65-bloglist__second__latest__items__item__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w65-bloglist__second__latest__items__item__info {
    margin-left: 1rem;
    cursor: pointer;
}


.w65-bloglist__second__latest__items__item__info__text {
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
}

.w65-bloglist__second__latest__items__item__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w65-bloglist__second__blog {
    width: 100%;
}

.w65-bloglist__second__blog__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 0.1rem solid #eee;
}

.w65-bloglist__second__blog__content {
    display: block;
    margin-top: 1rem
}

.w65-bloglist__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w65-bloglist__second__blog__content__info__icon {
    font-size: 1.6rem;
}

.w65-bloglist__second__blog__content__info__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    display: block;
}

.w65-bloglist__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
}
/*ed*/

/*w65-blogdetail*/
.w65-blogdetail {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    color: #3f3f3f;
}

.w65-blogdetail__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50rem) {
}

.w65-blogdetail__first {
    width: 74%;
    padding-right: 2rem;
}

@media only screen and (max-width: 75rem) {
    .w65-blogdetail__first {
        width: 100%;
        padding-right: 0;
    }
}

.w65-blogdetail__first__heading {
    font-weight: 600;
    font-size: 2.4rem;
    line-height: 3.4rem;
}

.w65-blogdetail__first__info {
    display: flex;
    width: 100%;
    margin-top: 1.5rem;
    align-items: center;
    background-color: #f1f1f1;
    padding: .5rem 1rem;
    border-radius: .3rem;
}

.w65-blogdetail__first__info__item {
    margin-left: 1.5rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}

    .w65-blogdetail__first__info__item:first-child {
        margin-left: 0;
    }

.w65-blogdetail__first__info__item__name {
    margin-left: .5rem;
}

.w65-blogdetail__first__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    margin-top: 1.5rem;
}

    .w65-blogdetail__first__text iframe {
        margin-top: .5rem;
        width: 100%;
        height: 49rem;
    }

@media only screen and (max-width: 75rem) {
    .w65-blogdetail__first__text iframe {
        height: 64rem;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w65-blogdetail__first__text iframe {
        height: 49rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w65-blogdetail__first__text iframe {
        height: 43rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w65-blogdetail__first__text iframe {
        height: 32rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w65-blogdetail__first__text iframe {
        height: 25rem;
    }
}

.w65-blogdetail__second {
    width: 26%;
    border-left: solid .1rem #f1f1f1;
    padding-left: 2rem;
}

@media only screen and (max-width: 75rem) {
    .w65-blogdetail__second {
        width: 100%;
        border: none;
        padding-left: 0;
        margin-top: 2rem;
    }
}
.w65-blogdetail__second__container{
    position:sticky;
    top:1rem;
}
.w65-blogdetail__second__latest {
    width: 100%;
}

.w65-blogdetail__second__latest__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w65-blogdetail__second__latest__heading {
        border-bottom: 0.1rem solid #eee;
    }

    @media only screen and (max-width: 50rem) {
        .w65-blogdetail__second__latest__heading {
            border-top: none;
        }
    }
}

.w65-blogdetail__second__latest__items {
}

@media only screen and (max-width: 75rem) {
    .w65-blogdetail__second__latest__items {
        display: flex;
        flex-wrap: wrap;
    }
}

.w65-blogdetail__second__latest__items__content {
    display: flex;
    padding: .75rem 1rem .75rem 0;
    align-items: center;
    border-top: 0.1rem solid #eee;
}

@media only screen and (max-width: 75rem) {
    .w65-blogdetail__second__latest__items__content {
        width: 49%;
        margin-left: 2%;
        border-top: none;
    }

        .w65-blogdetail__second__latest__items__content:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width: 50rem) {
        .w65-blogdetail__second__latest__items__content {
            width: 100%;
            margin-left: 0;
            border-top: 0.1rem solid #eee;
        }
    }
}

.w65-blogdetail__second__latest__items__content__imgbox {
    min-width: 10rem;
    max-width: 10rem;
    height: 7rem;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

.w65-blogdetail__second__latest__items__content__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w65-blogdetail__second__latest__items__content__info {
    margin-left: 1rem;
    cursor: pointer;
}


.w65-blogdetail__second__latest__items__content__info__text {
    font-size: 1.5rem;
    font-weight: 500;
    display: block;
}

.w65-blogdetail__second__latest__items__content__info:hover {
    color: rgba(var(--second-color-w), 1);
}

.w65-blogdetail__second__blog {
    width: 100%;
}

.w65-blogdetail__second__blog__heading {
    font-weight: 600;
    font-size: 1.8rem;
    padding: 1rem 1rem 1rem 0;
    border-bottom: 0.1rem solid #eee;
}

.w65-blogdetail__second__blog__content {
    padding: 0rem 1rem 1rem 0;
}

.w65-blogdetail__second__blog__content__info {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 1rem;
}

.w65-blogdetail__second__blog__content__info__icon {
    font-size: 1.6rem;
}

.w65-blogdetail__second__blog__content__info__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    display: block;
}

.w65-blogdetail__second__blog__content__info:hover {
    color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w66-menu*/
.w66-menu {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w66-menu {
        padding: 0;
    }
}

.w66-menu__check {
    display: none;
}

.w66-menu__label {
    background-color: #f4f4f4;
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    display: none;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w66-menu__label {
        display: flex;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w66-menu__label__icon {
    font-size: 2.4rem;
    font-weight: normal;
}

@media only screen and (max-width:75rem) {
    .w66-menu__check:checked ~
    .w66-menu__label
    .w66-menu__label__icon:before {
        content: "\f141";
    }
}

.w66-menu__label__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
}

.w66-menu__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.w66-menu__second {
    transition: all .5s;
    position: relative;
    width: 100%;
}

@-webkit-keyframes key-w66-menu__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    section.in .w66-menu__second {
        -webkit-animation: key-w66-menu__second 1s;
        animation: key-w66-menu__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second {
        margin: 0;
        padding: 0rem 0rem;
        width: 100%;
        background-color: #f2f4f7;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .3s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100vh;
    }

    .w66-menu__check:checked ~ .w66-menu__second {
        left: 0;
    }
}

.w66-menu__second__head {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__head {
        align-items: center;
        justify-content: flex-start;
        position: fixed;
        top: 0;
        left: -100%;
        visibility: hidden;
        padding: 1rem;
        background-color: rgba(var(--main-color-w),1);
        height: 8rem;
        width: 100%;
        display: flex;
        overflow: hidden;
        z-index: 2;
        transition: all .3s cubic-bezier(.6,.1,.68,.53);
    }

    .w66-menu__check:checked ~
    .w66-menu__second
    .w66-menu__second__head {
        left: 0;
        visibility: visible;
    }

    .w66-menu__second__head__logo {
        max-width: 80%;
    }

    .w66-menu__second__head__logo__imgbox {
        background-size: contain;
        background-position: left center;
        max-height: 6rem;
    }

    .w66-menu__second__head__close {
        margin-left: auto;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
        border-radius: 50%;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        font-size: 2rem;
        transition: all .5s;
        cursor: pointer;
        transform: rotate(45deg);
    }

        .w66-menu__second__head__close:hover {
            transform: rotate(135deg);
        }
}

.w66-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items {
        width: 100%;
        margin-top: 8rem;
        position: relative;
        padding: 1rem 0 0 0;
    }
}

.w66-menu__second__items__item {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item {
        width: 100%;
    }

        .w66-menu__second__items__item:hover {
            background-color: #f1f1f1;
        }
}

@media only screen and (min-width:75rem) {
}

.w66-menu__second__items__item__check {
    display: none;
}

.w66-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__main {
        padding: 0 .7rem;
        transition: .25s;
        border-top-left-radius: .8rem;
        border-top-right-radius: .8rem;
    }

    .ws1TransApply .w66-menu__second__items__item__main {
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
    }

    .w66-menu__second__items__item:hover
    .w66-menu__second__items__item__main {
        z-index: 3;
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__main {
        width: 30%;
        background-color: rgba(var(--main-color-w),1);
        border-bottom: .1rem solid #d3d7df;
        padding: .5rem 1rem .5rem .5rem;
        border-left: .2rem solid rgba(var(--second-color-w),0);
    }

    .w66-menu__second__items__item:first-child
    .w66-menu__second__items__item__main {
        border-radius: 0 .5rem 0 0;
    }

    .w66-menu__second__items__item:last-child
    .w66-menu__second__items__item__main {
        border-radius: 0 0 .5rem 0;
    }

    .w66-menu__second__items__item__check:checked ~
    .w66-menu__second__items__item__main {
        background-color: rgba(var(--second-color-w),1);
        border-left: .2rem solid rgba(255,255,255,1);
    }
}

.w66-menu__second__items__item__main__name {
    font-size: 1.5rem;
    padding: 1rem 0rem;
    display: block;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__main__name {
        transition: all 0s;
        padding: .75rem 3rem .75rem 0;
        font-size: 1.3rem;
        color: #fff;
    }

    .w66-menu__second__items__item__check:checked ~
    .w66-menu__second__items__item__main
    .w66-menu__second__items__item__main__name {
    }

    .w66-menu__second__items__item:hover .w66-menu__second__items__item__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__main__name {
        color: #fff;
        transition: all .25s;
    }

    .w66-menu__second__items__item__check:checked ~
    .w66-menu__second__items__item__main
    .w66-menu__second__items__item__main__name {
    }
}

.w66-menu__second__items__item__main__imgbox {
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
    background-size: contain;
    background-position: center;
}

.w66-menu__second__items__item__main__down {
    display: none;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__main__down {
        position: absolute;
        bottom: -1rem;
        font-size: 2.6rem;
        color: #fff;
        left: 2.2rem;
        transition: all .25s;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        display: inline-block;
    }

    .w66-menu__second__items__item:hover
    .w66-menu__second__items__item__main__down {
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
}

.w66-menu__second__items__item__main__icon2 {
    font-size: 1.2rem;
    margin-left: .5rem;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__main__icon2 {
        padding: 0;
        right: 0;
        position: absolute;
        right: 0rem;
        transition: all .25s;
        color: #fff;
        width: 3rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    .w66-menu__second__items__item__main__icon2__value:before {
        content: "\f105" !important;
    }

    .w66-menu__second__items__item__check:checked ~
    .w66-menu__second__items__item__main
    .w66-menu__second__items__item__main__icon2 {
        right: -1.3rem;
        font-size: 2.2rem;
        color: rgba(var(--second-color-w),1);
    }

        .w66-menu__second__items__item__check:checked ~
        .w66-menu__second__items__item__main
        .w66-menu__second__items__item__main__icon2
        .w66-menu__second__items__item__main__icon2__value:before {
            content: "\f0da" !important;
            font-weight: 900;
        }
}

.w66-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs {
        position: absolute;
        top: 1rem;
        right: 0;
        width: 68%;
        background-color: #fff;
        display: none;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 1rem;
        height: calc(100vh - 10rem);
        border-radius: 1rem 0 0 1rem;
    }

        .w66-menu__second__items__item__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w66-menu__second__items__item__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w66-menu__second__items__item__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w66-menu__second__items__item__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w66-menu__second__items__item__check:checked ~
    .w66-menu__second__items__item__childs {
        display: block;
    }
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 100%;
        background-color: #fff;
        padding: 1rem 1rem 1rem 1rem;
        border: .1rem solid #eee;
        width: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
        display: flex;
        flex-wrap: wrap;
        border-radius: .5rem;
    }

    .ws1TransApply .w66-menu__second__items__item__childs {
        border-radius: 0 0 .5rem .5rem;
    }

    .w66-menu__second__items__item__childs.ws1MenudropActive {
    }

    .w66-menu__second__items__item:hover .w66-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        pointer-events: inherit;
        transform: none;
        overflow-y: scroll;
        max-height: 80vh;
    }

    .w66-menu__second__items__item__childs::-webkit-scrollbar {
        width: .4rem;
    }

    .w66-menu__second__items__item__childs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w66-menu__second__items__item__childs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w66-menu__second__items__item__childs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w66-menu__second__items__item__childs__child {
    position: relative;
    width: 49%;
    margin-left: 2%;
    margin-bottom: 1rem;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child {
        width: 100%;
    }
}

.w66-menu__second__items__item__childs__child:nth-child(2n+1) {
    margin-left: 0;
}

.w66-menu__second__items__item__childs__child--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child--back {
        display: list-item;
        background-color: rgba(var(--second-color-w),1);
    }
}

.w66-menu__second__items__item__childs__child:hover {
}

.w66-menu__second__items__item__childs__child--back:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w66-menu__second__items__item__childs__child:last-child {
    border: none;
}

.w66-menu__second__items__item__childs__child__main {
    display: flex;
    position: relative;
    padding: 0;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs__child__main {
    }


    .w66-menu__second__items__item__childs__child:first-child .w66-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child__main {
        padding: 0 0 0 0rem;
    }

    .w66-menu__second__items__item__childs__child__check:checked ~ .w66-menu__second__items__item__childs__child__main {
    }

        .w66-menu__second__items__item__childs__child__check:checked ~
        .w66-menu__second__items__item__childs__child__main
        .w66-menu__second__items__item__childs__child__main__name {
        }

    .w66-menu__second__items__item__childs__child--back .w66-menu__second__items__item__childs__child__main {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w66-menu__second__items__item__childs__child__main__back {
        color: #fff;
        margin-right: 1rem;
        font-size: 1.6rem;
    }
}

.w66-menu__second__items__item__childs__child__main__name {
    font-size: 1.4rem;
    cursor: pointer;
    color: #3f3f3f;
    display: block;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child__main__name {
        text-transform: capitalize;
        font-weight: 500;
        padding: .75rem 0rem;
        transition: all 0s;
        display: block;
        width: 100%;
        font-weight: 600;
        font-size: 1.3rem;
    }

    .w66-menu__second__items__item__childs__child--back .w66-menu__second__items__item__childs__child__main__name {
        text-transform: uppercase;
    }

    .w66-menu__second__items__item__childs__child:hover .w66-menu__second__items__item__childs__child__main__name {
    }

    .w66-menu__second__items__item__childs__child--back:hover .w66-menu__second__items__item__childs__child__main__name {
        color: #fff;
    }
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs__child__main__name {
        transition: all .5s;
        color: #3f3f3f;
        font-weight: 600;
    }
}

.w66-menu__second__items__item__childs__child__main__icon {
    font-size: 1.2rem;
    position: absolute;
    right: .5rem;
    font-weight: normal;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }

    .w66-menu__second__items__item__childs__child:hover .w66-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child__main__icon {
        padding: 1.4rem .5rem;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #3f3f3f;
        right: 0;
        display: none;
    }

    .w66-menu__second__items__item__childs__child:hover
    .w66-menu__second__items__item__childs__child__main__icon {
    }

    .w66-menu__second__items__item__childs__child__check:checked ~
    .w66-menu__second__items__item__childs__child__main
    .w66-menu__second__items__item__childs__child__main__icon {
    }

    .w66-menu__second__items__item__childs__child__main__icon:before {
    }

    .w66-menu__second__items__item__childs__child__check:checked ~
    .w66-menu__second__items__item__childs__child__main
    .w66-menu__second__items__item__childs__child__main__icon
    .w66-menu__second__items__item__childs__child__main__icon__value:before {
        content: "\f104" !important;
    }
}

.w66-menu__second__items__item__childs__child__check {
    display: none;
}

.w66-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .3s;
}

    .w66-menu__second__items__item__childs__child__grands.ws1MenudropActive {
        display: flex !important;
    }

.w66-menu__second__items__item__childs__child__grands__grand--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands {
        display: flex;
        flex-wrap: wrap;
    }

}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands {
        display: flex;
        flex-wrap: wrap;
    }
}

.w66-menu__second__items__item__childs__child__grands__grand {
    width: 15%;
    margin-left: 2%;
    margin-top: 1rem;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands__grand:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands__grand {
        width: 32%;
    }

        .w66-menu__second__items__item__childs__child__grands__grand:nth-child(3n+1) {
            margin-left: 0;
        }
}

.w66-menu__second__items__item__childs__child__grands__grand__main {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w66-menu__second__items__item__childs__child__grands__grand:first-child .w66-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w66-menu__second__items__item__childs__child__grands__grand:hover .w66-menu__second__items__item__childs__child__grands__grand__main {
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands__grand__main {
    }

    .w66-menu__second__items__item__childs__child__grands__grand:hover
    .w66-menu__second__items__item__childs__child__grands__grand__main__name {
    }

    .w66-menu__second__items__item__childs__child__grands__grand--back {
        display: list-item;
    }

        .w66-menu__second__items__item__childs__child__grands__grand--back .w66-menu__second__items__item__childs__child__grands__grand__main {
            background-color: rgba(var(--second-color-w),1);
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
        }

    .w66-menu__second__items__item__childs__child__grands__grand__main__back {
        color: #fff;
        font-size: 1.6rem;
        margin-right: 1rem;
    }
}

.w66-menu__second__items__item__childs__child__grands__grand__main__imgbox {
    height: 4rem;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.w66-menu__second__items__item__childs__child__grands__grand__main__name {
    margin-top: .5rem;
    font-size: 1.3rem;
    line-height: 2rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    text-align: center;
    width: 100%;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands__grand__main__name {
        color: #3f3f3f;
    }

    .w66-menu__second__items__item__childs__child__grands__grand__main:hover .w66-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__item__childs__child__grands__grand__main__name {
        text-transform: capitalize;
        color: #333
    }

    .w66-menu__second__items__item__childs__child__grands__grand:hover .w66-menu__second__items__item__childs__child__grands__grand__main__name {
    }

    .w66-menu__second__items__item__childs__child__grands__grand__main:hover .w66-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

.w66-menu__heading {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__heading {
        display: flex;
        align-items: center;
        padding: 1rem 0rem 1rem 1rem;
    }

    .w66-menu__heading__figure {
        background-size: contain;
        background-position: top left;
        background-repeat: no-repeat;
        max-height: 7rem;
    }

    .w66-menu__heading__label {
        margin-left: auto;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        text-align: center;
        padding: .75rem 1rem;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
    }

        .w66-menu__heading__label:hover {
            transform: scale(1.05);
        }

    .w66-menu__heading__label__icon {
        font-size: 1.6rem;
    }
}

.w66-menu__first {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__first {
        width: 100%;
        background-color: rgba(var(--main-color-w), 1);
        padding: .75rem 1rem;
        display: flex;
        justify-content: center;
    }

    @media only screen and (max-width:75rem) {
        .w66-menu__first__label {
            display: flex;
            justify-content: center;
            align-items: center;
            color: #fff;
            cursor: pointer;
        }

        .w66-menu.ws1TransApply .w66-menu__first__label {
            color: rgba(var(--main-color-w),1);
        }

        .w66-menu__first__label__icon {
            font-size: 2rem;
            transition: all .5s;
        }

        .w66-menu__check:checked ~
        .w66-menu__first
        .w66-menu__first__label
        .w66-menu__first__label__icon {
            transform: rotate(135deg);
        }

            .w66-menu__check:checked ~
            .w66-menu__first
            .w66-menu__first__label
            .w66-menu__first__label__icon:before {
                content: "\f067";
            }

        .w66-menu__first__label__name {
            font-weight: 600;
            font-size: 1.4rem;
            margin-left: 1rem;
        }
    }
}

.w66-menu__first__hotro {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__first__hotro {
        display: flex;
        align-items: center;
        margin-left: auto;
    }

    .w66-menu__first__hotro__item {
        display: flex;
        align-items: center;
        margin-left: 2rem;
        color: #fff;
        font-weight: 600;
    }

        .w66-menu__first__hotro__item:first-child {
            margin-left: 0;
        }

    .w66-menu__first__hotro__item__icon {
        font-size: 2rem;
        transition: all .25s;
        cursor: pointer;
    }

        .w66-menu__first__hotro__item__icon:hover {
            color: #fff;
        }

    .w66-menu__first__hotro__item__name {
        margin-left: 1rem;
        font-size: 1.4rem;
        transition: all .25s;
        cursor: pointer;
    }

        .w66-menu__first__hotro__item__name:hover {
            color: #fff;
        }
}

.w66-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    display: none;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w66-menu__bg {
        display: block;
    }

    .w66-menu__check:checked ~ .w66-menu__bg {
        left: 0;
    }
}

.w66-menu__second__items__last {
    list-style-type: none;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last {
        position: relative;
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last {
        width: 100%;
    }

        .w66-menu__second__items__last:hover {
            background-color: #f1f1f1;
        }
}



.w66-menu__second__items__last__check {
    display: none;
}

.w66-menu__second__items__last__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__main {
        padding: 0 .7rem;
        transition: .25s;
        border-top-left-radius: .8rem;
        border-top-right-radius: .8rem;
    }

    .ws1TransApply .w66-menu__second__items__last__main {
        border-top-left-radius: 0rem;
        border-top-right-radius: 0rem;
    }

    .w66-menu__second__items__last:hover
    .w66-menu__second__items__last__main {
        z-index: 3;
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__main {
        width: 30%;
        background-color: rgba(var(--main-color-w),1);
        border-bottom: .1rem solid #d3d7df;
        padding: .5rem 1rem .5rem .5rem;
        border-left: .2rem solid rgba(var(--second-color-w),0);
    }

    .w66-menu__second__items__last:first-child
    .w66-menu__second__items__last__main {
        border-radius: 0 .5rem 0 0;
    }

    .w66-menu__second__items__last:last-child
    .w66-menu__second__items__last__main {
        border-radius: 0 0 .5rem 0;
    }

    .w66-menu__second__items__last__check:checked ~
    .w66-menu__second__items__last__main {
        background-color: rgba(var(--second-color-w),1);
        border-left: .2rem solid rgba(255,255,255,1);
    }
}

.w66-menu__second__items__last__main__name {
    font-size: 1.5rem;
    padding: 1rem 0rem;
    display: block;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__main__name {
        transition: all 0s;
        padding: .75rem 0rem;
        font-size: 1.3rem;
        color: #fff;
    }

    .w66-menu__second__items__last__check:checked ~
    .w66-menu__second__items__last__main
    .w66-menu__second__items__last__main__name {
    }

    .w66-menu__second__items__last:hover .w66-menu__second__items__last__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__main__name {
        color: #fff;
        transition: all .25s;
    }
    .w66-menu__second__items__last__check:checked ~
    .w66-menu__second__items__last__main
    .w66-menu__second__items__last__main__name {
    }
}

.w66-menu__second__items__last__main__imgbox {
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
    background-size: contain;
    background-position: center;
}

.w66-menu__second__items__last__main__icon2 {
    font-size: 1.2rem;
    margin-left: .5rem;
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__main__icon2 {
        padding: 0;
        right: 0;
        position: absolute;
        right: 0rem;
        transition: all .25s;
        color: #fff;
        width: 2rem;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 0;
    }
    .w66-menu__second__items__last__main__icon2__value:before {
        content: "\f105" !important;
    }

    .w66-menu__second__items__last__check:checked ~
    .w66-menu__second__items__last__main
    .w66-menu__second__items__last__main__icon2 {
        right: -1.3rem;
        font-size: 2.2rem;
        color: rgba(var(--second-color-w),1);
    }

        .w66-menu__second__items__last__check:checked ~
        .w66-menu__second__items__last__main
        .w66-menu__second__items__last__main__icon2
        .w66-menu__second__items__last__main__icon2__value:before {
            content: "\f0da" !important;
            font-weight: 900;
        }
}

.w66-menu__second__items__last__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs {
        position: absolute;
        top: 1rem;
        right: 0;
        width: 68%;
        background-color: #fff;
        display: none;
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 1rem;
        height: calc(100vh - 10rem);
        border-radius: 1rem 0 0 1rem;
    }

        .w66-menu__second__items__last__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w66-menu__second__items__last__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w66-menu__second__items__last__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w66-menu__second__items__last__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w66-menu__second__items__last__check:checked ~
    .w66-menu__second__items__last__childs {
        display: block;
    }
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__childs {
        position: absolute;
        left: 0;
        top: 100%;
        background-color: #fff;
        padding: 1rem 1rem 1rem 1rem;
        border: .1rem solid #eee;
        width: 100%;
        min-width: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
        border-radius: 0 0 .5rem .5rem;
    }

    .ws1TransApply .w66-menu__second__items__last__childs {
        border-radius: 0 0 .5rem .5rem;
    }

    .w66-menu__second__items__last__childs.ws1MenudropActive {
    }

    .w66-menu__second__items__last:hover .w66-menu__second__items__last__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        pointer-events: inherit;
        transform: none;
        width: max-content;
    }

    .w66-menu__second__items__last__childs::-webkit-scrollbar {
        width: .4rem;
    }

    .w66-menu__second__items__last__childs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w66-menu__second__items__last__childs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w66-menu__second__items__last__childs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w66-menu__second__items__last__childs__child {
    position: relative;
    margin-bottom: 1rem;
}

    .w66-menu__second__items__last__childs__child:last-child {
        margin-bottom: 0;
    }

.w66-menu__second__items__last__childs__child--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child--back {
        display: list-item;
        background-color: rgba(var(--second-color-w),1);
    }
}

.w66-menu__second__items__last__childs__child:hover {
}

.w66-menu__second__items__last__childs__child--back:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w66-menu__second__items__last__childs__child:last-child {
    border: none;
    width: 100%;
    position: relative;
}

.w66-menu__second__items__last__childs__child__main {
    display: flex;
    position: relative;
    padding: 0;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__childs__child__main {
    }


    .w66-menu__second__items__last__childs__child:first-child .w66-menu__second__items__last__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__main {
        padding: 0 0 0 0rem;
    }

    .w66-menu__second__items__last__childs__child__check:checked ~ .w66-menu__second__items__last__childs__child__main {
    }

        .w66-menu__second__items__last__childs__child__check:checked ~
        .w66-menu__second__items__last__childs__child__main
        .w66-menu__second__items__last__childs__child__main__name {
        }

    .w66-menu__second__items__last__childs__child--back .w66-menu__second__items__last__childs__child__main {
        padding-left: 1rem;
        padding-right: 1rem;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .w66-menu__second__items__last__childs__child__main__back {
        color: #fff;
        margin-right: 1rem;
        font-size: 1.6rem;
    }
}

.w66-menu__second__items__last__childs__child__main__name {
    font-size: 1.4rem;
    cursor: pointer;
    color: #3f3f3f;
    display: block;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__main__name {
        text-transform: capitalize;
        font-weight: 500;
        transition: all 0s;
        display: block;
        width: 100%;
        font-weight: 600;
        font-size: 1.3rem;
    }

    .w66-menu__second__items__last__childs__child--back .w66-menu__second__items__last__childs__child__main__name {
        text-transform: uppercase;
    }

    .w66-menu__second__items__last__childs__child:hover .w66-menu__second__items__last__childs__child__main__name {
    }

    .w66-menu__second__items__last__childs__child--back:hover .w66-menu__second__items__last__childs__child__main__name {
        color: #fff;
    }
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__childs__child__main__name {
        transition: all .5s;
        color: #3f3f3f;
        margin-right: .5rem;
    }
}

.w66-menu__second__items__last__childs__child__main__icon {
    font-size: 1.2rem;
    margin-left: auto;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__childs__child__main__icon {
    }

    .w66-menu__second__items__last__childs__child:hover .w66-menu__second__items__last__childs__child__main__icon {
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__main__icon {
        display: none;
    }
}

.w66-menu__second__items__last__childs__child__main__icon2 {
    font-size: 1.2rem;
    display: none;
    margin-right: .5rem;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__main__icon2 {
        display: inline-block;
    }
}

.w66-menu__second__items__last__childs__child__check {
    display: none;
}

.w66-menu__second__items__last__childs__child__grands {
    list-style: none;
    transition: all .3s;
}

    .w66-menu__second__items__last__childs__child__grands.ws1MenudropActive {
    }

.w66-menu__second__items__last__childs__child__grands__grand--back {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__grands {
        display: flex;
        flex-wrap: wrap;
    }

    .w66-menu__second__items__last__childs__child__check:checked ~
    .w66-menu__second__items__last__childs__child__grands {
    }
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__childs__child__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: -1.1rem;
        background-color: #fff;
        width: max-content;
        min-width: 20rem;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
        padding: .5rem 1rem;
    }

    .w66-menu__second__items__last__childs__child:hover .w66-menu__second__items__last__childs__child__grands {
        left: calc(100% + 1rem);
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w66-menu__second__items__last__childs__child__grands__grand {
    margin-top: .5rem;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__grands__grand {
    }

        .w66-menu__second__items__last__childs__child__grands__grand:nth-child(3n+1) {
        }
}

.w66-menu__second__items__last__childs__child__grands__grand__main {
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__childs__child__grands__grand__main {
    }

    .w66-menu__second__items__last__childs__child__grands__grand:first-child .w66-menu__second__items__last__childs__child__grands__grand__main {
    }

    .w66-menu__second__items__last__childs__child__grands__grand:hover .w66-menu__second__items__last__childs__child__grands__grand__main {
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__grands__grand__main {
    }

    .w66-menu__second__items__last__childs__child__grands__grand:hover
    .w66-menu__second__items__last__childs__child__grands__grand__main__name {
    }

    .w66-menu__second__items__last__childs__child__grands__grand--back {
        display: list-item;
    }

        .w66-menu__second__items__last__childs__child__grands__grand--back .w66-menu__second__items__last__childs__child__grands__grand__main {
            background-color: rgba(var(--second-color-w),1);
            display: flex;
            width: 100%;
            justify-content: center;
            align-items: center;
        }

    .w66-menu__second__items__last__childs__child__grands__grand__main__back {
        color: #fff;
        font-size: 1.6rem;
        margin-right: 1rem;
    }
}

.w66-menu__second__items__last__childs__child__grands__grand__main__name {
    margin-top: .5rem;
    font-size: 1.3rem;
    line-height: 2rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
}

@media only screen and (min-width:75rem) {
    .w66-menu__second__items__last__childs__child__grands__grand__main__name {
        color: #3f3f3f;
        font-size: 1.4rem;
    }

    .w66-menu__second__items__last__childs__child__grands__grand__main:hover .w66-menu__second__items__last__childs__child__grands__grand__main__name {
    }
}

@media only screen and (max-width:75rem) {
    .w66-menu__second__items__last__childs__child__grands__grand__main__name {
        text-transform: capitalize;
        color: #333
    }

    .w66-menu__second__items__last__childs__child__grands__grand:hover .w66-menu__second__items__last__childs__child__grands__grand__main__name {
    }

    .w66-menu__second__items__last__childs__child__grands__grand__main:hover .w66-menu__second__items__last__childs__child__grands__grand__main__name {
    }
}
/*ed*/
/*w12-article-14*/
.w12-article-14 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    color: #3f3f3f;
}

.w12-article-14__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w12-article-14__heading {
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width:31.25rem) {
    .w12-article-14__heading {
        justify-content: center;
    }
}

.w12-article-14__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w12-article-14__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w12-article-14__heading__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w12-article-14__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w12-article-14__heading__btn {
        display: none;
    }
}

.w12-article-14__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w12-article-14__heading__btn:hover .w12-article-14__heading__btn__text {
    color: rgba(var(--second-color-w), 1);
}

.w12-article-14__heading__btn__icon {
    font-size: 2rem;
    margin-left: 1rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

.w12-article-14__heading__btn:hover .w12-article-14__heading__btn__icon {
    color: rgba(var(--second-color-w), 1);
}

.w12-article-14__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
}

.w12-article-14__tin {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w12-article-14__tin {
        flex-direction: column;
    }
}

.w12-article-14__tin__first {
    width: 48%;
}

@media only screen and (max-width: 50rem) {
    .w12-article-14__tin__first {
        width: 100%;
    }
}

.w12-article-14__tin__first__link {
    display: block;
    overflow: hidden;
    border-radius: 1rem;
}

.w12-article-14__tin__first__link__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .5s;
}

    .w12-article-14__tin__first__link__imgbox:hover {
        transform: scale(1.05);
    }

.w12-article-14__tin__first__link__imgbox__img {
    width: 100%;
}

.w12-article-14__tin__first__content {
    bottom: 2rem;
    color: black;
}

.w12-article-14__tin__first__content__cate {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w12-article-14__tin__first__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5rem 1rem;
    color: white;
    border-radius: 1rem;
    font-size: 1.4rem;
    font-weight: 600;
    display: inline-block;
    transition: all .5s;
    cursor: pointer;
}

    .w12-article-14__tin__first__content__cate__info:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w12-article-14__tin__first__content__cate__time {
    margin-left: 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}

.w12-article-14__tin__first__content__cate__time__icon {
    margin-right: .5rem;
}

.w12-article-14__tin__first__content__main {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    margin-top: 2rem;
    display: block;
    transition: all .5s;
}

    .w12-article-14__tin__first__content__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 50rem) {
    .w12-article-14__tin__first__content__main {
        font-size: 1.5rem;
    }
}

.w12-article-14__tin__first__content__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

@media only screen and (max-width: 50rem) {
    .w12-article-14__tin__first__content__sub {
    }
}

.w12-article-14__tin__first__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-top: 1rem;
    transition: all .2s ease;
}

.w12-article-14__tin__first__content__des__view {
    margin-left: 1rem;
}

    .w12-article-14__tin__first__content__des__view:last-child {
        margin-left: auto;
        float: right;
    }

.w12-article-14__tin__first__content__des__user {
    display: flex;
    align-items: center;
}

.w12-article-14__tin__first__content__des__user__imgbox {
    width: 2rem;
    border-radius: 50%;
}

.w12-article-14__tin__first__content__des__user__imgbox__img {
    width: 100%;
}

.w12-article-14__tin__first__content__des__user__text {
    margin-left: 1rem;
}

.w12-article-14__tin__first--row {
    position: relative;
}

.w12-article-14__tin__second {
    width: 50%;
}

@media only screen and (max-width: 50rem) {
    .w12-article-14__tin__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w12-article-14__tin__second__items__item {
    color: black;
    display: flex;
    align-items: flex-start;
}

    .w12-article-14__tin__second__items__item:not(:first-child) {
        margin-top: 2rem;
    }

.w12-article-14__tin__second__items__item__link {
    width: 22%;
    overflow: hidden;
    border-radius: .3rem;
}

.w12-article-14__tin__second__items__item__link__imgbox {
    background-size: contain;
    background-position: top center;
    transition: all .5s;
    cursor: pointer;
}

    .w12-article-14__tin__second__items__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w12-article-14__tin__second__items__item__link__imgbox__img {
    width: 100%;
}

.w12-article-14__tin__second__items__item__info {
    margin-left: auto;
    width: 76%;
}

.w12-article-14__tin__second__items__item__info__main {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    text-transform: capitalize;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .2s ease;
}

    .w12-article-14__tin__second__items__item__info__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w12-article-14__tin__second__items__item__info__des {
    margin-top: .5rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    text-align: justify;
}

/*ed*/
/*w41-banner*/
.w41-banner {
    width: 100%;
    background-color: #f5f5fa;
    padding: 1rem;
}

.w41-banner__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w41-banner__items {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 50rem) {
    .w41-banner__items {
        flex-wrap: wrap;
    }
}

.w41-banner__items__mains {
    width: 67.5%;
    min-width: 67.5%;
    overflow: hidden;
    position: relative;
    border-radius: .5rem;
    cursor: pointer;
    z-index: 0;
}

@media only screen and (max-width: 50rem) {
    .w41-banner__items__mains {
        width: 100%;
    }
}

.w41-banner__items__mains .swiper-pagination-bullet {
    background-color: white;
}

.w41-banner__items__mains .swiper-pagination-bullet-active {
    background-color: white;
}

.w41-banner__items__mains__main__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w41-banner__items__mains__main__item__imgbox__img {
    width: 100%;
}

.w41-banner__items__mains__next {
    right: 0;
    background-color: rgba(var(--main-color-w),.5);
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    transition: all .5s;
}

    .w41-banner__items__mains__next:hover {
        background-color: rgba(var(--main-color-w),1);
    }

    .w41-banner__items__mains__next::after {
        font-size: 2rem;
        color: white;
    }

.w41-banner__items__mains__prev {
    left: 0;
    background-color: rgba(var(--main-color-w),.5);
    border-top-right-radius: 0.4rem;
    border-bottom-right-radius: 0.4rem;
    transition: all .5s;
}

    .w41-banner__items__mains__prev:hover {
        background-color: rgba(var(--main-color-w),1);
    }

    .w41-banner__items__mains__prev::after {
        font-size: 2rem;
        color: white;
    }

.w41-banner__items__sub {
    width: 31.5%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50rem) {
    .w41-banner__items__sub {
        width: 100%;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 1rem;
    }
}

.w41-banner__items__sub__item {
    overflow: hidden;
    width: 100%;
    margin-bottom: .5rem;
}

@media only screen and (max-width: 50rem) {
    .w41-banner__items__sub__item {
        margin-left: 1rem;
    }

        .w41-banner__items__sub__item:first-child {
            margin-left: 0;
        }
}

.w41-banner__items__sub__item:last-child {
    margin-bottom: 0;
}

.w41-banner__items__sub__item__imgbox {
    width: 100%;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    border-radius: .3rem;
}

.w41-banner__items__sub__item__imgbox__img {
    width: 100%;
}
/*ed*/
/*w44-product*/
.w44-product {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
    color: #3f3f3f;
}

.w44-product__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w44-product__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.w44-product__content__items {
    width: 100%;
}

.w44-product__content__items__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

.w44-product__content__items__heading__text {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w44-product__content__items__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w),1);
}

.w44-product__content__items__heading__more__link {
    display: flex;
    align-items: center;
    cursor: pointer;
    font-size: 1.6rem;
}

.w44-product__content__items__heading__more__link__text {
}

.w44-product__content__items__heading__more__link__icon {
    margin-left: 0.5rem;
}

.w44-product__content__items__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
    align-items: center;
    padding-bottom: 3rem;
}

.w44-product__content__items__mains__main__item {
    width: 23.875%;
    background-color: #f7f7f7;
    cursor: pointer;
    height: fit-content;
    border-radius: .3rem;
    overflow: hidden;
    margin-right: 1.5%;
}


@media only screen and (max-width: 50rem) {
    .w44-product__content__items__mains__main__item {
        width: 32.4666666% !important;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w44-product__content__items__mains__main__item {
        width: 49.35% !important;
    }
}

.w44-product__content__items__mains__main__item__link {
    display: block;
    overflow: hidden;
}

.w44-product__content__items__mains__main__item__link__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w44-product__content__items__mains__main__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w44-product__content__items__mains__main__item__link__imgbox__img {
    width: 100%;
}


.w44-product__content__items__mains__main__item__thongtin {
    padding: 1rem;
}

.w44-product__content__items__mains__main__item__thongtin__text {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    transition: all 0.3s ease;
}

.w44-product__content__items__mains__main__item__thongtin:hover .w44-product__content__items__mains__main__item__thongtin__text {
    color: rgba(var(--main-color-w), 1);
    text-decoration: underline;
}

.w44-product__content__items__mains__main__item__thongtin__name {
    display: block;
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.6rem;
    margin-top: 0rem;
    transition: all 0.3s ease;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w44-product__content__items__mains__main__item__thongtin__pricing {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.5rem;
    flex-wrap: wrap;
    margin-bottom: .5rem;
}

.w44-product__content__items__mains__main__item__thongtin__pricing__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
}

.w44-product__content__items__mains__main__item__thongtin__pricing__sub {
    color: #999;
    font-size: 1.4rem;
    margin-left: 1rem;
    text-decoration: line-through;
}

.w44-product__content__items__mains__main__item__thongtin__km {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
    justify-content: space-between;
    display: none;
}

.w44-product__content__items__mains__main__item__thongtin__km__rate {
    display: flex;
    align-items: center;
}

.w44-product__content__items__mains__main__item__thongtin__km__rate__icon {
    font-size: 1.4rem;
    margin-right: .5rem;
}

.w44-product__content__items__mains__main__item__thongtin__km__rate__text {
    color: #5a5a5a;
    font-size: 1.4rem;
    display: block;
}

.w44-product__content__items__mains__main__item__thongtin__km__down {
    font-size: 1.4rem;
    display: block;
}

.w44-product__content__items__mains__main__item__thongtin__contain {
    display: flex;
    opacity: 0;
    transition: all 0.5s;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: -100%;
    left: 0;
    width: 100%;
    box-shadow: 0 0 1.5rem rgba(0, 0, 0, 0.219);
}

.w44-product__content__items__mains__main__item:hover .w44-product__content__items__mains__main__item__thongtin__contain {
    opacity: 1;
    bottom: 0;
}

.w44-product__content__items__mains__main__item__thongtin__contain__box {
    margin-left: auto;
}

.w44-product__content__items__mains__main__item__thongtin__contain__box__icon {
    padding: 1rem;
    color: white;
    font-size: 1.4rem;
    transition: all .25s;
}

    .w44-product__content__items__mains__main__item__thongtin__contain__box__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w44-product__content__items__mains__main__item__thongtin__contain__text {
    color: white;
    font-size: 1.4rem;
    margin-left: 1rem;
    transition: all .25s;
    padding: 1rem 0;
}

    .w44-product__content__items__mains__main__item__thongtin__contain__text:hover {
        letter-spacing: .1rem;
    }

.w44-product__content__items__mains__pagination {
    bottom: 0 !important;
}

    .w44-product__content__items__mains__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }

.w44-product__content__items__mains__next.swiper-button-next,
.w44-product__content__items__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w44-product__content__items__mains__prev {
    left: 1rem;
}

.w44-product__content__items__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w44-product__content__items__mains__prev {
        left: 1rem;
    }

    .w44-product__content__items__mains__next {
        right: 1rem;
    }
}

.w44-product__content__items__mains__next:hover,
.w44-product__content__items__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w44-product__content__items__mains__next:after,
.w44-product__content__items__mains__prev:after {
    display: none;
}
/*ed*/

/*w55-ads-5*/
.w55-ads-5 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: #fff;
    color: #3f3f3f;
}

.w55-ads-5__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w55-ads-5__heading {
}

.w55-ads-5__heading__name {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.w55-ads-5__heading__name__text {
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    padding: 0 0;
    position: relative;
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-5__heading__name__text {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w55-ads-5__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w55-ads-5__heading__name__text b {
    font-weight: 600;
}

.w55-ads-5__heading__name__text:hover {
    color: rgba(var(--second-color-w),1)
}

.w55-ads-5__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w55-ads-5__mains {
    margin-top: 2rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
    display: flex;
    width: 100%;
    align-items: center;
}

.w55-ads-5__mains__items {
    display: flex;
    margin-top: 0rem;
}

.w55-ads-5__mains__items__item.swiper-slide {
    width: 32.333333%;
    margin-right: 1.5%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w55-ads-5__mains__items__item.swiper-slide {
        width: 49%;
    }
}

.w55-ads-5__mains__items__item__main {
    border: 0.1em solid rgba(211, 211, 211, 0.5);
    padding: 1rem;
    overflow: hidden;
    border-radius: .5rem;
}

.w55-ads-5__mains__items__item__main__top {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
}

    .w55-ads-5__mains__items__item__main__top:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w55-ads-5__mains__items__item__main__top:hover:after {
        animation: key-w55-ads__mains__items__item__box 1.5s;
    }

@keyframes key-w55-ads__mains__items__item__box {
    100% {
        left: 125%;
    }
}

.w55-ads-5__mains__items__item__main__top__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    transition: all .5s;
    border: solid .1rem #fff;
    cursor: pointer;
    border-radius: .5rem;
}

    .w55-ads-5__mains__items__item__main__top__imgbox:hover {
        transform: scale(1.05);
    }

.w55-ads-5__mains__items__item__main__content {
    transition: all .5s;
}

.w55-ads-5__mains__items__item__main__content__name {
    text-transform: uppercase;
    transition: all .5s;
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 1rem;
    width: 100%;
}

.w55-ads-5__mains__items__item__main__content__name__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w55-ads-5__mains__items__item__main__content__name__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w55-ads-5__mains__items__item__main__content__name__icon {
    margin-left: auto;
    width: 2.5rem;
    height: 2.5rem;
    font-size: 1.2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    transition: all .5s;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-5__mains__items__item__main__content__name__icon {
        display: none;
    }
}

.w55-ads-5__mains__items__item__main__content__name__icon:hover {
    background-color: rgba(var(--second-color-w), 1);
}

@media only screen and (max-width:50rem) {
    .w55-ads-5__mains__items__item__main__content__name {
        font-size: 1.4rem;
    }
}

.w55-ads-5__mains__items__item__main__content:hover .w55-ads-5__mains__items__item__main__content__name {
    color: rgba(var(--second-color-w), 1);
}

.w55-ads-5__mains__items__item__main__content__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: block;
}

.w55-ads-5__mains__pagination {
    bottom: 0rem !important;
    z-index: 0;
}

    .w55-ads-5__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w55-ads-5__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w55-ads-5__mains__next.swiper-button-next,
.w55-ads-5__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w55-ads-5__mains__prev {
    left: 1rem;
}

.w55-ads-5__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w55-ads-5__mains__prev {
        left: 1rem;
    }

    .w55-ads-5__mains__next {
        right: 1rem;
    }
}

.w55-ads-5__mains__next:hover,
.w55-ads-5__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w55-ads-5__mains__next:after,
.w55-ads-5__mains__prev:after {
    display: none;
}
/*ed*/
/*w25-service*/
.w25-service {
    width: 100%;
    position: relative;
    padding: 0rem 1rem 2rem;
    background-color: white;
    color: #3f3f3f;
    background-color: #fafafa;
}

.w25-service__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 56.25rem) {
    .w25-service__group {
    }
}

.w25-service__items {
    width: 23.5%;
    margin-top: 2rem;
    text-align: center;
    margin-left: 2%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (min-width: 50rem) {
    .w25-service__items:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w25-service__items {
        width: 49%;
    }

        .w25-service__items:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w25-service__items__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 5rem;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .w25-service__items__icon:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 37.5rem) {
    .w25-service__items__icon {
        font-size: 4rem;
    }
}

.w25-service__items__item {
    margin-top: 1rem;
    width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w25-service__items__item {
        margin: 1rem 1rem 0 1rem;
    }
}

.w25-service__items__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w25-service__items__item__name {
    line-height: 2.6rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w25-service__items__item__name:hover {
        color: rgba(var(--second-color-w), 1);
    }
/*ed*/

/*w28-ctaregister*/
.w28-ctaregister {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
    color: #3f3f3f;
}

.w28-ctaregister__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w28-ctaregister__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.w28-ctaregister__items__contact {
    width: 48%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    padding: 2.5rem 2rem;
    text-align: center;
    border-radius: 2rem;
    height: fit-content;
}

@media only screen and (max-width: 50rem) {
    .w28-ctaregister__items__contact {
        width: 100%;
    }
}

.w28-ctaregister__items__contact__heading {
    font-weight: 600;
    text-align: center;
    font-size: 2rem;
    text-transform: uppercase;
    line-height: 3rem;
    color: rgba(var(--main-color-w),1);
}

.w28-ctaregister__items__contact__form {
    margin-top: 2rem;
}

.w28-ctaregister__items__contact__form__input {
    margin-top: 1rem;
    display: block;
    padding: 1rem 1rem 1rem .5rem;
    border: 0.15rem solid #eee;
    border-radius: 0.8rem;
    background-color: white;
}

.w28-ctaregister__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5rem;
}

.w28-ctaregister__items__contact__form__input__icon {
    color: red;
}

.w28-ctaregister__items__contact__form__text {
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
}

.w28-ctaregister__items__contact__form__des {
    color: red;
    font-size: 1.4rem;
    margin-top: 2rem;
    display: block;
}

.w28-ctaregister__items__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    border-radius: 0.5rem;
}

.w28-ctaregister__items__contact__form__vung__checkbox {
    display: none;
}

    .w28-ctaregister__items__contact__form__vung__checkbox:checked ~ .w28-ctaregister__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w28-ctaregister__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w28-ctaregister__items__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
}

.w28-ctaregister__items__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w28-ctaregister__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w28-ctaregister__items__contact__form__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w28-ctaregister__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w28-ctaregister__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w28-ctaregister__items__contact__button {
    padding: .75rem 2rem;
    display: inline-block;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    margin: 0 auto;
    border-radius: 2rem;
    margin-top: 2rem;
    border: none;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w28-ctaregister__items__contact__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w28-ctaregister__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 2rem;
}

.w28-ctaregister__items__second {
    width: 50%;
    overflow: hidden;
    border-radius: .5rem;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w28-ctaregister__items__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w28-ctaregister__items__second__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: .5rem;
    transition: all .5s;
}

    .w28-ctaregister__items__second__imgbox:hover {
        transform: scale(1.05);
    }

.w28-ctaregister__items__second__imgbox__img {
    width: 100%;
}

.w28-ctaregister__items__contact__form__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w28-ctaregister__items__contact__form__dropdown {
        width: 100%;
    }
}

.w28-ctaregister__items__contact__form__dropdown__label {
    background-color: transparent;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: 1rem;
    border: 0.15rem solid #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
}

.w28-ctaregister__items__contact__form__dropdown__check:checked ~
.w28-ctaregister__items__contact__form__dropdown__label
.w28-ctaregister__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w28-ctaregister__items__contact__form__dropdown__label__name {
    font-size: 1.5rem;
}

.w28-ctaregister__items__contact__form__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w28-ctaregister__items__contact__form__dropdown__check {
    display: none;
}

.w28-ctaregister__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 19rem;
}

    .w28-ctaregister__items__contact__form__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w28-ctaregister__items__contact__form__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w28-ctaregister__items__contact__form__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w28-ctaregister__items__contact__form__dropdown__subs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w28-ctaregister__items__contact__form__dropdown__check:checked ~
.w28-ctaregister__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w28-ctaregister__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w28-ctaregister__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w28-ctaregister__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w60-support*/
.w60-support {
    z-index: 11;
    height:fit-content;
}

.w60-support__mains {
    cursor: pointer;
    position: relative;
    display: block;
    border-radius: 50%;
    color: #3f3f3f;
}

    .w60-support__mains::before, .w60-support__mains::after {
        content: "";
        display: inline-block;
        width: 9rem;
        height: 9rem;
        position: absolute;
        top: -2rem;
        left: -2rem;
        -webkit-transform-origin: 50% 50%;
        -ms-transform-origin: 50% 50%;
        transform-origin: 50% 50%;
        -webkit-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        border-radius: 50px;
        z-index: -1
    }

    .w60-support__mains::before {
        background-color: #e62117;
        -webkit-animation: kfPhoneFixed 1.5s infinite ease-in-out;
        animation: kfPhoneFixed 1.5s infinite ease-in-out
    }

    .w60-support__mains::after {
        border: 2px solid rgba(var(--main-color-w),.5);
        -webkit-animation: kfPhoneFixed2 1.5s infinite ease-in-out;
        animation: kfPhoneFixed2 1.5s infinite ease-in-out;
        background-color: transparent
    }

.w60-support__mains__bg {
    background: #d00;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem
}

.w60-support__mains__checkbox {
    display: none
}

.w60-support__mains__imgbox {
    color: #fff;
    min-width: 5rem;
    min-height: 5rem;
    border-radius: 50%;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.w60-support__mains__close {
    display: none;
    -webkit-transition: all .1s ease-in-out;
    -o-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out;
    line-height: 1rem
}

.w60-support__mains__close__icon {
    font-size: 3.5rem;
    color: #fff;
}

.w60-support__mains .w60-support__mains__checkbox:checked ~ .w60-support__mains__bg .w60-support__mains__close {
    display: inline-block;
    visibility: visible;
    -webkit-animation: kfPhoneFixedClose 1s;
    animation: kfPhoneFixedClose 1s
}

.w60-support__mains .w60-support__mains__checkbox:checked ~ .w60-support__mains__bg .w60-support__mains__imgbox {
    display: none
}

.w60-support__mains__items {
    position: absolute;
    -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2);
    box-shadow: 0 0 30px rgba(0,0,0,0.2);
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    border-radius: .8rem;
    text-align: center;
    bottom: 18rem;
    right: 0;
    width: 30rem;
    padding: 0rem 0;
    transition: all .2s;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
    background: #fff
}

.support-left .w60-support__mains__items {
    left: 0;
    right: auto
}

.w60-support__mains__items::after {
    content: "\f0d7";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    position: absolute;
    bottom: -2rem;
    right: 2.2rem;
    font-size: 3rem;
    color: #fff
}

.support-left .w60-support__mains__items::after {
    left: .7rem;
    right: auto
}

.w60-support__mains .w60-support__mains__checkbox:checked ~ .w60-support__mains__items, .w60-support__mains__items.active {
    z-index: 1;
    opacity: 1;
    bottom: 8rem;
    visibility: inherit
}

.w60-support__mains__items__item {
    display: flex;
    width: 100%;
    align-items: center;
    padding: .75rem;
    transition: all .5s;
}

    .w60-support__mains__items__item:first-child {
        padding-top: 1.5rem;
        border-radius: .5rem .5rem 0 0;
    }

    .w60-support__mains__items__item:last-child {
        padding-bottom: 1.5rem;
        border-radius: 0rem 0rem .5rem .5rem;
    }

    .w60-support__mains__items__item:hover {
        background-color: #f1f1f1;
    }

.w60-support__mains__items__item--label {
    cursor: pointer;
}

.w60-support__mains__items__item__imgbox {
    width: 14%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.w60-support__mains__items__item__content {
    width: 81%;
    text-align: left;
    margin-left: 5%
}

.w60-support__mains__items__item__content__name {
    display: block;
    font-weight: 700;
    font-size: 1.6rem
}

.w60-support__mains__items__item__content__des {
    margin-top: .5rem;
    font-size: 1.3rem
}

.w60-support__mains__items__last {
    display: flex;
    width: 100%;
    align-items: center;
    padding: .75rem;
    transition: all .5s;
    cursor: pointer;
}

    .w60-support__mains__items__last:first-child {
        padding-top: 1.5rem;
        border-radius: .5rem .5rem 0 0;
    }

    .w60-support__mains__items__last:last-child {
        padding-bottom: 1.5rem;
        border-radius: 0rem 0rem .5rem .5rem;
    }

    .w60-support__mains__items__last:hover {
        background-color: #f1f1f1;
    }

.w60-support__mains__items__last--label {
    cursor: pointer;
}

.w60-support__mains__items__last__imgbox {
    width: 14%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat
}

.w60-support__mains__items__last__content {
    width: 81%;
    text-align: left;
    margin-left: 5%
}

.w60-support__mains__items__last__content__name {
    display: block;
    font-weight: 700;
    font-size: 1.6rem
}

.w60-support__mains__items__last__content__des {
    margin-top: .5rem;
    font-size: 1.3rem
}

@-webkit-keyframes kfPhoneFixed {
    0%,100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .3
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .3
    }
}

@keyframes kfPhoneFixed {
    0%,100% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .3
    }

    50% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .3
    }
}

@-webkit-keyframes kfPhoneFixedClose {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes kfPhoneFixedClose {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes kfPhoneFixed2 {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

@keyframes kfPhoneFixed2 {
    0% {
        -webkit-transform: rotate(0) scale(0.5) skew(1deg);
        transform: rotate(0) scale(0.5) skew(1deg);
        opacity: .1
    }

    30% {
        -webkit-transform: rotate(0) scale(0.7) skew(1deg);
        transform: rotate(0) scale(0.7) skew(1deg);
        opacity: .5
    }

    100% {
        -webkit-transform: rotate(0) scale(1) skew(1deg);
        transform: rotate(0) scale(1) skew(1deg);
        opacity: .1
    }
}

.w60-support__mains__modal {
    position: fixed;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    z-index: -99;
    visibility: hidden;
    transition: all .5s;
}

.w60-support__mains__checkbox__popup:checked ~ .w60-support__mains__modal {
    opacity: 1;
    z-index: 9;
    visibility: initial;
}

.w60-support__mains__modal__form {
    width: 50rem;
    padding: 1.5rem 1rem;
    background-color: rgba(255,255,255,0.9);
    position: relative;
    z-index: 3;
    line-height: 1rem;
    border-radius: .5rem;
    position: relative;
    box-shadow: 0 0 5rem rgba(255, 255, 255, 0.812);
}

.w60-support__mains__modal__form__name {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    font-weight: 700;
    line-height: 2rem;
    font-size: 1.4rem;
}

.w60-support__mains__modal__form__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
}

.w60-support__mains__modal__form__items__input,
.w60-support__mains__modal__form__items__textarea {
    width: 100%;
    border: .1rem solid #e1e1e1;
    border-radius: .5rem;
    padding: 1rem 1rem;
    margin-bottom: 1rem;
    color: #000;
    outline: none;
    font-size: 1.4rem;
    width: 100%;
}

.w60-support__mains__modal__form__items__btn {
    text-align: center;
    padding: .75rem 1rem;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .5rem;
    font-size: 1.4rem;
    text-transform: uppercase;
    margin-top: .75rem;
    display: inline-block;
    border: none;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
    font-family: inherit;
}

    .w60-support__mains__modal__form__items__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w60-support__mains__modal__bg {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    background-color: rgb(0 0 0 / 74%);
    z-index: 2;
    width: 100%;
}

.w60-support__mains__checkbox__popup {
    display: none;
}

.w60-support__mains__modal__close {
    position: absolute;
    top: -1rem;
    cursor: pointer;
    right: -1rem;
    display: inline-flex;
    border-radius: 50%;
    padding: .5rem .7rem;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w60-support__mains__modal__close:hover {
        background-color: rgba(var(--second-color-w), 1);
        transform: rotate(360deg);
    }

.w60-support__mains__modal__close__icon {
    font-size: 1rem;
}

.w60-support__mains__modal__form__items__capcha {
    position: relative;
    display: flex;
    width: 100%;
}

.w60-support__mains__modal__form__items__capcha__code.capcha-code {
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(var(--main-color-w),1) !important;
    color: #fff;
    padding: 1.05rem .5rem !important;
    margin: 0 !important;
    font-size: 1.3rem !important;
}

.w60-support__mains__modal__form__items__capcha .w60-support__mains__modal__form__items__input {
    width: 12rem;
    padding-left: 4rem;
}

.w60-support__mains__modal__form__items__capcha__text {
    color: red;
    text-align: center;
    width: 100%;
    font-weight: normal;
}

@media only screen and (max-width:550px) {
    .w60-support__mains__modal__form {
        width: 90%;
    }
}

.w60-support__mains__modal__form__items__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w60-support__mains__modal__form__items__dropdown {
        width: 100%;
    }
}

.w60-support__mains__modal__form__items__dropdown__label {
    background-color: transparent;
    padding: 1rem 1rem 1rem 1rem;
    border-radius: .5rem;
    border: 0.1rem solid #e1e1e1;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-bottom: 1rem;
    background-color: #fff;
}

.w60-support__mains__modal__form__items__dropdown__check:checked ~
.w60-support__mains__modal__form__items__dropdown__label
.w60-support__mains__modal__form__items__dropdown__label__icon:before {
    content: "\f106";
}

.w60-support__mains__modal__form__items__dropdown__label__name {
    font-size: 1.5rem;
}

.w60-support__mains__modal__form__items__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w60-support__mains__modal__form__items__dropdown__check {
    display: none;
}

.w60-support__mains__modal__form__items__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: hidden;
}

.w60-support__mains__modal__form__items__dropdown__check:checked ~
.w60-support__mains__modal__form__items__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 100%;
    opacity: 1;
}

.w60-support__mains__modal__form__items__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w60-support__mains__modal__form__items__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w60-support__mains__modal__form__items__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w40-testimonial*/
.w40-testimonial {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    background-image: url(/img/w40/bg-client.jpg);
    background-size: cover;
}

.w40-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w40-testimonial__heading__title {
    display: flex;
    width: fit-content;
}

.w40-testimonial__heading__title__text {
    font-weight: 600;
    font-size: 3rem;
    color: rgba(var(--main-color-w), 1);
}

.w40-testimonial__heading__title__line {
    width: 0.5rem;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    margin-right: 0.5rem;
}

.w40-testimonial__heading__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    display: block;
}

.w40-testimonial__mains {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 3rem;
    align-items: center;
}

.w40-testimonial__mains__items__item.swiper-slide {
    width: 32%;
    margin-right: 2%;
}

@media only screen and (max-width: 37.5rem) {
    .w40-testimonial__mains__items__item.swiper-slide {
        width: 100%;
        margin-right: 0;
    }
}

.w40-testimonial__mains__pagination {
    bottom: 0 !important;
}

    .w40-testimonial__mains__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }

.w40-testimonial__mains__next.swiper-button-next,
.w40-testimonial__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w40-testimonial__mains__prev {
    left: 1rem;
}

.w40-testimonial__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w40-testimonial__mains__prev {
        left: 1rem;
    }

    .w40-testimonial__mains__next {
        right: 1rem;
    }
}

.w40-testimonial__mains__next:hover,
.w40-testimonial__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w40-testimonial__mains__next:after,
.w40-testimonial__mains__prev:after {
    display: none;
}

.w40-testimonial__mains__items__item {
    box-shadow: 0.1rem 0.1rem 1.5rem 0.1rem rgba(241, 241, 241, 0.281);
    display: flex;
    flex-direction: column;
    text-align: center;
}

.w40-testimonial__mains__items__item__star {
    margin-top: 2rem;
}

.w40-testimonial__mains__items__item__star__icon {
    color: #ffc107;
    font-size: 1.6rem;
    margin-right: .5rem;
}

.w40-testimonial__mains__items__item__name {
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w40-testimonial__mains__items__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    margin-top: 1rem;
}

.w40-testimonial__mains__items__item__text {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    display: block;
    text-align: justify;
}

.w40-testimonial__mains__items__item__imgbox {
    width: 15rem;
    height: 15rem;
    min-height: 15rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    margin: 0 auto;
}

.w40-testimonial__mains__items__item__imgbox__img {
    width: 100%;
    height: 100%;
}

/*ed*/

/*w28-service*/
.w28-service {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w28-service__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 0 1rem;
}

.w28-service__heading {
    display: block;
}

.w28-service__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
}

@media only screen and (max-width: 50rem) {
    .w28-service__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w28-service__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w28-service__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.w28-service__items__mains {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

@media only screen and (max-width: 50rem) {
    .w28-service__items__mains {
        width: 100%;
        align-items: center;
        text-align: center;
    }
}

.w28-service__items__center {
    width: 45%;
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w28-service__items__center {
        width: 100%;
        margin: 2rem auto;
        display: block;
    }
}

.w28-service__items__center__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    border-radius: .3rem;
    transition: all .5s;
}

    .w28-service__items__center__imgbox:hover {
        transform: scale(1.05);
    }

.w28-service__items__center__imgbox__img {
    width: 100%;
}

.w28-service__items__mains__item {
    margin-top: 10rem;
}

@media only screen and (max-width: 50rem) {
    .w28-service__items__mains__item {
        margin-top: 2rem;
    }
}

.w28-service__items__mains__item:first-child {
    margin-top: 0;
}

.w28-service__items__mains__item__iconbox {
    height: 8rem;
    width: 8rem;
    border: 0.1rem dashed rgba(var(--main-color-w), 1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-self: center;
    padding: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w28-service__items__mains__item__iconbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width: 50rem) {
    .w28-service__items__mains__item__iconbox {
        margin: 0 auto;
    }
}

.w28-service__items__mains__item__iconbox__icon {
    font-size: 4rem;
    color: rgba(var(--main-color-w), 1);
    display: inline-block;
    width: fit-content;
    margin: 0 auto;
}

.w28-service__items__mains__item__main {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w), 1);
    display: block;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w28-service__items__mains__item__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w28-service__items__mains__item__sub {
    line-height: 2.6rem;
    text-align: justify;
    font-size: 1.6rem;
    display: block;
    margin-top: 1rem;
}

/*ed*/

/*w47-ads-1*/
.w47-ads-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w47-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w47-ads-1__group {
        margin: unset !important;
    }
}

.w47-ads-1__heading {
    display: flex;
    flex-direction: column;
}

.w47-ads-1__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.w47-ads-1__heading__title__line {
    width: .1rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1rem;
    opacity: 1;
    border-radius: 0.2rem;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.w47-ads-1__heading__title__text {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (min-width: 37.5rem) {
    .w47-ads-1__heading__title__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w47-ads-1__heading__des {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 0rem;
}

.w47-ads-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.w47-ads-1__items__item {
    width: 24%;
    text-align: center;
    background-color: white;
    cursor: pointer;
    height: fit-content;
    padding: 0.5rem;
    transition: all 0.2s ease;
    margin-top: 7rem;
}

.w47-ads-1__items__item__imgbox {
    transition: all 0.2s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
}

.w47-ads-1__items__item__imgbox__img {
    width: 100%;
}

.w47-ads-1__items__item:not(:first-child) {
    margin-left: 1.33333%;
}

@media only screen and (min-width: 50rem) {
    .w47-ads-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w47-ads-1__items__item {
        width: 49.333%;
        margin-top: 2rem;
    }

        .w47-ads-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w47-ads-1__items__item:nth-child(even) {
    margin-top: 0rem;
}

.w47-ads-1__items__item__content {
    display: flex;
    z-index: 2;
    position: relative;
    padding: 2rem 1rem;
    margin-top: -10rem;
    background: linear-gradient(to top, white, rgba(255, 255, 255, 0.9) 60%, transparent) no-repeat;
}

.w47-ads-1__items__item__content__main {
    text-transform: capitalize;
    font-size: 3rem;
    font-weight: 600;
    line-height: 1.3rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50rem) {
    .w47-ads-1__items__item__content__main {
        font-size: 2rem !important;
        padding: unset;
        margin-right: .3rem;
    }
}

.w47-ads-1__items__item__content__main__line {
    content: "";
    height: 9rem;
    border-left: 1px solid rgba(var(--main-color-w), 1);
    position: relative;
    margin-top: 1rem;
}

.w47-ads-1__items__item__content__sub {
    font-size: 1.4rem;
    align-self: flex-end;
    text-align: justify;
    line-height: 2.6rem;
    margin-top: 6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w47-ads-1__items__item__content__sub {
        font-size: 1rem;
    }
}

/*ed*/
/*w65-ads-3*/
.w65-ads-3 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w65-ads-3__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w65-ads-3__heading {
    text-align: center;
}

.w65-ads-3__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w65-ads-3__heading__name {
        font-size: 2rem;
        line-height: 3rem
    }
}

.w65-ads-3__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w65-ads-3__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

.w65-ads-3__mains__main {
    display: flex;
    padding-bottom: 1rem;
}

.w65-ads-3__mains__main__item.swiper-slide {
    width: 49%;
    margin-right: 2%;
    position: relative;
    outline: none;
}

@media only screen and (max-width:37.5rem) {
    .w65-ads-3__mains__main__item.swiper-slide {
        width: 100%;
        margin-right: 0;
    }
}

.w65-ads-3__mains__main__item__content {
    position: relative;
    overflow: hidden;
}

.w65-ads-3__mains__main__item__content__bottom {
    padding: 1rem;
    display: block;
    position: relative;
}

.w65-ads-3__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
}

.w65-ads-3__mains__main__item__content__bottom__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
}

.w65-ads-3__mains__main__item__content__bottom__btn {
    font-size: 1.4rem;
    display: inline-block;
    padding: .75rem 1.5rem;
    border-radius: 2rem;
    margin-top: 1rem;
    cursor: pointer;
    color: #fff;
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    width: max-content;
    transition: all .5s;
}

    .w65-ads-3__mains__main__item__content__bottom__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w65-ads-3__mains__main__item__content__bottom__btn__text {
}

.w65-ads-3__mains__main__item__content__bottom__btn__icon {
    margin-left: .5rem;
}

.w65-ads-3__mains__main__item__content__top {
    overflow: hidden;
    display: block;
    border-radius: .3rem;
}

.w65-ads-3__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
}

    .w65-ads-3__mains__main__item__content__top__imgbox:hover {
        transform: scale(1.05);
    }

.w65-ads-3__mains__pagination {
    bottom: 0 !important;
}
/*ed*/
/*w15-testimonial*/
.w15-testimonial {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w15-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w15-testimonial__heading__main {
    font-weight: 600;
    font-size: 3rem;
    line-height: 5rem;
    text-align: center;
    display: block;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w15-testimonial__heading__main {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w15-testimonial__heading__sub {
    font-size: 1.6rem;
    text-align: center;
    line-height: 2.6rem;
    display: block;
    margin-top: 1rem;
}

.w15-testimonial__items {
    margin-top: 1rem;
}

.w15-testimonial__items__item {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w15-testimonial__items__item {
        flex-wrap: wrap;
        text-align: center;
    }
}

.w15-testimonial__items__item:not(:last-child) {
    border-bottom: 0.1rem solid #eee;
}

.w15-testimonial__items__item__imgbox {
    width: 10rem;
    height: 10rem;
    min-width: 10rem;
    border-radius: 50%;
    overflow: hidden;
    margin-right: 2rem;
    display: block;
    background-size: cover;
}

@media only screen and (max-width: 37.5rem) {
    .w15-testimonial__items__item__imgbox {
        margin: 0 auto 1rem auto;
    }
}

.w15-testimonial__items__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w15-testimonial__items__item__box {
    width: 100%;
}

.w15-testimonial__items__item__box__title {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: capitalize;
}

.w15-testimonial__items__item__box__info {
    margin-top: 1.5rem;
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
    background-color: #eee;
    border-radius: .3rem;
}

.w15-testimonial__items__item__box__text {
    background-color: white;
    margin-top: 1rem;
    padding: 1rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
}

/*ed*/
/*w15-testimonial-1*/
.w15-testimonial-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #f1f1f1;
}

.w15-testimonial-1__group {
    max-width: 120rem;
    margin: 0 auto;
    color: var(--text-color-w);
}

.w15-testimonial-1__heading__main {
    font-weight: 600;
    font-size: 3rem;
    text-align: center;
    line-height: 4.6rem;
    display: block;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w15-testimonial-1__heading__main {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w15-testimonial-1__heading__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    line-height: 2rem;
    display: block;
    position: relative;
    margin-top: 1rem;
}

.w15-testimonial-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: center;
}

.w15-testimonial-1__items__item {
    width: 23.5%;
    background-color: white;
    padding: 1rem;
    margin-left: 2%;
    box-shadow: 0.5rem 0.5rem 0.5rem rgba(0, 0, 0, 0.171);
    height: max-content;
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
    border-radius: .3rem;
    overflow:hidden;
}

@media only screen and (min-width: 43.75rem) {
    .w15-testimonial-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 43.75rem) {
    .w15-testimonial-1__items__item {
        width: 49%;
    }

        .w15-testimonial-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w15-testimonial-1__items__item__link {
    display: block;
    overflow: hidden;
}

.w15-testimonial-1__items__item__link__imgbox {
    width: 100%;
    overflow: hidden;
    margin-right: 2rem;
    display: block;
    background-size: cover;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

.w15-testimonial-1__items__item:hover
.w15-testimonial-1__items__item__link__imgbox {
    transform: scale(1.05);
}

@media only screen and (max-width: 37.5rem) {
    .w15-testimonial-1__items__item__link__imgbox {
        margin: 0 auto 1rem auto;
    }
}

.w15-testimonial-1__items__item__link__imgbox__img {
    width: 100%;
}

.w15-testimonial-1__items__item__content {
    display: block;
    background-color: #fff;
}

.w15-testimonial-1__items__item__content__title {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: capitalize;
    text-align: center;
    margin-top: 1rem;
    display: block;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w15-testimonial-1__items__item__content__title:hover {
        transform: scale(1.05);
    }

.w15-testimonial-1__items__item__content__text {
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
    margin-top: 1rem;
}
/*ed*/
/*w67-header*/
.w67-header {
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem;
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w67-header {
    }
}

.w67-header__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:62.5rem) {
    .w67-header__group {
    }

}
@media only screen and (max-width:50rem) {
    .w67-header__ckdanhmuc:checked ~
    .w67-header__group {
        z-index: 9;
    }
}

.w67-header__first {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w67-header__first {
    }
}

.w67-header__first__link {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w67-header__first__link {
        display: none;
    }
}

.w67-header__first__link__imgbox {
    background-size: contain;
    background-position: center;
    max-width: 20rem;
}

.w67-header__first__mobile {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w67-header__first__mobile {
        display: flex;
        width: 4rem;
    }

    .w67-header__first__mobile__imgbox {
        background-size: contain;
        background-position: center;
        max-width: 4rem;
    }
}

.w67-header__first__mains {
    display: flex;
    align-items: normal;
}

@media only screen and (max-width:50rem) {
    .w67-header__first__mains {
        display: none;
    }
}

.w67-header__first__mains__bars {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 1rem;
    background-color: rgba(255,255,255,.3);
    padding: .5rem 1rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
    color: #fff;
    position: relative;
}

    .w67-header__first__mains__bars:before {
        z-index: 2;
        height: 3rem;
        width: 3rem;
        position: absolute;
        content: "";
        border-radius: 50%;
        border: solid .1rem rgba(255, 255, 255, 0.5);
        -webkit-animation: key-w67-header__first__mains__bars__before 3s infinite;
        animation: key-w67-header__first__mains__bars__before 3s infinite;
        display: none;
    }

@-webkit-keyframes key-w67-header__first__mains__bars__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w67-header__ckdanhmuc:checked ~
.w67-header__group
.w67-header__first
.w67-header__first__mains
.w67-header__first__mains__bars:before {
    display: block;
}

.w67-header__first__mains__bars:after {
    z-index: 1;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w67-header__first__mains__bars__after 3s infinite;
    animation: key-w67-header__first__mains__bars__after 3s infinite;
    display: none;
}

@-webkit-keyframes key-w67-header__first__mains__bars__after {
    0% {
        transform: scale(1);
        opacity: .1;
    }

    50% {
        opacity: .5;
        transform: scale(1.3);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}

.w67-header__ckdanhmuc:checked ~
.w67-header__group
.w67-header__first
.w67-header__first__mains
.w67-header__first__mains__bars:after {
    display: block;
}

.w67-header__first__mains__bars:hover {
    background-color: rgba(255,255,255,.5);
}

.w67-header__first__mains__bars__icon {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid .1rem #fff;
    border-radius: .3rem;
    width: 2.2rem;
    height: 2.2rem;
    position: relative;
    z-index: 3;
}

    .w67-header__first__mains__bars__icon:before {
        transition: all .3s;
    }

.w67-header__ckdanhmuc:checked ~
.w67-header__group
.w67-header__first
.w67-header__first__mains
.w67-header__first__mains__bars
.w67-header__first__mains__bars__icon {
    background-color: rgba(var(--second-color-w),1);
}

    .w67-header__ckdanhmuc:checked ~
    .w67-header__group
    .w67-header__first
    .w67-header__first__mains
    .w67-header__first__mains__bars
    .w67-header__first__mains__bars__icon:before {
        content: "\f067" !important;
        transform: rotate(135deg);
    }

.w67-header__first__mains__bars__name {
    margin-left: 1rem;
    font-size: 1.3rem;
    position: relative;
    z-index: 3;
    white-space: nowrap;
}

.w67-header__first__mains__item {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    background-color: rgba(255,255,255,.3);
    padding: .5rem .75rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
    color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w67-header__first__mains__item {
        display: none;
    }
}

.w67-header__first__mains__item:hover {
    background-color: rgba(255,255,255,.5);
}

.w67-header__first__mains__item__icon {
    font-size: 1.8rem;
    display: flex;
}

.w67-header__first__mains__item__name {
    margin-left: 1rem;
}

.w67-header__first__mains__item__name__text {
    white-space: nowrap;
    font-size: 1rem;
}

.w67-header__first__mains__item__name__des {
    font-size: 1.3rem;
    margin-top: .2rem;
    white-space: nowrap;
}

.w67-header__second {
    display: flex;
    align-items: center;
    margin-left: auto;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:81.25rem) {
    .w67-header__second {
        width: 65%;
    }
}

@media only screen and (max-width:50rem) {
    .w67-header__second {
        margin-left: auto;
        width: calc(100% - 5rem);
    }
}

.w67-header__second__search {
    width: 23rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .75rem 1.25rem;
    background-color: white;
    border-radius: 2rem;
    position: relative;
    margin-left: 1rem;
}

@media only screen and (max-width:81.25rem) {
    .w67-header__second__search {
        width: 52%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w67-header__second__search {
    }

    @media only screen and (max-width:68.75rem) {

        .w67-header__second__search {
        }

        @media only screen and (max-width:50rem) {
            .w67-header__second__search {
                margin-left: 0;
                width: 66%;
            }
        }
    }
}

.w67-header__second__search__input {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

.w67-header__second__search__input__bg {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    background: red;
    top: 0;
    z-index: 1;
    animation: key-w67-header__second__search__input__bg 7s;
    background-color: #fff;
    animation-fill-mode: forwards;
}

@keyframes key-w67-header__second__search__input__bg {
    0% {
        width: 100%;
    }

    100% {
        width: 0%;
    }
}

.w67-header__second__search__input__tamgiac {
    position: absolute;
    font-size: 4.8rem;
    top: 100%;
    color: #fff;
    display: none;
}

.w67-header__cksearch:checked ~
.w67-header__group
.w67-header__second
.w67-header__second__search
.w67-header__second__search__input
.w67-header__second__search__input__tamgiac {
    display: inline-block;
}

.w67-header__second__search__input__text {
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w67-header__second__search__input__text {
        font-size: 1.3rem;
    }
}

.w67-header__second__search__input__text ::placeholder {
    font-weight: 500;
    color: #999;
}

.w67-header__second__search__button {
    border: none;
    cursor: pointer;
    font-size: 1.4rem;
    text-transform: uppercase;
    position: absolute;
    right: 1.5rem;
    transition: all .5s;
    height: 100%;
    display: flex;
    align-items: center;
    color: #999;
    z-index: 2;
}

    .w67-header__second__search__button:hover {
    }

.w67-header__second__search__mains {
    position: absolute;
    background-color: #fff;
    padding: 1rem;
    border-radius: .5rem;
    max-height: 60rem;
    overflow-y: scroll;
    width: 50rem;
    top: calc(100% + 2.2rem);
    z-index: 2;
    display: none;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:50rem) {
    .w67-header__second__search__mains {
        width: 45rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-header__second__search__mains {
        width: 39.5rem;
        left: 0;
    }
}

@media only screen and (max-width:31.25rem) {
    .w67-header__second__search__mains {
        left: -5rem;
    }
}

.w67-header__cksearch:checked ~
.w67-header__group
.w67-header__second
.w67-header__second__search
.w67-header__second__search__mains {
    display: flex;
}

.w67-header__second__search__mains::-webkit-scrollbar {
    width: .1rem;
}

.w67-header__second__search__mains::-webkit-scrollbar-track {
    border-radius: .1rem;
}

.w67-header__second__search__mains::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w67-header__second__search__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w67-header__second__search__mains__heading {
    width: 100%;
    display: flex;
    align-items: center;
}

.w67-header__second__search__mains__heading__name {
    font-size: 1.4rem;
    color: #3f3f3f;
    font-weight: 600;
}

.w67-header__second__search__mains__heading__imgbox {
    margin-left: 1rem;
    background-size: contain;
    background-position: center;
    height: 2rem;
}

.w67-header__second__search__mains__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w67-header__second__search__mains__items__item {
    width: 49%;
    margin-left: 2%;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

    .w67-header__second__search__mains__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w67-header__second__search__mains__items__item__name {
    font-size: 1.4rem;
    font-weight: 600;
    color: #3f3f3f;
    transition: all .5s;
    cursor: pointer;
    margin-left: .5rem;
    width: calc(100% - 4.5rem);
}

@media only screen and (max-width:37.5rem) {
    .w67-header__second__search__mains__items__item__name {
        font-size: 1.2rem;
    }
}

.w67-header__second__search__mains__items__item__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w67-header__second__search__mains__items__item__link {
    overflow: hidden;
    cursor: pointer;
}

.w67-header__second__search__mains__items__item__link__imgbox {
    width: 4rem;
    height: 4rem;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w67-header__second__search__mains__items__item__link__imgbox {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.w67-header__second__search__mains__items__item__link__imgbox:hover {
    transform: scale(1.05);
}

.w67-header__second__search__mains__close {
    position: absolute;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 0 0 .3rem;
    top: 0;
    right: 0;
    cursor: pointer;
}

.w67-header__second__search__mains__close__icon {
    transform: rotate(45deg);
    transition: all .5s;
    font-size: 1.6rem;
}

.w67-header__second__search__mains__close:hover .w67-header__second__search__mains__close__icon {
    transform: rotate(135deg);
}

.w67-header__second__mains {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.w67-header__second__mains__hotro {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.w67-header__second__mains__hotro__item {
    display: flex;
    align-items: center;
    padding: .75rem;
    border-radius: .3rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
}

    .w67-header__second__mains__hotro__item:hover {
        background-color: rgba(255,255,255,.5);
    }

@media only screen and (max-width:81.25rem) {
    .w67-header__second__mains__hotro__item {
        display: none;
    }

        .w67-header__second__mains__hotro__item:first-child {
            display: flex;
        }

        .w67-header__second__mains__hotro__item:last-child {
            display: flex;
        }
}

@media only screen and (max-width:62.5rem) {
    .w67-header__second__mains__hotro__item:last-child {
        display: none;
    }
}

@media only screen and (max-width:56.25rem) {
    .w67-header__second__mains__hotro__item {
        display: none;
    }

        .w67-header__second__mains__hotro__item:first-child {
            display: flex;
        }

        .w67-header__second__mains__hotro__item:last-child {
            display: flex;
        }
}

@media only screen and (max-width:50rem) {
    .w67-header__second__mains__hotro__item {
        display: none;
    }

        .w67-header__second__mains__hotro__item:first-child {
            display: none;
        }

        .w67-header__second__mains__hotro__item:last-child {
            display: none;
        }
}

.w67-header__second__mains__hotro__item:first-child {
    margin-left: 0;
}

.w67-header__second__mains__hotro__item__icon {
    font-size: 1.8rem;
    transition: all .25s;
    cursor: pointer;
}

.w67-header__second__mains__hotro__item:hover
.w67-header__second__mains__hotro__item__icon {
}

.w67-header__second__mains__hotro__item__name {
    margin-left: 1rem;
    font-size: 1.3rem;
    transition: all .25s;
    cursor: pointer;
}

.w67-header__second__mains__hotro__item:hover
.w67-header__second__mains__hotro__item__name {
}

.w67-header__second__mains__hotro__item__name__text1 {
    white-space: nowrap;
}

.w67-header__second__mains__hotro__item__name__text2 {
    white-space: nowrap;
}

.w67-header__second__mains__hotro__item__cart {
    position: absolute;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -4px;
    right: -4px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    color: rgba(var(--main-color-w),1);
}

.w67-header__second__mains__singin {
    display: flex;
    align-items: center;
    margin-left: 1rem;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w67-header__second__mains__singin {
        display: none;
    }
}

.w67-header__second__mains__singin__item {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    background-color: rgba(var(--second-color-w),1);
    padding: .5rem .75rem;
    border-radius: .5rem;
    transition: all .5s;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
    cursor: pointer;
}

    .w67-header__second__mains__singin__item:hover {
        background-color: #fff;
        color: rgba(var(--second-color-w),1);
    }

    .w67-header__second__mains__singin__item:first-child {
        margin-left: 0;
    }

.w67-header__second__mains__singin__item__icon {
    cursor: pointer;
    position: relative;
}

.w67-header__second__mains__singin__item__icon__value {
    font-size: 2rem;
}

.w67-header__second__mains__singin__item__name {
    font-weight: 600;
    font-size: 1.3rem;
    cursor: pointer;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

@media only screen and (max-width:43.75rem) {
    .w67-header__second__mains__singin__item__name {
        display: none;
    }
}

.w67-header__second__mains__didong__giohang {
    display: none;
    align-items: center;
    margin-left: 1rem;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w67-header__second__mains__didong__giohang {
        display: flex;
    }
}

.w67-header__second__mains__didong__giohang__item {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    background-color: rgba(var(--second-color-w),1);
    padding: .5rem;
    border-radius: .5rem;
    transition: all .5s;
    position: relative;
    flex-wrap: wrap;
    justify-content: center;
}

    .w67-header__second__mains__didong__giohang__item:hover {
        background-color: #fff;
        color: rgba(var(--second-color-w),1);
    }

    .w67-header__second__mains__didong__giohang__item:first-child {
        margin-left: 0;
    }

.w67-header__second__mains__didong__giohang__item__icon {
    cursor: pointer;
    position: relative;
}

.w67-header__second__mains__didong__giohang__item__icon__value {
    font-size: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w67-header__second__mains__didong__giohang__item__icon__value {
        font-size: 1.8rem;
    }
}

.w67-header__second__mains__didong__giohang__item__name {
    font-weight: 600;
    font-size: 1.3rem;
    cursor: pointer;
    width: 100%;
    text-align: center;
    margin-top: .3rem;
    white-space: nowrap;
}

@media only screen and (max-width:43.75rem) {
    .w67-header__second__mains__didong__giohang__item__name {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-header__second__mains__didong__giohang__item__name {
        font-size: 1rem
    }
}

.w67-header__second__mains__didong__giohang__item__cart {
    position: absolute;
    width: 16px;
    height: 16px;
    position: absolute;
    top: -4px;
    right: -4px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 10px;
    color: rgba(var(--main-color-w),1);
}

.w67-header__second__mains__didong {
    display: flex;
    align-items: normal;
    margin-left: auto;
}

.w67-header__second__mains__didong__btns {
    display: none;
    align-items: center;
    background-color: rgba(255,255,255,.3);
    padding: .5rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w67-header__second__mains__didong__btns {
        display: flex;
    }
}

.w67-header__second__mains__didong__btns:hover {
    background-color: rgba(255,255,255,.5);
}

.w67-header__second__mains__didong__btns__icon {
    font-size: 2rem;
    display: flex;
}

@media only screen and (max-width: 37.5rem) {
    .w67-header__second__mains__didong__btns__icon {
        font-size: 1.8rem;
    }
}

.w67-header__second__mains__didong__btns__name {
    margin-left: .5rem;
}

.w67-header__second__mains__didong__btns__name__text {
    font-size: 1rem;
    white-space: nowrap;
}

@media only screen and (max-width:37.5rem) {
    .w67-header__second__mains__didong__btns__name__text {
    }
}

.w67-header__second__mains__didong__btns__name__des {
    font-size: 1.3rem;
    margin-top: .3rem;
    white-space: nowrap;
}

@media only screen and (max-width:43.75rem) {
    .w67-header__second__mains__didong__btns__name__des {
        font-size: 1.2rem
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-header__second__mains__didong__btns__name__des {
        font-size: 1rem
    }
}

.w67-header__danhmuc {
    width: 100%;
    position: absolute;
    left: 0;
    top: calc(100% + 3rem);
    transition: all .3s;
    color: #3f3f3f;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

@media only screen and (min-width: 50rem) {
    .w67-header__ckdanhmuc:checked ~
    .w67-header__group
    .w67-header__danhmuc {
        display: block;
        top: calc(100% + 1.5rem);
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
}

@media only screen and (max-width: 50rem) {
    .w67-header__danhmuc {
        width: 100%;
        left: -100%;
        top: 0;
        position: fixed;
        height: 100vh;
        overflow-y: scroll;
    }

        .w67-header__danhmuc::-webkit-scrollbar {
            width: .4rem;
        }

        .w67-header__danhmuc::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w67-header__danhmuc::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w67-header__danhmuc::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w67-header__ckdanhmuc:checked ~
    .w67-header__group
    .w67-header__danhmuc {
        visibility: visible;
        opacity: 1;
        z-index: 9;
        left: 0;
        top: 0;
    }
}

.w67-header__danhmuc__bg {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

@media only screen and (max-width: 50rem) {
    .w67-header__danhmuc__bg {
        display: block;
    }
}

.w67-header__danhmuc__items {
    margin: 0;
    padding: 0;
    list-style-type: none;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.1),0 2px 6px 2px rgba(60,64,67,.15);
    background-color: #fff;
    border-radius: .3rem;
    width: 20%;
}

@media only screen and (min-width: 50rem) {
    .w67-header__danhmuc__items {
        overflow: hidden;
    }
}

@media only screen and (max-width: 75rem) {
    .w67-header__danhmuc__items {
        width: 25%;
    }
}

@media only screen and (max-width: 50rem) {
    .w67-header__danhmuc__items {
        height: 100%;
        padding-bottom: 7rem;
        border-radius: 0;
        position: relative;
        z-index: 2;
    }
}

.w67-header__danhmuc__items__item {
    width: 100%;
    display: block;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
    background-color: #fff;
}

@media only screen and (max-width: 56.25rem) {
    .w67-header__danhmuc__items__item:nth-child(2n+1) .w67-header__danhmuc__items__item__main {
        background-color: #fafafa;
    }
}

.w67-header__danhmuc__items__item__main {
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all .25s;
}

@media only screen and (max-width: 50rem) {
    .w67-header__danhmuc__items__item__main {
        padding: .75rem 1rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w67-header__danhmuc__items__item__check:checked ~
    .w67-header__danhmuc__items__item__main {
        background-color: #f1f1f1;
    }
}

@media only screen and (max-width:50rem) {
    .w67-header__danhmuc__items__item__main {
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        .w67-header__danhmuc__items__item__main:before {
            z-index: 0;
            height: 3rem;
            width: 3rem;
            position: absolute;
            content: "";
            border-radius: 50%;
            border: solid .1rem rgba(255, 255, 255, 0.5);
            -webkit-animation: key-w67-header__danhmuc__items__item__main__before 3s infinite;
            animation: key-w67-header__danhmuc__items__item__main__before 3s infinite;
            display: none;
            background-color: rgba(var(--main-color-w),.05);
        }

    @-webkit-keyframes key-w67-header__danhmuc__items__item__main__before {
        0% {
            transform: scale(1);
            opacity: .5;
        }

        50% {
            opacity: 1;
            transform: scale(1.9);
        }

        100% {
            opacity: .5;
            transform: scale(1);
        }
    }

    .w67-header__danhmuc__items__item__check:checked ~
    .w67-header__danhmuc__items__item__main:before {
        display: block;
    }

    .w67-header__danhmuc__items__item__main:after {
        z-index: 0;
        height: 2.5rem;
        width: 2.5rem;
        position: absolute;
        content: "";
        border-radius: 50%;
        border: solid .1rem rgba(255, 255, 255, 0.5);
        -webkit-animation: key-w67-header__danhmuc__items__item__main__after 3s infinite;
        animation: key-w67-header__danhmuc__items__item__main__after 3s infinite;
        display: none;
        background-color: rgba(var(--main-color-w),.3);
    }

    @-webkit-keyframes key-w67-header__danhmuc__items__item__main__after {
        0% {
            transform: scale(1);
            opacity: .1;
        }

        50% {
            opacity: .5;
            transform: scale(1.3);
        }

        100% {
            opacity: .1;
            transform: scale(1);
        }
    }

    .w67-header__danhmuc__items__item__check:checked ~
    .w67-header__danhmuc__items__item__main:after {
        display: block;
    }
}

.w67-header__danhmuc__items__item:hover
.w67-header__danhmuc__items__item__main {
    background-color: #f1f1f1;
}

.w67-header__danhmuc__items__item__check {
    display: none;
}

.w67-header__danhmuc__items__item__main__imgbox {
    display: flex;
    width: 2rem;
    height: 2rem;
    justify-content: center;
    align-items: center;
    margin-right: .5rem;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width:50rem) {
    .w67-header__danhmuc__items__item__main__imgbox {
        width: 3rem;
        height: 3rem;
        background-size: cover;
        margin-right: 0;
        position: relative;
        z-index: 1;
    }
}

.w67-header__danhmuc__items__item__main__name {
    font-size: 1.4rem;
    width: calc(100% - 3.5rem);
    transition: all .25s;
    line-height: 2.4rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w67-header__danhmuc__items__item__main__name {
        width: 100%;
        text-align: center;
        position: relative;
        z-index: 1;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w67-header__danhmuc__items__item__main__name {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.w67-header__danhmuc__items__item__main:hover .w67-header__danhmuc__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w67-header__danhmuc__items__item__main__icon2 {
    position: absolute;
    right: .75rem;
    font-size: 1.4rem;
    transition: all .25s;
}

@media only screen and (max-width: 50rem) {
    .w67-header__danhmuc__items__item__main__icon2 {
        right: 0rem;
        width: 2rem;
        height: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .w67-header__danhmuc__items__item__main__icon2__value {
        position: absolute;
    }

    .w67-header__danhmuc__items__item__check:checked ~
    .w67-header__danhmuc__items__item__main
    .w67-header__danhmuc__items__item__main__icon2
    .w67-header__danhmuc__items__item__main__icon2__value {
        right: 0;
        transform: rotate(180deg);
        font-weight: 900 !important;
        color: #fff;
        font-size: 2rem;
    }

        .w67-header__danhmuc__items__item__check:checked ~
        .w67-header__danhmuc__items__item__main
        .w67-header__danhmuc__items__item__main__icon2
        .w67-header__danhmuc__items__item__main__icon2__value:before {
            content: "\f0da" !important;
        }
}

.w67-header__danhmuc__items__item__main:hover .w67-header__danhmuc__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width: 50rem) {
    .w67-header__danhmuc__items__item__level {
        position: absolute;
        top: 0;
        width: 80.2%;
        padding: 0 0 0 1rem;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        height: 100%;
        left: 22%;
        transition: all .25s;
    }

    .w67-header__danhmuc__items__item:hover
    .w67-header__danhmuc__items__item__level {
        opacity: 1;
        visibility: visible;
        z-index: 1;
        left: 19.8%;
    }
}



@media only screen and (max-width: 75rem) {
    @media only screen and (min-width: 50rem) {
        .w67-header__danhmuc__items__item__level {
            width: 75%;
            left: 28%;
        }

        .w67-header__danhmuc__items__item:hover
        .w67-header__danhmuc__items__item__level {
            left: 25%;
        }
    }
}

.w67-header__danhmuc__items__item__level__bg {
    padding: 1rem 1rem 0 1rem;
    border-radius: .3rem;
    box-shadow: 0 0.5em 1em -0.125em rgba(10, 10, 10, 0.1), 0 0 0 1px rgba(10, 10, 10, 0.02);
    height: 100%;
    position: absolute;
    left: 1rem;
    top: 0;
    z-index: 0;
    width: calc(100% - 1rem);
    background-color: #fff;
}

@media only screen and (max-width:50rem) {
    .w67-header__danhmuc__items__item__level__bg {
        display: none;
    }
}

@media only screen and (max-width:50rem) {
    .w67-header__danhmuc__items__item__level {
        position: fixed;
        top: 0;
        right: 0;
        width: 75.1%;
        height: 100vh;
        background-color: #fff;
        box-shadow: none;
        visibility: hidden;
        z-index: 0;
        opacity: 0;
        transform: translateX(3rem);
        transition: all .3s;
    }

    .w67-header__danhmuc__items__item__check:checked ~ .w67-header__danhmuc__items__item__level {
        visibility: visible;
        z-index: 1;
        opacity: 1;
        transform: translateX(0);
    }
}

.w67-header__danhmuc__items__item__level__childs {
    padding: 1rem 1rem 0 1rem;
    border-radius: .3rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs {
        max-height: 100%;
        padding-bottom: 7rem;
        overflow-y: scroll;
    }

        .w67-header__danhmuc__items__item__level__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w67-header__danhmuc__items__item__level__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w67-header__danhmuc__items__item__level__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w67-header__danhmuc__items::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

@media only screen and (min-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs {
        max-height: 100%;
        overflow-y: scroll;
    }

        .w67-header__danhmuc__items__item__level__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w67-header__danhmuc__items__item__level__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w67-header__danhmuc__items__item__level__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w67-header__danhmuc__items__item__level__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

.w67-header__danhmuc__items__item__level__childs__child {
    width: 18.4%;
    margin-left: 2%;
    list-style-type: none;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs__child:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs__child {
        width: 49%;
    }

        .w67-header__danhmuc__items__item__level__childs__child:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 50rem) {
    .w67-header__danhmuc__items__item__level__childs__child {
        width: 100%;
        margin-left: 0;
    }
}

.w67-header__danhmuc__items__item__level__childs__child__check {
    display: none;
}

.w67-header__danhmuc__items__item__level__childs__child__main {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    align-items: flex-start;
}

.w67-header__danhmuc__items__item__level__childs__child__main__name {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    width: max-content;
    padding: 0 .75rem 0 0;
    transition: all .25s;
}

@media only screen and (max-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs__child__main__name {
        font-size: 1.5rem;
    }
}

.w67-header__danhmuc__items__item__level__childs__child__main:hover .w67-header__danhmuc__items__item__level__childs__child__main__name {
    color: rgba(var(--main-color-w),1);
}

.w67-header__danhmuc__items__item__level__childs__child__main__imgbox {
    height: 1.5rem;
    background-size: contain;
    background-position: center;
    margin-left: .5rem;
    margin-top: .25rem;
}

.w67-header__danhmuc__items__item__level__childs__child__main__icon {
    font-size: 1.4rem;
    position: absolute;
    right: .75rem;
    transition: all .25s;
    display: none;
}

.w67-header__danhmuc__items__item__level__childs__child__main:hover .w67-header__danhmuc__items__item__level__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

.w67-header__danhmuc__items__item__level__childs__child__grands {
}

@media only screen and (max-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs__child__grands {
        display: flex;
        flex-wrap: wrap;
    }
}

.w67-header__danhmuc__items__item__level__childs__child__grands__grand {
    padding: .5rem 0;
    width: 100%;
    list-style-type: none;
}

@media only screen and (max-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs__child__grands__grand {
        width: 49%;
    }

        .w67-header__danhmuc__items__item__level__childs__child__grands__grand:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w67-header__danhmuc__items__item__level__childs__child__grands__grand__main {
    display: flex;
}

.w67-header__danhmuc__items__item__level__childs__child__grands__grand__main__imgbox {
    height: 1.5rem;
    width: 4.5rem;
    background-size: contain;
    background-position: center;
    margin-left: .5rem;
    margin-top: .25rem;
}

.w67-header__danhmuc__items__item__level__childs__child__grands__grand__main__name {
    font-size: 1.5rem;
    display: block;
}

@media only screen and (max-width: 56.25rem) {
    .w67-header__danhmuc__items__item__level__childs__child__grands__grand__main__name {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w67-header__danhmuc__items__item__level__childs__child__grands__grand__main__name {
        font-size: 1.2rem;
    }
}

.w67-header__danhmuc__items__item__level__childs__child__grands__grand__main
.w67-header__danhmuc__items__item__level__childs__child__grands__grand__main__name:hover {
    transition: all .25s;
    color: rgba(var(--main-color-w),1);
}

.w67-header__danhmuc__items__item__level__boxs {
    position: relative;
    z-index: 1;
    padding: 1rem;
    height: 100%;
    overflow-y: scroll;
}

@media only screen and (max-width:50rem) {
    .w67-header__danhmuc__items__item__level__boxs {
        padding-bottom: 7rem;
        background-color: #fff;
    }
}

.w67-header__danhmuc__items__item__level__boxs::-webkit-scrollbar {
    width: .3rem;
}

.w67-header__danhmuc__items__item__level__boxs::-webkit-scrollbar-track {
    border-radius: .1rem;
}

.w67-header__danhmuc__items__item__level__boxs::-webkit-scrollbar-thumb {
    border-radius: .1rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w67-header__second__search__mains::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w67-header__danhmuc__items__item__level__boxs__box {
    margin-bottom: 1rem;
}

    .w67-header__danhmuc__items__item__level__boxs__box:last-child {
        margin-bottom: 0rem;
    }

.w67-header__danhmuc__items__item__level__boxs__box__name {
    font-size: 1.5rem;
    font-weight: 600;
    color: #3f3f3f;
    display: flex;
    align-items: center;
}

.w67-header__danhmuc__items__item__level__boxs__box__name__text {
}

.w67-header__danhmuc__items__item__level__boxs__box__name__imgbox {
    background-size: contain;
    height: 1.5rem;
    margin-left: .5rem;
}

.w67-header__danhmuc__items__item__level__boxs__box__cap4 {
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w67-header__danhmuc__items__item__level__boxs__box__cap4__con {
    list-style-type: none;
    display: flex;
    justify-content: center;
    width: 15%;
    margin-left: 2%;
    margin-top: 1rem;
    flex-wrap: wrap;
    border: solid .1rem #f1f1f1;
    padding: 1rem;
    border-radius: .3rem;
    position: relative;
    overflow: hidden;
}

.w67-header__danhmuc__items__item__level__boxs__box__cap4__con__newimgbox {
    height: 1.5rem;
    background-size: contain;
    background-position: top center;
    position: absolute;
    top: 0;
    right: 0;
}

@media only screen and (min-width: 62.5rem) {
    .w67-header__danhmuc__items__item__level__boxs__box__cap4__con:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w67-header__danhmuc__items__item__level__boxs__box__cap4__con {
        width: 32%;
    }

        .w67-header__danhmuc__items__item__level__boxs__box__cap4__con:nth-child(3n+1) {
            margin-left: 0;
        }
}

.w67-header__danhmuc__items__item__level__boxs__box__cap4__con__link {
    overflow: hidden;
}

.w67-header__danhmuc__items__item__level__boxs__box__cap4__con__link__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w67-header__danhmuc__items__item__level__boxs__box__cap4__con__link__imgbox:hover {
        transform: scale(1.05);
    }

.w67-header__danhmuc__items__item__level__boxs__box__cap4__con__name {
    font-size: 1.4rem;
    color: #3f3f3f;
    margin-top: .5rem;
    text-align: center;
    width: 100%;
    transition: all .3s;
    line-height: 2.6rem;
}

    .w67-header__danhmuc__items__item__level__boxs__box__cap4__con__name:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w67-header__danhmuc__items__item__level__boxs__box__cap4__con__name {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}

.w67-header__ckdanhmuc {
    display: none;
}

.w67-header__cksearch {
    display: none;
}

.w67-header__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: calc(100%);
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .5rem;
}

.w67-header__bgsearch {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, .5);
    display: none;
}

.w67-header__bgdanhmuc {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0, .5);
    display: none;
}

.w67-header__ckdanhmuc:checked ~
.w67-header__bgdanhmuc {
    display: block;
}

.w67-header__cksearch:checked ~
.w67-header__bgsearch {
    display: block;
}

.w67-header__bottom {
    display: none;
}

@media only screen and (max-width: 50rem) {
    .w67-header__bottom {
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 3;
        display: block;
        width: 100%;
        background-color: rgba(var(--main-color-w), 1)
    }
}

.w67-header__bottom__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w67-header__bottom__items__item {
    display: flex;
    align-items: center;
    padding: .75rem;
    transition: all .5s;
    color: #fff;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

    .w67-header__bottom__items__item:hover {
        background-color: rgba(255,255,255,.5);
    }

    .w67-header__bottom__items__item:first-child {
        margin-left: 0;
    }

.w67-header__bottom__items__item__icon {
    font-size: 1.8rem;
    transition: all .25s;
    cursor: pointer;
}

.w67-header__bottom__items__item:hover
.w67-header__bottom__items__item__icon {
}

.w67-header__bottom__items__item__name {
    margin-top: .5rem;
    font-size: 1.3rem;
    transition: all .25s;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

.w67-header__bottom__items__item:hover
.w67-header__bottom__items__item__name {
}

.w67-header__bottom__items__item__name__text1 {
    white-space: nowrap;
}

.w67-header__bottom__items__item__name__text2 {
    white-space: nowrap;
}

.w67-header__bottom__items__last {
    display: flex;
    align-items: center;
    padding: .75rem;
    transition: all .5s;
    color: #fff;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color: rgba(var(--second-color-w),1);
    position: relative;
}

    .w67-header__bottom__items__last:before {
        z-index: 0;
        height: 2.5rem;
        width: 2.5rem;
        position: absolute;
        content: "";
        border-radius: 50%;
        -webkit-animation: key-w67-header__bottom__items__last__before 3s infinite;
        animation: key-w67-header__bottom__items__last__before 3s infinite;
        display: none;
        background-color: rgba(255,255,255,.05);
    }

@-webkit-keyframes key-w67-header__bottom__items__last__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w67-header__ckdanhmuc:checked ~
.w67-header__bottom
.w67-header__bottom__items
.w67-header__bottom__items__last:before {
    display: block;
}

.w67-header__bottom__items__last:after {
    z-index: 0;
    height: 2rem;
    width: 2rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w67-header__bottom__items__last__after 3s infinite;
    animation: key-w67-header__bottom__items__last__after 3s infinite;
    display: none;
    background-color: rgba(255,255,255,.1);
}

@-webkit-keyframes key-w67-header__bottom__items__last__after {
    0% {
        transform: scale(1);
        opacity: .1;
    }

    50% {
        opacity: .5;
        transform: scale(1.3);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}

.w67-header__ckdanhmuc:checked ~
.w67-header__bottom
.w67-header__bottom__items
.w67-header__bottom__items__last:after {
    display: block;
}

.w67-header__bottom__items__last__icon {
    font-size: 1.8rem;
    transition: all .25s;
    cursor: pointer;
    position: relative;
    z-index: 1;
}

.w67-header__bottom__items__last__icon__value {
    transition: all .3s;
}

.w67-header__ckdanhmuc:checked ~
.w67-header__bottom
.w67-header__bottom__items
.w67-header__bottom__items__last
.w67-header__bottom__items__last__icon
.w67-header__bottom__items__last__icon__value {
    transform: rotate(135deg);
}

    .w67-header__ckdanhmuc:checked ~
    .w67-header__bottom
    .w67-header__bottom__items
    .w67-header__bottom__items__last
    .w67-header__bottom__items__last__icon
    .w67-header__bottom__items__last__icon__value:before {
        content: "\f067" !important;
    }

.w67-header__bottom__items__last:hover
.w67-header__bottom__items__last__icon {
}

.w67-header__bottom__items__last__name {
    margin-top: .5rem;
    font-size: 1.3rem;
    transition: all .25s;
    cursor: pointer;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}

.w67-header__bottom__items__last:hover
.w67-header__bottom__items__last__name {
}

.w67-header__bottom__items__last__name__text1 {
    white-space: nowrap;
}

.w67-header__bottom__items__last__name__text2 {
    white-space: nowrap;
}

.w67-header__ckcart {
    display: none;
}

.w67-header__giohang {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    visibility: hidden;
}

.w67-header__ckcart:checked ~ .w67-header__giohang {
    visibility: visible;
    z-index: 9;
}

.w67-header__giohang__mains {
    position: relative;
    width: 500px;
    max-width: 100%;
    background-color: #fff;
    border-radius: 3px;
    overflow-y: scroll;
    max-height: 80vh;
    transform: scale(.5);
    transition: all .3s ease;
}

.w67-header__ckcart:checked ~
.w67-header__giohang
.w67-header__giohang__mains {
    transform: scale(1);
}

@media only screen and (max-width: 600px) {
    .w67-header__giohang__mains {
        width: 100%;
        max-height: 100%;
        height: 100%;
    }
}

.w67-header__giohang__mains__main {
    position: relative;
}

.w67-header__giohang__mains__main__loading {
    padding: 0rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 2;
}

.w67-header__giohang__mains__main__loading__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    animation-name: key-w67-header__giohang__mains__main__loading__icon;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    color:#fff;
}

@-webkit-keyframes key-w67-header__giohang__mains__main__loading__icon {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w67-header__giohang__mains__heading {
    display: flex;
    justify-content: space-between;
    color: #333;
    border-bottom: 1px solid #eee;
    background-color: #f2f2f2;
    padding: 8px 10px;
}

.w67-header__giohang__mains__heading__name {
    display: flex;
    align-items: center;
    font-size: 13px;
}

.w67-header__giohang__mains__heading__name__text {
    font-weight: 600;
}

.w67-header__giohang__mains__heading__name__icon {
    margin-right: 5px;
}

.w67-header__giohang__mains__heading__close {
    display: flex;
    align-items: center;
    font-size: 13px;
    cursor: pointer;
}

.w67-header__giohang__mains__heading__close__text {
    font-weight: 600;
}

.w67-header__giohang__mains__heading__close__icon {
    margin-right: 5px;
    transition: all .3s ease;
}

.w67-header__giohang__mains__heading__close:hover .w67-header__giohang__mains__heading__close__icon {
    transform: rotate(180deg);
}

.w67-header__giohang__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(50,50,50,.5);
}

.w67-header__giohang__mains__main {
    background-color: #fff;
    padding: 1rem 0 2rem;
}

.w67-header__giohang__mains__main__selectall {
    padding: 0 1rem;
}

.w67-header__giohang__mains__main__selectall__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 2rem;
    position: relative;
}

.w67-header__giohang__mains__main__selectall__lb__icon {
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    color: #363839;
    border: 1px solid #333;
    border-radius: 1px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    position: absolute;
    left: 0;
    transition: all .3s ease;
}

.w67-header__giohang__mains__checkall {
    display: none;
}

    .w67-header__giohang__mains__checkall:checked ~
    .w67-header__giohang__mains__main
    .w67-header__giohang__mains__main__selectall
    .w67-header__giohang__mains__main__selectall__lb__icon {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        border-color: rgba(var(--main-color-w),1);
    }

        .w67-header__giohang__mains__checkall:checked ~
        .w67-header__giohang__mains__main
        .w67-header__giohang__mains__main__selectall
        .w67-header__giohang__mains__main__selectall__lb__icon:before {
            content: "\f00c";
        }
.w67-header__giohang__mains__main__selectall__lb__name {
    font-size: 13px;
    color: #333;
    margin-left: 2.2rem;
    font-weight: 600;
}

.w67-header__giohang__mains__main__items {
}

.w67-header__giohang__mains__main__items__item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: 1px solid #eee;
}

    .w67-header__giohang__mains__main__items__item:not(:last-child) {
    }

.w67-header__giohang__mains__main__items__item__ck {
    display: none;
}

.w67-header__giohang__mains__main__items__item__container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    padding-left: 30px;
}

.w67-header__giohang__mains__main__items__item__container__ck {
    display: none;
}

.w67-header__giohang__mains__main__items__item__container__lb {
    margin-right: 1rem;
    display: flex;
    position: absolute;
    left: 0;
    top: 2rem;
    width: 30px;
    height: 100%;
}

.w67-header__giohang__mains__main__items__item__container__lb__icon {
    box-sizing: border-box;
    width: 13px;
    height: 13px;
    color: #363839;
    border: 1px solid #333;
    border-radius: 1px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-color: rgba(var(--main-color-w),1);
}

    .w67-header__giohang__mains__main__items__item__container__lb__icon:before {
        content: "\f00c";
    }

.w67-header__giohang__mains__main__items__item__ck:checked ~
.w67-header__giohang__mains__main__items__item__container
.w67-header__giohang__mains__main__items__item__container__lb
.w67-header__giohang__mains__main__items__item__container__lb__icon {
}

    .w67-header__giohang__mains__main__items__item__ck:checked ~
    .w67-header__giohang__mains__main__items__item__container
    .w67-header__giohang__mains__main__items__item__container__lb
    .w67-header__giohang__mains__main__items__item__container__lb__icon:before {
    }

.w67-header__giohang__mains__main__items__item__container__hinhanh {
    width: 90px;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 1rem;
}

.w67-header__giohang__mains__main__items__item__container__hinhanh__imgbox {
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 3px;
    background-size: contain;
}

    .w67-header__giohang__mains__main__items__item__container__hinhanh__imgbox:hover {
        transform: scale(.95);
    }

.w67-header__giohang__mains__main__items__item__container__hinhanh__imgbox__img {
    width: 100%;
}

.w67-header__giohang__mains__main__items__item__container__box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 102px);
}

.w67-header__giohang__mains__main__items__item__container__box__name {
    transition: all .3s ease;
    display: block;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 6px;
    width: 100%;
}

    .w67-header__giohang__mains__main__items__item__container__box__name:hover {
        text-decoration: underline;
    }

.w67-header__giohang__mains__main__items__item__container__box__km {
    display: flex;
    width: 100%;
    align-items: flex-start;
    font-size: 12px;
    color: red;
    margin-bottom: 10px;
}

.w67-header__giohang__mains__main__items__item__container__box__km__icon {
    margin-right: 5px;
}

.w67-header__giohang__mains__main__items__item__container__box__text {
    font-size: 13px;
    color: #333;
    width: 22rem;
    cursor: pointer;
    display: block;
}

@media only screen and (max-width:43.75rem) {
    .w67-header__giohang__mains__main__items__item__container__box__text {
        margin-bottom: 10px;
        width: 100%;
    }
}


.w67-header__giohang__mains__main__items__item__container__box__text__subs {
    display: flex;
    flex-wrap: wrap;
}

.w67-header__giohang__mains__main__items__item__container__box__text__subs__sub {
    margin-right: 1rem;
    background-color: #eeee;
    padding: 3px 10px;
    border-radius: 3px;
    font-size: 12px;
    margin-bottom: 10px;
}

.w67-header__giohang__mains__main__items__item__container__box__text__prices {
}

@media only screen and (max-width:43.75rem) {
    .w67-header__giohang__mains__main__items__item__container__box__text__prices {
        margin-right: 0;
    }
}

.w67-header__giohang__mains__main__items__item__container__box__text__prices__sale {
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    margin-bottom: 10px;
}

.w67-header__giohang__mains__main__items__item__container__box__text__prices__sub {
    font-size: 13px;
    color: #bbb;
    text-decoration: line-through;
    white-space: nowrap;
    margin-bottom: 10px;
}

.w67-header__giohang__mains__main__items__item__container__box__actions {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:43.75rem) {
    .w67-header__giohang__mains__main__items__item__container__box__actions {
        width: 100%;
        margin-left: 0;
    }
}

.w67-header__giohang__mains__main__items__item__container__box__actions__cart {
}

@media only screen and (max-width:43.75rem) {
    .w67-header__giohang__mains__main__items__item__container__box__actions__cart {
        margin-left: auto;
    }
}

.w67-header__giohang__mains__main__items__item__container__box__actions__cart__num {
    display: flex;
    align-items: center;
    border: 1px solid #dfdfdf;
    font-size: 1rem;
    border-radius: 3px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 15px;
}

.w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__minus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    cursor: pointer;
    font-size: 13px;
    color: #333;
    transition: all .3s ease;
}

    .w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__minus:hover {
        background-color: #f1f1f1;
    }

.w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__input {
    width: 28px;
    border: none;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    outline: none;
    height: 28px;
    text-align: center;
    font-size: 12px;
    transition: all .3s ease;
    font-family: inherit''
}

    .w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__input:focus {
        background-color: #f1f1f1;
    }

    .w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__input::-webkit-outer-spin-button,
    .w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    cursor: pointer;
    height: 28px;
    transition: all .3s ease;
    font-size: 13px;
    cursor: pointer;
    color: #333;
}

    .w67-header__giohang__mains__main__items__item__container__box__actions__cart__num__plus:hover {
        background-color: #f1f1f1;
    }

.w67-header__giohang__mains__main__items__item__container__box__actions__cart__delete {
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #333;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w67-header__giohang__mains__main__items__item__container__box__actions__cart__delete:hover {
        text-decoration-line: underline;
    }

.w67-header__giohang__mains__main__items__item__container__box__actions__cart__delete__icon {
    margin-right: .5rem;
    color: #444;
}

.w67-header__giohang__mains__main__items__item__container__box__actions__cart__delete__name {
}

.w67-header__giohang__mains__main__bot {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w67-header__giohang__mains__main__bot__sum {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 49%;
    text-align: right;
    margin-left: auto;
}

.w67-header__giohang__mains__main__bot__sum__total {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 10px;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    justify-content: flex-end;
    font-weight: 600;
}

.w67-header__giohang__mains__main__bot__sum__total__name {
    margin-right: 1rem;
}

.w67-header__giohang__mains__main__bot__sum__total__val {
    min-width: 110px;
}

.w67-header__giohang__mains__main__btns {
}

.w67-header__giohang__mains__main__btns__item {
}

.w67-header__giohang__mains__main__btns__item__name {
    width: 76%;
    display: block;
    margin: 1rem auto 0;
    text-align: center;
    background: #0fa80f;
    color: #fff;
    font-size: 14px;
    text-align: center;
    border-radius: 3px;
    padding: 1rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w67-header__giohang__mains__main__btns__item__name:hover {
        background-color: rgb(15,168,15,.85);
    }

.w67-header__giohang__mains__main__btns__sub {
}

.w67-header__giohang__mains__main__btns__sub__name {
    width: 76%;
    display: block;
    margin: 1rem auto 0;
    text-align: center;
    background-color: #f6cd00;
    color: #333;
    text-align: center;
    border-radius: 3px;
    padding: 3px 1rem;
    cursor: pointer;
    transition: all .3s ease;
    cursor: pointer;
}

    .w67-header__giohang__mains__main__btns__sub__name:hover {
        background-color: rgba(246,205,0,.85);
    }

.w67-header__giohang__mains__main__btns__sub__name__text {
    font-size: 14px;
}

.w67-header__giohang__mains__main__btns__sub__name__des {
    font: 12px;
}

.w67-header__giohang__mains__bot {
    position:relative;
}

.w67-header__giohang__mains__bot__heading {
    justify-content: space-between;
    color: #333;
    border-bottom: 1px solid #eee;
    background-color: #f2f2f2;
    padding: 8px 10px;
    margin-bottom: 1rem;
    position: relative;
    z-index: 2;
}

.w67-header__giohang__mains__heading__name__text {
    font-size: 13px;
    font-weight: 600;
}

.w67-header__giohang__mains__bot__loading {
    padding: 0rem 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
    z-index: 1;
    top:0;
    left:0;
}

.w67-header__giohang__mains__bot__loading__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    animation-name: key-w67-header__giohang__mains__bot__loading__icon;
    animation-iteration-count: infinite;
    animation-duration: 1s;
    color:#fff;
}

@-webkit-keyframes key-w67-header__giohang__mains__bot__loading__icon {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w67-header__giohang__mains__bot__items {
}

.w67-header__giohang__mains__bot__items__item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
    border-bottom: 1px solid #eee;
}

    .w67-header__giohang__mains__bot__items__item:not(:last-child) {
    }

.w67-header__giohang__mains__bot__items__item__container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.w67-header__giohang__mains__bot__items__item__container__ck {
    display: none;
}

.w67-header__giohang__mains__bot__items__item__container__hinhanh {
    width: 90px;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 1rem;
}

.header__giohang__mains__bot__items__item__container__hinhanh__link {
    display: block;
}

.w67-header__giohang__mains__bot__items__item__container__hinhanh__link__imgbox {
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 3px;
    background-size: contain;
}

    .w67-header__giohang__mains__bot__items__item__container__hinhanh__link__imgbox:hover {
        transform: scale(.95);
    }

.w67-header__giohang__mains__bot__items__item__container__hinhanh__link__imgbox__img {
    width: 100%;
}

.w67-header__giohang__mains__bot__items__item__container__hinhanh__delete {
    display: flex;
    justify-content: center;
    font-size: 12px;
    color: #333;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    margin-top: 10px;
}

    .w67-header__giohang__mains__bot__items__item__container__hinhanh__delete:hover {
        text-decoration-line: underline;
    }

.w67-header__giohang__mains__bot__items__item__container__hinhanh__delete__icon {
    margin-right: .5rem;
    color: #444;
}

.w67-header__giohang__mains__bot__items__item__container__hinhanh__delete__name {
}

.w67-header__giohang__mains__bot__items__item__container__box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 102px);
}

.w67-header__giohang__mains__bot__items__item__container__box__name {
    transition: all .3s ease;
    display: block;
    font-size: 13px;
    line-height: 22px;
    margin-bottom: 6px;
}

    .w67-header__giohang__mains__bot__items__item__container__box__name:hover {
        text-decoration: underline;
    }

.w67-header__giohang__mains__bot__items__item__container__box__km {
    display: flex;
    width: 100%;
    align-items: flex-start;
    font-size: 12px;
    color: red;
    margin-bottom: 1rem;
}

.w67-header__giohang__mains__bot__items__item__container__box__text {
    font-size: 13px;
    color: #333;
    cursor: pointer;
    display: block;
}

@media only screen and (max-width:43.75rem) {
    .w67-header__giohang__mains__bot__items__item__container__box__text {
    }
}

.w67-header__giohang__mains__bot__items__item__container__box__text__prices {
    display: flex;
}

@media only screen and (max-width:43.75rem) {
    .w67-header__giohang__mains__bot__items__item__container__box__text__prices {
    }
}

.w67-header__giohang__mains__bot__items__item__container__box__text__prices__sale {
    font-size: 13px;
    color: #333;
    white-space: nowrap;
    margin-bottom: 10px;
}

.w67-header__giohang__mains__bot__items__item__container__box__text__prices__sub {
    font-size: 13px;
    color: #bbb;
    text-decoration: line-through;
    white-space: nowrap;
    margin-left: 1rem;
    margin-bottom: 10px;
}

.w67-header__giohang__mains__bot__items__item__container__box__text__time {
    color: #666;
    font-size: 12px;
}

.w67-header__giohang__mains__bot__items__item__container__box__actions {
    margin-left: auto;
}

.w67-header__giohang__mains__bot__items__item__container__box__actions__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: 5px 15px;
    font-size: 13px;
    display: inline-block;
    border-radius: 3px;
    cursor: pointer;
    transition: all .3s ease;
}

    .w67-header__giohang__mains__bot__items__item__container__box__actions__name:hover {
        background-color: rgba(var(--main-color-w),.85);
    }

.w67-header__giohang__mains__bot__items__item__container__box__added {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.w67-header__giohang__mains__bot__items__item__container__box__added__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 13px;
    margin-right: 5px;
}

.w67-header__giohang__mains__bot__items__item__container__box__added__name {
    color: rgba(var(--main-color-w),1);
    font-size: 13px;
    font-weight: 600;
}
/*ed*/


/*w67-search-1*/
.w67-search-1 {
    width: 100%;
    background-size: cover;
    background-position: top center;
    background-color: #fff;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
    overflow: hidden;
}

.w67-search-1__group {
    max-width: 120rem;
    margin: 0 auto;
    z-index: 2;
    position: absolute;
    width: 100%;
    padding: 0 1rem;
}

@media only screen and (max-width:75rem) {
    .w67-search-1__group {
        position: relative;
        padding: 8rem 1rem;
    }
}

.w67-search-1__bg {
    z-index: 0;
    position: relative;
    background-position: center;
    background-size: cover;
    -webkit-animation: key-w67-search-1__bg 20s infinite;
    animation: key-w67-search-1__bg 20s infinite;
}

@-webkit-keyframes key-w67-search-1__bg {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@media only screen and (max-width:75rem) {
    .w67-search-1__bg {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.w67-search-1__effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), .05);
    z-index: 1;
}

.w67-search-1__bg__img {
    width: 100%;
    height: 100%;
}

.w67-search-1__heading__text1 {
    color: #fff;
    font-weight: 700;
    font-size: 4.6rem;
    text-align: center;
    display: block;
    line-height: 7rem;
}

@media only screen and (max-width:37.5rem) {
    .w67-search-1__heading__text1 {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w67-search-1__heading__text2 {
    color: #fff;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    display: block;
    margin-top: 2rem
}

@media only screen and (max-width:37.5rem) {
    .w67-search-1__heading__text2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w67-search-1__mains {
    margin-top: 10rem;
}

.w67-search-1__mains__main {
    max-width: 120rem;
    margin: 0 auto
}

.w67-search-1__mains__main__tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w67-search-1__mains__main__tabs__item {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.w67-search-1__mains__main__tabs__item__name {
    display: inline-block;
    padding: .75rem 2.5rem;
    background: rgba(var(--main-color-w),.9);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    border-radius: 1.5rem;
    transition: all .3s;
    cursor: pointer;
}

    .w67-search-1__mains__main__tabs__item__name:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-search-1__mains__main__tabs__first {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.w67-search-1__mains__main__tabs__first__name {
    display: inline-block;
    padding: .75rem 2.5rem;
    background: rgba(var(--second-color-w),.9);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    border-radius: 1.5rem;
    transition: all .3s;
    cursor: pointer;
}

    .w67-search-1__mains__main__tabs__first__name:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff
    }

.w67-search-1__mains__second {
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w),.9);
    border-radius: 1.5rem;
    padding: 3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap
}

.w67-search-1__mains__second__items {
    width: 68%;
    display: flex;
    justify-content: space-between;
}

.w67-search-1__mains__second__items__item {
    width: 100%;
    padding-right: 1.5rem;
}

.w67-search-1__mains__second__items__item__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer
}

.w67-search-1__mains__second__items__item__drop__name__text {
    color: #fff;
    font-size: 1.4rem;
    display: block;
    text-transform: uppercase;
}

.w67-search-1__mains__second__items__item__drop__name__icon {
    position: absolute;
    right: 0;
    color: #fff;
}

.w67-search-1__mains__second__items__item__drop__check:checked ~
.w67-search-1__mains__second__items__item__drop__name
.w67-search-1__mains__second__items__item__drop__name__icon {
    transform: rotate(180deg);
}

.w67-search-1__mains__second__items__item__des {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    margin-top: 1rem
}

.w67-search-1__mains__second__search {
    width: 30%;
    position: relative;
    display: flex;
    margin-left: auto;
    align-items: center;
}

.w67-search-1__mains__second__search__text {
    width: 100%;
    background: #fff;
    border: none;
    border-radius: 3rem;
    padding: 0rem 1.5rem;
    height: 4rem;
    outline: 0;
    font-size: 1.5rem
}

.w67-search-1__mains__second__search__button {
    position: absolute;
    height: 3.8rem;
    width: 3.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    border: none;
    background: rgba(var(--second-color-w),1);
    font-size: 1rem;
    right: .1rem;
    cursor: pointer;
    transition: all .3s;
}

    .w67-search-1__mains__second__search__button:hover {
        background: rgba(var(--second-color-w),1);
    }

.w67-search-1__mains__second__items__item__drop {
    position: relative
}

.w67-search-1__mains__second__items__item__drop__items {
    background: #fff;
    padding: 1rem;
    border-radius: .5rem;
    margin-top: 1rem;
    position: absolute;
    width: 100%;
    z-index: 2;
    display: none;
    border: .1rem solid #f1f1f1
}

.w67-search-1__mains__second__items__item__drop__items__item {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    
}
.w67-search-1__mains__second__items__item__drop__items__item__check {
    width: 1.3rem;
    height: 1.3rem;
    border-color: #f1f1f1;
    display:none;
}
.w67-search-1__mains__second__items__item__drop__items__item__icon {
    width: 14px;
    height: 14px;
    border: #ccc solid 1px;
    display: flex;
    justify-content: center;
    border-radius: 50%;
    align-items: center;
    font-size: 6px;
    color: #fff;
    position: absolute;
    pointer-events: none;
}

.w67-search-1__mains__second__items__item__drop__items__item__check:checked ~
.w67-search-1__mains__second__items__item__drop__items__item__icon {
    color: #067ac0;
}
.w67-search-1__mains__second__items__item__drop__items__item__name {
    margin-left: .5rem;
    font-size: 1.3rem;
    position: relative;
    padding-left: 15px;
}

.w67-search-1__mains__second__items__item__drop__check {
    display: none
}

    .w67-search-1__mains__second__items__item__drop__check:checked ~ .w67-search-1__mains__second__items__item__drop__items {
        display: block
    }

.w67-search-1__mains__second__search__button__icon {
    color: #fff;
    font-size: 1.5rem
}

@media only screen and (max-width:1200px) {
    .w67-search-1__figure {
        background-size: cover;
        min-height: 60rem;
        background-position: center
    }

    .w67-search-1__heading {
        top: 2rem
    }

    .w67-search-1__mains {
        bottom: 2rem
    }

    .w67-search-1__mains__second {
        flex-direction: column-reverse;
    }

    .w67-search-1__mains__second__items, .w67-search-1__mains__second__search {
        width: 100%
    }

    .w67-search-1__mains__second__search {
        margin-top: 0rem;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:50rem) {
    .w67-search-1__mains__second__items {
        flex-wrap: wrap;
    }

    .w67-search-1__mains__second__items__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 2rem;
    }

        .w67-search-1__mains__second__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w67-search-1__mains {
        margin-top: 10rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-search-1__mains__second__items__item {
        width: 100%;
        margin-left: 0;
    }

    .w67-search-1__figure {
        min-height: 70rem;
    }

    .w67-search-1__heading {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        left: 0
    }

    .w67-search-1__mains__main__tabs__item__name {
        font-size: 1.4rem;
        padding: .5rem 1rem;
    }

    .w67-search-1__mains__second__items__item:last-child {
        margin-bottom: 0
    }

    .w67-search-1__mains {
        margin-top: 5rem;
    }
}
/*ed*/
/*w67-ads-1*/
.w67-ads-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 3rem;
    color: #363636;
}

.w67-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w67-ads-1__heading {
}

.w67-ads-1__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w67-ads-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-ads-1__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w67-ads-1__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
}

.w67-ads-1__items__item {
    width: 32%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    border-radius: .3rem;
    z-index: 0;
}

@media only screen and (min-width: 50rem) {
    .w67-ads-1__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w67-ads-1__items__item {
        width: 49%;
        margin-top: 1rem;
    }

        .w67-ads-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w67-ads-1__items__item__effect {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none;
}

.w67-ads-1__items__item:hover .w67-ads-1__items__item__effect {
    animation: key-w67-ads-1__items__item__effect 1.5s;
}

@keyframes key-w67-ads-1__items__item__effect {
    100% {
        left: 125%;
    }
}

.w67-ads-1__items__item__link {
    display: block;
}

.w67-ads-1__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w67-ads-1__items__item:hover .w67-ads-1__items__item__link__imgbox {
    transform: scale(1.05);
}

.w67-ads-1__items__item__info {
    position: absolute;
    bottom: 0;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 1rem 1rem 1rem;
    background: linear-gradient(180deg, rgba(0,0,0, 0) 0%, rgba(var(--main-color-w), .8) 200%);
}

.w67-ads-1__items__item__info__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: white;
    width: 100%;
    cursor: pointer;
    transition: all .3s;
}

    .w67-ads-1__items__item__info__name:hover {
        letter-spacing: .1rem;
    }

.w67-ads-1__items__item__info__sub {
    margin-top: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    color: white;
}

/*ed*/
/*w67-product-1*/
.w67-product-1 {
    width: 100%;
    padding: 3rem 1rem .5rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w67-product-1 {
        padding: 3rem 1rem 1rem;
    }
}

.w67-product-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w67-product-1__headding__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w67-product-1__headding__name {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w67-product-1__headding__line {
    margin-top: 1.5rem;
    background: rgba(var(--main-color-w),1);
    width: 10rem;
    height: .2rem
}

.w67-product-1__headding__des {
    margin-top: 1.5rem;
    font-size: 1.6rem;
}

.w67-product-1__tabs {
    display: flex;
    margin-top: 2rem;
    align-items: flex-start;
}

.w67-product-1__tabs__items__item {
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.w67-product-1__tabs__items__item__text {
    font-size: 1.5rem;
    display: inline-block;
    padding: .5rem 2rem;
    border-radius: 2rem;
    cursor: pointer;
    background: rgb(240, 242, 246);
    transition: all .5s;
}

    .w67-product-1__tabs__items__item__text:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w67-product-1__tabs__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w67-product-1__tabs__items__first {
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.w67-product-1__tabs__items__first__text {
    font-size: 1.5rem;
    display: inline-block;
    padding: .5rem 2rem;
    border-radius: 2rem;
    cursor: pointer;
    background: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
}

    .w67-product-1__tabs__items__first__text:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-product-1__tabs__last {
}

.w67-product-1__tabs__last {
    font-size: 1.5rem;
    padding: .5rem 2rem;
    border-radius: 2rem;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    align-items: center;
    background: rgba(var(--second-color-w),1);
    color: #fff;
    margin-left: auto;
}

    .w67-product-1__tabs__last:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w67-product-1__tabs__last__icon {
    margin-left: .5rem
}

.w67-product-1__items {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w67-product-1__items__item {
    display: flex;
    flex-wrap: wrap;
    width: 23.5%;
    margin-left: 2%;
    padding: 0;
    background: #fff;
    border-radius: .5rem;
    border-radius: .5rem .5rem;
    margin-bottom: 2.5rem;
    color: #3f3f3f;
    box-shadow: 0rem .4rem 1rem rgba(51,51,51,0.15);
    overflow: hidden;
}

.w67-product-1__items__item__link {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: max-content;
}

.w67-product-1__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: .5rem .5rem 0 0;
    position: relative;
    cursor: pointer;
    transition: all .5s;
}

.w67-product-1__items__item__link__imgbox__img {
    width: 100%;
}

.w67-product-1__items__item__link__imgbox:hover {
    transform: scale(1.05);
}

.w67-product-1__items__item__link__tabs {
    position: absolute;
    left: 1rem;
    top: 1rem;
}

.w67-product-1__items__item__link__status {
    display: inline-block;
    color: #fff;
    padding: .3rem 1rem;
    border-radius: .3rem;
    margin-right: .5rem;
    font-size: 1.2rem;
}

.w67-product-1__items__item__link__tabs__item {
    display: inline-block;
    color: #fff;
    padding: .3rem 1rem;
    border-radius: .3rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
}

.w67-product-1__items__item__link__tabs__last {
    display: inline-block;
    color: #fff;
    padding: .3rem 1rem;
    border-radius: .3rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    background-color: rgba(var(--second-color-w),1);
}

.w67-product-1__items__item__link__status {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.31);
}

.w67-product-1__items__item__info {
    width: 100%;
    padding: 1.25rem;
}

.w67-product-1__items__item__info__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    color: #3f3f3f;
    cursor: pointer;
    transition: all .25s;
    line-height: 2.6rem;
}

    .w67-product-1__items__item__info__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w67-product-1__items__item__info__des {
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    color: #3f3f3f;
}

.w67-product-1__items__item__info__des__first {
    margin-top: 1rem;
}

.w67-product-1__items__item__info__des__second {
    margin-left: auto;
    margin-top: 1rem;
}

.w67-product-1__items__item__info__des__second__text2,
.w67-product-1__items__item__info__des__first__text2 {
    font-weight: 600;
    color: #3f3f3f;
}

.w67-product-1__items__item__info__des__second__text1:after {
    content: ":";
    display: inline-block;
}

.w67-product-1__items__item__info__price {
    font-size: 1.4rem;
    display: flex;
    flex-wrap: wrap;
    color: #3f3f3f;
    margin-top: 1rem;
}

.w67-product-1__items__item__info__price__first {
}

.w67-product-1__items__item__info__price__second {
    margin-left: auto;
}

.w67-product-1__items__item__info__price__second__text2,
.w67-product-1__items__item__info__price__first__text2 {
    font-weight: 600;
    color: #3f3f3f;
}

.w67-product-1__items__item__info__price__second__text1:after {
    content: ":";
    display: inline-block;
}

@media only screen and (min-width:75rem) {
    .w67-product-1__items__item:nth-child(4n+1) {
        margin-left: 0
    }
}

@media only screen and (max-width:75rem) {

    .w67-product-1__items__item {
        width: 49%;
        margin-bottom: 2rem;
    }

        .w67-product-1__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:50rem) {
    .w67-product-1__tabs {
        display: block
    }

    .w67-product-1__tabs__last {
        justify-content: center;
        margin: 0;
        display: none;
    }
}
/*ed*/
/*w67-service-1*/
.w67-service-1 {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../img/w67/25.jpg);
    padding: 3rem 1rem .5rem;
    position: relative;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w67-service-1 {
        padding: 3rem 1rem 1.5rem;
    }
}

.w67-service-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w67-service-1__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), .9);
    z-index: 0;
}

.w67-service-1__headding__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #fff
}

@media only screen and (max-width:37.5rem) {
    .w67-service-1__headding__name {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w67-service-1__headding__line {
    margin-top: 1.5rem;
    background: #fff;
    width: 10rem;
    height: .2rem
}

.w67-service-1__tabs {
    display: flex;
    margin-top: 2.5rem
}

.w67-service-1__tabs__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w67-service-1__tabs__items__item {
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.w67-service-1__tabs__items__item__name {
    font-size: 1.5rem;
    display: inline-block;
    background: #fff;
    padding: .5rem 2rem;
    border-radius: 2rem;
    transition: all .3s;
    cursor: pointer;
}

.w67-service-1__tabs__last {
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    padding: .5rem 2rem;
    border-radius: 2rem;
    margin-bottom: 1rem;
    transition: all .3s;
    cursor: pointer;
    background-color: rgba(var(--second-color-w),.9);
    color: #fff;
    font-weight: 700;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w67-service-1__tabs__last {
        display: none;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-service-1__tabs__items__first,
    .w67-service-1__tabs__items__item {
        font-size: 1.4rem;
        margin-right: 1rem;
    }
}

.w67-service-1__tabs__items__fist {
    margin-right: 1.5rem;
    margin-bottom: 1rem;
}

.w67-service-1__tabs__items__fist__name {
    font-size: 1.5rem;
    display: inline-block;
    background-color: #fff;
    padding: .5rem 2rem;
    border-radius: 2rem;
    transition: all .3s;
    cursor: pointer;
}

    .w67-service-1__tabs__items__fist__name:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w67-service-1__tabs__items__item__name:hover, .w67-service-1__tabs__last:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w67-service-1__tabs__last__icon {
    margin-left: .5rem
}

.w67-service-1__items {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap
}

.w67-service-1__items__item {
    display: flex;
    margin-left: 2%;
    padding: .5rem;
    background: #fff;
    border-radius: .5rem;
    margin-bottom: 2.5rem;
    display: flex;
    align-items: normal;
}

@media only screen and (max-width:37.5rem) {
    .w67-service-1__items__item {
        margin-bottom: 1.5rem;
    }
}

.w67-service-1__items__item__link {
    width: 40%;
    overflow: hidden;
    border-radius: .5rem;
}

.w67-service-1__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: .5rem;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w67-service-1__items__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w67-service-1__items__item__info {
    margin-left: auto;
    width: 56%;
    line-height: 2.5rem
}

.w67-service-1__items__item__info__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    color: #3f3f3f;
    transition: all .3s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w67-service-1__items__item__info__name {
        font-size: 1.6rem;
    }
}

.w67-service-1__items__item__info__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w67-service-1__items__item__info__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w67-service-1__items__item__info__des {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

@media only screen and (min-width:75rem) {
    .w67-service-1__items__item:nth-child(3n+1) {
        margin-left: 0
    }

    .w67-service-1__items__item {
        width: 32%
    }
}

@media only screen and (max-width:75rem) {

    .w67-service-1__items__item {
        width: 49%
    }

        .w67-service-1__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:50rem) {
    .w67-service-1__tabs {
        display: block
    }

    .w67-service-1__tabs__last {
        justify-content: center;
        margin: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-service-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w67-service-1__effect {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.w67-service-1:hover .w67-service-1__effect {
    animation: key-w67-service-1__effect 3s;
}

@keyframes key-w67-service-1__effect {
    100% {
        left: 125%;
    }
}

.w67-service-1:before {
    z-index: 1;
    height: 20rem;
    width: 20rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w67-service-1__before 3s infinite;
    animation: key-w67-service-1__before 3s infinite;
}

@-webkit-keyframes key-w67-service-1__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w67-service-1:after {
    z-index: 1;
    height: 16rem;
    width: 16rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w67-service-1__after 3s infinite;
    animation: key-w67-service-1__after 3s infinite;
    pointer-events: none;
}

@-webkit-keyframes key-w67-service-1__after {
    0% {
        transform: scale(1);
        opacity: .1;
        background-color: rgba(var(--second-color-w),0)
    }

    50% {
        opacity: .5;
        transform: scale(1.3);
        background-color: rgba(var(--second-color-w),1)
    }

    100% {
        opacity: .1;
        transform: scale(1);
        background-color: rgba(var(--second-color-w),0)
    }
}
/*ed*/
/*w67-service-2*/
.w67-service-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

.w67-service-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w67-service-2__headding__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w67-service-2__headding__name {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w67-service-2__headding__line {
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w),1);
    width: 10rem;
    height: .2rem
}

.w67-service-2__main {
    display: flex;
    margin-top: 3rem;
}

.w67-service-2__main__first {
    margin-left: 0;
}

.w67-service-2__main__first,
.w67-service-2__main__third {
    width: 29.33%;
    overflow: hidden;
    border-radius: 1.5rem;
    position: relative;
}

.w67-service-2__main__second {
    width: 29%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: column;
    position: relative;
}

.w67-service-2__main__second__item {
    position: relative;
    overflow: hidden;
    border-radius: 1.5rem;
}

.w67-service-2__main__second,
.w67-service-2__main__third {
    margin-left: 1.3%;
}

.w67-service-2__main__second__item__imgbox,
.w67-service-2__main__first__imgbox,
.w67-service-2__main__third__imgbox {
    border-radius: 1.5rem;
    position: relative;
    background-size: cover;
    transition: all .5s;
    cursor: pointer;
}

.w67-service-2__main__first__imgbox {
    height: 100%;
}

.w67-service-2__main__third__imgbox {
    height: 100%;
}

.w67-service-2__main__second__item:hover
.w67-service-2__main__second__item__imgbox {
    transform: scale(1.05);
}

.w67-service-2__main__first:hover
.w67-service-2__main__first__imgbox {
    transform: scale(1.05);
}

.w67-service-2__main__third:hover
.w67-service-2__main__third__imgbox {
    transform: scale(1.05);
}

.w67-service-2__main__first__info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    color: #fff;
}

.w67-service-2__main__first__info__name {
    font-size: 2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s;
}

    .w67-service-2__main__first__info__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w67-service-2__main__first__info__des {
    font-size: 1.5rem;
    margin-top: .5rem;
}

.w67-service-2__main__third__info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    color: #fff;
}

.w67-service-2__main__third__info__name {
    font-size: 2rem;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w67-service-2__main__third__info__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w67-service-2__main__third__info__des {
    font-size: 1.5rem;
    margin-top: .5rem;
}

.w67-service-2__main__second__item__info {
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 1rem;
    color: #fff;
}

.w67-service-2__main__second__item__info__name {
    font-size: 2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

    .w67-service-2__main__second__item__info__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w67-service-2__main__second__item__info__des {
    font-size: 1.5rem;
    margin-top: .5rem;
}

@media only screen and (max-width:50rem) {
    .w67-service-2__main {
        flex-wrap: wrap;
    }

    .w67-service-2__main__first,
    .w67-service-2__main__third,
    .w67-service-2__main__second {
        width: 49%
    }

    .w67-service-2__main__third {
        margin-top: 1.5rem;
    }

    .w67-service-2__main__third,
    .w67-service-2__main__second {
        margin-left: 2%;
    }

        .w67-service-2__main__second:nth-child(3) {
            margin-left: 0;
            margin-top: 1.5rem;
        }

    .w67-service-2__main__second--2 {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-service-2__main__third {
        margin-top: 1.5rem;
    }
}
/*ed*/
/*w67-service-3*/
.w67-service-3 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
}

.w67-service-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w67-service-3__items {
    display: flex;
    flex-wrap: wrap;
}

.w67-service-3__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

    .w67-service-3__items__item:nth-child(4n+1) {
        margin-left: 0;
    }

.w67-service-3__items__item__heading {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s;
}

    .w67-service-3__items__item__heading:hover {
        color: rgba(var(--second-color-w),1);
    }

.w67-service-3__items__item__heading__text {
    margin-left: .5rem;
}

.w67-service-3__items__item__childs__child {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .75rem;
    display: flex;
    align-items: center;
}

.w67-service-3__items__item__childs__child__text {
    margin-left: .5rem;
}

.w67-service-3__items__item__childs__child__icon {
    color: #3f3f3f;
    transition: all .3s;
    cursor: pointer;
}

.w67-service-3__items__item__childs__child__text {
    color: #3f3f3f;
    transition: all .3s;
    cursor: pointer;
}

.w67-service-3__items__item__childs__child__icon:hover {
    color: rgba(var(--main-color-w),1);
}

.w67-service-3__items__item__childs__child__text:hover {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w67-service-3__items__item {
        width: 49%;
    }

        .w67-service-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:25rem) {
    .w67-service-3__items__item {
        width: 100%;
        margin-left: 0;
    }
}
/*ed*/
/*w67-counter*/
.w67-counter {
    width: 100%;
    padding: 5rem 1rem;
    background: url('../../img/w67/23.jpg') no-repeat center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w67-counter__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w67-counter__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, rgba(var(--main-color-w), 1) 15%, rgba(var(--main-color-w), .8) 85%);
    z-index: 0;
}

.w67-counter__first {
    width: 18%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w67-counter__first__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 5rem;
}

    .w67-counter__first__item:last-child {
        margin-bottom: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w67-counter__first__item {
        margin-bottom: 2rem;
    }
}

.w67-counter__first__item__1 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.w67-counter__first__item__1__name {
    font-size: 7rem;
    color: #fff;
    font-weight: 700;
}

.w67-counter__first__item__1__des {
    font-size: 3.5rem;
    color: #fff;
    font-weight: 700;
    margin-left: 1rem;
}

.w67-counter__first__item__2 {
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: .5rem;
}

.w67-counter__second {
    width: 39%;
    margin-left: 2%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w67-counter__second__imgbox {
    background-size: contain;
    font-size: 1rem;
    background-repeat: no-repeat;
    margin-left: 2%;
    position: relative;
    transition: all .5s;
    animation: key-w67-counter__second__imgbox 80s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
}

@keyframes key-w67-counter__second__imgbox {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.w67-counter__third {
    width: 39%;
    margin-left: 2%;
}

.w67-counter__third__heading {
    display: flex;
    align-items: center;
}

.w67-counter__third__heading__content {
}

.w67-counter__third__heading__content__name {
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    display: block;
    font-size: 1.5rem;
}

.w67-counter__third__heading__content__des {
    color: #fff;
    width: 100%;
    text-transform: uppercase;
    display: block;
    font-size: 3rem;
    margin-top: 1rem;
    font-weight: 600;
}

.w67-counter__third__heading__figure {
    margin-left: 2rem;
}

.w67-counter__third__des {
    font-size: 1.6rem;
    color: #fff;
    margin-top: 2rem;
    line-height: 2.6rem;
    text-align: justify;
}

    .w67-counter__third__des ul,
    .w67-counter__third__des ol {
        margin-left: 2.5rem;
    }

.w67-counter__lb {
    position: absolute;
    bottom: -60%;
    left: -20%;
    opacity: 0.6;
    width: 85rem;
    animation: animationglob 30s cubic-bezier(1, 0.99, 0.03, 0.01) infinite;
    background-size: contain;
    z-index: 1;
}

.w67-counter__lt {
    position: absolute;
    top: 2rem;
    left: 2rem;
    animation: scale_up_down 1s infinite alternate both;
    background-size: contain;
    width: 8rem;
    height: 8rem;
    z-index: 1;
}

.w67-counter__rt {
    position: absolute;
    top: -2rem;
    right: -2rem;
    animation: tpupdown 20s infinite alternate;
    background-size: contain;
    width: 12rem;
    height: 12rem;
    z-index: 1;
    opacity: .5;
}

@keyframes wd_number-2__second__figure_key {
    from {
        transform: rotate(0deg)
    }

    to {
        transform: rotate(360deg)
    }
}

@keyframes scale_up_down {
    0% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }

    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

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

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

    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

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

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@media only screen and (max-width:62.5rem) {
    .w67-counter__group {
        flex-wrap: wrap;
    }

    .w67-counter__third,
    .w67-counter__second {
        width: 100%;
        margin-left: 0;
    }

    .w67-counter__second {
        margin-top: 4rem;
    }

    .w67-counter__third {
        margin-top: 4rem;
    }

    .w67-counter__first {
        width: 100%;
    }

    .w67-counter__first__item {
        width: 49%;
        margin-left: 2%;
    }

        .w67-counter__first__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w67-counter__rt {
        right: 2rem;
    }

    .w67-counter__lb {
        bottom: -30%;
        left: 0;
    }

    .w67-counter__lt {
        left: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w67-counter__lb {
        bottom: -20%;
        left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-counter__third__items__item {
        width: 100%;
        margin-left: 0;
    }

    .w67-counter__lb {
        bottom: -10%;
        left: 0;
    }
}

@media only screen and (max-width:31.25rem) {
    .w67-counter__first__item {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width:25rem) {
    .w67-counter__third__heading {
        flex-wrap: wrap;
    }

    .w67-counter__third__heading__content {
        width: 100%;
        text-align: center;
    }

    .w67-counter__third__heading__figure {
        margin-top: 3rem;
        margin-left: auto;
        margin-right: auto;
    }
}
/*ed*/
/*w39-ctaregister*/
.w39-ctaregister {
    width: 100%;
    background-image: url(../../img/w67/bg-form-2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    padding: 0rem 1rem;
}

.w39-ctaregister__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0rem 0;
}

.w39-ctaregister__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    align-items: flex-start;
}

@media only screen and (max-width: 62.5rem) {
    .w39-ctaregister__items {
        justify-content: center;
        flex-direction: column-reverse;
    }
}

.w39-ctaregister__items__contact {
    width: 35%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    padding: 2rem;
    text-align: center;
    border-radius: 2rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
    background-color: rgba(var(--main-color-w),.8);
}

@media only screen and (max-width: 62.5rem) {
    .w39-ctaregister__items__contact {
        width: 100%;
        margin-top: 0;
    }
}

.w39-ctaregister__items__contact__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 20rem;
    margin: 1rem auto;
}

.w39-ctaregister__items__contact__imgbox__img {
    width: 100%;
    height: 100%;
}

.w39-ctaregister__items__contact__heading {
    font-weight: 600;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: white;
}

.w39-ctaregister__items__contact__main {
    font-weight: 600;
    text-align: center;
    font-size: 2rem;
    line-height: 1.6rem;
    color: white;
}

.w39-ctaregister__items__contact__des {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: white;
    margin-top: 1rem;
}

.w39-ctaregister__items__contact__form__input {
    margin-top: 1.5rem;
    display: block;
    padding: 1rem;
    border: 0.15rem solid #eee;
    background-color: white;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
    border-radius: .3rem;
}

.w39-ctaregister__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    display: inline-block;
    font-size: 1.4rem;
    font-family: inherit;
}

.w39-ctaregister__items__contact__form__input__icon {
    color: red;
    position: absolute;
    right: 1rem;
}

.w39-ctaregister__items__contact__form__text {
    height: 3rem;
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: .7rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
}

.w39-ctaregister__items__contact__form__des {
    color: white;
    font-weight: 300;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 1.5rem;
    display: block;
}

.w39-ctaregister__items__contact__button {
    padding: .5rem 2rem;
    display: inline-block;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    margin: 0 auto;
    margin-top: 1.5rem;
    border: none;
    text-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.204);
    background-color: rgba(var(--second-color-w),1);
    cursor: pointer;
    animation: w39-ctaregister__items__contact__button 0.8s infinite alternate-reverse;
    border-radius: .5rem;
}

@keyframes w39-ctaregister__items__contact__button {
    from {
        transform: scale(1);
    }

    to {
        transform: scale(1.3);
    }
}

.w39-ctaregister__items__contact__info {
    line-height: 2.4rem;
    display: block;
    margin-top: 1.5rem;
    color: white;
    font-size: 1.4rem;
}

.w39-ctaregister__items__imgbox {
    background-size: contain;
    background-position: center;
}

@media only screen and (min-width: 62.5rem) {
    .w39-ctaregister__items__imgbox {
        position: relative;
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w39-ctaregister__items__imgbox {
        width: 100%;
    }
}

.w39-ctaregister__items__contact__form__dropdown {
    position: relative;
    width: 100%;
    margin-top: 1.5rem;
}

@media only screen and (max-width:50rem) {
    .w39-ctaregister__items__contact__form__dropdown {
        width: 100%;
    }
}

.w39-ctaregister__items__contact__form__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .3rem;
    border: #fff solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w39-ctaregister__items__contact__form__dropdown__check:checked ~
.w39-ctaregister__items__contact__form__dropdown__label
.w39-ctaregister__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w39-ctaregister__items__contact__form__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w39-ctaregister__items__contact__form__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #3f3f3f;
}

.w39-ctaregister__items__contact__form__dropdown__check {
    display: none;
}

.w39-ctaregister__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
}
.w39-ctaregister__items__contact__form__dropdown__check:checked ~
.w39-ctaregister__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w39-ctaregister__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w39-ctaregister__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w39-ctaregister__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w67-partner-1*/
.w67-partner-1 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: #fff;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w67-partner-1 {
        padding: 3rem 1rem 1rem;
    }
}

.w67-partner-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w67-partner-1__bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 16.5rem;
    background-color: rgba(var(--main-color-w),1);
}

.w67-partner-1__bg__line {
    position: absolute;
    width: 100%;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
    bottom: 0;
    left: 0;
}

.w67-partner-1__heading {
    text-align: center;
}

.w67-partner-1__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
    padding: .5rem 0rem;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w67-partner-1__heading__name {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w67-partner-1__heading__image {
    display: flex;
    justify-content: center;
    margin: 1rem 0rem;
}

.w67-partner-1__heading__image__bg {
    background-image: url('../../img/w67/line.png');
    background-position: center;
    background-repeat: no-repeat;
    width: 6rem;
    height: 1.5rem;
}

.w67-partner-1__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w67-partner-1__mains__main {
    display: flex;
}

.w67-partner-1__mains__main__item.swiper-slide {
    width: 100%;
}

.w67-partner-1__mains__main__item__lists {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

.w67-partner-1__mains__main__item__lists__item {
    position: relative;
    overflow: hidden;
    background: #fff;
    border-radius: .5rem;
    margin-left: 3%;
    width: 22.75%;
    margin-bottom: 1rem;
}


    .w67-partner-1__mains__main__item__lists__item:nth-child(1) {
        margin-left: 0;
    }

    .w67-partner-1__mains__main__item__lists__item:nth-child(5) {
        margin-left: 0;
    }

.w67-partner-1__mains__main__item__lists__item__link {
    display: block;
    padding: .5rem;
}

.w67-partner-1__mains__main__item__lists__item__link__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    border-radius: .3rem;
    cursor: pointer;
}

    .w67-partner-1__mains__main__item__lists__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w67-partner-1__mains .w67-partner-1__mains__prev,
.w67-partner-1__mains .w67-partner-1__mains__next {
    font-size: 3rem;
    color: rgba(var(--main-color-w), 1);
    width: auto;
    visibility: hidden;
    opacity: 0;
    transition: all .3s;
}

.w67-partner-1__mains:hover .w67-partner-1__mains__next,
.w67-partner-1__mains:hover .w67-partner-1__mains__prev {
    visibility: initial;
    opacity: 1;
}

.w67-partner-1__mains .w67-partner-1__mains__prev {
    left: 1rem;
}

.w67-partner-1__mains .w67-partner-1__mains__next {
    right: 1rem;
}

.w67-partner-1__mains__prev:after,
.w67-partner-1__mains__next:after {
    display: none;
}
/*ed*/
/*w40-footer*/
.w40-footer {
    position: relative;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 3rem 1rem;
    background-image: url(/img/w40/background_footer.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.w40-footer__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w40-footer__logobox {
    width: 15rem;
    background-size: contain;
}

@media only screen and (max-width: 43.75rem) {
    .w40-footer__logobox {
        margin: 0 auto;
    }
}

.w40-footer__logobox__img {
    width: 100%;
}

.w40-footer__business {
    color: white;
    width: 24%;
    min-width: 24%;
}

@media only screen and (max-width: 50rem) {
    .w40-footer__business {
        width: 100%;
    }
}

.w40-footer__business__item__title {
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    color: #fff;
    display: block;
    cursor: pointer;
    transition: all .3s;
}

    .w40-footer__business__item__title:hover {
        color: rgba(var(--second-color-w),1)
    }

.w40-footer__business__item__link {
    display: block;
    margin-bottom: 1rem;
}

.w40-footer__business__item__link__info {
    display: flex;
    align-items: baseline;
    margin-top: 1rem;
    transition: all .3s;
    cursor: pointer;
    color: #fff;
}

    .w40-footer__business__item__link__info:hover {
        color: rgba(var(--second-color-w),1);
    }

.w40-footer__business__item__link__info__icon {
    margin-right: 0.5rem;
    font-size: 1.3rem;
}

.w40-footer__business__item__link__info__text {
    font-size: 1.5rem;
    line-height: 2.5rem;
    display: block;
}

.w40-footer__business__item__action {
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: rgba(var(--second-color-w),1);
    border-radius: 0.5rem;
    cursor: pointer;
    margin-top: 2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w40-footer__business__item__action {
        justify-content: center;
    }
}

.w40-footer__business__item__action__icon {
    font-size: 2.6rem;
    display: flex !important;
    width: 5rem;
    height: 5rem;
    min-width: 3rem;
    align-items: center;
    justify-content: center;
    border: 0.1rem solid white;
    border-radius: 50%;
    margin-right: 0.5rem;
    background-color: #fff;
    color: rgba(var(--second-color-w),1);
    transition: all 1s;
}

.w40-footer__business__item__action:hover
.w40-footer__business__item__action__icon {
    transform: rotate(360deg);
}

.w40-footer__business__item__action__box {
    margin-left: 1rem;
}

.w40-footer__business__item__action__box__text {
    display: block;
    font-size: 1.6rem;
    margin-bottom: .5rem;
}

.w40-footer__business__item__action__box__numb {
    display: block;
    font-size: 2.5rem;
    font-weight: 600;
    transition: all .3s;
}

.w40-footer__business__item__action:hover
.w40-footer__business__item__action__box__numb {
    letter-spacing: .1rem;
}

@media only screen and (max-width: 43.75rem) {
    .w40-footer__business__item__ads {
        justify-content: center;
    }
}

.w40-footer__business__item__ads {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 2rem;
}

.w40-footer__business__item__ads__item {
    margin-bottom: 1rem;
}

.w40-footer__business__item__ads__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: .3rem;
}

.w40-footer__business__macode {
    padding: 1rem 0;
    overflow: hidden;
}

.w40-footer__items {
    display: flex;
    flex-wrap: wrap;
    width: 52%;
}

@media only screen and (max-width: 43.75rem) {
    .w40-footer__items {
        margin-top: 2rem;
        width: 100%;
    }
}

.w40-footer__items__item {
    width: 29.333333%;
    margin: 0 2%;
    color: white;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w40-footer__items__item {
        width: 46%;
    }
}

.w40-footer__items__item__title {
    margin-top: 2rem;
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 600;
    color: white;
    margin-bottom: 2rem;
    transition: all .3s;
    cursor: pointer;
}

    .w40-footer__items__item__title:hover {
        color: rgba(var(--second-color-w),1);
    }

.w40-footer__items__item__link {
    display: block;
    margin-bottom: 1rem;
}

.w40-footer__items__item__link__info {
    display: flex;
    align-items: baseline;
    margin-top: 1rem;
}

.w40-footer__items__item__link__info__icon {
    margin-right: 0.5rem;
    font-size: 1.3rem;
    color: #ddb60f;
}

.w40-footer__items__item__link__info__text {
    color: #9fafe3;
    font-size: 1.3rem;
    line-height: 1.4rem;
    display: block;
}

.w40-footer__connect {
    width: 24%;
    min-width: 24%;
}

@media only screen and (max-width: 50rem) {
    .w40-footer__connect {
        width: 100%;
    }
}

.w40-footer__connect__title {
    text-transform: uppercase;
    font-size: 1.5rem;
    font-weight: 600;
    color: white;
}

.w40-footer__connect__des {
    color: #fff;
    font-size: 1.5rem;
    margin-top: 1rem;
    line-height: 2.5rem;
    display: block;
}

.w40-footer__connect__input {
    border: 1px solid #fff;
    padding: 1rem .5rem;
    font-size: 1.5rem;
    margin-top: 1.5rem;
    background-color: transparent;
    color: #fff;
    width: 100%;
    outline: none;
    font-family: inherit;
    transition: all .3s;
    border-radius: .3rem;
}

    .w40-footer__connect__input:focus {
        box-shadow: 0 0 0.5rem rgba(255, 255, 255, 0.284);
        background-color: rgba(var(--second-color-w),1);
    }

    .w40-footer__connect__input::placeholder {
        color: #fff;
    }

.w40-footer__connect__contact {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    color: white;
}

.w40-footer__connect__contact__text {
    font-size: 1.5rem;
}

.w40-footer__connect__contact__icon {
    font-size: 2rem;
    margin-left: 1rem;
    cursor: pointer;
}

.w40-footer__connect__button {
    font-weight: 600;
    font-size: 1.6rem;
    padding: .7rem;
    border-radius: 2rem;
    width: 100%;
    border: none;
    outline: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1.5rem;
    cursor: pointer;
    transition: all .3s;
    color: rgba(var(--main-color-w), 1);
    background: white;
}

    .w40-footer__connect__button:hover {
        box-shadow: 0.1rem 0.1rem 1rem 0.1rem #eee;
    }

.w40-footer__connect__button__text {
    margin-left: 1rem;
}

.w40-footer__items__item__macode {
    overflow: hidden;
    padding: 1rem 0;
}

    .w40-footer__items__item__macode iframe {
        max-width: 100%;
    }

.w40-footer__connect__ads {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w40-footer__connect__ads {
        justify-content: center;
    }
}

.w40-footer__connect__ads {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w40-footer__connect__ads__item {
    margin-bottom: 1rem;
}

.w40-footer__connect__ads__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: .3rem;
}

.w40-footer__connect__macode {
    padding: 1rem 0;
    overflow: hidden;
}
/*ed*/
/*w40-blankpage*/
.w40-blankpage {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
}

.w40-blankpage__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w40-blankpage__heading {
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.w40-blankpage__heading__title {
    color: rgba(var(--main-color-w),1);
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    max-width: 100%;
}

@media only screen and (max-width: 50em) {
    .w40-blankpage__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w40-blankpage__heading__des {
    margin: 1rem auto 0;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w40-blankpage__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
}

.w40-blankpage__heading__imgbox__img {
    margin: 0 auto;
}

.w40-blankpage__heading__tab {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

   

.w40-blankpage__heading__tab__text {
    font-size: 1.6rem;
    padding: 1rem 2rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.1);
    border-bottom: none;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem;
    margin: 0rem .5rem;
    transition: all 0.2s ease;
    cursor: pointer;
    text-align: center;
    line-height: 1.6rem;
    color: #fff;
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w), 1);
}
.w40-blankpage__heading__tab__text--active {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
    font-weight: 600;
}
@media only screen and (max-width: 37.5em) {
    .w40-blankpage__heading__tab__text {
        font-size: 1.4rem;
        padding: .5rem 1rem;
    }
}

.w40-blankpage__heading__tab__text:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
}

.w40-blankpage__content {
    line-height: 2.6rem;
    font-size: 1.6rem;
    text-align: justify;
    padding: 1.5rem;
    display: block;
    background-color: #f0f0f0;
    border-radius: .3rem;
}
/*ed*/
/*w39-ctaregister-2*/
.w39-ctaregister-2 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    background-image: url(../../img/w39/03.jpg);
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.w39-ctaregister-2__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background: linear-gradient(90deg, rgba(0,0,0, .9) 15%, rgba(0,0,0,.6) 85%);
}

.w39-ctaregister-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w39-ctaregister-2__heading {
    display: block;
}

.w39-ctaregister-2__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    color: white;
}

@media only screen and (max-width: 50rem) {
    .w39-ctaregister-2__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w39-ctaregister-2__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    color: white;
}

.w39-ctaregister-2__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    margin-top: 1rem;
    width: fit-content;
    overflow: hidden;
}

.w39-ctaregister-2__heading__imgbox__img {
    margin: 0 auto;
    width: 100%;
    height: 100%;
}

.w39-ctaregister-2__items {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 62.5rem) {
    .w39-ctaregister-2__items {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w39-ctaregister-2__items__form {
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w39-ctaregister-2__items__form {
        width: 100%;
        flex-wrap: wrap;
    }
}

.w39-ctaregister-2__items__form__input {
    margin-left: 1%;
    width: 100%;
    padding: 1rem;
    outline: none;
    font-size: 1.4rem;
    background-color: transparent;
    color: white;
    border: 1px solid white;
    border-radius: .3rem;
    transition: all .3s;
}

    .w39-ctaregister-2__items__form__input:focus {
        background-color: #fff;
        color: #3f3f3f;
    }

        .w39-ctaregister-2__items__form__input:focus::placeholder {
            color: #3f3f3f;
        }

@media only screen and (min-width: 62.5rem) {
    .w39-ctaregister-2__items__form__input:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w39-ctaregister-2__items__form__input {
        width: 49%;
        margin-left: 2%;
        margin-top: 1.5rem;
    }

        .w39-ctaregister-2__items__form__input:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w39-ctaregister-2__items__form__input {
        width: 100%;
        margin-left: 0;
    }
}

.w39-ctaregister-2__items__form__input::placeholder {
    color: white;
}

.w39-ctaregister-2__items__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-left: 1%;
    background-color: transparent;
}

@media only screen and (max-width: 50rem) {
    .w39-ctaregister-2__items__form__vung {
        width: 100%;
        margin-left: 0;
    }
}

.w39-ctaregister-2__items__form__vung__checkbox {
    display: none;
}

    .w39-ctaregister-2__items__form__vung__checkbox:checked ~ .w39-ctaregister-2__items__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w39-ctaregister-2__items__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.3rem;
    font-weight: 600;
    cursor: pointer;
}

.w39-ctaregister-2__items__form__vung__ad__name {
    color: white;
}

.w39-ctaregister-2__items__form__vung__ad__icon {
    margin-left: 0.5rem;
    color: white;
}

.w39-ctaregister-2__items__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w39-ctaregister-2__items__form__vung__items .active {
        font-weight: 800;
    }

.w39-ctaregister-2__items__form__vung__items__item {
    font-size: 1.2rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w39-ctaregister-2__items__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w39-ctaregister-2__items__form__vung__items__item:hover {
        background-color: #eee;
    }

.w39-ctaregister-2__items__button {
    padding: 1.5rem 2em;
    border-radius: .3rem;
    width: max-content;
    margin-left: 1%;
    font-size: 1.4rem;
    transition: all 0.5s;
    text-align: center;
    text-transform: uppercase;
    color: white;
    font-weight: bolder;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    display: block;
    height: fit-content;
    border: 1px solid rgba(var(--main-color-w), 1);
    white-space: nowrap;
    cursor: pointer;
    transition: all .5s;
}

    .w39-ctaregister-2__items__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 62.5rem) {
    .w39-ctaregister-2__items__button {
        width: 100%;
        margin-top: 1.5rem;
        margin-left: 0;
    }
}

.w39-ctaregister-2__items__button:hover {
    border: 0.1rem solid white;
}

.w39-ctaregister-2__text {
    line-height: 1.6rem;
    font-size: 1.3rem;
    color: white;
    margin-top: 2rem;
    text-align: center;
}

.w39-ctaregister-2__items__form__dropdown {
    position: relative;
    width: max-content;
    margin-left: 1%;
}

@media only screen and (min-width:62.5rem) {
    .w39-ctaregister-2__items__form__dropdown:first-child {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w39-ctaregister-2__items__form__dropdown {
        width: 49%;
        margin-left: 2%;
        margin-top: 1.5rem;
    }

        .w39-ctaregister-2__items__form__dropdown:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w39-ctaregister-2__items__form__dropdown {
        width: 100%;
        margin-left: 0;
    }
}

.w39-ctaregister-2__items__form__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .3rem;
    border: #fff solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w39-ctaregister-2__items__form__dropdown__check:checked ~
.w39-ctaregister-2__items__form__dropdown__label
.w39-ctaregister-2__items__form__dropdown__label__icon:before {
    content: "\f106";
}

.w39-ctaregister-2__items__form__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
    white-space: nowrap;
    margin-right: .5rem;
}

.w39-ctaregister-2__items__form__dropdown__label__icon {
    font-size: 1.4rem;
    color: #3f3f3f;
    margin-left: auto;
}

.w39-ctaregister-2__items__form__dropdown__check {
    display: none;
}

.w39-ctaregister-2__items__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
}

.w39-ctaregister-2__items__form__dropdown__check:checked ~
.w39-ctaregister-2__items__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w39-ctaregister-2__items__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w39-ctaregister-2__items__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w39-ctaregister-2__items__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w25-abimg-1*/
.w25-abimg-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
    overflow: hidden;
}

.w25-abimg-1__group {
    max-width: 120rem;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-abimg-1__mains {
    width: 100%;
}

    .w25-abimg-1__mains .swiper-slide {
        transition: all 0.3s ease;
        opacity: 0.5;
        transform: scale(0.8);
    }

    .w25-abimg-1__mains .swiper-slide-active {
        color: #fff;
        transform: scale(1);
        z-index: 2;
        opacity: 1;
        margin: 0 auto;
    }

.w25-abimg-1__mains__next {
    color: white;
    right: -5%;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
    padding: 2rem;
    height: 6rem;
    width: 6rem;
    transform: translateX(50%);
    transition: all .5s;
}

    .w25-abimg-1__mains__next:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 75rem) {
    .w25-abimg-1__mains__next {
        right: 6%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1__mains__next {
        height: 2rem;
        width: 2rem;
    }
}

.w25-abimg-1__mains__next__icon {
    font-size: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1__mains__next__icon {
        font-size: 1.6rem;
    }
}

.w25-abimg-1__mains__next::after {
    display: none;
}

.w25-abimg-1__mains__prev {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
    left: -5%;
    padding: 2rem;
    transform: translateX(-50%);
    height: 6rem;
    width: 6rem;
    transition: all .5s;
}

    .w25-abimg-1__mains__prev:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 75rem) {
    .w25-abimg-1__mains__prev {
        left: 6%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1__mains__prev {
        height: 2rem;
        width: 2rem;
    }
}

.w25-abimg-1__mains__prev__icon {
    font-size: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1__mains__prev__icon {
        font-size: 1.6rem;
    }
}

.w25-abimg-1__mains__prev::after {
    display: none;
}

.w25-abimg-1__mains__main__item {
    display: flex;
    align-items: center;
    position: relative;
    width: 100% !important;
}

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1__mains__main__item {
        width: 100% !important;
    }
}

@media only screen and (max-width: 75rem) {
    .w25-abimg-1__mains__main__item {
        width: 80% !important;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1__mains__main__item {
        flex-wrap: wrap;
    }
}

.w25-abimg-1__mains__main__item__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1__mains__main__item__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w25-abimg-1__mains__main__item__imgbox__img {
    width: 100%;
}

.w25-abimg-1 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w25-abimg-1 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5rem) {
    .w25-abimg-1 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

/*ed*/
/*w48-header*/
.w48-header {
    width: 100%;
    position: relative;
    padding: 2rem 1rem;
    background-color: white;
}

@media only screen and (max-width: 50rem) {
    .w48-header {
        padding: 1rem 1rem;
    }
}

.w48-header__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w48-header__logobox {
    height: 7rem;
    background-size: contain;
    background-position: center;
    max-width: 40%;
    margin-left: 2rem;
    margin-right: 2rem;
}

.w48-header__logobox__logo {
    width: 100%;
}

.w48-header__search {
    width: 30%;
    border-radius: 5rem;
    border: 0.1rem solid #d4d4d4;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-origin: border-box;
    overflow: hidden;
    padding-left: 1rem;
    height: 4rem;
}

@media only screen and (max-width: 50rem) {
    .w48-header__search {
        border: 0.1rem solid #fff;
    }
}

@media only screen and (max-width: 50rem) {
    .w48-header__search {
        width: 100%;
        margin-bottom: .5rem;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w48-header__search__iconbox {
    border: none;
    height: 100%;
    background-origin: border-box;
    background-position: center;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    margin-right: .5rem;
    cursor: pointer;
    transition: all .2s ease;
}

.w48-header__search__iconbox__icon {
    font-size: 1.6rem;
    color: #3f3f3f;
    padding: 0 .5rem;
}

@media only screen and (max-width: 50rem) {
    .w48-header__search__iconbox__icon {
        color: #fff;
    }
}

.w48-header__search__iconbox:hover {
    transform: rotate(90deg);
    color: rgba(var(--main-color-w), 1);
}

.w48-header__search__text {
    width: 100%;
    border: none;
    outline: none;
    font-size: 1.3rem;
    background-color: transparent;
}

@media only screen and (max-width: 50rem) {
    .w48-header__search__text {
        color: #fff;
    }

        .w48-header__search__text::placeholder {
            color: #fff;
        }
}

.w48-header__card {
    display: flex;
    width: 30%;
    justify-content: flex-end;
}

@media only screen and (max-width: 50rem) {
    .w48-header__card {
        width: fit-content;
    }
}

@media only screen and (min-width: 50rem) {
    .w48-header__card--mobile {
        display: none;
    }
}

.w48-header__card__lienhe {
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    padding: .5rem 1rem .5rem 3.75rem;
    border-radius: 2rem;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w48-header__card__lienhe {
        position: relative;
        padding: 0;
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.w48-header__card__lienhe__icon {
    font-size: 1.5rem;
    height: 3rem;
    width: 3rem;
    left: .5rem;
    position: absolute;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    border-radius: 50%;
    display: inline-flex !important;
    background-color: #fff;
}

@media only screen and (max-width: 50rem) {
    .w48-header__card__lienhe__icon {
        position: relative;
        left: initial;
        color: #fff;
        background-color: transparent;
        font-size: 2rem;
    }
}

.w48-header__card__lienhe__text {
    margin-left: .5rem;
    font-size: 1.3rem;
    font-weight: 600;
    white-space: nowrap;
    color: #fff;
}

@media only screen and (max-width: 50rem) {
    .w48-header__card__lienhe__text {
        display: none;
    }
}

.w48-header__card__shopping {
    margin-left: 2rem;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    height: 4rem;
    width: 4rem;
    min-width: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w48-header__card__shopping {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w48-header__card__shopping--desk {
        display: none;
    }
}

.w48-header__card__shopping__qtt {
    border-radius: 50%;
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.2rem;
    text-align: center;
    background-color: rgba(var(--second-color-w),1);
    display: inline-block;
    color: white;
    top: -.5rem;
    font-size: 0.9rem;
    right: 0;
    position: absolute;
    white-space: nowrap;
}

.w48-header__card__shopping__icon {
    font-size: 2rem;
}
/*ed*/
/*w7-service-2*/
.w7-service-2 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
    overflow: hidden;
}

.w7-service-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w7-service-2__heading {
    text-align: center;
}

.w7-service-2__heading__title {
    font-size: 3rem;
    line-height: 4rem;
    width: fit-content;
    margin: 0 auto;
    display: block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w7-service-2__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w7-service-2__heading__des {
    font-size: 1.6rem;
    color: var(--text-color-w);
    line-height: 2.6rem;
    width: fit-content;
    margin: 2rem auto 0;
}

.w7-service-2__card {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w7-service-2__card {
        flex-direction: column;
    }
}

.w7-service-2__card__first {
    width: 50%;
    min-width: 50%;
    overflow: hidden;
    border-radius: .3rem;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w7-service-2__card__first {
        width: 100%;
    }
}

.w7-service-2__card__first__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

.w7-service-2__card__first__imgbox__img {
    max-width: 100%;
    max-height: 100%;
    display: block;
}

.w7-service-2__card__first__imgbox:hover {
    transform: scale(1.05);
}

.w7-service-2__card__info {
    width: 48%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 2%;
}

@media only screen and (max-width: 50rem) {
    .w7-service-2__card__info {
        width: 100%;
        margin-left: 0;
        display: block;
        margin-top: 2rem;
    }
}

.w7-service-2__card__info__item {
    display: flex;
    align-items: flex-start;
}

    .w7-service-2__card__info__item:not(:last-child) {
        margin-bottom: 2rem;
    }

.w7-service-2__card__info__item__link {
    width: 30%;
    overflow: hidden;
    border-radius: .3rem;
    cursor: pointer;
}

.w7-service-2__card__info__item__link__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w7-service-2__card__info__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w7-service-2__card__info__item__link__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w7-service-2__card__info__item__text {
    width: 68%;
    margin-left: auto;
}

.w7-service-2__card__info__item__text__name {
    font-weight: 600;
    font-size: 1.8rem;
    display: block;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s;
}

    .w7-service-2__card__info__item__text__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w7-service-2__card__info__item__text__des {
    margin-top: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    text-align: justify;
}

/*ed*/

/*w67-ads-2*/
.w67-ads-2 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 3rem;
    color: #363636;
}

.w67-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w67-ads-2__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.w67-ads-2__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: left;
}

@media only screen and (max-width:37.5rem) {
    .w67-ads-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-ads-2__heading__tabs {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w67-ads-2__heading__tabs {
        margin-left: 0;
        margin-top: 1rem;
        width: 100%;
    }
}

.w67-ads-2__heading__tabs__first {
    margin-right: 1rem;
    cursor: pointer;
}

    .w67-ads-2__heading__tabs__first:last-child {
        margin-right: 0;
    }

.w67-ads-2__heading__tabs__first__name {
    font-size: 1.6rem;
    display: block;
    transition: all .3s;
    color: rgba(var(--main-color-w),1);
}

    .w67-ads-2__heading__tabs__first__name:hover .w67-ads-2__heading__tabs__first__name__text {
        color: rgba(var(--second-color-w),1);
    }

.w67-ads-2__heading__tabs__first__name__line {
    height: .3rem;
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
    margin-top: 1rem
}

.w67-ads-2__heading__tabs__first__name:hover .w67-ads-2__heading__tabs__first__name__line {
    background-color: rgba(var(--second-color-w),1);
}

.w67-ads-2__heading__tabs__item {
    margin-right: 1rem;
    cursor: pointer;
}

    .w67-ads-2__heading__tabs__item:last-child {
        margin-right: 0;
    }

.w67-ads-2__heading__tabs__item__name {
    font-size: 1.6rem;
    display: block;
    transition: all .3s;
}

    .w67-ads-2__heading__tabs__item__name:hover .w67-ads-2__heading__tabs__item__name__text {
        color: rgba(var(--main-color-w),1);
    }

.w67-ads-2__heading__tabs__item__name__line {
    height: .3rem;
    width: 0;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
    margin-top: 1rem
}

.w67-ads-2__heading__tabs__item__name:hover .w67-ads-2__heading__tabs__item__name__line {
    width: 100%;
}

.w67-ads-2__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    width: 100%;
}

@media only screen and (max-width: 50rem) {
    .w67-ads-2__heading__des {
        margin-top: 2rem;
    }
}

.w67-ads-2__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
}

.w67-ads-2__items__item {
    width: 32%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    border-radius: 2rem;
    z-index: 0;
    display: flex;
    justify-content: center;
}

@media only screen and (min-width: 50rem) {
    .w67-ads-2__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w67-ads-2__items__item {
        width: 49%;
        margin-top: 1rem;
    }

        .w67-ads-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w67-ads-2__items__item {
        width: 100%;
        margin-left: 0;
        margin-top: 1.5rem;
    }
}

.w67-ads-2__items__item__effect {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none;
}

.w67-ads-2__items__item:hover .w67-ads-2__items__item__effect {
    animation: key-w67-ads-2__items__item__effect 1.5s;
}

@keyframes key-w67-ads-2__items__item__effect {
    100% {
        left: 125%;
    }
}

.w67-ads-2__items__item__link {
    display: block;
}

.w67-ads-2__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w67-ads-2__items__item:hover .w67-ads-2__items__item__link__imgbox {
    transform: scale(1.05);
}

.w67-ads-2__items__item__info {
    position: absolute;
    bottom: 0;
    z-index: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: block;
    width: 80%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 1rem 1rem 1rem;
    background-color: rgba(255,255,255,.95);
    border-radius: 1.5rem 1.5rem 0 0;
}

.w67-ads-2__items__item__info__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s;
}

    .w67-ads-2__items__item__info__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w67-ads-2__items__item__info__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: #3f3f3f;
}

/*ed*/
/*w66-banner-1*/
.w66-banner-1 {
    background-color: #fff;
    position: relative;
    padding: 0rem;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w66-banner-1 {
        padding: 0rem;
    }
}

.w66-banner-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w66-banner-1__mains {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
}

.w66-banner-1__mains__line {
    position: absolute;
    bottom: -2.5rem;
    width: .2rem;
    background: rgba(var(--text-color-w), 1);
    z-index: 3;
    height: 5rem;
    transform: scale(0);
    transition: all 4s;
}

section.in .w66-banner-1__mains__line {
    transform: scale(1);
}

@media only screen and (max-width:62.5rem) {
    .w66-banner-1__mains__line {
        display: none;
    }
}

.w66-banner-1__mains__main {
    position: relative;
    height: 100%;
    overflow: hidden;
}

@media only screen and (max-width:62.5rem) {
    .w66-banner-1__mains__main {
        display: flex;
        align-items: center;
    }
}

.w66-banner-1__mains__main__items.swiper-wrapper {
    height: 100% !important;
}

.w66-banner-1__mains__main__items__item {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
    opacity:1 !important;
    visibility:hidden;
}
.w66-banner-1__mains__main__items__item.swiper-slide-active{
    visibility:visible;
}
.w66-banner-1__mains__main__items__item__linetop {
    position: absolute;
    top: 0;
    width: .1rem;
    top: 4rem;
    z-index: 2;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

@media only screen and (max-width:1200px) {
    .w66-banner-1__mains__main__items__item__linetop {
        top: 1rem;
    }
}

.swiper-slide-active .w66-banner-1__mains__main__items__item__linetop {
    z-index: 2;
    opacity: 1;
    -webkit-animation: key-w66-banner-1__mains__main__items__item__linetop 9s;
    animation: key-w66-banner-1__mains__main__items__item__linetop 9s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@media only screen and (min-width:1200px) {
    @-webkit-keyframes key-w66-banner-1__mains__main__items__item__linetop {
        0% {
            height: 0;
        }

        15% {
            height: 60%;
        }

        90% {
            height: 60%;
        }

        100% {
            height: 0;
        }
    }
}

@media only screen and (max-width:1200px) {
    .swiper-slide-active .w66-banner-1__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 50%;
    }

    @media only screen and (min-width:600px) {
        @-webkit-keyframes key-w66-banner-1__mains__main__items__item__linetop {
            0% {
                height: 0;
            }

            15% {
                height: 50%;
            }

            90% {
                height: 50%;
            }

            100% {
                height: 0;
            }
        }
    }
}

@media only screen and (max-width:600px) {
    .swiper-slide-active .w66-banner-1__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 40%;
    }

    @-webkit-keyframes key-w66-banner-1__mains__main__items__item__linetop {
        0% {
        }

        90% {
            height: 40%;
        }

        100% {
            height: 0;
        }
    }
}

.w66-banner-1__mains__main__items__item__linetop:before {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 1;
}

.swiper-slide-active .w66-banner-1__mains__main__items__item__linetop:before {
    -webkit-animation: key-w66-banner-1__mains__main__items__item__linetop__before 2s;
    animation: key-w66-banner-1__mains__main__items__item__linetop__before 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w66-banner-1__mains__main__items__item__linetop__before {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}


.w66-banner-1__mains__main__items__item__linetop:after {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 2;
}

.swiper-slide-active .w66-banner-1__mains__main__items__item__linetop:after {
    -webkit-animation: key-w66-banner-1__mains__main__items__item__linetop__after 8s;
    animation: key-w66-banner-1__mains__main__items__item__linetop__after 8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w66-banner-1__mains__main__items__item__linetop__after {
    0% {
    }

    20% {
        height: 100%;
    }

    50% {
        height: 0;
    }

    90% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.w66-banner-1__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    cursor: pointer;
    width: 100%;
    -webkit-animation: key-w66-banner-1__mains__main__items__item__imgbox 20s infinite;
    animation: key-w66-banner-1__mains__main__items__item__imgbox 20s infinite;
}

.w66-banner-1__mains__main__items__item__imgbox__img {
    width: 100%;
}

@-webkit-keyframes key-w66-banner-1__mains__main__items__item__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w66-banner-1__mains__main__items__item__box {
    position: absolute;
    left: 0%;
    width: 100%;
    bottom: 0;
    display: flex;
    align-items: center;
    z-index: 2;
    padding: 10rem 0 4rem;
    background: linear-gradient(180deg, rgba(var(--main-color-w), 0) 0%, rgba(var(--main-color-w), .5) 35%, rgba(var(--main-color-w), .6) 65%)
}

@media only screen and (max-width:75rem) {
    .w66-banner-1__mains__main__items__item__box {
        padding: 5rem 0 2rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w66-banner-1__mains__main__items__item__box {
        padding: 5rem 0 1rem;
    }
}

.w66-banner-1__mains__main__items__item__box__content {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w66-banner-1__mains__main__items__item__box__content {
        width: 100%;
    }
}

.w66-banner-1__mains__main__items__item__box:hover .w66-banner-1__mains__main__items__item__box__content {
    -webkit-animation: key-w66-banner-1__mains__main__items__item__box__content .5s;
    animation: key-w66-banner-1__mains__main__items__item__box__content .5s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w66-banner-1__mains__main__items__item__box__content {
    0% {
        transform: rotate(0deg) scale(1);
    }

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

    100% {
        transform: rotate(0deg) scale(1);
    }
}

.w66-banner-1__mains__main__items__item__box__content__text1 {
    font-size: 5rem;
    font-weight: 600;
    color: #fff;
    line-height: 6rem;
    width: 100%;
    text-align: center;
    transition: 2s all;
    transform: scale(0);
    opacity: 0;
}

@media only screen and (max-width:81.25rem) {
    .w66-banner-1__mains__main__items__item__box__content__text1 {
        font-size: 4rem;
        line-height: 5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w66-banner-1__mains__main__items__item__box__content__text1 {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media only screen and (max-width:25rem) {
    .w66-banner-1__mains__main__items__item__box__content__text1 {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.swiper-slide-active .w66-banner-1__mains__main__items__item__box__content__text1 {
    -webkit-animation: key-w66-banner-1__mains__main__items__item__box__content__text1 2s;
    animation: key-w66-banner-1__mains__main__items__item__box__content__text1 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w66-banner-1__mains__main__items__item__box__content__text1 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    25% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.w66-banner-1__mains__main__items__item__box__content__text2 {
    font-size: 3rem;
    font-weight: 600;
    color: #fff;
    line-height: 4rem;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0);
    margin-top: 1.5rem;
}

@media only screen and (max-width:50rem) {
    .w66-banner-1__mains__main__items__item__box__content__text2 {
        font-size: 2rem;
        line-height: 3rem;
        margin-top: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w66-banner-1__mains__main__items__item__box__content__text2 {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 0rem;
    }
}

@media only screen and (max-width:25rem) {
    .w66-banner-1__mains__main__items__item__box__content__text2 {
        font-size: 1.3rem;
    }
}

.swiper-slide-active .w66-banner-1__mains__main__items__item__box__content__text2 {
    -webkit-animation: key-w66-banner-1__mains__main__items__item__box__content__text2 3s;
    animation: key-w66-banner-1__mains__main__items__item__box__content__text2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w66-banner-1__mains__main__items__item__box__content__text2 {
    0% {
        opacity: 0;
        transform: scale(0);
    }

    50% {
        opacity: 0;
        transform: scale(0);
    }

    100% {
        transform: scale(1);
        opacity: 1;
    }
}

.w66-banner-1__mains__main__items__item__box__content__text3 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w66-banner-1__mains__main__items__item__box__content__text3 {
        margin-top: .5rem;
    }
}

@media only screen and (max-width:25rem) {
    .w66-banner-1__mains__main__items__item__box__content__text3 {
        margin-top: 0rem;
    }
}

.w66-banner-1__mains__main__items__item__box__content__text3__name {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
}

@media only screen and (max-width:37.5rem) {
    .w66-banner-1__mains__main__items__item__box__content__text3__name {
        font-size: 1.4rem;
    }
}

.swiper-slide-active .w66-banner-1__mains__main__items__item__box__content__text3__name {
    -webkit-animation: key-w66-banner-1__mains__main__items__item__box__content__text3__name 4s;
    animation: key-w66-banner-1__mains__main__items__item__box__content__text3__name 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w66-banner-1__mains__main__items__item__box__content__text3__name {
    0% {
        transform: translateY(2rem);
        opacity: 0;
    }

    50% {
        transform: translateY(2rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w66-banner-1__mains__main__next.swiper-button-next,
.w66-banner-1__mains__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.5rem;
    padding: 0;
    text-align: center;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    bottom: 2rem;
    color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w66-banner-1__mains__main__next.swiper-button-next,
    .w66-banner-1__mains__main__prev.swiper-button-prev {
        display: none;
    }
}

.w66-banner-1__mains__main__next.swiper-button-next:hover {
    color: rgba(var(--text-color-w),1);
}

.w66-banner-1__mains__main__prev.swiper-button-prev:hover {
    color: rgba(var(--text-color-w),1);
}

@media only screen and (min-width:75rem) {
    .w66-banner-1__mains__main__prev.swiper-button-prev {
        left: 3rem;
    }

    .w66-banner-1__mains__main__next.swiper-button-next {
        right: 3rem;
    }
}

.w66-banner-1__mains__main__next:hover,
.w66-banner-1__mains__main__prev:hover {
}

.w66-banner-1__mains__main__next:after,
.w66-banner-1__mains__main__prev:after {
    display: none;
}

.w66-banner-1__mains__main__pagination {
    bottom: auto !important;
    display: none;
    left: auto !important;
    right: 1rem;
    display: none;
    width: 1rem !important;
}

@media only screen and (max-width:62.5rem) {
    .w66-banner-1__mains__main__pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .w66-banner-1__mains__main__pagination .swiper-pagination-bullet {
            margin: .5rem 0 !important;
        }
}

.w66-banner-1__mains__main__pagination .swiper-pagination-bullet {
    background-color: #fff;
    transition: all .5s;
    opacity: 1;
    width: .8rem !important;
    height: .8rem !important;
}

.w66-banner-1__mains__main__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: rgba(var(--main-color-w),1);
}
/*ed*/
/*w47-ctaregister*/
.w47-ctaregister {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    background-image: url(../../img/w66/03.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    z-index: 0;
}

.w47-ctaregister__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w47-ctaregister__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    align-items: flex-start;
}

.w47-ctaregister__items__contact {
    width: 35%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    padding: 1rem 3rem;
    margin-top: 10%;
    margin-bottom: 10%;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w47-ctaregister__items__contact {
        width: 100%;
    }
}

.w47-ctaregister__items__contact__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    max-width: 20rem;
    margin: 1rem auto;
}

.w47-ctaregister__items__contact__imgbox__img {
    width: 100%;
    height: 100%;
}

.w47-ctaregister__items__contact__heading {
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    color: white;
    display: block;
    text-align: center;
}

.w47-ctaregister__items__contact__main {
    font-weight: 600;
    font-size: 2rem;
    line-height: 1.6rem;
    color: white;
}

.w47-ctaregister__items__contact__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: white;
    margin-top: 1rem;
}

.w47-ctaregister__items__contact__form__check {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    background-color: white;
    padding: 1rem;
    cursor: pointer;
}

.w47-ctaregister__items__contact__form__check__rd {
    height: 1.5rem;
    width: 1.5rem;
    margin-right: 1rem;
}

.w47-ctaregister__items__contact__form__check__text {
    font-size: 1.4rem;
}

.w47-ctaregister__items__contact__form__input {
    margin-top: 1.5rem;
    display: block;
    padding: 1rem;
    border: 0.15rem solid #eee;
    background-color: white;
    border-radius: .3rem;
}

.w47-ctaregister__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.6rem;
}

.w47-ctaregister__items__contact__form__input__icon {
    color: red;
}

.w47-ctaregister__items__contact__form__text {
    height: 3rem;
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: .7rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
}

.w47-ctaregister__items__contact__form__des {
    color: white;
    font-weight: 300;
    font-size: 1.2rem;
    line-height: 2.4rem;
    text-align: center;
    margin-top: 1rem;
    display: block;
}

.w47-ctaregister__items__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    background-color: white;
}

.w47-ctaregister__items__contact__form__vung__checkbox {
    display: none;
}

    .w47-ctaregister__items__contact__form__vung__checkbox:checked ~ .w47-ctaregister__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w47-ctaregister__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.2rem;
    font-weight: 600;
    cursor: pointer;
}

.w47-ctaregister__items__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
}

.w47-ctaregister__items__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w47-ctaregister__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w47-ctaregister__items__contact__form__vung__items__item {
    font-size: 1.2rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w47-ctaregister__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w47-ctaregister__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w47-ctaregister__items__contact__grbtn {
    display: flex;
    width: fit-content;
    align-items: center;
    margin: 2rem auto;
    margin-bottom: 3rem;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    background-color: white;
    padding: .5rem .5rem .5rem 1.5rem;
    border-radius: 2rem;
    border: none;
    outline: none;
}

.w47-ctaregister__items__contact__grbtn__icon {
    font-size: 1.6rem;
    color: white;
    background-color: white;
    height: 3rem;
    width: 3rem;
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-left: .5rem;
    transition: all .2s ease;
    background-color: rgba(var(--main-color-w), 1);
}

.w47-ctaregister__items__contact__grbtn__text {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    letter-spacing: 1px;
    font-weight: 600;
}

.w47-ctaregister__items__contact__grbtn__line {
    width: 50%;
    height: .2rem;
    background-color: #3f02bd;
    position: absolute;
    top: 80%;
    margin: 1rem auto;
    left: 0;
    display: none;
    right: 0;
    transition: all .2s ease;
    opacity: 0.4;
}

.w47-ctaregister__items__contact__grbtn:hover .w47-ctaregister__items__contact__grbtn__icon {
    margin-left: 1.5rem;
}

.w47-ctaregister__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 1rem;
    color: white;
    font-size: 1.2rem;
}

.w47-ctaregister__items__contact__form__dropdown {
    position: relative;
    width: 100%;
    margin-top: 1.5rem;
}

.w47-ctaregister__items__contact__form__dropdown__label {
    background-color: #fff;
    padding: 1rem 1rem;
    border-radius: .3rem;
    border: #fff solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w47-ctaregister__items__contact__form__dropdown__check:checked ~
.w47-ctaregister__items__contact__form__dropdown__label
.w47-ctaregister__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w47-ctaregister__items__contact__form__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
    white-space: nowrap;
    margin-right: .5rem;
}

.w47-ctaregister__items__contact__form__dropdown__label__icon {
    font-size: 1.4rem;
    color: #3f3f3f;
    margin-left: auto;
}

.w47-ctaregister__items__contact__form__dropdown__check {
    display: none;
}

.w47-ctaregister__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow: hidden;
}

.w47-ctaregister__items__contact__form__dropdown__check:checked ~
.w47-ctaregister__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w47-ctaregister__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w47-ctaregister__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w47-ctaregister__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w25-ads-6*/
.w25-ads-6 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 3rem 1rem;
}

.w25-ads-6__group {
    max-width: 120rem;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w25-ads-6__content {
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__content {
        width: 100%;
        padding: 0;
    }
}

.w25-ads-6__content__block {
    position: relative;
    margin-top: .5rem;
}

.w25-ads-6__content__thumbs {
    overflow: hidden;
    width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__content__thumbs {
        padding-bottom: 0;
        margin-top: 0.5rem;
    }
}

.w25-ads-6__content__thumbs__items {
}

.w25-ads-6__content__thumbs__items__item {
    width: 24.25%;
    margin-right: 1%;
    cursor: pointer;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w25-ads-6__content__thumbs__items__item {
        width: 32%;
        margin-right: 2%;
    }
}

.w25-ads-6__content__thumbs__items__item__top {
    overflow: hidden;
}

.w25-ads-6__content__thumbs__items__item__top__imgbox {
    height: 100%;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w25-ads-6__content__thumbs__items__item__top__imgbox:hover {
        transform: scale(1.05);
    }

.w25-ads-6__content__thumbs__items__item__top__imgbox__img {
    width: 100%;
}

.w25-ads-6__content__thumbs__items__item__mota {
    margin: 0 auto;
    display: block;
    margin-top: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.6rem;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__content__thumbs__items__item__mota {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w25-ads-6__slider {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w25-ads-6__slider__items {
    z-index: 0;
}

.w25-ads-6__slider__items__item {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__slider__items__item {
        flex-wrap: wrap;
    }
}

.w25-ads-6__slider__items__item::after {
    content: "";
    width: 50%;
    transform: skewX(-10deg);
    height: 100%;
    position: absolute;
    right: -20%;
    display: block;
    background-color: white;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__slider__items__item::after {
        display: none;
    }
}

.w25-ads-6__slider__items__item__imgbox {
    cursor: pointer;
    width: 75%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__slider__items__item__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w25-ads-6__slider__items__item__imgbox__img {
    width: 100%;
}

.w25-ads-6__slider__items__item__info {
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    color: black;
    width: 25%;
    height: 100%;
    text-align: right;
    margin-left: auto;
    float: right;
    padding: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__slider__items__item__info {
        width: 100%;
        justify-content: left;
        text-align:left;
    }
}

.w25-ads-6__slider__items__item__info__name {
    font-size: 2.4rem;
    line-height: 3.4rem;
    position: relative;
    padding: 0.5rem 0;
    display: block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    width: 100%;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__slider__items__item__info__name {
        font-size: 2rem;
    }
}

.w25-ads-6__slider__items__item__info__name__line {
    width: 50%;
    height: 0.2rem;
    margin-top: .5rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w25-ads-6__slider__items__item__info__sub {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: 1.5rem;
    display: block;
    width: 100%;
}

@media only screen and (max-width: 50rem) {
    .w25-ads-6__slider__items__item__info__sub {
        text-align: left;
    }
}

.w25-ads-6 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w25-ads-6 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 50rem) {
    .w25-ads-6 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w25-ads-6__content__thumbs__next.swiper-button-next,
.w25-ads-6__content__thumbs__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 38%;
}

@media only screen and (max-width: 37.5rem) {
    .w25-ads-6__content__thumbs__next.swiper-button-next {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.4rem;
    }

    .w25-ads-6__content__thumbs__prev.swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.4rem;
    }
}

.w25-ads-6__content__thumbs__next:hover,
.w25-ads-6__content__thumbs__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w25-ads-6__content__thumbs__next:after,
.w25-ads-6__content__thumbs__prev:after {
    display: none;
}

.w25-ads-6__slider__pagination {
    z-index: 1;
}

    .w25-ads-6__slider__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w25-ads-6__slider__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w25-ads-6__slider__next.swiper-button-next,
.w25-ads-6__slider__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), .8);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: 38%;
    opacity: 0;
}

.w25-ads-6__slider:hover .w25-ads-6__slider__next {
    opacity: 1;
}

.w25-ads-6__slider:hover .w25-ads-6__slider__prev {
    opacity: 1;
}

@media only screen and (max-width: 37.5rem) {
    .w25-ads-6__slider__next.swiper-button-next {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.4rem;
    }

    .w25-ads-6__slider__prev.swiper-button-prev {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.4rem;
    }
}

.w25-ads-6__slider__next:hover,
.w25-ads-6__slider__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w25-ads-6__slider__next:after,
.w25-ads-6__slider__prev:after {
    display: none;
}
/*ed*/

/*w36-article-1*/
.w36-article-1 {
    width: 100%;
    padding: 3rem 1rem;
    color: var(--text-color-w);
    background-color: white;
}

.w36-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w36-article-1__group {
        margin: unset !important;
    }
}

.w36-article-1__heading {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w36-article-1__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    width: 100%;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w36-article-1__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w36-article-1__heading__line {
    width: 10rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
    margin-top: .5rem;
}

.w36-article-1__heading__des {
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    width: 100%;
}

.w36-article-1__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3rem;
    background-size: contain;
    background-position: center;
}

.w36-article-1__heading__imgbox__img {
    width: 100%;
}

.w36-article-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
    justify-content: center;
}

.w36-article-1__items__item {
    width: 32%;
    margin-left: 2%;
    overflow: hidden;
    cursor: pointer;
    margin-top: 3rem;
    border-radius: .3rem;
    border: solid .1rem #f1f1f1;
}

@media only screen and (min-width: 50rem) {
    .w36-article-1__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w36-article-1__items__item {
        width: 49%;
        margin-top: 1rem;
    }

        .w36-article-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w36-article-1__items__item__imgbox {
    transition: all 0.2s;
    backface-visibility: hidden;
    background-size: cover;
    background-position: center;
    max-height: 100%;
}

.w36-article-1__items__item__imgbox__img {
    width: 100%;
    border-radius: .3rem;
}

.w36-article-1__items__item:hover .w36-article-1__items__item__button {
    opacity: 1;
    visibility: visible;
    max-height: 10rem;
    margin: 1rem 0;
    padding: 1rem 2rem;
    bottom: 0;
}

.w36-article-1__items__item:hover .w36-article-1__items__item__imgbox {
}

@media only screen and (min-width: 50rem) {
    .w36-article-1__items__item:hover .w36-article-1__items__item__content .w36-article-1__items__item__content__sub {
        max-height: 100rem;
        margin-top: .5rem
    }
}

.w36-article-1__items__item:hover .w36-article-1__items__item__content {
    background-color: rgba(var(--main-color-w),.05);
}

.w36-article-1__items__item__content {
    padding: 1.5rem;
    background-color: #fff;
    overflow: hidden;
}

    .w36-article-1__items__item__content:hover .w36-article-1__items__item__content__main {
        color: rgba(var(--main-color-w), 1);
    }

.w36-article-1__items__item__content__heading {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    display: block;
    color: #3f3f3f;
}

@media only screen and (max-width: 50rem) {
    .w36-article-1__items__item__content__heading {
    }
}

.w36-article-1__items__item__content__main {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    transition: all 0.2s ease;
    color: rgba(var(--main-color-w),1);
    margin-top: .5rem;
    transition: all .5s;
}

    .w36-article-1__items__item__content__main:hover {
        color: rgba(var(--second-color-w),1);
    }

.w36-article-1__items__item__content__sub {
    color: #3f3f3f;
    font-size: 1.5rem;
    line-height: 2.6rem;
    overflow: hidden;
    text-align: justify;
    position: relative;
    transition: all .2s ease;
    max-height: 0;
}


.w36-article-1__button {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    color: white;
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    transition: all 0.2s ease;
    line-height: 1.6rem;
    margin: 0 auto;
    display: block;
    width: fit-content;
    padding: .7rem 2rem;
    margin-top: 2rem;
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w36-article-1__button {
        opacity: 1;
        visibility: visible;
        font-size: 1rem;
    }
}

.w36-article-1__button:hover {
    background-color: rgba(var(--second-color-w),1);
}
/*ed*/
/*w36-service-4*/
.w36-service-4 {
    width: 100%;
    position: relative;
    padding: 6rem 1rem;
    background-color: #f5f1e6;
}

.w36-service-4__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w36-service-4__text {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
}

.w36-service-4__heading {
    display: flex;
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w36-service-4__heading__title {
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    display: block;
    line-height: 3rem;
    width: 100%;
    color: rgba(var(--main-color-w),1);
    text-align: center;
}

.w36-service-4__heading__line {
    width: 10rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
    margin-top: 1rem;
}

.w36-service-4__heading__des {
    margin: 1.5rem auto 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
}

.w36-service-4__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: none;
    margin-bottom: 3rem;
    background-size: contain;
    background-position: center;
}

.w36-service-4__heading__imgbox__img {
    width: 100%;
}

.w36-service-4__mains {
    padding: 0.5rem;
    background-color: white;
    border-radius: 2px;
    margin-top: 2rem;
}

.w36-service-4__mains__items {
    display: flex;
    background-color: white;
    justify-content: space-between;
    border: 1px solid #e7e7e7;
    border-radius: 0.3rem;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w36-service-4__mains__items {
        flex-wrap: wrap;
    }
}

@media only screen and (min-width: 50rem) {
    .w36-service-4__mains__items {
        padding: 2rem 0;
    }
}

.w36-service-4__mains__items__item {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 1rem;
}

@media only screen and (min-width: 50rem) {
    .w36-service-4__mains__items__item:first-child {
    }
}

@media only screen and (max-width: 50rem) {
    .w36-service-4__mains__items__item {
        padding: 1rem;
    }
}

.w36-service-4__mains__items__item:not(:last-child) {
    border-right: 0.1rem solid #dbdbdb;
}

@media only screen and (max-width: 50rem) {
    .w36-service-4__mains__items__item:not(:last-child) {
        border-bottom: 0.1rem solid #dbdbdb;
        border-right: none
    }
}

.w36-service-4__mains__items__item__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 5rem;
    text-align: center;
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w36-service-4__mains__items__item__icon {
        width: 3rem;
        height: 3rem;
        font-size: 3rem;
    }
}

.w36-service-4__mains__items__item__name {
    line-height: 1.6rem;
    font-size: 1.3rem;
    font-weight: 600;
    margin-left: 1rem;
}
/*ed*/
/*w40-introducer*/
.w40-introducer {
    width: 100%;
    padding: 3rem 1rem;
    background: rgba(var(--main-color-w),1) url(../../img/w25/06.png) center center;
}

.w40-introducer__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w40-introducer__title {
    font-weight: 600;
    line-height: 4rem;
    font-size: 3rem;
    color: #fff;
    display: block;
    margin: 0 auto;
    width: fit-content;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__title {
        line-height: 3rem;
        font-size: 2rem;
    }
}

.w40-introducer__main {
    display: flex;
    margin-top: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__main {
        flex-wrap: wrap;
    }
}

.w40-introducer__main__imgbox {
    width: 20rem;
    height: 20rem;
    min-width: 20rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    display: block;
    z-index: 1;
    border: .3rem solid white;
    transition: all .5s;
    cursor: pointer;
}

    .w40-introducer__main__imgbox:hover {
        filter: brightness(0.8);
        border-color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__main__imgbox {
        margin: 0 auto;
        margin-bottom: 3rem;
    }
}

.w40-introducer__main__imgbox__img {
    width: 100%;
    height: 100%;
}

.w40-introducer__main__gioithieu {
    border-left: .75rem solid rgba(var(--main-color-w),1);
    padding-left: 2rem;
    margin-left: 2rem;
    display: inline-block;
}

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__main__gioithieu {
        margin-left: 0;
        border-left: .5rem solid #ddb60f;
        padding-left: 1rem;
        width: 100%;
    }
}

.w40-introducer__main__gioithieu__name {
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    display: block;
    font-weight: 600;
}

.w40-introducer__main__gioithieu__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: white;
    display: block;
    margin-top: .5rem;
}

.w40-introducer__main__gioithieu__des {
    font-size: 1.6rem;
    color: white;
    display: block;
    line-height: 2.6rem;
    text-align: justify;
    margin-top: 1rem;
}

.w40-introducer__second {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    width: 100%;
}

.w40-introducer__second__items {
    width: fit-content;
    margin-top: 4rem;
    display: block;
}

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__second__items {
        display: flex;
        justify-content: center;
        width: 49%;
        margin-left: 1%;
        flex-wrap: wrap;
        margin-top: 2rem;
    }

        .w40-introducer__second__items:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w40-introducer__second__items:first-child {
    margin-left: 0;
}

.w40-introducer__second__items:first-child {
    margin-left: 0;
}

.w40-introducer__second__items__imgbox {
    width: 19.6rem;
    height: 19.6rem;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    margin-bottom: 2rem;
    display: block;
    border: .3rem solid white;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__second__items__imgbox {
        width: 17rem;
        height: 17rem;
    }
}

.w40-introducer__second__items__imgbox:hover {
    border-color: rgba(var(--main-color-w),1);
    filter: brightness(.8);
}

.w40-introducer__second__items__imgbox__img {
    width: 100%;
    height: 100%;
}

.w40-introducer__second__items__name {
    text-align: center;
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    display: block;
}

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__second__items__name {
        width: 100%;
    }
}

.w40-introducer__second__items__sub {
    text-align: center;
    color: white;
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-top: .5rem;
    display: block;
}

@media only screen and (max-width: 37.5rem) {
    .w40-introducer__second__items__sub {
        width: 100%;
    }
}
/*ed*/
/*w29-video-3*/
.w29-video-3 {
    width: 100%;
    padding: 3rem 0 1rem;
    background-color: white;
}

.w29-video-3__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 1rem;
}

.w29-video-3__heading {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w29-video-3__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    width: 100%;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w29-video-3__heading__title {
        line-height: 3rem;
        font-size: 2rem;
    }
}

.w29-video-3__heading__line {
    width: 10rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
    margin-top: .5rem;
}

.w29-video-3__heading__des {
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
    margin-top: 1rem;
}

.w29-video-3__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    margin-bottom: 3rem;
    background-size: contain;
    background-position: center;
}

.w29-video-3__heading__imgbox__img {
    margin: 0 auto;
}

.w29-video-3__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    align-items: flex-start;
}

.w29-video-3__items__main {
    width: 48%;
}

@media only screen and (max-width: 50rem) {
    .w29-video-3__items__main {
        width: 100%;
    }
}

.w29-video-3__items__main__ifbox {
    width: 100%;
    height: 100%;
    padding-bottom: 2rem;
}

    .w29-video-3__items__main__ifbox iframe {
        width: 100%;
        min-height: 10rem;
    }

@media only screen and (max-width: 50rem) {
    .w29-video-3__items__main__ifbox iframe {
        min-height: 25rem;
    }
}

.w29-video-3__items__sub {
    margin-left: 2%;
    width: 50%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 50rem) {
    .w29-video-3__items__sub {
        width: 100%;
        margin-left: 0;
    }
}

.w29-video-3__items__sub__ifbox {
    width: 48%;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w29-video-3__items__sub__ifbox {
        width: 49%;
    }
}

.w29-video-3__items__sub__ifbox__text {
    padding-bottom: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w29-video-3__items__sub__ifbox__text {
        padding-bottom: 1rem;
    }
}

.w29-video-3__items__sub__ifbox iframe {
    width: 100%;
    height: 100%;
    min-height: 10rem;
}
/*ed*/
/*w8-article*/
.w8-article {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
}

.w8-article__group {
    max-width: 120rem;
    margin: 0 auto 0 auto;
}

.w8-article__heading {
    text-align: center;
    display: block;
}

.w8-article__heading__title {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w8-article__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w8-article__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w8-article__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w8-article__items__item {
    cursor: pointer;
    position: relative;
    width: 32%;
    margin-left: 2%;
    margin-top: 3rem;
    overflow:hidden;
}

@media only screen and (min-width: 50rem) {
    .w8-article__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w8-article__items__item {
        width: 49%;
    }

        .w8-article__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w8-article__items__item {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w8-article__items__item__card {
    position: relative;
    display: flex;
    justify-content: center;
    overflow: hidden;
    border-radius: .3rem;
}

.w8-article__items__item__card__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
    width: 100%;
}

    .w8-article__items__item__card__imgbox:hover {
        transform: scale(1.05);
    }

.w8-article__items__item__card__imgbox__img {
    width: 100%;
    margin: 0 auto;
}

.w8-article__items__item__card:hover .w8-article__items__item__card__text {
}

.w8-article__items__item__card__text {
    position: absolute;
    text-align: center;
    bottom: 0rem;
    margin: 0 auto;
    transition: all 0.2s;
    width: 90%;
}

.w8-article__items__item__card__text__main {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding: 1rem;
    border-top-left-radius: 1rem;
    border-top-right-radius: 1rem;
    background-color: white;
    transition: all .3s;
    cursor: pointer;
}

    .w8-article__items__item__card__text__main:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w8-article__items__item__card__text__sub {
    margin-top: 0.5rem;
    font-size: 2.5rem;
    font-weight: 600;
    width: 7rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

@media only screen and (max-width: 50rem) {
    .w8-article__items__item__card__text__sub {
        font-size: 1.8rem;
        width: 10rem;
    }
}

.w8-article__items__item__info {
    padding: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.w8-article__items__item__info__main {
    color: #3f3f3f;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
}

@media only screen and (max-width: 50rem) {
    .w8-article__items__item__info__main {
    }
}

.w8-article__items__item__info__sub {
    margin-top: 1rem;
    text-align: center;
    font-size: 1.4rem;
    color: #fff;
    cursor: pointer;
    width: max-content;
    white-space: nowrap;
    padding: .75rem 2rem;
    border-radius: 2rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

    .w8-article__items__item__info__sub:hover {
        background-color: rgba(var(--second-color-w),1);
    }
/*ed*/
/*w67-menu*/
.w67-menu {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 0rem 1rem;
    transition: all .5s;
}

    .w67-menu.ws1TransApply {
        position: absolute !important;
    }

@media only screen and (max-width:75rem) {
    .w67-menu {
        padding: 0rem;
    }
}

@media only screen and (max-width:62.5rem) {
}

@media only screen and (min-width:75rem) {
    .w67-menu.ws1TransApply:hover {
    }
}

.w67-menu__check {
    display: none;
}

.w67-menu__label {
    background-color: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem 1rem;
    display: none;
    transition: all .5s;
    position: relative;
    justify-content: center;
    height: 7rem;
}

@media only screen and (max-width:75rem) {
    .w67-menu__label {
        display: flex;
    }

    .ws1TransApply .w67-menu__label {
        background: none;
        background-color: transparent !important;
    }

    .w67-menu__check:checked ~ .w67-menu__label {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .ws1TransApply .w67-menu__check:checked ~ .w67-menu__label {
        background-color: #fff !important;
    }

    .w67-menu__label__logo {
        display: block;
    }

    .w67-menu__label__logo__imgbox {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        max-height: 6rem;
    }

    .w67-menu__label__logo__imgbox__img {
        max-height: 6rem;
    }
}

.w67-menu__label__main {
    display: flex;
    cursor: pointer;
    align-content: center;
    position: absolute;
    right: 1rem;
    justify-content: center;
    align-items: center;
    width: 2.2rem;
    height: 1.6rem;
    z-index: 1;
}

    .w67-menu__label__main:before {
        width: 100%;
        height: .2rem;
        top: 0;
        background-color: rgba(var(--main-color-w),1);
        content: "";
        position: absolute;
        transition: all .3s;
    }

.ws1TransApply .w67-menu__label__main:before {
    background-color: #fff;
}

.w67-menu__label__main:after {
    width: 100%;
    height: .2rem;
    bottom: 0;
    background-color: rgba(var(--main-color-w),1);
    content: "";
    position: absolute;
    transition: all .3s;
}

.ws1TransApply .w67-menu__label__main:after {
    background-color: #fff;
}

.w67-menu__label__main__line {
    width: 100%;
    height: .2rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
    position: absolute;
}

.ws1TransApply .w67-menu__label__main__line {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w67-menu__check:checked ~ .w67-menu__label .w67-menu__label__main .w67-menu__label__main__line {
        transform: rotate(-45deg);
    }

    .ws1TransApply .w67-menu__check:checked ~ .w67-menu__label .w67-menu__label__main .w67-menu__label__main__line {
        background-color: #555;
    }

    .w67-menu__check:checked ~
    .w67-menu__label
    .w67-menu__label__main:before {
        top: initial;
        transform: rotate(45deg);
    }

    .ws1TransApply .w67-menu__check:checked ~
    .w67-menu__label
    .w67-menu__label__main:before {
        background-color: #555;
    }

    .w67-menu__check:checked ~
    .w67-menu__label
    .w67-menu__label__main:after {
        opacity: 0;
        visibility: hidden;
    }
}

.w67-menu__label__main__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.5rem;
}

.w67-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 120rem;
    width: 100%;
    justify-content: space-around;
}

@media only screen and (max-width:75rem) {
    .w67-menu__group {
        margin: 0;
        width: 100%;
        padding: 0;
        background-color: #fff;
        overflow: hidden;
        position: absolute;
        z-index: 2;
        display: block;
        top: 100%;
        left: 0;
        height: 85vh;
        transition: all .25s;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        padding: 7rem 0rem 1.5rem 0rem;
        transform-origin: center top 0px;
    }

    .w67-menu__check:checked ~ .w67-menu__group {
        overflow-y: scroll;
        transform: none;
    }

    .w67-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w67-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w67-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w67-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

.w67-menu__first {
    width: max-content;
}

@media only screen and (max-width:75rem) {
    .w67-menu__first {
        display: none;
    }
}

.w67-menu__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    max-height: 5rem;
    cursor: pointer;
}

.w67-menu__first__imgbox--2 {
    display: none;
}

.ws1TransApply .w67-menu__first__imgbox--2 {
    display: block;
}

.ws1TransApply .w67-menu__first__imgbox--1 {
    display: none;
}

.w67-menu__first__imgbox__img {
    max-height: 5rem !important;
}
.w67-menu__second {
    transition: all .5s;
    position: relative;
    margin-left: auto;
}

@media only screen and (max-width:75rem) {
    .w67-menu__second {
        width: 100%;
        margin-left: 0;
    }
}

.w67-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items {
        width: 100%;
    }
}

.w67-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item:first-child {
        margin-left: 0;
    }

    .w67-menu__second__items__item {
        margin-left: 3rem;
    }
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item {
        width: 100%;
    }
}

.w67-menu__second__items__item__check {
    display: none;
}

.w67-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__main {
    }

    .w67-menu__second__items__item:hover .w67-menu__second__items__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__main {
        padding: 0 0 0 1rem;
        border-top: solid #f8f8f8 .1rem;
    }

    .w67-menu__second__items__item:first-child
    .w67-menu__second__items__item__main {
        border-top: none;
    }
}

.w67-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    padding: 2.5rem 0rem 2.5rem 0;
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__main__name {
        font-size: 1.4rem;
        font-weight: 600;
        transition: all .5s;
        padding: 1rem 0rem 1rem 0rem;
        width: 100%;
        color: rgba(var(--main-color-w),1);
    }

    .w67-menu__second__items__item:hover .w67-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
        transition: all .5s;
        position: relative;
        font-weight: 600;
        text-align: left;
    }

    .ws1TransApply
    .w67-menu__second__items__item__main__name {
        color: #fff;
    }

    .w67-menu__second__items__item:last-child
    .w67-menu__second__items__item__main__name {
        border-right: none;
    }

    .w67-menu__second__items__item:hover .w67-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item:hover .w67-menu__second__items__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}


@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__main__name:before {
        background-color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item:hover .w67-menu__second__items__item__main__name:before {
        width: 50%;
    }

    .w67-menu__second__items__item__main__name:after {
        height: .2rem;
        right: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__main__name:after {
        background-color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item:hover .w67-menu__second__items__item__main__name:after {
        width: 51%;
    }
}

.w67-menu__second__items__item__main__icon1 {
    font-size: 1.6rem;
    margin-right: .75rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w67-menu__second__items__item__main__icon1 {
        color: #fff;
    }

    .ws1TransApply .w67-menu__second__items__item:hover .w67-menu__second__items__item__main__icon1 {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__main__icon1 {
        width: 2.5rem;
    }
}

.w67-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__main__icon2 {
        display: flex;
        height: 100%;
        width: 4rem;
        right: 0;
        justify-content: center;
        align-items: center;
    }

    .w67-menu__second__items__item__check:checked ~
    .w67-menu__second__items__item__main
    .w67-menu__second__items__item__main__icon2 {
    }

    .w67-menu__second__items__item__main__icon2__value {
        font-weight: 600 !important;
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: rgba(var(--main-color-w),1);
    }

    .w67-menu__second__items__item__main__icon2
    .w67-menu__second__items__item__main__icon2__value:before {
        content: "\f068" !important;
        position: absolute;
    }

    .w67-menu__second__items__item__main__icon2
    .w67-menu__second__items__item__main__icon2__value:after {
        content: "\f068" !important;
        position: absolute;
        transform: rotate(90deg);
        transition: all .3s;
    }

    .w67-menu__second__items__item__check:checked ~
    .w67-menu__second__items__item__main
    .w67-menu__second__items__item__main__icon2
    .w67-menu__second__items__item__main__icon2__value:after {
        transform: rotate(180deg);
    }
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__main__icon2 {
        color: #333;
        display: none;
    }

    .ws1TransApply .w67-menu__second__items__item__main__icon2 {
        color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item:hover .w67-menu__second__items__item__main__icon2 {
        color: #fff;
    }
}

.w67-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
    }

    .w67-menu__second__items__item__check:checked ~
    .w67-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 10rem;
        border: solid #f8f8f8 .1rem;
        background-color: #fff;
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
    }

    .w67-menu__second__items__item:hover .w67-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: #fff;
        pointer-events: inherit;
    }
}

.w67-menu__second__items__item__childs__item {
    position: relative;
}

    .w67-menu__second__items__item__childs__item:last-child {
        border: none;
    }

.w67-menu__second__items__item__childs__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }

    .w67-menu__second__items__item__childs__item:first-child .w67-menu__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__childs__item__main {
        padding-right: 1rem;
        border-top: solid #f8f8f8 .1rem;
    }
}

.w67-menu__second__items__item__childs__item__main__name {
    font-size: 1.6rem;
    padding: 1.25rem 1rem;
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    margin-right: 1rem;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        font-size: 1.5rem;
        font-weight: 400;
        padding: 1rem 0rem 1rem 4rem;
        transition: all .5s;
        color: rgba(var(--main-color-w),1);
    }

    .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main {
    }
}


@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__childs__item__main__name:before {
        background-color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main__name:before {
        width: 50%;
    }

    .w67-menu__second__items__item__childs__item__main__name:after {
        height: .2rem;
        right: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__childs__item__main__name:after {
        background-color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main__name:after {
        width: 50%;
    }
}

.w67-menu__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main__icon {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__main__icon {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__childs__item__main__icon {
        padding: 0;
        width: 4rem;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(var(--main-color-w),1);
    }

    .w67-menu__second__items__item__childs__item__check:checked ~
    .w67-menu__second__items__item__childs__item__main
    .w67-menu__second__items__item__childs__item__main__icon {
    }

    .w67-menu__second__items__item__childs__item__main__icon__value {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
    }

        .w67-menu__second__items__item__childs__item__main__icon__value:before {
            content: "\f068" !important;
            position: absolute;
        }

        .w67-menu__second__items__item__childs__item__main__icon__value:after {
            content: "\f068" !important;
            position: absolute;
            transform: rotate(90deg);
            transition: all .3s;
        }

    .w67-menu__second__items__item__childs__item__check:checked ~
    .w67-menu__second__items__item__childs__item__main
    .w67-menu__second__items__item__childs__item__main__icon
    .w67-menu__second__items__item__childs__item__main__icon__value:after {
        transform: rotate(180deg);
    }
}

.w67-menu__second__items__item__childs__item__check {
    display: none;
}

.w67-menu__second__items__item__childs__item__grands {
}


@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
    }

    .w67-menu__second__items__item__childs__item__check:checked ~
    .w67-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        width: 21rem;
        transition: all .3s;
    }

    .w67-menu__second__items__item__childs__item:hover .w67-menu__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w67-menu__second__items__item__childs__item__grands__box {
    list-style: none;
    transition: all .25s;
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands__box {
        background-color: #fff;
        width: max-content;
        margin-left: 1rem;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
    }
}

.w67-menu__second__items__item__childs__item__grands__box__item {
}

.w67-menu__second__items__item__childs__item__grands__box__item__main {
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands__box__item__main {
        border-color: #eee;
    }

    .w67-menu__second__items__item__childs__item__grands__box__item:first-child .w67-menu__second__items__item__childs__item__grands__box__item__main {
        border: none;
    }

    .w67-menu__second__items__item__childs__item__grands__box__item:hover .w67-menu__second__items__item__childs__item__grands__box__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands__box__item__main {
        border-top: solid #f8f8f8 .1rem;
    }
}

.w67-menu__second__items__item__childs__item__grands__box__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1.25rem 1rem;
    position: relative;
    color: #3f3f3f;
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1.25rem 1rem;
    }

    .w67-menu__second__items__item__childs__item__grands__box__item__main:hover .w67-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__childs__item__grands__box__item__main:hover .w67-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        background-color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item__childs__item__grands__box__item:hover .w67-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        width: 50%;
    }

    .w67-menu__second__items__item__childs__item__grands__box__item__main__name:after {
        height: .2rem;
        right: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w67-menu__second__items__item__childs__item__grands__box__item__main__name:after {
        background-color: rgba(var(--second-color-w),1);
    }

    .w67-menu__second__items__item__childs__item__grands__box__item:hover .w67-menu__second__items__item__childs__item__grands__box__item__main__name:after {
        width: 50%;
    }
}

@media only screen and (max-width:75rem) {
    .w67-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1rem 0rem 1rem 5rem;
        text-transform: capitalize;
        font-size: 1.4rem;
    }

    .w67-menu__second__items__item__childs__item__grands__box__item__main:hover .w67-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

.w67-menu__bottom {
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: .75rem 1rem;
    width: 100%;
    transition: all 1s;
    opacity: 0;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w67-menu__check:checked ~
    .w67-menu__group
    .w67-menu__bottom {
        bottom: 0;
        opacity: 1;
        display: flex;
    }
}

.w67-menu__bottom__item {
    font-size: 1.5rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    margin-right: 2rem;
    display: flex;
    align-items: center;
}

    .w67-menu__bottom__item:last-child {
        margin-right: 0;
    }

    .w67-menu__bottom__item:hover {
        transform: scale(1.1);
    }

.w67-menu__bottom__item__text {
    color: #fff;
    margin-left: 1rem;
    font-weight: 600;
}
/*ed*/
/*w67-introducer-1*/
.w67-introducer-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../../img/w67/34.png);
    background-repeat: repeat;
    position:relative;
    z-index:0;
}
@media only screen and (max-width:62.5rem) {
    .w67-introducer-1 {
        padding: 4rem 1rem 4rem;
    }
}

.w67-introducer-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.w67-introducer-1__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10rem 0;
}

.w67-introducer-1__main__first {
    width: 50%;
    position: relative;
    z-index: 1;
    padding: 0rem;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w67-introducer-1__main__first {
        width: 96%;
    }
}

.w67-introducer-1__main__first b {
    color: rgba(var(--main-color-w),1);
}

.w67-introducer-1__main__first__box {
    box-shadow: 0px 10px 50px 0px rgba(25.999999999999996, 46, 84.99999999999999, 0.1);
    background-color: #fff;
    border-radius: .5rem;
    padding: 3rem;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:37.5rem) {
    .w67-introducer-1__main__first__box {
        padding: 2rem;
    }
}

.w67-introducer-1__main__first__box__heading {
}

.w67-introducer-1__main__first__box__heading__name {
    width: 100%;
    font-size: 3rem;
    line-height: 4rem;
    margin-top: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
    cursor: pointer;
    display: block;
}

    .w67-introducer-1__main__first__box__heading__name:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w67-introducer-1__main__first__box__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-introducer-1__main__first__box__heading__detail {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w67-introducer-1__main__first__box__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
}

.w67-introducer-1__main__first__box__bottom {
    margin-top: 2rem;
}

.w67-introducer-1__main__first__box__bottom__button {
    display: flex;
    align-items: center;
    padding: 1rem 2.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: max-content;
    justify-content: center;
    overflow: hidden;
    font-size: 1.6rem;
    transition: all .5s;
}

    .w67-introducer-1__main__first__box__bottom__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-introducer-1__main__first__box__bottom__button__name {
    cursor: pointer;
    transition: all .5s;
    font-weight: 600;
}

.w67-introducer-1__main__first__box__bottom__button__icon {
    margin-left: 1rem;
}

.w67-introducer-1__main__second {
    width: 65%;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    border-radius: .5rem;
    overflow: hidden;
}

@media only screen and (max-width:62.5rem) {
    .w67-introducer-1__main__second {
        width: 70%;
    }
}

.w67-introducer-1__main__second__imgbox {
    width: 100%;
    background-size: cover;
    background-position: top center;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w67-introducer-1__main__second__imgbox:hover {
        transform: scale(1.05);
    }

.w67-introducer-1__main__second__box__imgbox__img {
    width: 100%;
}
/*ed*/
/*w67-introducer-2*/
.w67-introducer-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../../img/w67/34.png);
    background-repeat: repeat;
    position:relative;
    z-index:0;
}

@media only screen and (max-width:62.5rem) {
    .w67-introducer-2 {
        padding: 4rem 1rem 4rem;
    }
}

.w67-introducer-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.w67-introducer-2__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 10rem 0;
}

.w67-introducer-2__main__first {
    width: 50%;
    position: relative;
    z-index: 1;
    padding: 0rem;
}

@media only screen and (max-width:62.5rem) {
    .w67-introducer-2__main__first {
        width: 96%;
    }
}

.w67-introducer-2__main__first b {
    color: rgba(var(--main-color-w),1);
}

.w67-introducer-2__main__first__box {
    box-shadow: 0px 10px 50px 0px rgba(25.999999999999996, 46, 84.99999999999999, 0.1);
    background-color: #fff;
    border-radius: .5rem;
    padding: 3rem;
    position: relative;
    z-index: 3;
}

@media only screen and (max-width:37.5rem) {
    .w67-introducer-2__main__first__box {
        padding: 2rem;
    }
}

.w67-introducer-2__main__first__box__heading {
}

.w67-introducer-2__main__first__box__heading__name {
    width: 100%;
    font-size: 3rem;
    line-height: 4rem;
    margin-top: 1rem;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
    cursor: pointer;
    display: block;
}

    .w67-introducer-2__main__first__box__heading__name:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w67-introducer-2__main__first__box__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-introducer-2__main__first__box__heading__detail {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w67-introducer-2__main__first__box__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
}

.w67-introducer-2__main__first__box__bottom {
    margin-top: 2rem;
}

.w67-introducer-2__main__first__box__bottom__button {
    display: flex;
    align-items: center;
    padding: 1rem 2.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    width: max-content;
    justify-content: center;
    overflow: hidden;
    font-size: 1.6rem;
    transition: all .5s;
}

    .w67-introducer-2__main__first__box__bottom__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-introducer-2__main__first__box__bottom__button__name {
    cursor: pointer;
    transition: all .5s;
    font-weight: 600;
}

.w67-introducer-2__main__first__box__bottom__button__icon {
    margin-left: 1rem;
}

.w67-introducer-2__main__second {
    width: 65%;
    position: relative;
    display: flex;
    justify-content: center;
    z-index: 1;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border-radius: .5rem;
    overflow: hidden;
}

@media only screen and (max-width:62.5rem) {
    .w67-introducer-2__main__second {
        width: 70%;
    }
}

.w67-introducer-2__main__second__imgbox {
    width: 100%;
    background-size: cover;
    background-position: top center;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

    .w67-introducer-2__main__second__imgbox:hover {
        transform: scale(1.05);
    }

.w67-introducer-2__main__second__box__imgbox__img {
    width: 100%;
}
/*ed*/
/*w67-abimg*/
.w67-abimg {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-image: url(../../img/w67/34.png);
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
}

.w67-abimg__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
}

.w67-abimg__heading {
}

.w67-abimg__heading__name {
    display: block;
    position: relative;
    cursor: pointer;
}

.w67-abimg__heading__name__text {
    font-size: 3rem;
    text-transform: uppercase;
    position: relative;
    transition: all .5s;
    font-weight: 600;
    line-height: 4rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w67-abimg__heading__name__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:75rem) {
    .w67-abimg__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-abimg__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w67-abimg__mains {
    overflow: hidden;
    padding-bottom: 1rem;
}

.w67-abimg__mains__main {
    z-index: 0;
}

.w67-abimg__mains__main__items {
    display: flex;
    justify-content: center;
    width: 99%;
    margin-right: .5%;
    margin-left: .5%;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w67-abimg__mains__main__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width:50rem) {
    .w67-abimg__mains__main__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w67-abimg__mains__main__items__item {
        width: 32%;
    }

    @media only screen and (min-width:37.5rem) {
        .w67-abimg__mains__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:37.5rem) {
        .w67-abimg__mains__main__items__item {
            width: 49%;
            margin-left: 2%;
            margin-top: 1rem;
        }

            .w67-abimg__mains__main__items__item:nth-child(2n+1) {
                margin-left: 0;
            }
    }
}

.w67-abimg__mains__main__items__item__imgbox {
    background-size: cover;
    border-radius: .5rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: move;
    width: 100%;
}

.w67-abimg__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w67-abimg__mains__main__items__item__imgbox__main {
    background-color: rgba(var(--main-color-w),.8);
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    position: absolute;
    transition: all .5s;
    transform: scale(0);
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w67-abimg__mains__main__items__item__imgbox__main__content {
}

.w67-abimg__mains__main__items__item__imgbox:hover .w67-abimg__mains__main__items__item__imgbox__main {
    transform: scale(1);
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w67-abimg__mains__main__items__item__imgbox__main__content__icon {
    font-size: 2rem;
    color: #fff;
    transition: all 1s;
}

.w67-abimg__mains__main__items__item__imgbox__main:hover .w67-abimg__mains__main__items__item__imgbox__main__content__icon {
    transform: rotate(360deg)
}

@media only screen and (max-width:37.5rem) {
    .w67-abimg__mains__main__items__item__imgbox__main__content__icon {
        font-size: 1.6rem;
    }
}

.w67-abimg__mains__pagination {
    bottom: 0 !important;
    display: block;
    position: relative;
    margin-top: 1.5rem;
    z-index: 0;
}

    .w67-abimg__mains__pagination .swiper-pagination-bullet {
        width: 1.5rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
        margin-top: 1rem !important;
    }

    .w67-abimg__mains__pagination .swiper-pagination-bullet-active {
        width: 3rem;
        opacity: 1;
    }

.w67-abimg__mains__main__items__item__name {
    display: block;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    line-height: 2.6rem;
    margin-top: 1rem;
    cursor: pointer;
    width: 100%;
}

    .w67-abimg__mains__main__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
        transition: all .3s;
    }
/*ed*/
/*w67-counter-2*/
.w67-counter-2 {
    width: 100%;
    padding: 5rem 1rem;
    background-image: url('../../img/w67/34.png');
    background-repeat: repeat;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w67-counter-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    justify-content: space-between;
}

.w67-counter-2__first {
    width: 68%;
}

.w67-counter-2__first__heading {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w67-counter-2__first__heading__link {
}

.w67-counter-2__first__heading__link__imgbox {
    background-size: contain;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w67-counter-2__first__heading__link__imgbox {
        width: 10rem;
    }
}

.w67-counter-2__first__heading__link__imgbox:hover {
    transform: scale(1.05);
}

.w67-counter-2__first__heading__name {
    margin-left: 2rem;
}

.w67-counter-2__first__heading__name__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w67-counter-2__first__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-counter-2__first__heading__name__des {
    font-size: 1.6rem;
    line-height: 1.6rem;
    font-weight: 600;
    color: #3f3f3f;
    margin-top: 1rem;
}

.w67-counter-2__first__items {
    display: flex;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w67-counter-2__first__items {
        flex-wrap: wrap;
    }
}

.w67-counter-2__first__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w67-counter-2__first__items__item {
        width: 100%;
        margin-bottom: 1rem;
    }

        .w67-counter-2__first__items__item:last-child {
            margin-bottom: 0;
        }
}

.w67-counter-2__first__items__item__1 {
    display: flex;
    align-items: center;
    width: 100%;
    color: rgba(var(--main-color-w),1);
    justify-content: center;
}

.w67-counter-2__first__items__item__1__name {
    font-size: 7rem;
    font-weight: 700;
    letter-spacing: 4px;
}

.w67-counter-2__first__items__item__1__des {
    font-size: 3.5rem;
    font-weight: 700;
    margin-left: 1rem;
}

.w67-counter-2__first__items__item__2 {
    width: 100%;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 700;
    margin-top: .5rem;
    text-align: center;
}

.w67-counter-2__second {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w67-counter-2__second__imgbox {
    background-size: contain;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    transition: all .5s;
    cursor: pointer;
}

    .w67-counter-2__second__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:62.5rem) {
    .w67-counter-2__group {
        flex-wrap: wrap;
    }

    .w67-counter-2__third,
    .w67-counter-2__second {
        width: 100%;
        margin-left: 0;
    }

    .w67-counter-2__second {
        margin-top: 4rem;
    }

    .w67-counter-2__third {
        margin-top: 4rem;
    }

    .w67-counter-2__first {
        width: 100%;
        margin-top: 2rem;
    }

    .w67-counter-2__first__items__item {
        margin-left: 2%;
    }

        .w67-counter-2__first__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w67-counter-2__rt {
        right: 2rem;
    }

    .w67-counter-2__lb {
        bottom: -30%;
        left: 0;
    }

    .w67-counter-2__lt {
        left: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w67-counter-2__lb {
        bottom: -20%;
        left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-counter-2__third__items__item {
        width: 100%;
        margin-left: 0;
    }

    .w67-counter-2__lb {
        bottom: -10%;
        left: 0;
    }
}

@media only screen and (max-width:31.25rem) {
    .w67-counter-2__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width:25rem) {
    .w67-counter-2__third__heading {
        flex-wrap: wrap;
    }

    .w67-counter-2__third__heading__content {
        width: 100%;
        text-align: center;
    }

    .w67-counter-2__third__heading__figure {
        margin-top: 3rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.w67-counter-2__first__items__item__3 {
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
    color: #3f3f3f;
    width: 100%;
    text-align: center;
}
/*ed*/
/*w67-pricingplan-1*/
.w67-pricingplan-1 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    position: relative;
    overflow: hidden;
    background-color: #f1f1f1;
    z-index: 0;
}

.w67-pricingplan-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w67-pricingplan-1__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w67-pricingplan-1__heading__name {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
    text-transform: capitalize;
    width: 100%;
}

.w67-pricingplan-1__heading__text {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    width: 100%;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w67-pricingplan-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-pricingplan-1__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
}

    .w67-pricingplan-1__text ul,
    .w67-pricingplan-1__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w67-pricingplan-1__items {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w67-pricingplan-1__items {
        margin-top: 2rem;
    }
}

.w67-pricingplan-1__items__item {
    margin-bottom: 2rem;
    padding: 0rem 0rem 1.5rem;
    width: 23.5%;
    margin-left: 2%;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(26,46,85,0.1);
}

@media only screen and (min-width:75rem) {
    .w67-pricingplan-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w67-pricingplan-1__items__item {
        width: 49%;
    }

    @media only screen and (min-width:50rem) {
        .w67-pricingplan-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w67-pricingplan-1__items__item {
            margin-left: 0;
            width: 100%;
        }
    }
}

.w67-pricingplan-1__items__item__head {
    padding: 0 1.5rem;
    display: block;
    margin-top: 1rem;
}

.w67-pricingplan-1__items__item__head__text {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    cursor: pointer;
    text-align: center;
}

    .w67-pricingplan-1__items__item__head__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w67-pricingplan-1__items__item__tocdo {
    display: flex;
    padding: 0 1.5rem;
    margin-top: 1rem;
    justify-content: space-between;
}

.w67-pricingplan-1__items__item__tocdo__child {
}

.w67-pricingplan-1__items__item__tocdo__child__name {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w67-pricingplan-1__items__item__tocdo__child__des {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #3f3f3f;
    margin-top: .5rem;
}

.w67-pricingplan-1__items__item__main {
    padding: 0rem 1.5rem;
    margin-top: 2rem;
}

.w67-pricingplan-1__items__item__main__child {
    display: flex;
    align-items: center;
    color: #3f3f3f;
    margin-top: .5rem;
}

    .w67-pricingplan-1__items__item__main__child:nth-child(2n+2) {
    }

.w67-pricingplan-1__items__item__main__child__icon {
    font-size: 1.4rem;
}

.w67-pricingplan-1__items__item__main__child__text {
    display: block;
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.w67-pricingplan-1__items__item__bottom {
    display: flex;
    padding: 0 1.5rem;
    width: 100%;
    margin-top: 2rem;
}

.w67-pricingplan-1__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    border-radius: 3rem;
    overflow: hidden;
    transition: all .5s;
    width: 100%;
    justify-content: center;
}

    .w67-pricingplan-1__items__item__bottom__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-pricingplan-1__items__item__bottom__button__name {
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w67-pricingplan-1__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w67-pricingplan-1__bottom {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .w67-pricingplan-1__bottom ul,
    .w67-pricingplan-1__bottom ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w67-pricingplan-1__items__item__avt {
    display: block;
    overflow: hidden;
}

.w67-pricingplan-1__items__item__avt__imgbox {
    background-size: cover;
    transition: all .5s;
    cursor: pointer;
}

    .w67-pricingplan-1__items__item__avt__imgbox:hover {
        transform: scale(1.05);
    }

.w67-pricingplan-1__items__item__avt__imgbox__img {
    width: 100%;
}

.w67-pricingplan-1__items__item__km {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
    padding: 0 1.5rem;
}

.w67-pricingplan-1__items__item__km__child {
    margin: 0 .5rem;
}

.w67-pricingplan-1__items__item__km__child__name {
    font-size: 1.3rem;
    background-color: rgba(103, 133, 240, .1);
    border-radius: .3rem;
    padding: .5rem;
    border-radius: .3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    border: .1rem solid rgba(var(--main-color-w),.15);
    display: block;
    transition: all .3s;
    cursor: pointer;
}

    .w67-pricingplan-1__items__item__km__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w67-pricingplan-1__items__item__gia {
    padding: 0 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.w67-pricingplan-1__items__item__gia__name {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w67-pricingplan-1__items__item__gia__des {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .5rem;
    color: #3f3f3f;
}
/*ed*/
/*w67-pricingplan-2*/
.w67-pricingplan-2 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 0;
}

.w67-pricingplan-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w67-pricingplan-2__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w67-pricingplan-2__heading__name {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
    text-transform: capitalize;
    width: 100%;
}

.w67-pricingplan-2__heading__text {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    width: 100%;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w67-pricingplan-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-pricingplan-2__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
}

    .w67-pricingplan-2__text ul,
    .w67-pricingplan-2__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w67-pricingplan-2__items {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w67-pricingplan-2__items {
        margin-top: 2rem;
    }
}

.w67-pricingplan-2__items__item {
    margin-bottom: 2rem;
    padding: 0rem 0rem 1.5rem;
    width: 32%;
    margin-left: 2%;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 10px 20px 0px rgba(26,46,85,0.1);
}

@media only screen and (min-width:75rem) {
    .w67-pricingplan-2__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w67-pricingplan-2__items__item {
        width: 49%;
    }

    @media only screen and (min-width:50rem) {
        .w67-pricingplan-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:50rem) {
        .w67-pricingplan-2__items__item {
            margin-left: 0;
            width: 100%;
        }
    }
}

.w67-pricingplan-2__items__item__head {
    padding: 0 1.5rem;
    display: block;
    margin-top: 1rem;
}

.w67-pricingplan-2__items__item__head__text {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    cursor: pointer;
    text-align: center;
}

    .w67-pricingplan-2__items__item__head__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w67-pricingplan-2__items__item__tocdo {
    display: flex;
    padding: 0 1.5rem;
    margin-top: 1rem;
    justify-content: space-between;
}

.w67-pricingplan-2__items__item__tocdo__child {
}

.w67-pricingplan-2__items__item__tocdo__child__name {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w67-pricingplan-2__items__item__tocdo__child__des {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #3f3f3f;
    margin-top: .5rem;
}

.w67-pricingplan-2__items__item__main {
    padding: 0rem 1.5rem;
    margin-top: 2rem;
}

.w67-pricingplan-2__items__item__main__child {
    display: flex;
    align-items: center;
    color: #3f3f3f;
    margin-top: .5rem;
}

    .w67-pricingplan-2__items__item__main__child:nth-child(2n+2) {
    }

.w67-pricingplan-2__items__item__main__child__icon {
    font-size: 1.4rem;
}

.w67-pricingplan-2__items__item__main__child__text {
    display: block;
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.w67-pricingplan-2__items__item__bottom {
    display: flex;
    padding: 0 1.5rem;
    width: 100%;
    margin-top: 2rem;
}

.w67-pricingplan-2__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    border-radius: 3rem;
    overflow: hidden;
    transition: all .5s;
    width: 100%;
    justify-content: center;
}

    .w67-pricingplan-2__items__item__bottom__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-pricingplan-2__items__item__bottom__button__name {
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w67-pricingplan-2__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w67-pricingplan-2__bottom {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .w67-pricingplan-2__bottom ul,
    .w67-pricingplan-2__bottom ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w67-pricingplan-2__items__item__avt {
    display: block;
    overflow: hidden;
}

.w67-pricingplan-2__items__item__avt__imgbox {
    background-size: cover;
    transition: all .5s;
    cursor: pointer;
}

    .w67-pricingplan-2__items__item__avt__imgbox:hover {
        transform: scale(1.05);
    }

.w67-pricingplan-2__items__item__avt__imgbox__img {
    width: 100%;
}

.w67-pricingplan-2__items__item__km {
    display: flex;
    justify-content: center;
    margin-top: 1.5rem;
    padding: 0 1.5rem;
}

.w67-pricingplan-2__items__item__km__child {
    margin: 0 .5rem;
}

.w67-pricingplan-2__items__item__km__child__name {
    font-size: 1.3rem;
    background-color: rgba(103, 133, 240, .1);
    border-radius: .3rem;
    padding: .5rem;
    border-radius: .3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    border: .1rem solid rgba(var(--main-color-w),.15);
    display: block;
    transition: all .3s;
    cursor: pointer;
}

    .w67-pricingplan-2__items__item__km__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w67-pricingplan-2__items__item__gia {
    padding: 0 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
}

.w67-pricingplan-2__items__item__gia__name {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w67-pricingplan-2__items__item__gia__des {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .5rem;
    color: #3f3f3f;
}
/*ed*/
/*w67-pricingplan-3*/
.w67-pricingplan-3 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    position: relative;
    overflow: hidden;
    background-color: #f1f1f1;
    z-index: 0;
}

.w67-pricingplan-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w67-pricingplan-3__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w67-pricingplan-3__heading__name {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
    text-transform: capitalize;
    width: 100%;
}

.w67-pricingplan-3__heading__text {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    width: 100%;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w67-pricingplan-3__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-pricingplan-3__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
}

    .w67-pricingplan-3__text ul,
    .w67-pricingplan-3__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w67-pricingplan-3__mains {
    overflow: hidden;
    position: relative;
    align-items: center;
    display: flex;
    width: 100%;
}

.w67-pricingplan-3__mains__items {
    display: flex;
    margin-top: 3rem;
    width: 100%;
    display: flex;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w67-pricingplan-3__mains__items {
        margin-top: 2rem;
    }
}

.w67-pricingplan-3__mains__items__item {
    width: 23.5%;
    margin-right: 2%;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    overflow: hidden;
    padding-bottom: 1.5rem;
    border: solid .1rem #f1f1f1;
}

@media only screen and (max-width:75rem) {
    .w67-pricingplan-3__mains__items__item {
        width: 49%;
    }

    @media only screen and (max-width:50rem) {
        .w67-pricingplan-3__mains__items__item {
            width: 100%;
        }
    }
}

.w67-pricingplan-3__mains__items__item__head {
    padding: 1.5rem;
    display: block;
    background-color: rgba(var(--main-color-w),1);
}

.w67-pricingplan-3__mains__items__item__head__text {
    font-size: 1.3rem;
    color: #fff;
    transition: all .3s;
    font-weight: 600;
    display: block;
    cursor: pointer;
    text-align: center;
}

    .w67-pricingplan-3__mains__items__item__head__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w67-pricingplan-3__mains__items__item__head__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    color: #fff;
    line-height: 3rem;
    font-weight: 600;
    margin-top: .5rem;
}

.w67-pricingplan-3__mains__items__item__tocdo {
    display: flex;
    padding: 0 1.5rem;
    justify-content: space-between;
}

.w67-pricingplan-3__mains__items__item__tocdo__child {
}

.w67-pricingplan-3__mains__items__item__tocdo__child__name {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w67-pricingplan-3__mains__items__item__tocdo__child__des {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #3f3f3f;
    margin-top: .5rem;
}

.w67-pricingplan-3__mains__items__item__main {
    padding: 0rem 1.5rem;
    margin-top: 2rem;
}

.w67-pricingplan-3__mains__items__item__main__child {
    display: flex;
    align-items: center;
    color: #3f3f3f;
    margin-top: .5rem;
}

.w67-pricingplan-3__mains__items__item__main__child__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w67-pricingplan-3__mains__items__item__main__child__icon {
        font-size: 1.4rem;
    }
}

.w67-pricingplan-3__mains__items__item__main__child__text {
    display: block;
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
}

.w67-pricingplan-3__mains__items__item__bottom {
    display: flex;
    justify-content: center;
    padding: 0 1.5rem;
}

.w67-pricingplan-3__mains__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
    transition: all .5s;
    justify-content: center;
    margin-top: 1rem;
}

    .w67-pricingplan-3__mains__items__item__bottom__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-pricingplan-3__mains__items__item__bottom__button__name {
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w67-pricingplan-3__mains__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w67-pricingplan-3__bottom {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .w67-pricingplan-3__bottom ul,
    .w67-pricingplan-3__bottom ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w67-pricingplan-3__mains__items__item__avt {
    display: flex;
    justify-content: center;
    overflow: hidden;
    padding: 1.5rem;
    margin-top: .5rem;
    flex-wrap: wrap;
}

.w67-pricingplan-3__mains__items__item__avt__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
    width: 14rem;
}

    .w67-pricingplan-3__mains__items__item__avt__imgbox:hover {
        transform: scale(1.05);
    }

.w67-pricingplan-3__mains__items__item__avt__imgbox__img {
    width: 100%;
}

.w67-pricingplan-3__mains__items__item__avt__btn {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w67-pricingplan-3__mains__items__item__avt__btn__name {
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem 1.5rem;
    border-radius: 2rem;
    color: #fff;
    transition: all .3s;
}

.w67-pricingplan-3__mains__items__item__gia {
    padding: 0 1.5rem;
    margin-top: 1.5rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.w67-pricingplan-3__mains__items__item__gia__name {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w67-pricingplan-3__mains__items__item__gia__des {
    font-size: 1.2rem;
    font-weight: 600;
    margin-left: .5rem;
    color: #3f3f3f;
}

.w67-pricingplan-3__mains__next.swiper-button-next,
.w67-pricingplan-3__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    z-index: 0;
}

.w67-pricingplan-3__mains__prev {
    left: 1rem;
}

.w67-pricingplan-3__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w67-pricingplan-3__mains__prev {
        left: 1rem;
    }

    .w67-pricingplan-3__mains__next {
        right: 1rem;
    }
}

.w67-pricingplan-3__mains__next:hover,
.w67-pricingplan-3__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w67-pricingplan-3__mains__next:after,
.w67-pricingplan-3__mains__prev:after {
    display: none;
}
/*ed*/
/*w67-service-4*/
.w67-service-4 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    z-index: 0;
}

.w67-service-4__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w67-service-4__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w67-service-4__heading__name {
    color: rgba(var(--main-color-w),1);
    font-size: 4rem;
    font-weight: 600;
    line-height: 4rem;
    text-transform: capitalize;
    width: 100%;
}

.w67-service-4__heading__text {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    width: 100%;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w67-service-4__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w67-service-4__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
}

    .w67-service-4__text ul,
    .w67-service-4__text ol {
        margin: .25rem 0rem .25rem 2rem;
    }

.w67-service-4__first {
    width: 32%;
}

@media only screen and (max-width:62.5rem) {
    .w67-service-4__first {
        width: 100%;
    }
}

.w67-service-4__second {
    width: 66%;
    margin-left: auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w67-service-4__second {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w67-service-4__second__one {
    width: 48%;
}

@media only screen and (max-width:62.5rem) {
    .w67-service-4__second__one {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-service-4__second__one {
        width: 100%;
    }
}

.w67-service-4__one__items {
    display: flex;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w67-service-4__one__items__item {
    margin-bottom: 3.5rem;
    padding: 1.5rem;
    width: 100%;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
}

@media only screen and (max-width:62.5rem) {
    .w67-service-4__one__items__item {
        margin-bottom: 2rem;
    }
}

.w67-service-4__one__items__item:last-child {
    margin-bottom: 0;
}

.w67-service-4__one__items__item__head {
    display: block;
}

.w67-service-4__one__items__item__head__text {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
    text-transform: uppercase;
    font-weight: 600;
    display: block;
    cursor: pointer;
    text-align: left;
}

    .w67-service-4__one__items__item__head__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w67-service-4__one__items__item__head__des {
    color: #3f3f3f;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w67-service-4__one__items__item__main {
    margin-top: 2rem;
}

.w67-service-4__one__items__item__main__child {
    display: flex;
    align-items: center;
    color: #3f3f3f;
    margin-top: .5rem;
}

    .w67-service-4__one__items__item__main__child:nth-child(2n+2) {
    }

.w67-service-4__one__items__item__main__child__icon {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
}

.w67-service-4__one__items__item__main__child__text {
    display: block;
    margin-left: 1rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.w67-service-4__one__items__item__bottom {
    display: flex;
    width: 100%;
}

.w67-service-4__one__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
    transition: all .5s;
    width: 100%;
    justify-content: center;
    margin-top: 2rem;
}

    .w67-service-4__one__items__item__bottom__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-service-4__one__items__item__bottom__button__name {
    font-size: 1.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w67-service-4__one__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w67-service-4__second__two {
    width: 48%;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w67-service-4__second__two {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w67-service-4__second__two {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w67-service-4__two__items {
    display: flex;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w67-service-4__two__items__item {
    margin-bottom: 3.5rem;
    padding: 1.5rem;
    width: 100%;
    transition: all .5s;
    position: relative;
    border-radius: .5rem;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0px 10px 50px 0px rgba(26,46,85,0.1);
}

@media only screen and (max-width:62.5rem) {
    .w67-service-4__two__items__item {
        margin-bottom: 2rem;
    }
}

.w67-service-4__two__items__item:last-child {
    margin-bottom: 0;
}

.w67-service-4__two__items__item__head {
    display: block;
}

.w67-service-4__two__items__item__head__text {
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
    font-weight: 600;
    display: block;
    cursor: pointer;
    text-align: left;
}

    .w67-service-4__two__items__item__head__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w67-service-4__two__items__item__head__des {
    color: #3f3f3f;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w67-service-4__two__items__item__main {
    margin-top: 2rem;
}

.w67-service-4__two__items__item__main__child {
    display: flex;
    align-items: center;
    color: #3f3f3f;
    margin-top: .5rem;
}

    .w67-service-4__two__items__item__main__child:nth-child(2n+2) {
    }

.w67-service-4__two__items__item__main__child__icon {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
}

.w67-service-4__two__items__item__main__child__text {
    display: block;
    margin-left: 1rem;
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.w67-service-4__two__items__item__bottom {
    display: flex;
    width: 100%;
}

.w67-service-4__two__items__item__bottom__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
    transition: all .5s;
    width: 100%;
    justify-content: center;
    margin-top: 2rem;
}

    .w67-service-4__two__items__item__bottom__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w67-service-4__two__items__item__bottom__button__name {
    font-size: 1.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    z-index: 2;
}

.w67-service-4__two__items__item__bottom__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w67-service-4__bottom {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 3rem;
    margin-bottom: 3rem;
}

    .w67-service-4__bottom ul,
    .w67-service-4__bottom ol {
        margin: .25rem 0rem .25rem 2rem;
    }
/*ed*/
/*w13-ctaregister-11*/
.w13-ctaregister-11 {
    font-weight: 500;
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #3f3f3f;
}

.w13-ctaregister-11__group {
    max-width: 120rem;
    margin: 0 auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
}

.w13-ctaregister-11__heading {
    font-weight: 600;
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    text-transform: uppercase;
    color: #ef2f3c;
    padding: 1.5rem;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    width:100%;
    background-image: url(../../img/w67/39.png);
}

@media only screen and (max-width: 37.5rem) {
    .w13-ctaregister-11__heading {
        font-size: 2rem;
        line-height: 3rem
    }
}

.w13-ctaregister-11__items {
    margin-top: 6rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width:100%;
}

.w13-ctaregister-11__items__contact {
    width: 48%;
    text-align: center;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 62.5rem) {
    .w13-ctaregister-11__items__contact {
        width: 100%;
        margin-top: 1rem;
    }
}

.w13-ctaregister-11__items__contact__form {
    width: 100%;
}

.w13-ctaregister-11__items__contact__form__input {
    margin-top: 1rem;
    display: block;
    padding: 1.2rem;
    border: 0.15rem solid #eee;
    border-radius: 0.8rem;
    background-color: white;
}

.w13-ctaregister-11__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5rem;
}

.w13-ctaregister-11__items__contact__form__input__icon {
    color: red;
}

.w13-ctaregister-11__items__contact__form__text {
    height: 3rem;
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
    width: 100%;
}

.w13-ctaregister-11__items__des {
    color: red;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    display: block;
    width: 100%;
    text-align: center;
}

.w13-ctaregister-11__items__button {
    padding: 1rem 2.5rem;
    display: flex;
    align-items: center;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    margin: 0 auto;
    border-radius: 2rem;
    border: none;
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w13-ctaregister-11__items__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w13-ctaregister-11__items__button__text {
}

.w13-ctaregister-11__items__button__icon {
    margin-left: .5rem;
}

.w13-ctaregister-11__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 2rem;
    width: 100%;
}

.w13-ctaregister-11__items__time {
    width: 50%;
}

@media only screen and (max-width: 62.5rem) {
    .w13-ctaregister-11__items__time {
        width: 100%;
    }
}

.w13-ctaregister-11__items__time__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 2rem;
    display: block;
    text-transform: uppercase;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 62.5rem) {
    .w13-ctaregister-11__items__time__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w13-ctaregister-11__items__time__count {
    display: flex;
    align-items: center;
}

.w13-ctaregister-11__items__time__count__dot {
    font-size: 4rem;
    margin: 0 1rem 0 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w13-ctaregister-11__items__time__count__dot {
    }
}

.w13-ctaregister-11__items__time__count__item {
    width: 25%;
    text-align: center;
    color: #183059;
    padding: 1rem;
    border-radius: 0.5rem;
}

.w13-ctaregister-11__items__time__count__item-d {
    background-color: #ef2f3c;
    color: white;
}

.w13-ctaregister-11__items__time__count__item-h {
    background-color: #f6f4f3;
}

.w13-ctaregister-11__items__time__count__item-m {
    background-color: #276fbf;
    color: white;
}

.w13-ctaregister-11__items__time__count__item-s {
    background-color: #f0a202;
}

.w13-ctaregister-11__items__time__count__item__date {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
}

.w13-ctaregister-11__items__time__count__item__number {
    display: inline-block;
    font-size: 5rem;
    font-weight: 600;
}

@media only screen and (max-width: 68.75rem) {
    .w13-ctaregister-11__items__time__count__item__number {
        font-size: 4.5rem;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w13-ctaregister-11__items__time__count__item__number {
        font-size: 4rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w13-ctaregister-11__items__time__count__item__number {
        font-size: 3.5rem;
    }
}

.w13-ctaregister-11__items__contact__form__dropdown {
    position: relative;
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w13-ctaregister-11__items__contact__form__dropdown {
        width: 100%;
    }
}

.w13-ctaregister-11__items__contact__form__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    border: 0.15rem solid #eee;
    border-radius: 0.8rem;
}

.w13-ctaregister-11__items__contact__form__dropdown__check:checked ~
.w13-ctaregister-11__items__contact__form__dropdown__label
.w13-ctaregister-11__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w13-ctaregister-11__items__contact__form__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w13-ctaregister-11__items__contact__form__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #3f3f3f;
}

.w13-ctaregister-11__items__contact__form__dropdown__check {
    display: none;
}

.w13-ctaregister-11__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #f1f1f1 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 19rem;
}

    .w13-ctaregister-11__items__contact__form__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w13-ctaregister-11__items__contact__form__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w13-ctaregister-11__items__contact__form__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w13-ctaregister-11__items__contact__form__dropdown__subs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w13-ctaregister-11__items__contact__form__dropdown__check:checked ~
.w13-ctaregister-11__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w13-ctaregister-11__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w13-ctaregister-11__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w13-ctaregister-11__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w52-product*/
.w52-product {
    width: 100%;
    background-color: #F1F4FB;
    padding: 3rem 1rem;
    position: relative;
    z-index: 0;
}

.w52-product__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w52-product__heading {
    display: block;
}

.w52-product__heading__title {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w52-product__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-product__heading__imgbox {
    width: fit-content;
    max-width: 100%;
    margin: 1rem auto;
    background-size: contain;
    background-position: center;
}

.w52-product__heading__imgbox__img {
    width: 100%;
}

.w52-product__heading__sub {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    max-width: 100%;
}

.w52-product__heading__tabs {
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border: 1px solid #e7efff;
    margin-top: 2rem;
    justify-content: center;
}

    .w52-product__heading__tabs .active {
        background-color: #e7efff;
    }

.w52-product__heading__tabs__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    background-color: white;
    padding: 1rem;
    border-left: 1px solid #e7efff;
    border-bottom: 1px solid #e7efff;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w52-product__heading__tabs__tab {
        width: 50%;
    }
}

.w52-product__heading__tabs__tab:hover {
    background-color: #e7efff;
}

.w52-product__heading__tabs__tab__imgbox {
    width: 5.5rem;
    height: 5.5rem;
    border-radius: 50%;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-product__heading__tabs__tab__imgbox {
        width: 4rem;
        height: 4rem;
    }
}

.w52-product__heading__tabs__tab__imgbox__img {
    width: 100%;
}

.w52-product__heading__tabs__tab__text {
    margin-left: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w52-product__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .5rem;
}

.w52-product__content__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w52-product__content__items__item {
    width: 24%;
    padding: 1.5rem;
    margin-top: 1.5rem;
    box-shadow: .1rem 0 .4rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    background-color: white;
    height: fit-content;
    border-radius: 1rem;
    display: block;
    position: relative;
}
@media only screen and (max-width:37.5rem) {
    .w52-product__content__items__item {
        padding: 1rem;
    }
}
    .w52-product__content__items__item:not(:first-child) {
        margin-left: 1.333333%;
    }

@media only screen and (min-width:50rem) {
    .w52-product__content__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w52-product__content__items__item {
        width: 49.333333%;
    }

        .w52-product__content__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w52-product__content__items__item__link {
    display: block;
    overflow: hidden;
    border-radius: 1rem;
}

.w52-product__content__items__item__link__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w52-product__content__items__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w52-product__content__items__item__link__imgbox__img {
    width: 100%;
}

.w52-product__content__items__item__km {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-color: orange;
    width: auto;
    padding: 0.5rem;
    border-radius: .5rem 0 0 0;
    display: flex;
    align-items: center;
}

.w52-product__content__items__item__km__pr {
    font-size: 1.1rem;
    display: block;
    color: #fff;
    font-weight: 600;
    margin-right: 0.5rem;
}

.w52-product__content__items__item__km__text {
    font-size: 1.1rem;
    display: block;
    color: white;
    font-weight: 600;
}

.w52-product__content__items__item__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1rem;
    bottom: 0;
    z-index: 2;
    border-top: 1rem solid transparent;
    border-right: 0 solid transparent;
    border-left: 1rem solid orange;
}

.w52-product__content__items__item__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1rem;
    top: 0;
    z-index: 2;
    border-bottom: 1rem solid transparent;
    border-right: 0 solid transparent;
    border-left: 1rem solid orange;
}

.w52-product__content__items__item__text {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all 0.3s ease;
    margin-top: 1rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w52-product__content__items__item:hover .w52-product__content__items__item__text {
    color: rgba(var(--second-color-w),1);
}

.w52-product__content__items__item__attrs {
    display: flex;
    justify-content: space-between;
}

.w52-product__content__items__item__attrs__attr {
    display: flex;
    align-items: center;
    color: #3f3f3f;
    margin-top: 1rem;
}

.w52-product__content__items__item__attrs__attr__icon {
    height: 1rem;
    width: 1rem;
    font-size: 1.4rem;
    display: block;
}

.w52-product__content__items__item__attrs__attr__text {
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w52-product__content__items__item__pricing {
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-product__content__items__item__pricing {
    }
}

.w52-product__content__items__item__pricing__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-product__content__items__item__pricing__main {
        margin-bottom: 1rem;
        width: 100%;
    }
}

.w52-product__content__items__item__pricing__main__vl {
    font-size: 1.6rem;
    color: #7d7d7d;
    text-align: right;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    display: block;
}

.w52-product__content__items__item__pricing__main__count {
    font-size: 1.4rem;
    display: block;
    text-decoration: line-through;
    color: #3f3f3f;
}

.w52-product__content__items__item__grbtn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.w52-product__content__items__item__grbtn__btn {
    padding: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: 1px solid rgba(var(--main-color-w), 1);
    width: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: .3rem;
    transition: all .2s ease;
    font-weight: 600;
    text-align: center;
}

    .w52-product__content__items__item__grbtn__btn:nth-child(2) {
        background-color: transparent;
        margin-left: 1rem;
        color: rgba(var(--main-color-w), 1);
    }

    .w52-product__content__items__item__grbtn__btn:hover {
        background-color: crimson;
        border: 1px solid crimson;
        color: white;
    }

.w52-product__content__items__more {
    margin: 2rem auto 0;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w52-product__content__items__more__link {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    transition: all .3s;
}

    .w52-product__content__items__more__link:hover {
        color: rgba(var(--second-color-w),1);
    }

.w52-product__content__items__more__link__text {
    font-weight: 600;
}

.w52-product__content__items__more__link__icon {
    margin-left: 1rem;
}

.w52-product__content__items__more__nav {
    width: 7rem;
    margin-right: 1rem;
    margin-top: 1rem;
    position: relative;
}
/*ed*/
/*w52-productlist*/
.w52-productlist {
    width: 100%;
    background-color: #F1F4FB;
    padding: 3rem 1rem;
}

.w52-productlist__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w52-productlist__heading {
    display: block;
}

.w52-productlist__heading__title {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w52-productlist__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-productlist__heading__imgbox {
    width: fit-content;
    max-width: 100%;
    margin: 1rem auto;
    background-size: contain;
    background-position: center;
}

.w52-productlist__heading__imgbox__img {
    width: 100%;
}

.w52-productlist__heading__sub {
    margin: 0 auto;
    text-align: justify;
    width: 100%;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    max-width: 100%;
}

.w52-productlist__heading__tabs {
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden;
    border: 1px solid #e7efff;
    margin-top: 2rem;
}

    .w52-productlist__heading__tabs .active {
        background-color: #e7efff;
        font-weight: 600;
    }

.w52-productlist__heading__tabs__tab {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
    background-color: white;
    padding: 1rem;
    border-left: 1px solid #e7efff;
    border-bottom: 1px solid #e7efff;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w52-productlist__heading__tabs__tab {
        width: 50%;
    }
}

.w52-productlist__heading__tabs__tab:hover {
    background-color: #e7efff;
}

.w52-productlist__heading__tabs__tab__imgbox {
    min-width: 20%;
    max-width: 20%;
    background-size: contain;
    background-position: center;
}

.w52-productlist__heading__tabs__tab__imgbox__img {
    width: 100%;
}

.w52-productlist__heading__tabs__tab__text {
    margin-left: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
}

.w52-productlist__content {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: .5rem;
}

.w52-productlist__content__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w52-productlist__content__items__item {
    width: 24%;
    padding: 1.5rem;
    margin-top: 1.5rem;
    box-shadow: .1rem 0 .4rem rgba(0, 0, 0, 0.15);
    cursor: pointer;
    background-color: white;
    height: fit-content;
    border-radius: 1rem;
    display: block;
    position: relative;
    overflow:hidden;
}

    .w52-productlist__content__items__item:not(:first-child) {
        margin-left: 1.333333%;
    }

@media only screen and (min-width:50rem) {
    .w52-productlist__content__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w52-productlist__content__items__item {
        width: 49.333333%;
    }

        .w52-productlist__content__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w52-productlist__content__items__item__link {
    display: block;
    overflow: hidden;
    border-radius: 1rem;
}

.w52-productlist__content__items__item__link__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w52-productlist__content__items__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w52-productlist__content__items__item__link__imgbox__img {
    width: 100%;
}

.w52-productlist__content__items__item__km {
    position: absolute;
    left: 0;
    top: 0;
    text-align: center;
    background-color: orange;
    width: auto;
    padding: 0.5rem;
    border-radius: .5rem 0 0 0;
    display: flex;
    align-items: center;
}

.w52-productlist__content__items__item__km__pr {
    font-size: 1.1rem;
    display: block;
    color: #fff;
    font-weight: 600;
    margin-right: 0.5rem;
}

.w52-productlist__content__items__item__km__text {
    font-size: 1.1rem;
    display: block;
    color: white;
    font-weight: 600;
}

.w52-productlist__content__items__item__km::after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1rem;
    bottom: 0;
    z-index: 2;
    border-top: 1rem solid transparent;
    border-right: 0 solid transparent;
    border-left: 1rem solid orange;
}

.w52-productlist__content__items__item__km::before {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: -1rem;
    top: 0;
    z-index: 2;
    border-bottom: 1rem solid transparent;
    border-right: 0 solid transparent;
    border-left: 1rem solid orange;
}

.w52-productlist__content__items__item__text {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all 0.3s ease;
    margin-top: 1rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w52-productlist__content__items__item:hover .w52-productlist__content__items__item__text {
    color: rgba(var(--second-color-w),1);
}

.w52-productlist__content__items__item__attrs {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w52-productlist__content__items__item__attrs__attr {
    display: flex;
    align-items: center;
    color: #3f3f3f;
}

.w52-productlist__content__items__item__attrs__attr__icon {
    height: 1rem;
    width: 1rem;
    font-size: 1.4rem;
    display: block;
}

.w52-productlist__content__items__item__attrs__attr__text {
    font-size: 1.4rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w52-productlist__content__items__item__pricing {
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productlist__content__items__item__pricing {
    }
}

.w52-productlist__content__items__item__pricing__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-productlist__content__items__item__pricing__main {
        margin-bottom: 1rem;
        width: 100%;
    }
}

.w52-productlist__content__items__item__pricing__main__vl {
    font-size: 1.6rem;
    color: #7d7d7d;
    text-align: right;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    display: block;
}

.w52-productlist__content__items__item__pricing__main__count {
    font-size: 1.4rem;
    display: block;
    text-decoration: line-through;
    color: #3f3f3f;
}

.w52-productlist__content__items__item__grbtn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.w52-productlist__content__items__item__grbtn__btn {
    padding: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    border: 1px solid rgba(var(--main-color-w), 1);
    width: 50%;
    font-size: 1.2rem;
    cursor: pointer;
    border-radius: .3rem;
    transition: all .2s ease;
    font-weight: 600;
    text-align: center;
}

    .w52-productlist__content__items__item__grbtn__btn:nth-child(2) {
        background-color: transparent;
        margin-left: 1rem;
        color: rgba(var(--main-color-w), 1);
    }

    .w52-productlist__content__items__item__grbtn__btn:hover {
        background-color: crimson;
        border: 1px solid crimson;
        color: white;
    }

.w52-productlist__content__items__more {
    margin: 2rem auto 0;
    width: fit-content;
    display: flex;
    align-items: center;
}

.w52-productlist__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w52-productlist__paging__item {
    list-style-type: none;
}

.w52-productlist__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .5rem 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #f1f1f1;
    margin-top: 1rem;
    cursor: pointer;
    background-color: #fff;
}

.w52-productlist__paging__item:hover .w52-productlist__paging__item__text,
.w52-productlist__paging__item.active .w52-productlist__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w44-service*/
.w44-service {
    background-color: white;
    padding: 3rem 1rem;
    position: relative;
    width: 100%;
    z-index: 0;
}

.w44-service__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w44-service__bg {
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    height: 50%;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 0;
}

.w44-service__heading {
    display: block;
    border-radius: 0.5rem;
    z-index: 1;
    position: relative;
}

.w44-service__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    max-width: 100%;
    margin-top: 0.2rem;
    color: white;
}

@media only screen and (max-width: 37.5rem) {
    .w44-service__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w44-service__heading__des {
    margin: 1rem auto 0;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: white;
}

.w44-service__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: none;
    background-size: contain;
    background-position: center;
}

.w44-service__heading__imgbox__img {
    margin: 0 auto;
}

.w44-service__card {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    width: 100%;
    background-color: white;
    border-radius: 0.5rem;
    z-index: 1;
    padding: 1rem 0;
    margin-top: 2rem;
    box-shadow: .1rem 0 .4rem rgba(0, 0, 0, 0.15);
}

.w44-service__card__item {
    padding: 0.7rem;
    border-radius: 0.5rem;
    transition: all 0.2s linear;
    width: 24%;
    margin-left: 1.333333%;
    margin-bottom: 2rem;
    height: max-content;
}

    .w44-service__card__item:first-child {
        margin-left: 0;
    }

@media only screen and (min-width: 50rem) {
    .w44-service__card__item:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (min-width: 37.5rem) and (max-width: 50rem) {
    .w44-service__card__item {
        width: 32.4%;
    }

        .w44-service__card__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w44-service__card__item {
        width: 49.3%;
    }

        .w44-service__card__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w44-service__card__item__imgbox {
    display: block;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    width: 16rem;
    height: 16rem;
    position: relative;
    margin: 0 auto;
    box-shadow: 1rem 1rem 3rem rgba(0, 0, 0, 0.1);
}

.w44-service__card__item__imgbox__img {
    width: 100%;
}

.w44-service__card__item__name {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    display: block;
    text-align: center;
    position: relative;
    color: rgba(var(--main-color-w),1);
}

.w44-service__card__item__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    color: #3f3f3f;
    text-align: center;
}
/*ed*/
/*w49-article-1*/
.w49-article-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w49-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w49-article-1__heading {
    display: block;
}

.w49-article-1__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 0.5rem;
    max-width: 100%;
    margin-top: 0rem;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w49-article-1__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w49-article-1__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
}

.w49-article-1__heading__imgbox {
    width: fit-content;
    margin: 0 auto;
    max-width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    margin-bottom: 2rem;
}

.w49-article-1__heading__imgbox__img {
    margin: 0 auto;
}

.w49-article-1__tin {
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w49-article-1__tin {
        flex-direction: column;
    }
}

.w49-article-1__tin__first {
    width: 100%;
    border-radius: 1rem;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    flex-wrap: wrap;
}

.w49-article-1__tin__first__container {
    width: 49%;
    position: relative;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.21);
    border-radius: 1rem;
    overflow: hidden;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w49-article-1__tin__first__container {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w49-article-1__tin__first__container__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .5s;
    height: 100%;
}

.w49-article-1__tin__first__container:hover
.w49-article-1__tin__first__container__imgbox {
    transform: scale(1.05);
}

.w49-article-1__tin__first__container__imgbox__img {
    width: 100%;
}

.w49-article-1__tin__first__container__content {
    bottom: 0;
    padding: 2rem;
    position: absolute;
    background: linear-gradient(to top, rgba(var(--main-color-w), 1), rgba(var(--main-color-w), 0.2) 60%, rgba(var(--main-color-w), 0));
    height: 70%;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.w49-article-1__tin__first__container__content__cate {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.w49-article-1__tin__first__container__content__cate__info {
    margin-left: 2rem;
}

.w49-article-1__tin__first__container__content__cate__info__text--1 {
    font-size: 1.3rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    color: white;
}

.w49-article-1__tin__first__container__content__cate__info__text--2 {
    font-size: 1.3rem;
    line-height: 1.5rem;
    color: white;
    margin-left: .5rem;
}

.w49-article-1__tin__first__container__content__cate__time__icon {
    font-size: 1.3rem;
    color: white;
}

.w49-article-1__tin__first__container__content__cate__time__hour {
    font-size: 1.3rem;
    color: white;
    margin-left: .5rem;
}

.w49-article-1__tin__first__container__content__main {
    font-size: 1.8rem;
    font-weight: 600;
    margin-top: .5rem;
    line-height: 2.8rem;
    display: block;
    width: 100%;
    color: white;
}

@media only screen and (max-width:43.75rem) {
    .w49-article-1__tin__first__container__content__main {
        font-size: 1.5rem;
    }
}

.w49-article-1__tin__second {
    width: 100%;
    margin-top: 2rem;
}

.w49-article-1__tin__second__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w49-article-1__tin__second__items__item {
    width: 49%;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.21);
    padding: 1rem;
    border-radius: 1rem;
    color: black;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w49-article-1__tin__second__items__item {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w49-article-1__tin__second__items__item__imgbox {
    min-width: 15rem;
    width: 15rem;
    border-radius: .5rem;
    background-position: center;
    background-size: contain;
}

.w49-article-1__tin__second__items__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w49-article-1__tin__second__items__item__info {
    margin-left: 1rem;
}

.w49-article-1__tin__second__items__item__info__main {
    font-weight: 600;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    transition: all .2s ease;
    margin-bottom: 1rem;
    display: block;
    line-height: 2.6rem;
    text-align: justify;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w49-article-1__tin__second__items__item__info__main {
        font-size: 1.3rem;
    }
}

.w49-article-1__tin__second__items__item__info__main:hover {
    color: rgba(var(--second-color-w), 1);
}

.w49-article-1__tin__second__items__item__info__cate {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.w49-article-1__tin__second__items__item__info__cate__info {
    margin-left: 2rem;
}

.w49-article-1__tin__second__items__item__info__cate__info__text--1 {
    font-size: 1.3rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w49-article-1__tin__second__items__item__info__cate__info__text--2 {
    font-size: 1.3rem;
    margin-left: .5rem;
}

.w49-article-1__tin__second__items__item__info__cate__time__icon {
    font-size: 1.3rem;
}

.w49-article-1__tin__second__items__item__info__cate__time__hour {
    font-size: 1.3rem;
    margin-left: .5rem;
}

.w49-article-1__grbtn {
    display: flex;
    width: fit-content;
    align-items: center;
    margin: 0 auto;
    margin-top: 2rem;
    justify-content: space-between;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    padding: .7rem 1.5rem;
    border-radius: .5rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
}

.w49-article-1__grbtn__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    transition: all .2s ease;
}

.w49-article-1__grbtn__text {
    font-size: 1.6rem;
    letter-spacing: 1px;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w49-article-1__grbtn:hover .w49-article-1__grbtn__icon {
    margin-left: 1.5rem;
    color: white;
}

.w49-article-1__grbtn:hover .w49-article-1__grbtn__text {
    color: white;
}

.w49-article-1__grbtn:hover {
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w52-footer-2*/
.w52-footer-2 {
    width: 100%;
    background: url(../../img/w52/07.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    padding: 3rem 1rem 0rem;
    position: relative;
    z-index: 0;
}

.w52-footer-2__bg {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    background-color: rgba(var(--main-color-w),.85);
    width: 100%;
    height: 100%;
}

.w52-footer-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w52-footer-2__figure {
    background-size: cover;
    background-repeat: no-repeat;
    margin-top: 1rem;
    margin-bottom: 1rem;
    font-size: 1rem
}

.w52-footer-2__mains__first__childs {
    margin-bottom: 2rem;
}

.w52-footer-2__mains__first__childs__name {
    font-size: 1.6rem;
    font-weight: 700;
    width: 100%;
    color: rgba(var(--second-color-w),1);
    display: block;
    text-transform: uppercase
}

.w52-footer-2__mains {
    display: flex;
    flex-wrap: wrap
}

.w52-footer-2__mains__first {
    width: 48%
}

.w52-footer-2__mains__third__childs__items, .w52-footer-2__mains__second__childs__items, .w52-footer-2__mains__first__childs__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem
}

.w52-footer-2__mains__first__childs__items__item {
    line-height: 2.5rem;
    width: 100%;
    display: flex;
    align-items: baseline;
    font-size: 1.5rem;
    margin-top: .5rem;
}

    .w52-footer-2__mains__first__childs__items__item:first-child {
        margin-top: 0;
    }

.w52-footer-2__mains__second__childs__items__item {
    line-height: 2.5rem;
    width: 100%;
    display: flex;
    align-items: baseline;
    font-size: 1.5rem;
    margin-top: .5rem;
}

    .w52-footer-2__mains__second__childs__items__item:first-child {
        margin-top: 0;
    }

.w52-footer-2__mains__second__childs__name {
    font-size: 1.6rem;
    font-weight: 700;
    width: 100%;
    color: rgba(var(--second-color-w),1);
    display: block;
    text-transform: uppercase
}

.w52-footer-2__mains__third__childs {
    margin-bottom: 2rem;
}

.w52-footer-2__mains__third__childs__name {
    font-size: 1.6rem;
    font-weight: 700;
    width: 100%;
    color: rgba(var(--second-color-w),1);
    display: block;
    text-transform: uppercase
}

.w52-footer-2__mains__first__childs__items__item__name {
    margin-left: 1rem;
}

.w52-footer-2__mains__third {
    margin-left: 2%;
    width: 24%
}

.w52-footer-2__mains__second {
    margin-left: 2%;
    width: 24%
}

.w52-footer-2__mains__second__childs {
    margin-bottom: 2rem;
}

.w52-footer-2__mains__third__childs__items__item {
    line-height: 3rem;
    width: 100%
}

.w52-footer-2__mains__third__childs__items__item__name {
    width: 100%;
    display: block;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.w52-footer-2 iframe {
    border: none;
    overflow: hidden;
    width: 100%;
    margin-top: 1rem;
    height: 13rem;
}

@media only screen and (max-width:1000px) {
    .w52-footer-2__mains__first {
        width: 100%
    }

    .w52-footer-2__mains__second, .w52-footer-2__mains__third {
        width: 49%
    }

    .w52-footer-2__mains__second {
        margin-left: 0
    }
}

@media only screen and (max-width:600px) {
    .w52-footer-2__mains__second, .w52-footer-2__mains__third {
        width: 100%;
        margin-left: 0
    }

    .w52-footer-2__mains__second__childs__items__item {
        width: 49%;
        margin-left: 2%
    }

        .w52-footer-2__mains__second__childs__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:500px) {
    .w52-footer-2__mains__second__childs__items__item {
        width: 100%;
        margin-left: 0
    }
}

.w52-footer-2__mains__first__childs__ads {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.w52-footer-2__mains__first__childs__ads__item {
    margin-right: 2%;
    margin-top: 1rem;
}

    .w52-footer-2__mains__first__childs__ads__item:nth-child(5n+1) {
        margin-left: 0;
    }

.w52-footer-2__mains__first__childs__ads__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w52-footer-2__mains__first__childs__ma {
    width: 100%;
    overflow: hidden;
    color: #fff;
    padding-top: 2rem;
}

    .w52-footer-2__mains__first__childs__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w52-footer-2__mains__second__childs__ma {
    width: 100%;
    overflow: hidden;
    color: #fff;
    padding-top: 2rem;
}

    .w52-footer-2__mains__second__childs__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w52-footer-2__mains__second__childs__ads {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: .5rem;
}

.w52-footer-2__mains__second__childs__ads__item {
    margin-right: 2%;
    margin-top: 1rem;
}

    .w52-footer-2__mains__second__childs__ads__item:nth-child(5n+1) {
        margin-left: 0;
    }

.w52-footer-2__mains__second__childs__ads__item__imgbox {
    background-size: contain;
    background-position: center;
}
/*ed*/
/*w68-menu*/
.w68-menu {
    width: 100%;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    padding: 0rem 1rem;
    transition: all .5s;
}

    .w68-menu.ws1TransApply {
        position: absolute;
    }

@media only screen and (max-width:75rem) {
    .w68-menu {
        padding: 0rem;
        background-color: #fff;
    }
}

@media only screen and (max-width:62.5rem) {
}

@media only screen and (min-width:75rem) {
    .w68-menu.ws1TransApply:hover {
    }
}

.w68-menu__check {
    display: none;
}

.w68-menu__label {
    background-color: #fff;
    display: flex;
    width: 100%;
    align-items: center;
    padding: 1rem 1rem;
    display: none;
    transition: all .5s;
    position: relative;
    justify-content: center;
    height: 7rem;
}

.ws1StickyApply .w68-menu__label {
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w68-menu__label {
        display: flex;
    }

    .ws1TransApply .w68-menu__label {
        background: none;
        background-color: transparent;
    }

    .w68-menu__check:checked ~ .w68-menu__label {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .ws1TransApply .w68-menu__check:checked ~ .w68-menu__label {
        background-color: rgba(var(--main-color-w),1);
    }

    .w68-menu__label__logo {
        display: block;
    }

    .w68-menu__label__logo__imgbox {
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        max-height: 6rem;
    }

    .w68-menu__label__logo__imgbox__img {
        max-height: 6rem;
    }
}

.w68-menu__label__main {
    display: flex;
    cursor: pointer;
    align-content: center;
    position: absolute;
    right: 2rem;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 2.2rem;
    z-index: 1;
}

    .w68-menu__label__main:before {
        width: 100%;
        height: .2rem;
        top: 0;
        background-color: rgba(var(--main-color-w),1);
        content: "";
        position: absolute;
        transition: all .3s;
    }

.ws1StickyApply .w68-menu__label__main:before {
    background-color: #fff;
}

.ws1TransApply .w68-menu__label__main:before {
    background-color: #fff;
}

.w68-menu__label__main:after {
    width: 100%;
    height: .2rem;
    bottom: 0;
    background-color: rgba(var(--main-color-w),1);
    content: "";
    position: absolute;
    transition: all .3s;
}

.ws1StickyApply .w68-menu__label__main:after {
    background-color: #fff;
}

.ws1TransApply .w68-menu__label__main:after {
    background-color: #fff;
}

.w68-menu__label__main__line {
    width: 100%;
    height: .2rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
    position: absolute;
}

.ws1TransApply .w68-menu__label__main__line {
    background-color: #fff;
}

.ws1StickyApply .w68-menu__label__main__line {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w68-menu__check:checked ~ .w68-menu__label .w68-menu__label__main .w68-menu__label__main__line {
        transform: rotate(-45deg);
    }

    .w68-menu__check:checked ~
    .w68-menu__label
    .w68-menu__label__main:before {
        top: initial;
        transform: rotate(45deg);
    }

    .ws1TransApply .w68-menu__check:checked ~
    .w68-menu__label
    .w68-menu__label__main:before {
    }

    .w68-menu__check:checked ~
    .w68-menu__label
    .w68-menu__label__main:after {
        opacity: 0;
        visibility: hidden;
    }
}

.w68-menu__label__main__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.5rem;
}

.w68-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 120rem;
    width: 100%;
    justify-content: space-around;
}

@media only screen and (max-width:75rem) {
    .w68-menu__group {
        margin: 0;
        width: 100%;
        padding: 0;
        background-color: rgba(var(--main-color-w),1);
        overflow: hidden;
        position: fixed;
        z-index: 2;
        display: flex;
        align-items: center;
        top: 7rem;
        left: 0;
        height: calc(100vh - 7rem);
        transition: all .25s;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        padding: 1.5rem 5rem 1.5rem 5rem;
        transform-origin: center top 0px;
    }

    .w68-menu__check:checked ~ .w68-menu__group {
        transform: none;
    }
}

.w68-menu__first {
    width: max-content;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w68-menu__first {
        display: none;
    }
}

.w68-menu__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    overflow: hidden;
    max-height: 5rem;
    cursor: pointer;
}

.w68-menu__first__imgbox--2 {
    display: none;
}

.ws1TransApply .w68-menu__first__imgbox--2 {
    display: block;
}

.ws1TransApply .w68-menu__first__imgbox--1 {
    display: none;
}

.w68-menu__first__imgbox__img {
    max-height: 5rem !important;
}
.w68-menu__second {
    transition: all .5s;
    position: relative;
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second {
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
        max-height: 100vh;
        overflow-y: scroll;
        padding-bottom: 15rem;
    }

        .w68-menu__second::-webkit-scrollbar {
            width: .4rem;
        }

        .w68-menu__second::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w68-menu__second::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w68-menu__group::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w68-menu__second__btnsearch {
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__btnsearch {
        display: none;
    }
}

.w68-menu__second__btnsearch__icon {
    font-size: 1.6rem;
    color: #fff;
    margin-left: 2rem;
    transition: all .5s;
}

    .w68-menu__second__btnsearch__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w68-menu__second__button {
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__button {
        width: 100%;
        margin-left: 0;
        justify-content: center;
        margin-top: 1rem;
        display: none;
    }
}

.w68-menu__second__button__item {
    background-color: rgba(var(--second-color-w),1);
    border-radius: .3rem;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    margin-left: 1rem;
}


@media only screen and (max-width:75rem) {
    .w68-menu__second__button__item {
        justify-content: center;
    }

        .w68-menu__second__button__item:first-child {
            margin-left: 0;
        }
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__button__item:nth-child(2n+1) {
        -webkit-animation: key-w68-menu__second__button__item 2s infinite;
        animation: key-w68-menu__second__button__item 2s infinite;
    }

    @-webkit-keyframes key-w68-menu__second__button__item {
        0% {
            background-color: rgba(var(--second-color-w),1);
            color: #fff;
        }

        50% {
            background-color: #fff;
            color: rgba(var(--main-color-w),1);
        }

        100% {
            background-color: rgba(var(--second-color-w),1);
            color: #fff;
        }
    }
}

.w68-menu__second__button__item__icon {
}

.w68-menu__second__button__item__name {
    margin-left: .5rem;
    font-weight: 600;
}

.w68-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items {
        width: 100%;
    }
}

.w68-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item:first-child {
        margin-left: 0;
    }

    .w68-menu__second__items__item {
        margin-left: 3rem;
    }
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.w68-menu__second__items__item__check {
    display: none;
}

.w68-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__main {
    }

        .w68-menu__second__items__item__main:before {
            top: 0;
            content: "";
            position: absolute;
            transition: all .5s;
            width: 0;
            height: .2rem;
            background-color: #fff;
        }

    .ws1TransApply .w68-menu__second__items__item__main:before {
    }

    .w68-menu__second__items__item:hover .w68-menu__second__items__item__main:before {
        width: 100%;
    }
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__main {
        padding: 0 0 0 5rem;
    }

    .w68-menu__second__items__item:first-child
    .w68-menu__second__items__item__main {
        border-top: none;
    }
}

.w68-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    padding: 2.5rem 0rem 2.5rem 0;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__main__name {
        font-size: 1.6rem;
        font-weight: 600;
        transition: all .5s;
        padding: 1rem 0rem 1rem 0rem;
        width: 100%;
        color: #fff;
    }

    .w68-menu__second__items__item:hover .w68-menu__second__items__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__main__name {
        color: #fff;
        transition: all .5s;
        position: relative;
        font-weight: 600;
        text-align: left;
    }

    .ws1TransApply
    .w68-menu__second__items__item__main__name {
        color: #fff;
    }

    .w68-menu__second__items__item:last-child
    .w68-menu__second__items__item__main__name {
        border-right: none;
    }

    .w68-menu__second__items__item:hover .w68-menu__second__items__item__main__name {
        color: rgba(var(--second-color-w),1);
    }

    .ws1TransApply .w68-menu__second__items__item:hover .w68-menu__second__items__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

.w68-menu__second__items__item__main__icon1 {
    font-size: 1.6rem;
    margin-right: .75rem;
    color: #fff;
    transition: all .5s;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w68-menu__second__items__item__main__icon1 {
        color: #fff;
    }

    .ws1TransApply .w68-menu__second__items__item:hover .w68-menu__second__items__item__main__icon1 {
        color: rgba(var(--second-color-w),1);
    }

    .w68-menu__second__items__item:hover .w68-menu__second__items__item__main__icon1 {
        color: rgba(var(--second-color-w), 1);
    }
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__main__icon1 {
        width: 3rem;
        display: flex;
        height: 3rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
        position: absolute;
        left: 1rem;
    }

    .w68-menu__second__items__item:hover
    .w68-menu__second__items__item__main__icon1 {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }
}

.w68-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__main__icon2 {
        display: flex;
        height: 100%;
        width: 4rem;
        right: 0;
        justify-content: center;
        align-items: center;
    }

    .w68-menu__second__items__item__check:checked ~
    .w68-menu__second__items__item__main
    .w68-menu__second__items__item__main__icon2 {
    }

    .w68-menu__second__items__item__main__icon2__value {
        font-weight: 600 !important;
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .w68-menu__second__items__item__main__icon2
    .w68-menu__second__items__item__main__icon2__value:before {
        content: "\f068" !important;
        position: absolute;
    }

    .w68-menu__second__items__item__main__icon2
    .w68-menu__second__items__item__main__icon2__value:after {
        content: "\f068" !important;
        position: absolute;
        transform: rotate(90deg);
        transition: all .3s;
    }

    .w68-menu__second__items__item__check:checked ~
    .w68-menu__second__items__item__main
    .w68-menu__second__items__item__main__icon2
    .w68-menu__second__items__item__main__icon2__value:after {
        transform: rotate(180deg);
    }
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__main__icon2 {
        color: #333;
        display: none;
    }

    .ws1TransApply .w68-menu__second__items__item__main__icon2 {
        color: rgba(var(--second-color-w),1);
    }

    .w68-menu__second__items__item:hover .w68-menu__second__items__item__main__icon2 {
        color: #fff;
    }
}

.w68-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
    }

    .w68-menu__second__items__item__check:checked ~
    .w68-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 100%;
        border: solid #f8f8f8 .1rem;
        background-color: #fff;
        width: max-content;
        z-index: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w68-menu__second__items__item:hover .w68-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        pointer-events: inherit;
        transform: none;
    }
}

.w68-menu__second__items__item__childs__item {
    position: relative;
}

    .w68-menu__second__items__item__childs__item:last-child {
        border: none;
    }

.w68-menu__second__items__item__childs__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }

    .w68-menu__second__items__item__childs__item:first-child .w68-menu__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__childs__item__main {
        padding-right: 1rem;
    }
}

.w68-menu__second__items__item__childs__item__main__name {
    font-size: 1.6rem;
    padding: 1.25rem 1rem;
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    margin-right: 1rem;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 1rem 0rem 1rem 5rem;
        transition: all .5s;
        color: #fff;
    }

    .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--second-color-w),1);
    }

    .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__main {
    }
}


@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w68-menu__second__items__item__childs__item__main__name:before {
        background-color: rgba(var(--second-color-w),1);
    }

    .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__main__name:before {
        width: 100%;
    }
}

.w68-menu__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__main__icon {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__main__icon {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__childs__item__main__icon {
        padding: 0;
        width: 4rem;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: #fff;
    }

    .w68-menu__second__items__item__childs__item__check:checked ~
    .w68-menu__second__items__item__childs__item__main
    .w68-menu__second__items__item__childs__item__main__icon {
    }

    .w68-menu__second__items__item__childs__item__main__icon__value {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
    }

        .w68-menu__second__items__item__childs__item__main__icon__value:before {
            content: "\f068" !important;
            position: absolute;
        }

        .w68-menu__second__items__item__childs__item__main__icon__value:after {
            content: "\f068" !important;
            position: absolute;
            transform: rotate(90deg);
            transition: all .3s;
        }

    .w68-menu__second__items__item__childs__item__check:checked ~
    .w68-menu__second__items__item__childs__item__main
    .w68-menu__second__items__item__childs__item__main__icon
    .w68-menu__second__items__item__childs__item__main__icon__value:after {
        transform: rotate(180deg);
    }
}

.w68-menu__second__items__item__childs__item__check {
    display: none;
}

.w68-menu__second__items__item__childs__item__grands {
}


@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
    }

    .w68-menu__second__items__item__childs__item__check:checked ~
    .w68-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        width: 21rem;
        transition: all .3s;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
    }

    .w68-menu__second__items__item__childs__item:hover .w68-menu__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w68-menu__second__items__item__childs__item__grands__box {
    list-style: none;
    transition: all .25s;
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands__box {
        background-color: #fff;
        width: max-content;
        margin-left: 1rem;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
    }
}

.w68-menu__second__items__item__childs__item__grands__box__item {
}

.w68-menu__second__items__item__childs__item__grands__box__item__main {
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands__box__item__main {
        border-color: #eee;
    }

    .w68-menu__second__items__item__childs__item__grands__box__item:first-child .w68-menu__second__items__item__childs__item__grands__box__item__main {
        border: none;
    }

    .w68-menu__second__items__item__childs__item__grands__box__item:hover .w68-menu__second__items__item__childs__item__grands__box__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands__box__item__main {
    }
}

.w68-menu__second__items__item__childs__item__grands__box__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1.25rem 1rem;
    position: relative;
    color: #3f3f3f;
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1.25rem 1rem;
    }

    .w68-menu__second__items__item__childs__item__grands__box__item__main:hover .w68-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w68-menu__second__items__item__childs__item__grands__box__item__main:hover .w68-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w68-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        background-color: rgba(var(--second-color-w),1);
    }

    .w68-menu__second__items__item__childs__item__grands__box__item:hover .w68-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        width: 100%;
    }
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1rem 0rem 1rem 7rem;
        text-transform: capitalize;
        font-size: 1.4rem;
        color: #fff;
    }

    .w68-menu__second__items__item__childs__item__grands__box__item__main:hover .w68-menu__second__items__item__childs__item__grands__box__item__main__name {
        color: #fff;
    }
}

.w68-menu__search {
    position: fixed;
    z-index: 0;
    visibility: hidden;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w68-menu__cksearch {
    display: none;
}

    .w68-menu__cksearch:checked ~ .w68-menu__search {
        z-index: 1;
        visibility: visible;
        opacity: 1;
    }

.w68-menu__search__bg {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
}

.w68-menu__search__main {
    z-index: 1;
    width: 50rem;
    max-width: 90%;
    position: relative;
    background-color: rgba(255,255,255,.4);
    border-radius: 3rem;
    border: solid .1rem rgba(255,255,255,.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s;
    opacity: 0;
}

.w68-menu__cksearch:checked ~ .w68-menu__search
.w68-menu__search__main {
    opacity: 1;
}

.w68-menu__search__main__input {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w68-menu__search__main__input::placeholder {
        color: #fff;
    }

.w68-menu__search__main__button {
    position: absolute;
    color: #fff;
    right: 2rem;
    font-size: 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w68-menu__search__main__button:hover {
        transform: scale(1.05);
    }

.w68-menu__second__search {
    width: 100%;
    margin: 1rem auto;
    position: relative;
    background-color: rgba(255,255,255,.4);
    border-radius: 3rem;
    border: solid .1rem rgba(255,255,255,.4);
    align-items: center;
    justify-content: center;
    transition: all 1s;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w68-menu__second__search {
        display: flex;
    }
}

.w68-menu__second__search__input {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w68-menu__second__search__input::placeholder {
        color: #fff;
    }

.w68-menu__second__search__button {
    position: absolute;
    color: #fff;
    right: 2rem;
    font-size: 2rem;
}

.w68-menu__bottom {
    bottom: 0rem;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem 1rem 1rem;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w68-menu__bottom {
        display: block;
    }
}

.w68-menu__bottom__button {
    display: flex;
    justify-content: center;
}

.w68-menu__bottom__button__item {
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    font-size: 1.6rem;
    cursor: pointer;
    margin-left: 1rem;
}

    .w68-menu__bottom__button__item:nth-child(2n+1) {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w68-menu__bottom__button__item:first-child {
        margin-left: 0;
    }

.w68-menu__bottom__button__item__icon {
}

.w68-menu__bottom__button__item__name {
    margin-left: .5rem;
    font-weight: 600;
}
/*ed*/

/*w68-banner-1*/
.w68-banner-1 {
    background-color: #fff;
    position: relative;
    padding: 0rem;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w68-banner-1 {
        padding: 0rem;
    }
}

.w68-banner-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    position: relative;
    z-index: 1;
}

.w68-banner-1__mains {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
}

.w68-banner-1__mains__line {
    position: absolute;
    bottom: -2.5rem;
    width: .2rem;
    background: rgba(var(--text-color-w), 1);
    z-index: 3;
    height: 5rem;
    transform: scale(0);
    transition: all 4s;
}

section.in .w68-banner-1__mains__line {
    transform: scale(1);
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-1__mains__line {
        display: none;
    }
}

.w68-banner-1__mains__main {
    position: relative;
    height: 100%;
    overflow: hidden;
    width:100%;
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-1__mains__main {
        display: flex;
        align-items: center;
    }
}

.w68-banner-1__mains__main__items.swiper-wrapper {
    height: 100% !important;
}

.w68-banner-1__mains__main__items__item {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
}

.w68-banner-1__mains__main__items__item__linetop {
    position: absolute;
    top: 0;
    width: .1rem;
    top: 4rem;
    z-index: 2;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

@media only screen and (max-width:1200px) {
    .w68-banner-1__mains__main__items__item__linetop {
        top: 1rem;
    }
}

.swiper-slide-active .w68-banner-1__mains__main__items__item__linetop {
    z-index: 2;
    opacity: 1;
    -webkit-animation: key-w68-banner-1__mains__main__items__item__linetop 9s;
    animation: key-w68-banner-1__mains__main__items__item__linetop 9s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@media only screen and (min-width:1200px) {
    @-webkit-keyframes key-w68-banner-1__mains__main__items__item__linetop {
        0% {
            height: 0;
        }

        15% {
            height: 60%;
        }

        90% {
            height: 60%;
        }

        100% {
            height: 0;
        }
    }
}

@media only screen and (max-width:1200px) {
    .swiper-slide-active .w68-banner-1__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 50%;
    }

    @media only screen and (min-width:600px) {
        @-webkit-keyframes key-w68-banner-1__mains__main__items__item__linetop {
            0% {
                height: 0;
            }

            15% {
                height: 50%;
            }

            90% {
                height: 50%;
            }

            100% {
                height: 0;
            }
        }
    }
}

@media only screen and (max-width:600px) {
    .swiper-slide-active .w68-banner-1__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 40%;
    }

    @-webkit-keyframes key-w68-banner-1__mains__main__items__item__linetop {
        0% {
        }

        90% {
            height: 40%;
        }

        100% {
            height: 0;
        }
    }
}

.w68-banner-1__mains__main__items__item__linetop:before {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 1;
}

.swiper-slide-active .w68-banner-1__mains__main__items__item__linetop:before {
    -webkit-animation: key-w68-banner-1__mains__main__items__item__linetop__before 2s;
    animation: key-w68-banner-1__mains__main__items__item__linetop__before 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__linetop__before {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}


.w68-banner-1__mains__main__items__item__linetop:after {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 2;
}

.swiper-slide-active .w68-banner-1__mains__main__items__item__linetop:after {
    -webkit-animation: key-w68-banner-1__mains__main__items__item__linetop__after 8s;
    animation: key-w68-banner-1__mains__main__items__item__linetop__after 8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__linetop__after {
    0% {
    }

    20% {
        height: 100%;
    }

    50% {
        height: 0;
    }

    90% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.w68-banner-1__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    cursor: pointer;
    width: 100%;
    -webkit-animation: key-w68-banner-1__mains__main__items__item__imgbox 20s infinite;
    animation: key-w68-banner-1__mains__main__items__item__imgbox 20s infinite;
}

@media only screen and (max-width:75rem) {
    .w68-banner-1__mains__main__items__item__imgbox {
        height: 70vh;
    }
}

@media only screen and (max-width:37.5rem) {
    .w68-banner-1__mains__main__items__item__imgbox {
    }
}

.w68-banner-1__mains__main__items__item__imgbox__img {
    width: 100%;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w68-banner-1__mains__main__items__item__box {
    position: absolute;
    left: 0%;
    width: 100%;
    top: 18rem;
    display: flex;
    align-items: center;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w68-banner-1__mains__main__items__item__box {
        top: 12rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-1__mains__main__items__item__box {
    }
}

.w68-banner-1__mains__main__items__item__box__content {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-1__mains__main__items__item__box__content {
        width: 100%;
    }
}

.w68-banner-1__mains__main__items__item__box__content__text1 {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    line-height: 3rem;
    width: 100%;
    text-align: center;
    transition: 2s all;
    transform: scale(0);
    opacity: 0;
}

@media only screen and (max-width:50rem) {
    .w68-banner-1__mains__main__items__item__box__content__text1 {
        font-size: 2rem;
        line-height: 3rem;
        margin-top: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w68-banner-1__mains__main__items__item__box__content__text1 {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 0rem;
    }
}

@media only screen and (max-width:25rem) {
    .w68-banner-1__mains__main__items__item__box__content__text1 {
        font-size: 1.3rem;
    }
}

.swiper-slide-active .w68-banner-1__mains__main__items__item__box__content__text1 {
    -webkit-animation: key-w68-banner-1__mains__main__items__item__box__content__text1 2s;
    animation: key-w68-banner-1__mains__main__items__item__box__content__text1 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__box__content__text1 {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    25% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}

.w68-banner-1__mains__main__items__item__box__content__text2 {
    font-size: 5rem;
    font-weight: 700;
    color: rgba(var(--second-color-w),1);
    line-height: 6rem;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0);
    margin-top: 2rem;
}

@media only screen and (max-width:81.25rem) {
    .w68-banner-1__mains__main__items__item__box__content__text2 {
        font-size: 4rem;
        line-height: 5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w68-banner-1__mains__main__items__item__box__content__text2 {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media only screen and (max-width:25rem) {
    .w68-banner-1__mains__main__items__item__box__content__text2 {
        font-size: 2rem;
        line-height: 3rem;
    }
}


.swiper-slide-active .w68-banner-1__mains__main__items__item__box__content__text2 {
    -webkit-animation: key-w68-banner-1__mains__main__items__item__box__content__text2 3s;
    animation: key-w68-banner-1__mains__main__items__item__box__content__text2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__box__content__text2 {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    50% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w68-banner-1__mains__main__items__item__box__content__text3 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w68-banner-1__mains__main__items__item__box__content__text3 {
        margin-top: .5rem;
    }
}

@media only screen and (max-width:25rem) {
    .w68-banner-1__mains__main__items__item__box__content__text3 {
        margin-top: 1rem;
    }
}

.w68-banner-1__mains__main__items__item__box__content__text3__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
}

@media only screen and (max-width:37.5rem) {
    .w68-banner-1__mains__main__items__item__box__content__text3__name {
        font-size: 1.4rem;
    }
}

.swiper-slide-active .w68-banner-1__mains__main__items__item__box__content__text3__name {
    -webkit-animation: key-w68-banner-1__mains__main__items__item__box__content__text3__name 4s;
    animation: key-w68-banner-1__mains__main__items__item__box__content__text3__name 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__box__content__text3__name {
    0% {
        transform: translateY(5rem);
        opacity: 0;
    }

    50% {
        transform: translateY(5rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w68-banner-1__mains__main__pagination {
    bottom: 1rem !important;
    left: auto !important;
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-1__mains__main__pagination {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }

        .w68-banner-1__mains__main__pagination .swiper-pagination-bullet {
            margin: .5rem 0 !important;
        }
}

.w68-banner-1__mains__main__pagination .swiper-pagination-bullet {
    background-color: #fff;
    transition: all .5s;
    opacity: 1;
    width: 3rem !important;
    height: .6rem !important;
    border-radius: 0;
}

.w68-banner-1__mains__main__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background-color: rgba(var(--main-color-w),1);
}

.w68-banner-1__mains__main__items__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,0);
}

.w68-banner-1__mains__main__items__item__bottom {
    position: absolute;
    bottom: 10rem;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.swiper-slide-active .w68-banner-1__mains__main__items__item__bottom {
    -webkit-animation: key-w68-banner-1__mains__main__items__item__bottom 4s;
    animation: key-w68-banner-1__mains__main__items__item__bottom 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__bottom {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    70% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (max-width:50rem) {
    .w68-banner-1__mains__main__items__item__bottom {
        bottom: 8rem;
    }
}

.w68-banner-1__mains__main__items__item__bottom__btn {
    display: flex;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: .5rem;
    font-size: 2.4rem;
    position: relative;
    cursor: pointer;
    transition: all .5s;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w68-banner-1__mains__main__items__item__bottom__btn {
        font-size: 1.8rem;
    }
}

.w68-banner-1__mains__main__items__item__bottom__btn:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w68-banner-1__mains__main__items__item__bottom__btn__icon {
}

.w68-banner-1__mains__main__items__item__bottom__btn__name {
    margin-left: 1rem;
    font-weight: 600;
}

.w68-banner-1__mains__main__items__item__bottom:before {
    z-index: 0;
    height: 6rem;
    width: 6rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w68-banner-1__mains__main__items__item__bottom__before 3s infinite;
    animation: key-w68-banner-1__mains__main__items__item__bottom__before 3s infinite;
    display: block;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__bottom__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w68-banner-1__mains__main__items__item__bottom:after {
    z-index: 0;
    height: 5rem;
    width: 5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w68-banner-1__mains__main__items__item__bottom__after 3s infinite;
    animation: key-w68-banner-1__mains__main__items__item__bottom__after 3s infinite;
    display: block;
}

@-webkit-keyframes key-w68-banner-1__mains__main__items__item__bottom__after {
    0% {
        transform: scale(1);
        opacity: .1;
        background-color: rgba(var(--second-color-w),0);
    }

    50% {
        opacity: .5;
        transform: scale(1.5);
        background-color: rgba(var(--second-color-w),1);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}
/*ed*/

/*w68-banner-2*/
.w68-banner-2 {
    background-color: #fff;
    position: relative;
    padding: 0rem;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w68-banner-2 {
        padding: 0rem;
    }
}

.w68-banner-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    position: relative;
    z-index: 1;
}

.w68-banner-2__mains {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
}

.w68-banner-2__mains__line {
    position: absolute;
    bottom: -2.5rem;
    width: .2rem;
    background: rgba(var(--text-color-w), 1);
    z-index: 3;
    height: 5rem;
    transform: scale(0);
    transition: all 4s;
}

section.in .w68-banner-2__mains__line {
    transform: scale(1);
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-2__mains__line {
        display: none;
    }
}

.w68-banner-2__mains__main {
    position: relative;
    height: 100%;
    width:100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-2__mains__main {
        display: flex;
        align-items: center;
    }
}

.w68-banner-2__mains__main__items.swiper-wrapper {
    height: 100% !important;
}

.w68-banner-2__mains__main__items__item {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.w68-banner-2__mains__main__items__item__linetop {
    position: absolute;
    top: 0;
    width: .1rem;
    top: 4rem;
    z-index: 2;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

@media only screen and (max-width:1200px) {
    .w68-banner-2__mains__main__items__item__linetop {
        top: 1rem;
    }
}

.swiper-slide-active .w68-banner-2__mains__main__items__item__linetop {
    z-index: 2;
    opacity: 1;
    -webkit-animation: key-w68-banner-2__mains__main__items__item__linetop 9s;
    animation: key-w68-banner-2__mains__main__items__item__linetop 9s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@media only screen and (min-width:1200px) {
    @-webkit-keyframes key-w68-banner-2__mains__main__items__item__linetop {
        0% {
            height: 0;
        }

        15% {
            height: 60%;
        }

        90% {
            height: 60%;
        }

        100% {
            height: 0;
        }
    }
}

@media only screen and (max-width:1200px) {
    .swiper-slide-active .w68-banner-2__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 50%;
    }

    @media only screen and (min-width:600px) {
        @-webkit-keyframes key-w68-banner-2__mains__main__items__item__linetop {
            0% {
                height: 0;
            }

            15% {
                height: 50%;
            }

            90% {
                height: 50%;
            }

            100% {
                height: 0;
            }
        }
    }
}

@media only screen and (max-width:600px) {
    .swiper-slide-active .w68-banner-2__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 40%;
    }

    @-webkit-keyframes key-w68-banner-2__mains__main__items__item__linetop {
        0% {
        }

        90% {
            height: 40%;
        }

        100% {
            height: 0;
        }
    }
}

.w68-banner-2__mains__main__items__item__linetop:before {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 1;
}

.swiper-slide-active .w68-banner-2__mains__main__items__item__linetop:before {
    -webkit-animation: key-w68-banner-2__mains__main__items__item__linetop__before 2s;
    animation: key-w68-banner-2__mains__main__items__item__linetop__before 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__linetop__before {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}


.w68-banner-2__mains__main__items__item__linetop:after {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 2;
}

.swiper-slide-active .w68-banner-2__mains__main__items__item__linetop:after {
    -webkit-animation: key-w68-banner-2__mains__main__items__item__linetop__after 8s;
    animation: key-w68-banner-2__mains__main__items__item__linetop__after 8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__linetop__after {
    0% {
    }

    20% {
        height: 100%;
    }

    50% {
        height: 0;
    }

    90% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.w68-banner-2__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    cursor: pointer;
    width: 100%;
    -webkit-animation: key-w68-banner-2__mains__main__items__item__imgbox 20s infinite;
    animation: key-w68-banner-2__mains__main__items__item__imgbox 20s infinite;
}

@media only screen and (max-width:75rem) {
    .w68-banner-2__mains__main__items__item__imgbox {
        height: 70vh;
    }
}

@media only screen and (max-width:37.5rem) {
    .w68-banner-2__mains__main__items__item__imgbox {
    }
}

.w68-banner-2__mains__main__items__item__imgbox__img {
    width: 100%;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w68-banner-2__mains__main__items__item__box {
    position: absolute;
    left: 0%;
    width: 100%;
    display: flex;
    align-items: center;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w68-banner-2__mains__main__items__item__box {
    }
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-2__mains__main__items__item__box {
    }
}

.w68-banner-2__mains__main__items__item__box__content {
    display: flex;
    flex-wrap: wrap;
    width: 80%;
    margin: 0 auto;
    cursor: pointer;
    transition: all .5s;
    justify-content: center;
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-2__mains__main__items__item__box__content {
        width: 100%;
    }
}

.w68-banner-2__mains__main__items__item__box__content__text1 {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    line-height: 3rem;
    width: 100%;
    text-align: center;
    transition: 2s all;
    transform: scale(0);
    opacity: 0;
}

@media only screen and (max-width:50rem) {
    .w68-banner-2__mains__main__items__item__box__content__text1 {
        font-size: 2rem;
        line-height: 3rem;
        margin-top: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w68-banner-2__mains__main__items__item__box__content__text1 {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 0rem;
    }
}

@media only screen and (max-width:25rem) {
    .w68-banner-2__mains__main__items__item__box__content__text1 {
        font-size: 1.3rem;
    }
}

.swiper-slide-active .w68-banner-2__mains__main__items__item__box__content__text1 {
    -webkit-animation: key-w68-banner-2__mains__main__items__item__box__content__text1 2s;
    animation: key-w68-banner-2__mains__main__items__item__box__content__text1 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__box__content__text1 {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    25% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}

.w68-banner-2__mains__main__items__item__box__content__text2 {
    font-size: 5rem;
    font-weight: 700;
    color: rgba(var(--second-color-w),1);
    line-height: 6rem;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0);
    margin-top: 2rem;
}

@media only screen and (max-width:81.25rem) {
    .w68-banner-2__mains__main__items__item__box__content__text2 {
        font-size: 4rem;
        line-height: 5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w68-banner-2__mains__main__items__item__box__content__text2 {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media only screen and (max-width:25rem) {
    .w68-banner-2__mains__main__items__item__box__content__text2 {
        font-size: 2rem;
        line-height: 3rem;
    }
}


.swiper-slide-active .w68-banner-2__mains__main__items__item__box__content__text2 {
    -webkit-animation: key-w68-banner-2__mains__main__items__item__box__content__text2 3s;
    animation: key-w68-banner-2__mains__main__items__item__box__content__text2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__box__content__text2 {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    50% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w68-banner-2__mains__main__items__item__box__content__text3 {
    position: relative;
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w68-banner-2__mains__main__items__item__box__content__text3 {
        margin-top: .5rem;
    }
}

@media only screen and (max-width:25rem) {
    .w68-banner-2__mains__main__items__item__box__content__text3 {
        margin-top: 1rem;
    }
}

.w68-banner-2__mains__main__items__item__box__content__text3__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
    color: #fff;
    opacity: 0;
}

@media only screen and (max-width:37.5rem) {
    .w68-banner-2__mains__main__items__item__box__content__text3__name {
        font-size: 1.4rem;
    }
}

.swiper-slide-active .w68-banner-2__mains__main__items__item__box__content__text3__name {
    -webkit-animation: key-w68-banner-2__mains__main__items__item__box__content__text3__name 4s;
    animation: key-w68-banner-2__mains__main__items__item__box__content__text3__name 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__box__content__text3__name {
    0% {
        transform: translateY(5rem);
        opacity: 0;
    }

    50% {
        transform: translateY(5rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w68-banner-2__mains__main__items__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,0);
}

.w68-banner-2__mains__main__items__item__box__content__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: 5rem;
}

.swiper-slide-active .w68-banner-2__mains__main__items__item__box__content__bottom {
    -webkit-animation: key-w68-banner-2__mains__main__items__item__box__content__bottom 4s;
    animation: key-w68-banner-2__mains__main__items__item__box__content__bottom 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__box__content__bottom {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    70% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (max-width:50rem) {
    .w68-banner-2__mains__main__items__item__box__content__bottom {
        bottom: 8rem;
    }
}

.w68-banner-2__mains__main__items__item__box__content__bottom__btn {
    display: flex;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: .5rem;
    font-size: 2rem;
    position: relative;
    cursor: pointer;
    transition: all .5s;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w68-banner-2__mains__main__items__item__box__content__bottom__btn {
        font-size: 1.8rem;
    }
}

.w68-banner-2__mains__main__items__item__box__content__bottom__btn:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w68-banner-2__mains__main__items__item__box__content__bottom__btn__icon {
}

.w68-banner-2__mains__main__items__item__box__content__bottom__btn__name {
    margin-left: 1rem;
    font-weight: 600;
}

.w68-banner-2__mains__main__items__item__box__content__bottom:before {
    z-index: 0;
    height: 4.5rem;
    width: 4.5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w68-banner-2__mains__main__items__item__box__content__bottom__before 3s infinite;
    animation: key-w68-banner-2__mains__main__items__item__box__content__bottom__before 3s infinite;
    display: block;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__box__content__bottom__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w68-banner-2__mains__main__items__item__box__content__bottom:after {
    z-index: 0;
    height: 3.5rem;
    width: 3.5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w68-banner-2__mains__main__items__item__box__content__bottom__after 3s infinite;
    animation: key-w68-banner-2__mains__main__items__item__box__content__bottom__after 3s infinite;
    display: block;
}

@-webkit-keyframes key-w68-banner-2__mains__main__items__item__box__content__bottom__after {
    0% {
        transform: scale(1);
        opacity: .1;
        background-color: rgba(var(--second-color-w),0);
    }

    50% {
        opacity: .5;
        transform: scale(1.8);
        background-color: rgba(var(--second-color-w),1);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}

.w68-banner-2__mains__main__next.swiper-button-next,
.w68-banner-2__mains__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    text-align: center;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: auto;
    color: #fff;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),.8);
}

@media only screen and (max-width:62.5rem) {
    .w68-banner-2__mains__main__next.swiper-button-next,
    .w68-banner-2__mains__main__prev.swiper-button-prev {
    }
}

@media only screen and (max-width:37.5rem) {
    .w68-banner-2__mains__main__next.swiper-button-next,
    .w68-banner-2__mains__main__prev.swiper-button-prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.6rem;
        bottom: 2rem;
    }
}

.w68-banner-2__mains__main__next.swiper-button-next:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w68-banner-2__mains__main__prev.swiper-button-prev:hover {
    background-color: rgba(var(--second-color-w),1);
}

@media only screen and (min-width:75rem) {
    .w68-banner-2__mains__main__prev.swiper-button-prev {
        left: 3rem;
    }

    .w68-banner-2__mains__main__next.swiper-button-next {
        right: 3rem;
    }
}

.w68-banner-2__mains__main__next:hover,
.w68-banner-2__mains__main__prev:hover {
}

.w68-banner-2__mains__main__next:after,
.w68-banner-2__mains__main__prev:after {
    display: none;
}
/*ed*/

/*w68-ads-1*/
.w68-ads-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w68-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w68-ads-1__group {
        margin: unset !important;
    }
}

.w68-ads-1__heading {
    display: flex;
    flex-direction: column;
}

.w68-ads-1__heading__title {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.w68-ads-1__heading__title__line {
    width: .1rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w), 1);
    margin: 1rem;
    opacity: 1;
    border-radius: 0.2rem;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.w68-ads-1__heading__title__text {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w68-ads-1__heading__title__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-ads-1__heading__des {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 0rem;
}

.w68-ads-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: flex-start;
}

@media only screen and (max-width: 37.5rem) {
    .w68-ads-1__items {
        margin-top: 0rem;
    }
}

.w68-ads-1__items__item {
    width: 23.5%;
    margin-left: 2%;
    text-align: center;
    background-color: white;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
    margin-top: 4rem;
    background-color: #f1f1f1;
    border-radius: .3rem;
    overflow: hidden;
}

.w68-ads-1__items__item__imgbox {
    transition: all 0.5s;
    backface-visibility: hidden;
    background-size: contain;
    background-position: center;
}

    .w68-ads-1__items__item__imgbox:hover {
        transform: scale(1.05);
    }

.w68-ads-1__items__item__imgbox__img {
    width: 100%;
}

@media only screen and (min-width: 50rem) {
    .w68-ads-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w68-ads-1__items__item {
        margin-top: 4rem;
        width: 49%;
    }

        .w68-ads-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w68-ads-1__items__item {
        margin-top: 2rem;
        width: 100%;
        margin-left: 0;
    }
}


@media only screen and (min-width: 37.5rem) {
    .w68-ads-1__items__item:nth-child(even) {
        margin-top: 0rem;
    }
}

.w68-ads-1__items__item__content {
    position: relative;
    padding: 1rem;
}

.w68-ads-1__items__item__content__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

    .w68-ads-1__items__item__content__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w68-ads-1__items__item__content__sub {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    margin-top: .5rem;
}


/*ed*/
/*w68-introducer-1*/
.w68-introducer-1 {
    width: 100%;
    padding: 5rem 1rem;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.w68-introducer-1__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w68-introducer-1__mains {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    background-color: #fff;
    padding: 2.5rem;
    border-radius: .3rem;
    position: relative;
    z-index: 2;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
}

@media only screen and (max-width:75rem) {
    .w68-introducer-1__mains {
        width: 94%;
    }
}

.w68-introducer-1__mains__first {
    width: 49%;
}

@media only screen and (max-width:62.5rem) {
    .w68-introducer-1__mains__first {
        width: 100%;
    }
}

.w68-introducer-1__mains__first__heading {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w68-introducer-1__mains__first__heading__name {
    display: flex;
    align-items: center;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    text-transform: uppercase;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w68-introducer-1__mains__first__heading__name__text {
    position: relative;
    z-index: 3;
    transition: all .5s;
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w68-introducer-1__mains__first__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-introducer-1__mains__first__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w68-introducer-1__mains__first__heading__line__1 {
    width: 50%;
    background-color: rgba(var(--main-color-w), 1);
    height: 100%;
}

.w68-introducer-1__mains__first__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w68-introducer-1__mains__first__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w68-introducer-1__mains__first__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w68-introducer-1__mains__first__heading__des b {
        font-weight: 600;
    }

.w68-introducer-1__mains__first__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.8rem;
    text-align: justify;
    margin-top: 1.5rem;
}

    .w68-introducer-1__mains__first__des > div,
    .w68-introducer-1__mains__first__des > p {
        margin-bottom: .75rem;
    }

    .w68-introducer-1__mains__first__des ul,
    .w68-introducer-1__mains__first__des ol {
        margin-left: 2.5rem;
    }

.w68-introducer-1__mains__first__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

.w68-introducer-1__mains__first__bottom__btn {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.6rem;
    border-radius: .2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    transition: all .5s;
    font-weight: 600;
}

.w68-introducer-1__mains__first__bottom__btn__icon {
    margin-right: 1rem;
}

.w68-introducer-1__mains__first__bottom__btn:hover {
    letter-spacing: .1rem;
    background-color: rgba(var(--second-color-w), 1);
}

.w68-introducer-1__mains__second {
    width: 49%;
    margin-left: auto;
    border-radius: .3rem;
}

@media only screen and (max-width:62.5rem) {
    .w68-introducer-1__mains__second {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w68-introducer-1__mains__second__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-left: 0;
    z-index: 0;
}

.w68-introducer-1__mains__second__main {
}

.w68-introducer-1__mains__second__main__item {
    height: fit-content;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    background-color:#fff;
}

    .w68-introducer-1__mains__second__main__item:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w68-introducer-1__mains__second__main__item:hover:after {
        animation: key-w68-introducer-1__mains__second__main__item 1.5s;
    }

@keyframes key-w68-introducer-1__mains__second__main__item {
    100% {
        left: 125%;
    }
}

.w68-introducer-1__mains__second__main__item__imgbox {
    background-size: cover;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    border-radius: .3rem;
    transition: 0.5s all ease-in-out;
}

.w68-introducer-1__mains__second__main__item__imgbox__img {
    width: 100%;
}

.w68-introducer-1__mains__second__main__item__imgbox:hover {
    transform: scale(1.05);
}

.w68-introducer-1__mains__second__main__item__name {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    padding: .75rem 1rem .75rem 1.5rem;
    background-color: rgba(0, 0, 0, 0.6117647059);
    font-size: 1.6rem;
    color: #fff;
    z-index: 2;
}

.w68-introducer-1__mains__second__video {
    height: 100%;
}

    .w68-introducer-1__mains__second__video iframe {
        width: 100%;
        height: 100%;
    }

@media only screen and (max-width:62.5rem) {
    .w68-introducer-1__mains__second__video iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w68-introducer-1__mains__second__video iframe {
        max-height: 25rem !important;
    }
}

.w68-introducer-1__mains__second__main__pagination {
    bottom: 1rem !important;
    z-index: 1;
}

    .w68-introducer-1__mains__second__main__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w68-introducer-1__mains__second__main__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w68-introducer-1__top {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 15rem 0;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w68-introducer-1__top {
        padding: 8rem 0;
    }
}

.w68-introducer-1__top__bg {
    position: absolute;
    top: 0;
    width: 200%;
    height: calc(100% + 15rem);
    overflow: hidden;
    z-index: 0;
    left: -50%;
}

@media only screen and (max-width:81.25rem) {
    .w68-introducer-1__top__bg {
        width: 100%;
        left: 0;
    }
}

.w68-introducer-1__top__bg__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.w68-introducer-1__top__bg__imgbox__img {
    width: 100%;
    height: 100%;
}

@-webkit-keyframes key-w68-introducer-1__top__bg__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w68-introducer-1__top__bg__imgbox {
}

.w68-introducer-1__top__bg__effect {
    position: absolute;
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.1);
}

.w68-introducer-1__top__items {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
    z-index: 1;
    padding: 0 1rem;
}

@media only screen and (max-width:50rem) {
    .w68-introducer-1__top__items {
        flex-wrap: wrap;
    }
}

.w68-introducer-1__top__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w68-introducer-1__top__items__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 3rem;
    }

        .w68-introducer-1__top__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w68-introducer-1__top__items__item__icon {
    font-size: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    cursor: pointer;
}

.w68-introducer-1__top__items__item__icon__value {
    transition: all .5s;
}

.w68-introducer-1__top__items__item__icon:hover .w68-introducer-1__top__items__item__icon__value {
    transform: scale(1.05);
}

.w68-introducer-1__top__items__item__name {
    font-size: 1.6rem;
    color: #fff;
    margin-top: 2rem;
    text-align: center;
    width: 100%;
    transition: all .5s;
}

    .w68-introducer-1__top__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
        cursor: pointer
    }
/*ed*/
/*w68-article-1*/
.w68-article-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    color: #3f3f3f;
}

.w68-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w68-article-1__heading {
    width: 22%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width:50rem) {
    .w68-article-1__heading {
        width: 100%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w68-article-1__heading {
        justify-content: center;
    }
}

.w68-article-1__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    width: 100%;
}

@media only screen and (max-width: 31.25rem) {
    .w68-article-1__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-article-1__heading__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w68-article-1__heading__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: max-content;
    margin-top: 1rem;
    padding: .5rem 1.5rem;
    border-radius: .3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
}

    .w68-article-1__heading__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w68-article-1__heading__btn__text {
    font-weight: 600;
}

.w68-article-1__heading__btn__icon {
    margin-left: 1rem;
}

.w68-article-1__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    width: 100%;
}

.w68-article-1__items {
    width: 74.5%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w68-article-1__items {
        width: 100%;
        margin-top: 2rem;
    }
}

.w68-article-1__items__mains {
    width: 100%;
    display: flex;
}

.w68-article-1__items__mains__main {
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (max-width:68.75rem) {
    .w68-article-1__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

        .w68-article-1__items__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w68-article-1__items__mains__main {
            width: 100%;
        }
    }
}

.w68-article-1__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: .3rem;
}

    .w68-article-1__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w68-article-1__items__mains__main:hover .w68-article-1__items__mains__main__first:after {
    animation: key-w68-article-1__items__mains__main__first 1.5s;
}

@keyframes key-w68-article-1__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w68-article-1__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w68-article-1__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w68-article-1__items__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w68-article-1__items__mains__main__second {
        padding: 1rem;
    }
}

.w68-article-1__items__mains__main__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
}

    .w68-article-1__items__mains__main__second__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w68-article-1__items__mains__main__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: flex;
}

.w68-article-1__items__mains__main__second__des__text {
}

.w68-article-1__items__next.swiper-button-next,
.w68-article-1__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w68-article-1__items__next:hover,
.w68-article-1__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w68-article-1__items__next:after,
.w68-article-1__items__prev:after {
    display: none;
}
/*ed*/
/*w68-article-2*/
.w68-article-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    color: #3f3f3f;
}

.w68-article-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (min-width:50rem) {
    .w68-article-2__group {
        flex-direction: row-reverse;
    }
}

.w68-article-2__heading {
    width: 22%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width:50rem) {
    .w68-article-2__heading {
        width: 100%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w68-article-2__heading {
        justify-content: center;
    }
}

.w68-article-2__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    width: 100%;
}

@media only screen and (max-width: 31.25rem) {
    .w68-article-2__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-article-2__heading__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w68-article-2__heading__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: max-content;
    margin-top: 1rem;
    padding: .5rem 1.5rem;
    border-radius: .3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
}

    .w68-article-2__heading__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w68-article-2__heading__btn__text {
    font-weight: 600;
}

.w68-article-2__heading__btn__icon {
    margin-left: 1rem;
}

.w68-article-2__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    width: 100%;
}

.w68-article-2__items {
    width: 74.5%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w68-article-2__items {
        width: 100%;
        margin-top: 2rem;
    }
}

.w68-article-2__items__mains {
    width: 100%;
    display: flex;
}

.w68-article-2__items__mains__main {
    width: 32%;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    overflow: hidden;
}

@media only screen and (max-width:68.75rem) {
    .w68-article-2__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

        .w68-article-2__items__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w68-article-2__items__mains__main {
            width: 100%;
        }
    }
}

.w68-article-2__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: .3rem;
}

    .w68-article-2__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w68-article-2__items__mains__main:hover .w68-article-2__items__mains__main__first:after {
    animation: key-w68-article-2__items__mains__main__first 1.5s;
}

@keyframes key-w68-article-2__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w68-article-2__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w68-article-2__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w68-article-2__items__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w68-article-2__items__mains__main__second {
        padding: 1rem;
    }
}

.w68-article-2__items__mains__main__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
}

    .w68-article-2__items__mains__main__second__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w68-article-2__items__mains__main__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: flex;
}

.w68-article-2__items__mains__main__second__des__text {
}

.w68-article-2__items__next.swiper-button-next,
.w68-article-2__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w68-article-2__items__next:hover,
.w68-article-2__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w68-article-2__items__next:after,
.w68-article-2__items__prev:after {
    display: none;
}
/*ed*/
/*w68-testimonial*/
.w68-testimonial {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
    background-image: url(/img/w40/bg-client.jpg);
    background-size: cover;
    overflow: hidden;
}

.w68-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w68-testimonial__heading__title {
    display: flex;
    justify-content: center;
}

.w68-testimonial__heading__title__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w68-testimonial__heading__title__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-testimonial__heading__title__line {
    width: 0.5rem;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    margin-right: 0.5rem;
}

.w68-testimonial__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    margin-bottom: 2rem;
    text-align: center;
    display: block;
}

.w68-testimonial__mains {
    position: relative;
    display: flex;
    margin-top: 8rem;
    align-items: center;
}

.w68-testimonial__mains__items__item {
    background-color: #f1f1f1;
    border-radius: .3rem 3rem .3rem 3rem;
}

.w68-testimonial__mains__items__item__main {
    padding: 2rem;
    position: relative;
}

.w68-testimonial__mains__items__item.swiper-slide {
    width: 32%;
    margin-right: 2%;
    opacity: 0.5;
}

.w68-testimonial__mains__items__item.swiper-slide-visible {
    opacity: 1;
}

@media only screen and (max-width: 50rem) {
    .w68-testimonial__mains__items__item.swiper-slide {
        width: 100%;
        margin-right: 0;
    }
}

.w68-testimonial__mains__pagination {
    bottom: 0 !important;
}

    .w68-testimonial__mains__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }

.w68-testimonial__mains__next.swiper-button-next,
.w68-testimonial__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w68-testimonial__mains__prev {
    left: 0rem;
}

.w68-testimonial__mains__next {
    right: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w68-testimonial__mains__prev {
        left: 1rem;
    }

    .w68-testimonial__mains__next {
        right: 1rem;
    }
}

.w68-testimonial__mains__next:hover,
.w68-testimonial__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w68-testimonial__mains__next:after,
.w68-testimonial__mains__prev:after {
    display: none;
}

.w68-testimonial__mains__items__item__main {
    box-shadow: 0.1rem 0.1rem 1.5rem 0.1rem rgba(241, 241, 241, 0.281);
    display: flex;
    flex-direction: column;
    text-align: center;
}

.w68-testimonial__mains__items__item__main__star {
    margin-top: 2rem;
}

.w68-testimonial__mains__items__item__main__star__icon {
    color: #ffc107;
    font-size: 1.2rem;
    margin-right: .5rem;
}

.w68-testimonial__mains__items__item__main__name {
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
    transition: all .3s;
    cursor: pointer;
}

    .w68-testimonial__mains__items__item__main__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w68-testimonial__mains__items__item__main__text {
    font-size: 1.6rem;
    margin-top: 5rem;
    line-height: 2.6rem;
    display: block;
    text-align: justify;
}

.w68-testimonial__mains__items__item__main__top {
    padding: .5rem;
    background-color: #fff;
    border: solid .1rem #f1f1f1;
    width: 8rem;
    height: 8rem;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: -4rem;
    left: 2rem;
}

.w68-testimonial__mains__items__item__main__top__imgbox {
    width: 100%;
    height: 100%;
    border-radius: .3rem;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

    .w68-testimonial__mains__items__item__main__top__imgbox:hover {
        transform: scale(1.05);
    }

.w68-testimonial__mains__items__item__main__top__imgbox__img {
    width: 100%;
    height: 100%;
}
/*ed*/
/*w68-ctaregister*/
.w68-ctaregister {
    width: 100%;
    background-color: white;
    padding: 8rem 1rem;
    color: #3f3f3f;
    position: relative;
    z-index:0;
}

.w68-ctaregister__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0,0,0,.1);
}

.w68-ctaregister__imgbox {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    position:absolute;
    z-index:0;
}

.w68-ctaregister__imgbox__img {
    width: 100%;
    height: 100%;
}

@-webkit-keyframes key-w68-ctaregister__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w68-ctaregister__imgbox__img {
    width: 100%;
}

.w68-ctaregister__group {
    max-width: 120rem;
    margin: 0 auto;
    position:relative;
    z-index:0;
}

.w68-ctaregister__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    padding: 3rem;
    border-radius: .5rem;
}

.w68-ctaregister__items__contact {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w68-ctaregister__items__contact {
        width: 100%;
        margin-top: 2rem;
    }
}

.w68-ctaregister__items__contact__form {
    width: 100%;
}

.w68-ctaregister__items__contact__form__input {
    margin-top: 1.5rem;
    display: block;
    padding: 1.25rem;
    border: 0.15rem solid #eee;
    border-radius: 0.8rem;
    background-color: white;
}

    .w68-ctaregister__items__contact__form__input:first-child {
        margin-top: 0;
    }

.w68-ctaregister__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5rem;
}

.w68-ctaregister__items__contact__form__input__icon {
    color: red;
}

.w68-ctaregister__items__contact__form__text {
    outline: none;
    width: 100%;
    margin-top: 1.5rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
    font-family: inherit;
}

.w68-ctaregister__items__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    border-radius: 0.5rem;
}

.w68-ctaregister__items__contact__form__vung__checkbox {
    display: none;
}

    .w68-ctaregister__items__contact__form__vung__checkbox:checked ~ .w68-ctaregister__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w68-ctaregister__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w68-ctaregister__items__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
}

.w68-ctaregister__items__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w68-ctaregister__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w68-ctaregister__items__contact__form__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w68-ctaregister__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w68-ctaregister__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w68-ctaregister__items__contact__button {
    padding: 1rem 2rem;
    display: inline-block;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    margin: 0 auto;
    border-radius: .3rem;
    margin-top: 2rem;
    border: none;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
    text-align: center;
}

    .w68-ctaregister__items__contact__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w68-ctaregister__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 2rem;
}

.w68-ctaregister__items__second {
    width: 49%;
    overflow: hidden;
    border-radius: .5rem;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w68-ctaregister__items__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w68-ctaregister__items__second__text1 {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--second-color-w),1);
    font-weight: 600;
}

.w68-ctaregister__items__second__text2 {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w68-ctaregister__items__second__text2 {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-ctaregister__items__second__text3 {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w68-ctaregister__items__second__logo {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 3rem;
}

.w68-ctaregister__items__second__logo__imgbox {
    background-size: contain;
}

@media only screen and (max-width:50rem) {
    .w68-ctaregister__items__contact__form__dropdown {
        width: 100%;
    }
}

.w68-ctaregister__items__contact__form__dropdown__label {
    background-color: transparent;
    padding: 1.5rem;
    border-radius: 1rem;
    border: 0.15rem solid #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
}

.w68-ctaregister__items__contact__form__dropdown__check:checked ~
.w68-ctaregister__items__contact__form__dropdown__label
.w68-ctaregister__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w68-ctaregister__items__contact__form__dropdown__label__name {
    font-size: 1.5rem;
}

.w68-ctaregister__items__contact__form__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w68-ctaregister__items__contact__form__dropdown {
    position: relative;
}

.w68-ctaregister__items__contact__form__dropdown__check {
    display: none;
}

.w68-ctaregister__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: hidden;
}

.w68-ctaregister__items__contact__form__dropdown__check:checked ~
.w68-ctaregister__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: calc(100% + 1rem);
    opacity: 1;
}

.w68-ctaregister__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w68-ctaregister__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w68-ctaregister__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w68-ctaregister-2*/
.w68-ctaregister-2 {
    width: 100%;
    background-color: white;
    padding: 8rem 1rem;
    color: #3f3f3f;
    position: relative;
    z-index: 0;
}

.w68-ctaregister-2__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(0,0,0,.5);
}

.w68-ctaregister-2__imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 0;
    position: absolute;
}

.w68-ctaregister-2__imgbox__img {
    width: 100%;
    height: 100%;
    z-index: 0;
}

@-webkit-keyframes key-w68-ctaregister-2__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w68-ctaregister-2__imgbox__img {
    width: 100%;
}

.w68-ctaregister-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.w68-ctaregister-2__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #fff;
    width: 100%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    padding: 3rem;
    border-radius: .5rem;
}

.w68-ctaregister-2__items__contact {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w68-ctaregister-2__items__contact {
        width: 100%;
        margin-top: 2rem;
    }
}

.w68-ctaregister-2__items__contact__name {
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
    width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w68-ctaregister-2__items__contact__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-ctaregister-2__items__contact__des {
    font-size: 1.6rem;
    line-height: 3rem;
    width: 100%;
    margin-top: 1rem;
}

.w68-ctaregister-2__items__contact__form {
    width: 100%;
    margin-top: 1.5rem;
}

.w68-ctaregister-2__items__contact__form__input {
    margin-top: 1.5rem;
    display: block;
    padding: 1.25rem;
    border: 0.15rem solid #eee;
    border-radius: 0.8rem;
    background-color: white;
}

    .w68-ctaregister-2__items__contact__form__input:first-child {
        margin-top: 0;
    }

.w68-ctaregister-2__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5rem;
}

    .w68-ctaregister-2__items__contact__form__input__text::placeholder {
    }

.w68-ctaregister-2__items__contact__form__input__icon {
    color: red;
}

.w68-ctaregister-2__items__contact__form__text {
    outline: none;
    width: 100%;
    margin-top: 1.5rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
    font-family: inherit;
}

.w68-ctaregister-2__items__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    border-radius: 0.5rem;
}

.w68-ctaregister-2__items__contact__form__vung__checkbox {
    display: none;
}

    .w68-ctaregister-2__items__contact__form__vung__checkbox:checked ~ .w68-ctaregister-2__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w68-ctaregister-2__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w68-ctaregister-2__items__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
}

.w68-ctaregister-2__items__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w68-ctaregister-2__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w68-ctaregister-2__items__contact__form__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w68-ctaregister-2__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w68-ctaregister-2__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w68-ctaregister-2__items__contact__button {
    padding: 1rem 2rem;
    display: inline-block;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    margin: 0 auto;
    border-radius: .3rem;
    margin-top: 2rem;
    border: none;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
    text-align: center;
}

    .w68-ctaregister-2__items__contact__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w68-ctaregister-2__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 2rem;
}

.w68-ctaregister-2__items__second {
    width: 49%;
    overflow: hidden;
    border-radius: .5rem;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w68-ctaregister-2__items__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w68-ctaregister-2__items__second__text {
    font-size: 1.6rem;
    line-height: 3rem;
    margin-top: 1rem;
}

.w68-ctaregister-2__items__second__logo {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-bottom: 3rem;
}

.w68-ctaregister-2__items__second__logo__imgbox {
    background-size: contain;
    width:100%;
}
.w68-ctaregister-2__items__second__logo__imgbox__img{
    width:100%;
}
.w68-ctaregister-2__items__second__subs {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.w68-ctaregister-2__items__second__subs__sub {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(0,0,0,.4);
    border: .1rem solid #ccc;
    cursor: pointer;
    margin-top: 1rem;
}

    .w68-ctaregister-2__items__second__subs__sub:not(:last-child) {
        margin-right: 2rem;
    }

    .w68-ctaregister-2__items__second__subs__sub:hover {
        transform: scale(1.1);
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width:50rem) {
    .w68-ctaregister-2__items__contact__form__dropdown {
        width: 100%;
    }
}

.w68-ctaregister-2__items__contact__form__dropdown__label {
    background-color: transparent;
    padding: 1.5rem;
    border-radius: 1rem;
    border: 0.15rem solid #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
}

.w68-ctaregister-2__items__contact__form__dropdown__check:checked ~
.w68-ctaregister-2__items__contact__form__dropdown__label
.w68-ctaregister-2__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w68-ctaregister-2__items__contact__form__dropdown__label__name {
    font-size: 1.5rem;
}

.w68-ctaregister-2__items__contact__form__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w68-ctaregister-2__items__contact__form__dropdown {
    position: relative;
}

.w68-ctaregister-2__items__contact__form__dropdown__check {
    display: none;
}

.w68-ctaregister-2__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: hidden;
}

.w68-ctaregister-2__items__contact__form__dropdown__check:checked ~
.w68-ctaregister-2__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: calc(100% + 1rem);
    opacity: 1;
}

.w68-ctaregister-2__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w68-ctaregister-2__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w68-ctaregister-2__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/

/*w68-service*/
.w68-service {
    width: 100%;
    padding: 5rem 1rem 2rem;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w68-service__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(90deg, rgba(var(--main-color-w), 1) 20%, rgba(0,212,255,.5) 80%);
}

.w68-service__imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 0;
}

.w68-service__imgbox__img {
    width: 100%;
    height: 100%;
}

@-webkit-keyframes key-w68-service__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w68-service__imgbox__img {
    width: 100%;
}

.w68-service__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
    z-index: 2;
}

.w68-service__heading {
    text-align: center;
}

@-webkit-keyframes key-wd-service-7__heading {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w68-service__heading {
    -webkit-animation: key-wd-service-7__heading 1s;
    animation: key-wd-service-7__heading 1s;
    animation-iteration-count: 1;
}

.w68-service__heading__title {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #fff;
}

.w68-service__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    color: #fff;
    line-height: 4rem;
    transition: all .5s;
    cursor: pointer;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w68-service__heading__name {
        font-size: 2em;
        line-height: 3rem;
    }
}

.w68-service__heading__name:hover {
}

.w68-service__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #fff;
}

.w68-service__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 3rem;
    padding-bottom: 3rem;
}

@-webkit-keyframes key-wd-service-7__gallery {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w68-service__mains {
    -webkit-animation: key-wd-service-7__gallery 2s;
    animation: key-wd-service-7__gallery 2s;
    animation-iteration-count: 1;
}

.w68-service__mains__main {
    display: flex;
    padding-bottom: 2.5rem;
}

.w68-service__mains__main__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    margin-top: 1rem;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w68-service__mains__main__item.swiper-slide {
        width: 47%;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w68-service__mains__main__item.swiper-slide {
        width: 100%;
        border-right: none;
        margin-right: 0;
    }
}

.w68-service__mains__main__item__bottom {
    padding: .5rem 0rem 1rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 2rem;
}

.w68-service__mains__main__item__bottom__des {
    display: block;
    font-size: 1.5rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify;
    color: #fff;
    cursor: pointer;
}

.w68-service__mains__main__item__bottom__name {
    font-weight: 600;
    text-transform: uppercase;
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

    .w68-service__mains__main__item__bottom__name:hover {
        transform: scale(1.1);
    }

.w68-service__mains__main__item__top {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    background-color: #fff;
    width: 7rem;
    height: 7rem;
    border-radius: 50%;
}

.w68-service__mains__main__item__top__icon {
    font-size: 4rem;
    transition: all 1s;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

    .w68-service__mains__main__item__top__icon:hover {
        transform: scale(1.2);
    }

.w68-service__mains__pagination {
    bottom: 0 !important;
    display: block;
    z-index: 0;
}

    .w68-service__mains__pagination .swiper-pagination-bullet {
        width: 3rem;
        border-radius: .5rem;
        background-color: #fff;
        transition: all .5s;
        opacity: .5;
        margin-top: 1rem !important;
    }

    .w68-service__mains__pagination .swiper-pagination-bullet-active {
        width: 6rem;
        opacity: 1;
    }
/*ed*/
/*w68-faq-1*/
.w68-faq-1 {
    width: 100%;
    padding: 5rem 1rem 0rem;
    position: relative;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.w68-faq-1__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: linear-gradient(90deg, rgba(var(--main-color-w), 1) 20%, rgba(0,212,255,.5) 80%);
}

.w68-faq-1__imgbox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    z-index: 0;
}

.w68-faq-1__imgbox__img {
    width: 100%;
    height: 100%;
}

@-webkit-keyframes key-w68-faq-1__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w68-faq-1__imgbox__img {
    width: 100%;
}

.w68-faq-1__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    position: relative;
    z-index: 2;
    align-items: flex-end;
}

@media only screen and (max-width: 50rem) {
    .w68-faq-1__group {
        flex-wrap: wrap;
    }
}

.w68-faq-1__first {
    width: 70%;
}

@media only screen and (max-width: 50rem) {
    .w68-faq-1__first {
        width: 100%;
    }
}

.w68-faq-1__first__content {
    position: relative;
}

.w68-faq-1__first__content__heading {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    overflow: hidden;
    display: block;
    color: white;
    cursor: pointer;
    transition: all .5s;
}

    .w68-faq-1__first__content__heading:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w68-faq-1__first__content__heading {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-faq-1__first__content__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    overflow: hidden;
    display: block;
    line-height: 2.6rem;
    color: white;
    text-align: justify;
}

.w68-faq-1__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.w68-faq-1__first__items__item {
    width: 47.5%;
    margin-left: 5%;
    margin-top: 1rem;
    margin-bottom: 3rem;
}

    .w68-faq-1__first__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width: 37.5rem) {
    .w68-faq-1__first__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w68-faq-1__first__items__item__info__icon:hover {
    animation: lac 1s ease;
    color: rgba(var(--second-color-w),1);
}

.w68-faq-1__first__items__item__info {
    display: flex;
    align-items: center;
}

.w68-faq-1__first__items__item__info__icon {
    color: white;
    font-size: 4rem;
    margin-right: 0.2rem;
    display: inline-block;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w68-faq-1__first__items__item__info__icon {
        font-size: 3rem;
    }
}

@keyframes lac {
    0% {
        transform: rotate(0);
    }

    10% {
        transform: rotate(25deg);
    }

    20% {
        transform: rotate(-25deg);
    }

    30% {
        transform: rotate(20deg);
    }

    40% {
        transform: rotate(-20deg);
    }

    50% {
        transform: rotate(15deg);
    }

    60% {
        transform: rotate(-15deg);
    }

    70% {
        transform: rotate(10deg);
    }

    80% {
        transform: rotate(-10deg);
    }

    100% {
        transform: rotate(0deg);
    }
}

.w68-faq-1__first__items__item__info__heading {
    font-weight: 600;
    font-size: 1.6rem;
    display: inline-block;
    color: white;
    margin-left: 1rem;
    cursor: pointer;
    transition: all .3s;
}

    .w68-faq-1__first__items__item__info__heading:hover {
        color: rgba(var(--second-color-w),1)
    }

@media only screen and (max-width: 37.5rem) {
    .w68-faq-1__first__items__item__info__heading {
        font-size: 1.6rem;
    }
}

.w68-faq-1__first__items__item__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: white;
    display: inline-block;
    line-height: 2.6rem;
    text-align: justify;
}

.w68-faq-1__second {
    margin-left: auto;
    width: 28%;
}

@media only screen and (max-width: 50rem) {
    .w68-faq-1__second {
        width: 100%;
        margin-left: 0;
    }
}

.w68-faq-1__second__imgbox {
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 50rem) {
    .w68-faq-1__second__imgbox {
        width: 100%;
        position: relative;
        right: initial;
    }
}

.w68-faq-1__second__imgbox__img {
    width: 100%;
}

/*ed*/
/*w68-abimg-1*/
.w68-abimg-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    color: #3f3f3f;
}

.w68-abimg-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w68-abimg-1__heading {
    width: 32%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w68-abimg-1__heading {
        width: 100%;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w68-abimg-1__heading {
        justify-content: center;
    }
}

.w68-abimg-1__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    width: 100%;
}

@media only screen and (max-width: 31.25rem) {
    .w68-abimg-1__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w68-abimg-1__heading__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w68-abimg-1__heading__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    width: max-content;
    margin-top: 1rem;
    padding: .5rem 1.5rem;
    border-radius: .3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
}

    .w68-abimg-1__heading__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w68-abimg-1__heading__btn__text {
    font-weight: 600;
    margin-left: 1rem;
}

.w68-abimg-1__heading__btn__icon {
}

.w68-abimg-1__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    text-align: justify;
    width: 100%;
}

.w68-abimg-1__item {
    width: 32%;
    margin-left: 2%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    overflow: hidden;
    border-radius: .3rem;
    border: solid .1rem #f1f1f1;
    padding: 1rem;
    margin-bottom: 2rem;
}

@media only screen and (min-width:50rem) {
    .w68-abimg-1__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

.w68-abimg-1__item:hover {
    background-color: #f1f1f1;
}

@media only screen and (max-width:50rem) {
    .w68-abimg-1__item {
        width: 49%;
    }

    @media only screen and (min-width:37.5rem) {
        .w68-abimg-1__item:nth-child(2n+2) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w68-abimg-1__item {
        width: 100%;
        margin-bottom: 1.5rem;
        margin-left: 0;
    }
}

.w68-abimg-1__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    border-radius: .3rem 0 .3rem 0;
}

.w68-abimg-1__item__first__bg1 {
    position: absolute;
    top: 0;
    right: 0;
    width: 7rem;
    height: 1rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 0rem 0 0 0rem;
    transition: all .5s;
}

.w68-abimg-1__item:hover .w68-abimg-1__item__first__bg1 {
    background-color: rgba(var(--second-color-w),1);
}

.w68-abimg-1__item__first__bg2 {
    position: absolute;
    top: 0;
    right: 0;
    height: 7rem;
    width: 1rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 0rem 0 0 0rem;
    transition: all .5s;
}

.w68-abimg-1__item:hover .w68-abimg-1__item__first__bg2 {
    background-color: rgba(var(--second-color-w),1);
}

.w68-abimg-1__item__first__bg3 {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 7rem;
    height: 1rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 0rem 0 0 0rem;
    transition: all .5s;
}

.w68-abimg-1__item:hover .w68-abimg-1__item__first__bg3 {
    background-color: rgba(var(--second-color-w),1);
}

.w68-abimg-1__item__first__bg4 {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 7rem;
    width: 1rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 0rem 0 0 0rem;
    transition: all .5s;
}

.w68-abimg-1__item:hover .w68-abimg-1__item__first__bg4 {
    background-color: rgba(var(--second-color-w),1);
}

.w68-abimg-1__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    border-radius: .3rem 0 .3rem 0;
    width: 100%;
}

    .w68-abimg-1__item__first__imgbox:hover {
        transform: scale(1.1);
    }

.w68-abimg-1__item__first__imgbox__img {
    width: 100%;
}

.w68-abimg-1__item__first__icon {
    transition: all .5s;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    position: absolute;
    background-color: rgba(var(--main-color-w), .7);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w68-abimg-1__item__first__icon {
        width: 6rem;
        height: 6rem;
    }
}

.w68-abimg-1__item__first:hover
.w68-abimg-1__item__first__icon {
    visibility: visible;
    width: 15rem;
    height: 15rem;
    opacity: 1;
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w68-abimg-1__item__first:hover
    .w68-abimg-1__item__first__icon {
        width: 10rem;
        height: 10rem;
    }
}

.w68-abimg-1__item__first__icon__value {
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

.w68-abimg-1__item__first__icon:hover
.w68-abimg-1__item__first__icon__value {
    transform: rotate(180deg);
}

.w68-abimg-1__item__second {
    margin-top: 1rem;
    padding: 0 1rem 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w68-abimg-1__item__second {
        padding: 1rem;
    }
}

.w68-abimg-1__item__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
}

    .w68-abimg-1__item__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w68-abimg-1__item__second__name__text {
    display: block;
}

.w68-abimg-1__item__second__attrs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w68-abimg-1__item__second__attrs__attr {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    margin-left: 4%;
    width: 48%;
    font-size: 1.5rem;
}

    .w68-abimg-1__item__second__attrs__attr:nth-child(2n+1) {
        margin-left: 0;
    }

.w68-abimg-1__item__second__attrs__attr__icon {
}

.w68-abimg-1__item__second__attrs__attr__name {
    white-space: nowrap;
    margin-left: .5rem;
}

.w68-abimg-1__item__second__attrs__attr__text {
    white-space: nowrap;
    margin-left: .5rem;
}
/*ed*/
/*w68-counter-1*/
.w68-counter-1 {
    width: 100%;
    padding: 3rem 0rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w68-counter-1__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 1rem;
}

.w68-counter-1__mains {
    width: 100%;
}

.w68-counter-1__mains__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 2rem 0;
}

@media only screen and (max-width:75rem) {
    .w68-counter-1__mains__items {
        flex-wrap: wrap;
    }
}

.w68-counter-1__mains__items__item {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w68-counter-1__mains__items__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 1rem;
    }

        .w68-counter-1__mains__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

        .w68-counter-1__mains__items__item:last-child {
            margin-bottom: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w68-counter-1__mains__items__item {
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }
}

.w68-counter-1__mains__items__item__1 {
    display: flex;
    align-items: center;
    color: rgba(var(--second-color-w),1);
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w68-counter-1__mains__items__item__1 {
        width: 30%;
        justify-content: flex-end;
    }
}

@media only screen and (max-width:50rem) {
    .w68-counter-1__mains__items__item__1 {
        width: 100%;
        justify-content: center;
    }
}

.w68-counter-1__mains__items__item__1__name {
    font-size: 5rem;
    font-weight: 700;
    letter-spacing: .4rem;
}

.w68-counter-1__mains__items__item__1__des {
    font-size: 4rem;
    font-weight: 600;
}

.w68-counter-1__mains__items__item__2 {
    font-size: 1.6rem;
    color: #dddddd;
    text-align: center;
    white-space: nowrap;
    margin-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w68-counter-1__mains__items__item__2 {
        width: 100%;
        margin-left: 0;
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w68-counter-1__third__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w68-counter-1__line1 {
    width: 100%;
    height: .2rem;
    background-color: rgba(var(--second-color-w),1);
}

.w68-counter-1__line2 {
    width: 100%;
    height: .2rem;
    background-color: rgba(var(--second-color-w),1);
}
/*ed*/
/*w52-video-3*/
.w52-video-3 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    position: relative;
    background-color: #fff;
}

.ws1RightMenubox .w52-video-3 {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w52-video-3 {
        justify-content: center;
        overflow: hidden;
    }
}

.w52-video-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w52-video-3__heading {
    width: 100%;
}

.w52-video-3__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w52-video-3__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-3__heading__name__text {
        margin: 0;
    }
}

.w52-video-3__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-3__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-video-3__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

@media only screen and (max-width:31.25rem) {
    .w52-video-3__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w52-video-3__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w52-video-3__top {
    margin-top: 2rem;
    width: 50%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-3__top {
        width: 100%;
    }
}

.w52-video-3__top iframe {
    width: 100%;
    height: 34rem;
    border-radius: .3rem;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-3__top iframe {
        height: 54rem;
    }
}

@media only screen and (max-width:50rem) {
    .w52-video-3__top iframe {
        height: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w52-video-3__top iframe {
        height: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w52-video-3__top iframe {
        height: 21rem;
    }
}

.w52-video-3__mains {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-left: auto;
    width: 49%;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-3__mains {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
}

.w52-video-3__mains__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w52-video-3__mains__items__item {
    width: 49%;
    margin-left: 2%;
    cursor: pointer;
    margin-top: 1rem;
}

    .w52-video-3__mains__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w52-video-3__mains__items__item__main {
    background: #fff;
    border-radius: .3rem;
    transition: all .5s;
    overflow: hidden;
    position: relative;
}

.w52-video-3__mains__items__item__main__name {
    display: block;
    font-weight: 600;
    font-size: 1.6rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    margin-top: .5rem;
    position: absolute;
    bottom: 0;
    padding: .5rem 1rem;
    text-align: center;
    width: calc(100%);
    left: 0;
    z-index: 1;
    transition: all .5s;
}

    .w52-video-3__mains__items__item__main__name:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w52-video-3__mains__items__item:hover {
}

.w52-video-3__mains__items__item__main__head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w52-video-3__mains__items__item__main__head__first {
    overflow: hidden;
    width: 100%;
}

.w52-video-3__mains__items__item__main__head__first__imgbox {
    background-size: cover;
    transition: all .5s;
    height: 16.5rem;
    width: 100%;
    background-position: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-3__mains__items__item__main__head__first__imgbox {
        height: 13rem;
    }
}

.w52-video-3__mains__items__item__main__head__first__imgbox__img {
    width: 100%;
}

.w52-video-3__mains__items__item:hover .w52-video-3__mains__items__item__main__head__first__imgbox {
    transform: scale(1.05);
}

.w52-video-3__mains__items__item__main__head__play {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w52-video-3__mains__items__item__main__head__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w52-video-3__mains__items__item:hover .w52-video-3__mains__items__item__main__head__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w52-video-3__mains__items__item__main__head__play__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w52-video-3__mains__childs__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w52-video-3__mains__childs__check {
    display: none;
}

    .w52-video-3__mains__childs__check:checked ~
    .w52-video-3__mains__childs__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w52-video-3__mains__childs__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w52-video-3__mains__childs__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w52-video-3__mains__childs__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w52-video-3__mains__childs__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w52-video-3__mains__childs__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w52-video-3__mains__childs__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w52-video-3__mains__childs__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w52-video-3__mains__childs__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w52-video-3__mains__childs__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w52-video-3__mains__childs__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w52-video-3__mains__childs__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w52-video-3__mains__childs__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w52-video-3__mains__childs__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-3__mains__childs__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w52-video-3__mains__childs__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w52-video-3__mains__childs__modal__main__box__close:hover {
    background-color: red;
}

.w52-video-3__mains__childs__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-3__mains__childs__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w52-video-3__mains__childs__modal__main__box__close:hover .w52-video-3__mains__childs__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w52-video-3__mains__next.swiper-button-next,
.w52-video-3__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w52-video-3__mains__prev {
    left: 1rem;
}

.w52-video-3__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-3__mains__prev {
        left: 1rem;
    }

    .w52-video-3__mains__next {
        right: 1rem;
    }
}

.w52-video-3__mains__next:hover,
.w52-video-3__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w52-video-3__mains__next:after,
.w52-video-3__mains__prev:after {
    display: none;
}
/*ed*/

/*w52-ads-2*/
.w52-ads-2 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 3rem;
    color: #363636;
}

.w52-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w52-ads-2__heading {
}

.w52-ads-2__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-ads-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-ads-2__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w52-ads-2__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
}

.w52-ads-2__items__item {
    width: 23.5%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    border-radius: .3rem;
    z-index: 0;
    height: max-content;
}

@media only screen and (min-width: 50rem) {
    .w52-ads-2__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w52-ads-2__items__item {
        width: 49%;
        margin-top: 1rem;
    }

        .w52-ads-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w52-ads-2__items__item__effect {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none;
}

.w52-ads-2__items__item:hover .w52-ads-2__items__item__effect {
    animation: key-w52-ads-2__items__item__effect 1.5s;
}

@keyframes key-w52-ads-2__items__item__effect {
    100% {
        left: 125%;
    }
}

.w52-ads-2__items__item__link {
    display: block;
    overflow: hidden;
}

.w52-ads-2__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w52-ads-2__items__item:hover .w52-ads-2__items__item__link__imgbox {
    transform: scale(1.05);
}

.w52-ads-2__items__item__info {
    display: block;
    width: 100%;
    padding: 1rem 1rem 1rem;
    background-color: rgba(var(--main-color-w),1);
}

.w52-ads-2__items__item__info__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: white;
    width: 100%;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .3s;
    display: block;
    text-align: center;
}

    .w52-ads-2__items__item__info__name:hover {
        letter-spacing: .1rem;
    }

.w52-ads-2__items__item__info__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: white;
}

/*ed*/
/*w52-testimonial*/
.w52-testimonial {
    width: 100%;
    background-color: rgba(var(--main-color-w),.2);
    padding: 3rem 1rem;
    position: relative;
    z-index: 0;
}

.w52-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w52-testimonial__heading {
    display: block;
}

.w52-testimonial__heading__name {
    font-size: 3rem;
    line-height: 4rem;
    position: relative;
    display: block;
    font-weight: 600;
    text-align: center;
    margin: 0 auto;
    width: fit-content;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w52-testimonial__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-testimonial__heading__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    width: fit-content;
    margin: 0 auto;
    margin-top: 1rem;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w52-testimonial__heading__sub {
        font-size: 1.3rem;
    }
}

.w52-testimonial__container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    margin-top: 2rem;
}
@media only screen and (max-width:50rem) {
    .w52-testimonial__container {
        flex-direction:column-reverse;
    }
}

.w52-testimonial__container__content {
    width: 33%;
    padding: 0;
    height: 44rem;
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (max-width:62.5rem) {
    .w52-testimonial__container__content {
        height: 35rem;
    }
}

@media only screen and (max-width:50rem) {
    .w52-testimonial__container__content {
        width: 100%;
        padding: 0;
    }
}

.w52-testimonial__container__content__block {
    position: relative;
}

.w52-testimonial__container__content__thumbs {
    overflow-y: scroll;
    height: 100%;
}

    .w52-testimonial__container__content__thumbs::-webkit-scrollbar {
        width: .2rem;
    }

    .w52-testimonial__container__content__thumbs::-webkit-scrollbar-track {
        border-radius: .2rem;
    }

    .w52-testimonial__container__content__thumbs::-webkit-scrollbar-thumb {
        border-radius: .2rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w52-testimonial__container__content__thumbs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

@media only screen and (max-width:50rem) {
    .w52-testimonial__container__content__thumbs {
        padding-bottom: 0;
        margin-top: 0.5rem;
    }
}

.w52-testimonial__container__content__thumbs__mains {
    height: auto !important;
    flex-wrap: wrap;
}

.w52-testimonial__container__content__thumbs__mains__thongtin {
    cursor: pointer;
    display: flex;
    background-color: white;
    border-bottom: 1px solid rgba(193, 193, 193, 0.3);
    padding: 1rem 1rem;
    width: calc(100% - 2rem);
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w52-testimonial__container__content__thumbs__mains__thongtin {
        max-width: 100%;
    }
}

.w52-testimonial__container__content__thumbs__mains__thongtin__imgbox {
    width: 5rem;
    min-width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin-right: 1rem;
}

.w52-testimonial__container__content__thumbs__mains__thongtin__imgbox__img {
    width: 100%;
}

.w52-testimonial__container__content__thumbs__mains__thongtin__mota {
    display: inline-block;
    color: black;
}

.w52-testimonial__container__content__thumbs__mains__thongtin__mota__name {
    display: flex;
    flex-wrap: wrap;
}

.w52-testimonial__container__content__thumbs__mains__thongtin__mota__name__text--1 {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-right: .5rem;
    font-weight: 600;
}

.w52-testimonial__container__content__thumbs__mains__thongtin__mota__name__text--2 {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
    line-height: 2.6rem;
    font-weight: 600;
}

.w52-testimonial__container__content__thumbs__mains__thongtin__mota__text {
    line-height: 1.5rem;
    font-size: 1.4rem;
    text-align: justify;
    display: block;
    margin-top: .25rem;
}

.w52-testimonial__container__slider {
    width: 65%;
    margin-left: auto;
    overflow: hidden;
    position: relative;
    border-radius: .3rem;
}

@media only screen and (max-width:50rem) {
    .w52-testimonial__container__slider {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
}

.w52-testimonial__container__slider__mains__item__imgbox {
    cursor: pointer;
    background-size: contain;
    background-position: center;
}

.w52-testimonial__container__slider__mains__item__imgbox__img {
    width: 100%;
}

.w52-testimonial .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}


    .w52-testimonial .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

.w52-testimonial .gallery-thumbs .swiper-slide-thumb-active {
    background-color: #f1f1f1;
}

@media only screen and (max-width:50rem) {
    .w52-testimonial .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

w52-testimonial__container__slider__next {
    color: rgba(var(--main-color-w),1);
}

w52-testimonial__container__slider__prev {
    color: rgba(var(--main-color-w),1);
}
/*ed*/
/*w52-banner*/
.w52-banner {
    width: 100%;
    position: relative;
    padding: 2.5rem 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w52-banner {
        padding: 2rem 1rem;
    }
}

.w52-banner__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w52-banner__bg {
    position: absolute;
    width: 100%;
    height: 90%;
    left: 0px;
    top: 0;
    background: linear-gradient(180deg, rgba(var(--main-color-w), 0.5) 22.41%, rgba(var(--main-color-w), 0.5) 90.2%);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.w52-banner__bg1 {
    position: absolute;
    width: 100%;
    height: 95%;
    left: 0px;
    top: 0;
    background: linear-gradient(180deg, rgba(var(--main-color-w), 1) 22.41%, rgba(var(--main-color-w), 0.2) 90.2%);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
}

.w52-banner__mains {
    overflow: hidden;
    width: 70%;
    margin: 0 auto;
    position: relative;
}

@media only screen and (max-width: 37.5rem) {
    .w52-banner__mains {
        width: 90%;
    }
}

.w52-banner__mains__main__slider__items {
    height: auto !important;
}

.w52-banner__mains__bg {
    position: absolute;
    background-color: white;
    width: 110%;
    height: 110%;
    border-radius: 2rem;
    border: 1rem solid white;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.w52-banner__mains__bg1 {
    position: absolute;
    background-color: transparent;
    background-color: white;
    width: 100%;
    height: 100%;
    z-index: 2;
    border-radius: 2rem;
    border: 1rem solid white;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}

.w52-banner__mains__main {
    width: 100%;
    z-index: 2;
}

.w52-banner__mains__main__slider__items__item {
    padding: 0rem;
    border-radius: 1rem;
}

.w52-banner__mains__main__slider__items__item__link {
    display: block;
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 1rem;
}
@media only screen and (max-width: 37.5rem) {
    .w52-banner__mains__main__slider__items__item__link {
        border-radius: .5rem;
        padding: .25rem;
    }
}
.w52-banner__mains__main__slider__items__item__link__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    border-radius: 1.5rem;
}
@media only screen and (max-width: 37.5rem) {
    .w52-banner__mains__main__slider__items__item__link__imgbox {
        border-radius: .5rem;
    }
}
.w52-banner__mains__main__slider__items__item__link__imgbox__img {
    width: 100%;
}

.w52-banner .swiper-button-next {
    color: white;
    cursor: pointer;
    z-index: 1;
}

.w52-banner .swiper-button-prev {
    color: white;
    cursor: pointer;
    z-index: 1;
}

.w52-banner .swiper-pagination-bullet-active {
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w52-video*/
.w52-video {
    width: 100%;
    padding: 5rem 1rem 1rem;
    position: relative;
    background-color: #fff;
}

.ws1RightMenubox .w52-video {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w52-video {
        justify-content: center;
        overflow: hidden;
    }
}

.w52-video__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w52-video__heading {
    width: 100%;
}

.w52-video__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w52-video__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-video__heading__name__text {
        margin: 0;
    }
}

.w52-video__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w52-video__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-video__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w52-video__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w52-video__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w52-video__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w52-video__mains {
    margin-top: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w52-video__mains__items {
    width: 100%;
}

.w52-video__mains__items__item {
    width: 32%;
    margin-right: 2%;
    cursor: pointer;
}

.w52-video__mains__items__item__main {
    background: #fff;
    border-radius: .3rem;
    transition: all .5s;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w52-video__mains__items__item {
        width: 24.25%;
    }

    @media only screen and (max-width:37.5rem) {
        .w52-video__mains__items__item {
            width: 49%;
            margin-right: 2%;
        }
    }
}

.w52-video__mains__items__item__main__head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w52-video__mains__items__item__main__head__first {
    overflow: hidden;
}

.w52-video__mains__items__item__main__name {
    margin-top: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 2rem);
    text-align: center;
    padding: 1rem;
}

.w52-video__mains__items__item__main__head__first__figure {
    background-size: cover;
    transition: all .5s;
}

.w52-video__mains__items__item__main__head__first__figure__img {
    width: 100%;
}

.w52-video__mains__items__item:hover .w52-video__mains__items__item__main__head__first__figure {
    transform: scale(1.05);
}

.w52-video__mains__items__item__main__head__play {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w52-video__mains__items__item__main__head__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w52-video__mains__items__item:hover .w52-video__mains__items__item__main__head__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w52-video__mains__items__item__main__head__play__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w52-video__mains__childs__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w52-video__mains__childs__check {
    display: none;
}

    .w52-video__mains__childs__check:checked ~
    .w52-video__mains__childs__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w52-video__mains__childs__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w52-video__mains__childs__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w52-video__mains__childs__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w52-video__mains__childs__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w52-video__mains__childs__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w52-video__mains__childs__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w52-video__mains__childs__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w52-video__mains__childs__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w52-video__mains__childs__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w52-video__mains__childs__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w52-video__mains__childs__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w52-video__mains__childs__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w52-video__mains__childs__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w52-video__mains__childs__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w52-video__mains__childs__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w52-video__mains__childs__modal__main__box__close:hover {
    background-color: red;
}

.w52-video__mains__childs__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w52-video__mains__childs__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w52-video__mains__childs__modal__main__box__close:hover .w52-video__mains__childs__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w52-video__mains__next.swiper-button-next,
.w52-video__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w52-video__mains__prev {
    left: 1rem;
}

.w52-video__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-video__mains__prev {
        left: 1rem;
    }

    .w52-video__mains__next {
        right: 1rem;
    }
}

.w52-video__mains__next:hover,
.w52-video__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w52-video__mains__next:after,
.w52-video__mains__prev:after {
    display: none;
}
/*ed*/
/*w52-ads-1*/
.w52-ads-1 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: #fff;
    color: #3f3f3f;
}

.w52-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w52-ads-1__heading {
}

.w52-ads-1__heading__name {
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

.w52-ads-1__heading__name__text {
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    padding: 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w52-ads-1__heading__name__text {
        font-size: 2.2rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w52-ads-1__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w52-ads-1__heading__name__text b {
    font-weight: 600;
}

.w52-ads-1__heading__name__text:hover {
    transform: scale(1.05);
}

.w52-ads-1__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w52-ads-1__mains {
    margin-top: 2rem;
    overflow: hidden;
    position: relative;
    padding-bottom: 5rem;
    display: flex;
    width: 100%;
    align-items: center;
}

.w52-ads-1__mains__items {
    display: flex;
    margin-top: 0rem;
}

.w52-ads-1__mains__items__item.swiper-slide {
    width: 32.333333%;
    margin-right: 1.5%;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w52-ads-1__mains__items__item.swiper-slide {
        width: 49%;
    }
}

.w52-ads-1__mains__items__item__main {
    border: 0.1em solid rgba(211, 211, 211, 0.5);
    padding: 1rem 1rem 3rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: .5rem;
}

.w52-ads-1__mains__items__item__main__top {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    width: 100%;
}

    .w52-ads-1__mains__items__item__main__top:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

    .w52-ads-1__mains__items__item__main__top:hover:after {
        animation: key-w55-ads__mains__items__item__box 1.5s;
    }

@keyframes key-w55-ads__mains__items__item__box {
    100% {
        left: 125%;
    }
}

.w52-ads-1__mains__items__item__main__top__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    transition: all .5s;
    border: solid .1rem #fff;
    cursor: pointer;
    border-radius: .5rem;
}

    .w52-ads-1__mains__items__item__main__top__imgbox:hover {
        transform: scale(1.05);
    }

.w52-ads-1__mains__items__item__main__content {
    transition: all .5s;
    width: 100%;
}

.w52-ads-1__mains__items__item__main__content__name {
    text-transform: uppercase;
    transition: all .5s;
    cursor: pointer;
    margin-top: 1rem;
    width: 100%;
    display: block;
}

.w52-ads-1__mains__items__item__main__content__name__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    text-align: center;
    display: block;
}

    .w52-ads-1__mains__items__item__main__content__name__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w52-ads-1__mains__items__item__main__content:hover .w52-ads-1__mains__items__item__main__content__name {
    color: rgba(var(--second-color-w), 1);
}

.w52-ads-1__mains__items__item__main__content__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    text-align: center;
    display: block;
}

.w52-ads-1__mains__items__item__main__bottom {
    position: absolute;
    width: 4.5rem;
    height: 4.5rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    bottom: -2.25rem;
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.252);
}

.w52-ads-1__mains__items__item__main__bottom__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

    .w52-ads-1__mains__items__item__main__bottom__imgbox:hover {
        transform: scale(1.05);
    }

.w52-ads-1__mains__items__item__main__btn__icon {
}

.w52-ads-1__mains__pagination {
    bottom: 0rem !important;
    z-index: 0;
}

    .w52-ads-1__mains__pagination .swiper-pagination-bullet {
        width: .85rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w52-ads-1__mains__pagination .swiper-pagination-bullet-active {
        width: 2.75rem;
        opacity: 1;
    }

.w52-ads-1__mains__next.swiper-button-next,
.w52-ads-1__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w52-ads-1__mains__prev {
    left: 1rem;
}

.w52-ads-1__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-ads-1__mains__prev {
        left: 1rem;
    }

    .w52-ads-1__mains__next {
        right: 1rem;
    }
}

.w52-ads-1__mains__next:hover,
.w52-ads-1__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w52-ads-1__mains__next:after,
.w52-ads-1__mains__prev:after {
    display: none;
}
/*ed*/
/*w40-article*/
.w40-article {
    width: 100%;
    padding: 3rem 0.5rem;
    background-color: white;
    position: relative;
    z-index: 0;
}

.w40-article__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w40-article__heading {
    display: flex;
    flex-direction: column;
}

.w40-article__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w40-article__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w40-article__heading__des {
    margin: 1rem auto 0;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w40-article__heading__tab {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

    .w40-article__heading__tab .active {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        font-weight: 600;
    }

.w40-article__heading__tab__text {
    font-size: 1.4rem;
    padding: 0.3rem 1rem;
    border: 0.1rem solid rgba(0, 0, 0, 0.15);
    border-radius: 2rem;
    background-color: #f7f7f7;
    transition: all 0.2s ease;
    margin: 1rem .5rem 0 .5rem;
    cursor: pointer;
}

    .w40-article__heading__tab__text:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        font-weight: 600;
    }

.w40-article__items {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.w40-article__items__item {
    margin-top: 2rem;
    width: 32.3333333333%;
    margin-left: 1.5%;
    height: fit-content;
    height: max-content;
    cursor: pointer;
    overflow:hidden;
}

@media only screen and (min-width: 43.75rem) {
    .w40-article__items__item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 43.75rem) {
    .w40-article__items__item {
        width: 48.5%;
        margin-left: 1.5%;
    }

        .w40-article__items__item:first-child {
            margin-left: 0;
        }

        .w40-article__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 43.75rem) {
    .w40-article__items__item {
        width: 49%;
    }
}

.w40-article__items__item__link {
    display: block;
    overflow: hidden;
    border-radius: .3rem;
}

.w40-article__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    position: relative;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    align-items: center;
}

    .w40-article__items__item__link__imgbox:hover {
        transform:scale(1.05);
    }

.w40-article__items__item__link__imgbox__img {
    width: 100%;
}

.w40-article__items__item__link__imgbox__cate {
    position: absolute;
    left: 0rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w40-article__items__item__link__imgbox__cate__info {
    padding: 0.5rem 1rem 0;
    font-size: 1.5rem;
    font-weight: 600;
    display: block;
    color: white;
    text-align: center;
}

.w40-article__items__item__link__imgbox__cate__time {
    padding: 0.5rem 1rem;
    font-size: 1.2rem;
    text-align: center;
    display: block;
    color: white;
    margin-top: .2rem;
}

.w40-article__items__item__content {
    padding: 1rem;
    display: block;
    background-color: #f5f9fd;
}

.w40-article__items__item__content__main {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    display: block;
    color: rgba(var(--main-color-w), 1);
    transition: all .3s;
}

    .w40-article__items__item__content__main:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 43.75rem) {
    .w40-article__items__item__content__main {
        font-size: 1.5rem;
    }
}

.w40-article__items__item__content__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    margin-bottom: 1rem;
    display: block;
}

@media only screen and (max-width: 43.75rem) {
    .w40-article__items__item__content__sub {
        font-size: 1.2rem;
    }
}

.w40-article__items__item__content__des {
    display: flex;
    align-items: baseline;
    color: rgba(var(--main-color-w), 1);
}

    .w40-article__items__item__content__des:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w40-article__items__item__content__des__text {
    font-size: 1.5rem;
    margin-right: .5rem;
    transition: all .2s ease;
    display: block;
}

.w40-article__items__item__content__des__icon {
    font-size: 1.2rem;
    transition: all .2s ease;
    display: block;
}
/*ed*/
/*w52-video-2*/
.w52-video-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    position: relative;
    background-color: #fff;
}

.ws1RightMenubox .w52-video-2 {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w52-video-2 {
        justify-content: center;
        overflow: hidden;
    }
}

.w52-video-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w52-video-2__heading {
    width: 100%;
}

.w52-video-2__heading__name {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w52-video-2__heading__name__text {
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 5rem;
    padding: 0rem 0;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-2__heading__name__text {
        margin: 0;
    }
}

.w52-video-2__heading__name__text__title {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-2__heading__name__text__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-video-2__heading__name__text__line {
    background-color: rgba(var(--main-color-w), 1);
    width: 12rem;
    position: absolute;
    bottom: -1rem;
    height: .2rem;
}

.w52-video-2__heading__name__text:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w52-video-2__heading__name__text {
        margin: 0 1rem;
        font-size: 2rem;
    }
}

.w52-video-2__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w52-video-2__top {
    margin-top: 2rem;
    width: 74%;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-2__top {
        width: 100%;
    }
}

.w52-video-2__top iframe {
    width: 100%;
    height: 50rem;
    border-radius: .3rem;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-2__top iframe {
        height: 54rem;
    }
}

@media only screen and (max-width:50rem) {
    .w52-video-2__top iframe {
        height: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w52-video-2__top iframe {
        height: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w52-video-2__top iframe {
        height: 21rem;
    }
}

.w52-video-2__mains {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    margin-left: auto;
    width: 25%;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-2__mains {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
}

.w52-video-2__mains__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w52-video-2__mains__items__item {
    width: 100%;
    cursor: pointer;
    margin-top: 1rem;
}

.w52-video-2__mains__items__item__main {
    background: #fff;
    border-radius: .3rem;
    transition: all .5s;
    overflow: hidden;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-2__mains__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w52-video-2__mains__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w52-video-2__mains__items__item__main__head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w52-video-2__mains__items__item__main__head__first {
    overflow: hidden;
    width: 100%;
}

.w52-video-2__mains__items__item__main__head__first__imgbox {
    background-size: cover;
    transition: all .5s;
    height: 24.5rem;
    width: 100%;
    background-position: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-2__mains__items__item__main__head__first__imgbox {
        height: 13rem;
    }
}

.w52-video-2__mains__items__item__main__head__first__imgbox__img {
    width: 100%;
}

.w52-video-2__mains__items__item:hover .w52-video-2__mains__items__item__main__head__first__imgbox {
    transform: scale(1.05);
}

.w52-video-2__mains__items__item__main__head__play {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w52-video-2__mains__items__item__main__head__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w52-video-2__mains__items__item:hover .w52-video-2__mains__items__item__main__head__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w52-video-2__mains__items__item__main__head__play__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w52-video-2__mains__childs__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w52-video-2__mains__childs__check {
    display: none;
}

    .w52-video-2__mains__childs__check:checked ~
    .w52-video-2__mains__childs__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w52-video-2__mains__childs__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w52-video-2__mains__childs__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w52-video-2__mains__childs__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w52-video-2__mains__childs__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w52-video-2__mains__childs__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w52-video-2__mains__childs__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w52-video-2__mains__childs__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w52-video-2__mains__childs__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w52-video-2__mains__childs__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w52-video-2__mains__childs__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w52-video-2__mains__childs__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w52-video-2__mains__childs__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w52-video-2__mains__childs__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-2__mains__childs__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w52-video-2__mains__childs__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w52-video-2__mains__childs__modal__main__box__close:hover {
    background-color: red;
}

.w52-video-2__mains__childs__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w52-video-2__mains__childs__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w52-video-2__mains__childs__modal__main__box__close:hover .w52-video-2__mains__childs__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w52-video-2__mains__next.swiper-button-next,
.w52-video-2__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w52-video-2__mains__prev {
    left: 1rem;
}

.w52-video-2__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-video-2__mains__prev {
        left: 1rem;
    }

    .w52-video-2__mains__next {
        right: 1rem;
    }
}

.w52-video-2__mains__next:hover,
.w52-video-2__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w52-video-2__mains__next:after,
.w52-video-2__mains__prev:after {
    display: none;
}
/*ed*/

/*w49-footer*/
.w49-footer {
    width: 100%;
    position: relative;
    padding: 0;
    background-color: white;
}

.w49-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    background: linear-gradient(to right, rgba(var(--main-color-w), 1), rgba(var(--main-color-w), 1) 50%, rgba(var(--main-color-w), 0.75));
    padding: 8rem 2rem 3rem 2rem;
    border-top-left-radius: 10rem;
    border-top-right-radius: 10rem;
}

.w49-footer__social {
    text-align: center;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 0 1rem;
}

.w49-footer__social__text {
    line-height: 1.5rem;
    font-size: 1.6rem;
    text-align: justify;
    display: block;
    color: white;
}

@media only screen and (max-width:50rem) {
    .w49-footer__social__text {
        text-align: center;
        width: 100%;
    }
}

.w49-footer__social__image {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w49-footer__social__image {
        width: 100%;
        justify-content: center;
        margin-top: 2rem;
    }
}

.w49-footer__social__image__imgbox {
    width: 4rem;
    margin-left: 1rem;
    cursor: pointer;
    border-radius: 0.5rem;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .5s;
}

    .w49-footer__social__image__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:50rem) {
    .w49-footer__social__image__imgbox {
        margin-right: 1rem;
    }
}

.w49-footer__social__image__imgbox__img {
    width: 100%;
}

.w49-footer-col {
    width: 32%;
    display: flex;
    flex-wrap: wrap;
    margin-left: 2%;
    margin-bottom: 2rem;
    overflow: hidden;
}

@media only screen and (min-width:50rem) {
    .w49-footer-col:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w49-footer-col {
        width: 100%;
        text-align: center;
    }
}

.w49-footer__item {
    width: 100%;
    color: black;
}

.w49-footer__item__code {
    padding-top: 2rem;
    overflow: hidden;
}

    .w49-footer__item__code iframe {
        max-width: 100%;
    }

@media only screen and (max-width:50rem) {
    .w49-footer__item {
        margin-top: 2rem;
    }
}

@media only screen and (max-width:50rem) {
    .w49-footer__item {
        width: 100%;
        text-align: center;
    }
}

.w49-footer__item__connect {
    margin-top: 1.5rem;
}

.w49-footer__item__connect__info {
    margin-top: 1rem;
    max-width: 100%;
    color: white;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

    .w49-footer__item__connect__info:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:50rem) {
    .w49-footer__item__connect__info {
        justify-content: center;
    }
}

.w49-footer__item__connect__info__icon {
    font-size: 1.5rem;
}

.w49-footer__item__connect__info__text {
    margin-left: 1rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w49-footer__item {
        max-width: 100%;
        margin-top: 4rem;
    }
}

.w49-footer__item__title {
    text-transform: uppercase;
    font-size: 1.6rem;
    line-height: 2.6rem;
    fill: black;
    color: white;
    font-weight: 600;
}

/*ed*/
/*w52-downbar*/
.w52-downbar {
    width: 100%;
    padding: 1rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w52-downbar__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w52-downbar__items {
    display: flex;
    justify-content: center;
}

.w52-downbar__items__item {
    display: flex;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    padding: .5rem 2rem;
    border-radius: .5rem;
    border: .2rem solid white;
    cursor: pointer;
    transition: all .5s;
    color: white;
}

    .w52-downbar__items__item:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w),1);
    }

    .w52-downbar__items__item:not(:last-child) {
        margin-right: 1rem;
    }

.w52-downbar__items__item__icon {
    margin-right: 0.75rem;
    font-size: 1.6rem;
}

@media only screen and (max-width:50rem) {
    .w52-downbar__items__item__icon {
        font-size: 1.4rem;
    }
}

.w52-downbar__items__item__name {
    font-size: 1.6rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w52-downbar__items__item__name {
        font-size: 1.2rem;
    }
}
/*ed*/
/*w52-productdetail*/
.w52-productdetail {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    overflow: hidden;
    color: #363636;
    position: relative;
    z-index: 0;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.w52-productdetail__bg {
    background-color: #fff;
    padding-bottom: 2rem;
}

.w52-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w52-productdetail__first {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #f7f8f9;
    align-items: flex-start;
    position: relative;
    z-index: 1;
    padding: 1rem;
}

.w52-productdetail__first__one {
    width: 49.25%;
    position: relative;
    z-index: 0;
}

.w52-productdetail__first__one__childs {
    width: 100%;
    overflow: hidden;
    border-radius: .3rem;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__one__childs {
        width: 100%;
        margin-left: 0;
    }
}

.w52-productdetail__first__one__col {
    width: 100%;
}

.w52-productdetail__first__one__col__mains {
    position: relative;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width:75rem) {
    .w52-productdetail__first__one__col__mains {
    }
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__one__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w52-productdetail__first__one__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w52-productdetail__first__one__col__mains {
    }
}

.w52-productdetail__first__one__col__mains::-webkit-scrollbar {
    width: .4rem;
}

.w52-productdetail__first__one__col__mains::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w52-productdetail__first__one__col__mains::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w52-productdetail__first__one__col__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w52-productdetail__first__one__childs__items {
    transition: .5s transform !important
}

.w52-productdetail__first__one__childs__items__imgbox {
    background-size: cover;
    height: max-content;
    background-repeat: no-repeat;
    position: relative;
}

.w52-productdetail__first__one__col__mains__main__imgbox.swiper-slide {
    width: 23.5%;
    background-size: contain;
    border-radius: .3rem;
    margin-right: 2%;
}

.w52-productdetail__first__one__childs__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w52-productdetail__first__one__childs__items__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background-color: rgba(241,241,241,.7);
    }

.w52-productdetail__first__one__childs__items__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-w52-productdetail-zoom 2s infinite ease-in;
    animation: key-w52-productdetail-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-w52-productdetail-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w52-productdetail__first__one__childs__items__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w52-productdetail__first__one__childs__items__imgbox__zoom:hover .w52-productdetail__first__one__childs__items__imgbox__zoom__text {
    display: block;
}

.w52-productdetail__first__one__childs__next.swiper-button-next,
.w52-productdetail__first__one__childs__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w52-productdetail__first__one__childs__next:hover,
.w52-productdetail__first__one__childs__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w52-productdetail__first__one__childs__next:after,
.w52-productdetail__first__one__childs__prev:after {
    display: none;
}

.w52-productdetail__first__one__service {
    margin-top: 2rem;
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    border-radius: .3rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    border: dashed .1rem #333;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__one__service {
        padding: .5rem;
        border: #f1f1f1 solid .1rem;
        border-radius: .3rem;
        margin-top: 1rem;
    }
}

.w52-productdetail__first__one__service__checked {
    display: none;
}

.w52-productdetail__first__one__service__name {
    align-items: center;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:50rem) {
    .w52-productdetail__first__one__service__name {
        padding: .75rem 1.5rem;
        width: 96%;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        border-radius: .3rem;
        box-shadow: 3px 3px 10px rgba(0,0,0,.4);
        bottom: -2rem;
        position: absolute;
        text-align: center;
    }
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__one__service__name {
        padding: .75rem 1rem;
        background-color: #f1f1f1;
        display: flex;
        width: 100%;
    }
}

.w52-productdetail__first__one__service__name__text {
    font-size: 1.6rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__one__service__name__text {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w52-productdetail__first__one__service__name__close {
    margin-left: auto;
    font-size: 1.6rem;
    transition: all .25s;
    display: none
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__one__service__name__close {
        display: inline-block
    }

    .w52-productdetail__first__one__service__checked:checked ~
    .w52-productdetail__first__one__service__name
    .w52-productdetail__first__one__service__name__close {
        transform: rotate(180deg);
    }
}

.w52-productdetail__first__one__service__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__one__service__items {
        display: none;
        padding: 0 1rem;
    }

    .w52-productdetail__first__one__service__checked:checked ~
    .w52-productdetail__first__one__service__items {
        display: flex;
    }
}

.w52-productdetail__first__one__service__items__item {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    width: 100%;
}

@media only screen and (min-width:50rem) {
    .w52-productdetail__first__one__service__items__item:first-child {
        margin-top: 0;
    }
}

.w52-productdetail__first__one__service__items__item__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    margin-top: .6rem;
}

.w52-productdetail__first__one__service__items__item__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
}
.w52-productdetail__first__two {
    width: 49.25%;
    margin-left: auto;
}

.w52-productdetail__first__two__name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w52-productdetail__first__two__des {
    margin-top: 2rem;
    width: 100%;
    background-color: #fff;
    padding: 1rem;
    border-radius: .3rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    border: dashed .1rem #333;
}

.w52-productdetail__first__two__des__text {
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: initial;
}

.w52-productdetail__first__two__price {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 1rem;
    border-radius: .5rem;
    align-items: center;
    border: dashed .1rem #333;
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
}

@media only screen and (max-width:75rem) {
    .w52-productdetail__first__two__price__name {
        text-align: center;
    }
}

.w52-productdetail__first__two__price__main {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__price__main {
        justify-content: center;
    }
}

.w52-productdetail__first__two__price__main__1 {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    font-weight: 600;
}
.w52-productdetail__first__two__price__main__1--hide{
    opacity:0;
    visibility:hidden;
}
@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__price__main__1 {
        font-size: 2rem;
    }
}

.w52-productdetail__first__two__price__main__2 {
    text-decoration: line-through;
    font-size: 1.4rem;
    margin-right: 1rem;
    font-weight: 600;
}

.w52-productdetail__first__two__price__main__2--hide {
    display: none;
}

.w52-productdetail__first__two__price__main__sale {
    margin-left: 1rem;
    font-size: 1.3rem;
    width: 5rem;
    height: 5rem;
    background-image: url('../../img/w52/bg-01.png');
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-weight: 600;
}

.w52-productdetail__first__two__price__main__sale--hide {
    display: none !important;
}

.w52-productdetail__first__two__mau {
    margin-top: 2rem;
}
.w52-productdetail__first__two__mau--hide {
    display:none;
}
.w52-productdetail__first__two__mau__text {
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.w52-productdetail__first__two__mau__text__name {
    color: rgba(var(--main-color-w),1);
}

.w52-productdetail__first__two__mau__text__value {
    margin-left: .5rem;
}

.w52-productdetail__first__two__size__text {
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.w52-productdetail__first__two__size__text__name {
    color: rgba(var(--main-color-w),1);
}

.w52-productdetail__first__two__size__text__value {
    margin-left: .5rem;
}

.w52-productdetail__first__two__mau__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w52-productdetail__first__two__mau__items__item {
    width: 15%;
    margin-left: 2%;
    margin-top: 1rem;
    background-color: #dedede;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: block !important;
    filter:brightness(1) !important;
    transition: all .5s;
}
.w52-productdetail__first__two__mau__items__item:hover{
    transform:scale(.9);
}
.w52-productdetail__first__two__mau__items__item--hide{
    display:none !important;
}
.w52-productdetail__first__two__mau__items__item--hethang {
    cursor: not-allowed;
    padding: .5rem;
    border-radius: .5rem;
}

    .w52-productdetail__first__two__mau__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

@media only screen and (min-width:37.5rem) {
    .w52-productdetail__first__two__mau__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__mau__items__item {
        width: 18.4%;
    }

        .w52-productdetail__first__two__mau__items__item:nth-child(5n+1) {
            margin-left: 0;
        }
}

.w52-productdetail__first__two__mau__items__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: .4rem;
}

.w52-productdetail__first__two__mau__items__item__check {
    display: none;
}

.w52-productdetail__first__two__mau__items__item__label {
    display: flex;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    align-items: center;
}

.w52-productdetail__first__two__mau__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
}

.w52-productdetail__first__two__mau__items__item.active .w52-productdetail__first__two__mau__items__item__label__icon,
.w52-productdetail__first__two__mau__items__item__check:checked ~
.w52-productdetail__first__two__mau__items__item__label
.w52-productdetail__first__two__mau__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w52-productdetail__first__two__mau__items__item.active .w52-productdetail__first__two__mau__items__item__label__icon:before,
    .w52-productdetail__first__two__mau__items__item__check:checked ~
    .w52-productdetail__first__two__mau__items__item__label
    .w52-productdetail__first__two__mau__items__item__label__icon:before{
        content: "\f107";
        font-weight: 900;
    }

.w52-productdetail__first__two__mau__items__item__label__text {
    font-size: 1.3rem;
    margin-left: 1rem;
}

.w52-productdetail__first__two__mau__items__item__label__info {
    position: absolute;
    width: max-content;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: .5rem;
    flex-wrap: wrap;
    transition: all .5s;
    top: -6.5rem;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w52-productdetail__first__two__mau__items__item__label:hover .w52-productdetail__first__two__mau__items__item__label__info {
    top: -5.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w52-productdetail__first__two__mau__items__item__label__info__text {
    width: 100%;
    text-align: center;
}

.w52-productdetail__first__two__mau__items__item__label__info__price {
    width: 100%;
    text-align: center;
    margin-top: 0rem;
}

.w52-productdetail__first__two__mau__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w52-productdetail__first__two__size {
    margin-top: 1rem;
}
.w52-productdetail__first__two__size--hide{
    display:none;
}
.w52-productdetail__first__two__size__text {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.w52-productdetail__first__two__size__text__value {
    margin-left: .5rem;
}

.w52-productdetail__first__two__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
    margin-left: -4%;
    padding-left: 2%;
}

.w52-productdetail__first__two__size__items__item {
    margin-left: 2%;
    width: 48%;
    margin-top: 1rem;
    background-color: #f1f1f1;
    border-radius: .4rem;
    position: relative;
    padding: .5rem 1rem .5rem 1rem;
    overflow: hidden;
    filter: brightness(1) !important;
    display: block !important;
    border: solid .1rem rgba(var(--main-color-w),0);
    transition:all .5s;
}
.w52-productdetail__first__two__size__items__item:hover{
    border-color:rgba(var(--main-color-w),1);
}
.w52-productdetail__first__two__size__items__item--hide {
    display: none !important;
}

.w52-productdetail__first__two__size__items__item--hethang {
    cursor: not-allowed;
}

    .w52-productdetail__first__two__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__size__items__item {
        margin-left: 0;
        width: 100%;
    }
}

.w52-productdetail__first__two__size__items__item.active {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w52-productdetail__first__two__size__items__item__check {
    display: none;
}

.w52-productdetail__first__two__size__items__item__label {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.w52-productdetail__first__two__size__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w52-productdetail__first__two__size__items__item.active .w52-productdetail__first__two__size__items__item__label__icon,
.w52-productdetail__first__two__size__items__item__check:checked ~
.w52-productdetail__first__two__size__items__item__label
.w52-productdetail__first__two__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w52-productdetail__first__two__size__items__item.active .w52-productdetail__first__two__size__items__item__label__icon:before,
    .w52-productdetail__first__two__size__items__item__check:checked ~
    .w52-productdetail__first__two__size__items__item__label
    .w52-productdetail__first__two__size__items__item__label__icon:before{
        content: "\f107";
        font-weight: 900;
    }

.w52-productdetail__first__two__size__items__item.active
.w52-productdetail__first__two__size__items__item__label__icon {
    background-color: #fff !important;
    color: rgba(var(--main-color-w), 1) !important;
}

.w52-productdetail__first__two__size__items__item__label__info {
    position: absolute;
    padding: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
    width: calc(100% + 2rem);
    justify-content: center;
    text-align: center;
    border-radius: .3rem;
    top: -5.5rem;
    left: -1rem;
    z-index: 0;
    pointer-events: none;
    visibility: hidden;
    opacity: 0;
}

.w52-productdetail__first__two__size__items__item__label:hover .w52-productdetail__first__two__size__items__item__label__info {
    top: -4.5rem;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.w52-productdetail__first__two__size__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w52-productdetail__first__two__size__items__item__label__icon__mau {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: .3rem;
    background-color: #fff;
    border: solid .3rem #fff;
    margin-left: 1rem;
}

.w52-productdetail__first__two__size__items__item__label__text {
    margin-left: 1rem;
    font-size: 1.5rem;
    font-weight: 600;
}

.w52-productdetail__first__two__size__items__item__label__info__price {
    width: 100%;
}

.w52-productdetail__first__two__rate {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-top: dashed .1rem #ddd;
    padding-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__rate__items {
        margin-left: 0;
    }
}

.w52-productdetail__first__two__rate__items__star {
    color: #efad0d;
    display: inline-block;
    margin-right: .5rem;
    font-size: 1.2rem;
}

.w52-productdetail__first__two__rate__code {
    display: flex;
    align-items: center;
    align-items: center;
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__rate__code {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w52-productdetail__first__two__rate__code__value {
    margin-left: .5rem;
    font-weight: 600;
}

.w52-productdetail__first__two__rate__danhgia {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    margin: 0 1rem;
}

.w52-productdetail__first__two__rate__danhgia__count {
    font-weight: 600;
    font-size: 1.6rem;
}

.w52-productdetail__first__two__rate__danhgia__name {
    margin-left: .5rem;
    font-style: italic;
}

.w52-productdetail__first__two__rate__buy {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    margin-left: .5rem;
}

.w52-productdetail__first__two__rate__buy__count {
    font-weight: 600;
    font-size: 1.6rem;
}

.w52-productdetail__first__two__rate__buy__name {
    margin-left: .5rem;
    font-style: italic;
}

.w52-productdetail__first__one__support {
    background-color: #fafafa;
    border-radius: .3rem;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w52-productdetail__first__two__code {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    justify-content: space-between;
    border-radius: .3rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    border: dashed .1rem #333;
}

.w52-productdetail__first__two__code--hide {
    display: none;
}

.w52-productdetail__first__two__code__first {
    font-size: 1.6rem;
    display: flex;
}

.w52-productdetail__first__two__code__first__name {
    font-weight: 600;
}

.w52-productdetail__first__two__code__first__value {
    margin-left: .75rem;
}

.w52-productdetail__first__two__code__soluong {
    font-size: 1.6rem;
    display: flex;
}

.w52-productdetail__first__two__code__soluong__name {
    font-weight: 600;
}

.w52-productdetail__first__two__code__soluong__value {
    margin-left: .75rem;
}

.w52-productdetail__first__two__input {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w52-productdetail__first__two__input {
        flex-wrap: wrap;
    }
}

.w52-productdetail__first__two__input__cart {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    width: 11rem;
}

@media only screen and (max-width:62.5rem) {
    .w52-productdetail__first__two__input__cart {
        width: 100%;
        justify-content: center;
        margin-bottom: 1rem;
    }
}

.w52-productdetail__first__two__input__cart__minus {
    border: .1rem solid rgba(129,129,129,.2);
    background-color: #fff;
    cursor: pointer;
    color: #999;
    border-right: none;
    border-radius: .5rem 0 0 .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    width: 3rem;
}

.w52-productdetail__first__two__input__cart__plus {
    border: .1rem solid rgba(129,129,129,.2);
    background-color: #fff;
    cursor: pointer;
    color: #999;
    border-left: none;
    border-radius: 0 .5rem .5rem 0;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 3.5rem;
    width: 3rem;
}

.w52-productdetail__first__two__input__cart__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    height: 3.5rem;
    width: 4.5rem;
    color: #999;
    outline: none;
    text-align: center;
    font-size: 1.6rem;
    font-family: inherit;
}

.w52-productdetail__first__two__input__second {
    display: flex;
    width: calc(100% - 12rem);
    margin-left: auto;
    justify-content: space-between;
    align-items: normal;
}

@media only screen and (max-width: 62.5rem) {
    .w52-productdetail__first__two__input__second {
        width: 100%;
        margin-left: 0;
    }
}

.w52-productdetail__first__two__input__second__btncart {
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w), 1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1.5rem;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 48%;
    box-shadow: 3px 3px 10px rgba(0,0,0,.4);
}

.w52-productdetail__first__two__input__second__btncart__text {
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__input__second__btncart__text {
        font-size: 1.4rem;
    }
}

.w52-productdetail__first__two__input__second__btncart:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w52-productdetail__first__two__input__second__addcart {
    display: flex;
    align-items: center;
    width: 48%;
}

.w52-productdetail__first__two__input__second__addcart__icon:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w52-productdetail__first__two__input__second__addcart__box {
    padding: .75rem 1rem;
    border-radius: .3rem;
    background-color: #fff;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
    width: 100%;
    text-align: center;
    box-shadow: 3px 3px 10px rgba(0,0,0,.4);
}

@media only screen and (max-width:62.5rem) {
    .w52-productdetail__first__two__input__second__addcart__box {
        width: 100%;
    }
}

.w52-productdetail__first__two__input__second__addcart__box__text {
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__first__two__input__second__addcart__box__text {
        font-size: 1.4rem;
    }
}

.w52-productdetail__first__two__input__second__addcart__box:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w52-productdetail__first__two__input__cart__input::-webkit-outer-spin-button,
.w52-productdetail__first__two__input__cart__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w52-productdetail__first__two__buttons {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w52-productdetail__first__two__buttons__item {
    width: 48%;
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1rem;
    color: #fff;
    font-size: 1.5rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 3px 3px 10px rgba(0,0,0,.4);
}

    .w52-productdetail__first__two__buttons__item:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w52-productdetail__first__two__buttons__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w52-productdetail__first__two__buttons__item--2 {
    background-color: rgba(var(--second-color-w),1);
}

.w52-productdetail__first__two__buttons__item__icon {
    margin-right: 2rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #3f3f3f;
    border-radius: 50%;
    font-size: 2rem;
    transition: all 1s;
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__two__buttons__item__icon {
        margin-right: 1rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }
}

.w52-productdetail__first__two__buttons__item:hover
.w52-productdetail__first__two__buttons__item__icon {
    transform: rotate(360deg);
}

.w52-productdetail__first__two__buttons__item__name {
    display: inline-block;
    transition: all .25s;
}

.w52-productdetail__first__two__buttons__item__name__des {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    font-size: 1.2rem;
}

.w52-productdetail__first__two__buttons__item2 {
    width: 48%;
    margin-left: 4%;
    border-radius: .3rem;
    background-color: #fff;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1rem;
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    box-shadow: 3px 3px 10px rgba(0,0,0,.4);
}

    .w52-productdetail__first__two__buttons__item2:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w52-productdetail__first__two__buttons__item2:nth-child(2n+1) {
        margin-left: 0;
    }

.w52-productdetail__first__two__buttons__item2__icon {
    margin-right: 2rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    color: #3f3f3f;
    border-radius: 50%;
    font-size: 2rem;
    transition: all 1s;
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__two__buttons__item2__icon {
        margin-right: 1rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
    }
}

.w52-productdetail__first__two__buttons__item2:hover
.w52-productdetail__first__two__buttons__item2__icon {
    transform: rotate(360deg);
}

.w52-productdetail__first__two__buttons__item2__name {
    display: inline-block;
    transition: all .25s;
}

.w52-productdetail__first__two__buttons__item2__name__des {
    width: 100%;
    text-align: center;
    margin-top: .5rem;
    font-size: 1.2rem;
}

.w52-productdetail__first__two__bottom {
    display: flex;
    font-size: 1.4rem;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.w52-productdetail__first__two__bottom__name {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w52-productdetail__first__two__bottom__text {
    font-weight: 600;
    margin-left: 1rem;
}

.w52-productdetail__first__uudai {
    margin-top: 2rem;
    margin-bottom: 3rem;
    width: 100%;
    border-radius: .3rem;
    background-color: #fff;
    padding: 1rem 1rem 2rem;
    border-radius: .3rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: dashed .1rem #333;
}

.w52-productdetail__first__uudai__name {
    background-color: #f1f1f1;
    padding: .75rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: .3rem;
    position: absolute;
    bottom: -2rem;
    width: 94%;
    box-shadow: 3px 3px 10px rgba(0,0,0,.4);
}

.w52-productdetail__first__uudai__name__icon {
    font-size: 2rem;
}

.w52-productdetail__first__uudai__name__text {
    font-size: 1.6rem;
    margin-left: 1rem;
    font-weight: 600;
}

.w52-productdetail__first__uudai__items {
    padding: 0rem 1rem 0rem 1rem;
    width: 100%;
}

.w52-productdetail__first__uudai__items__item {
    margin-bottom: 1rem;
    display: flex;
    width: 100%;
    align-items: flex-start;
}

    .w52-productdetail__first__uudai__items__item:last-child {
        margin-bottom: .5rem;
    }

.w52-productdetail__first__uudai__items__item__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    margin-top: .6rem;
}

.w52-productdetail__first__uudai__items__item__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-left: 1rem;
}

.w52-productdetail__second {
    border-radius: .5rem;
    background-color: #fff;
    padding: 1rem 0;
    margin-top: 1rem;
    position: relative;
    z-index: 1;
}

.w52-productdetail__second__tabs {
    text-align: center;
    padding: 0;
    position: relative;
    z-index: 1;
}

.w52-productdetail__second.active
.w52-productdetail__second__tabs {
    position: fixed;
    top: 0;
    z-index: 2;
    left: 0;
    padding: 1rem;
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
}

@media only screen and (max-width:75rem) {
    .w52-productdetail__second__tabs {
        overflow: hidden;
    }
}

.w52-productdetail__second__tabs__items {
    display: flex;
    position: relative;
    z-index: 1;
    justify-content: flex-start;
    flex-wrap:wrap;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__second__tabs__items {
    }
}

.w52-productdetail__second__tabs__items__item {
    display: flex;
    justify-content: center;
    position: relative;
    padding: .75rem 2rem .75rem;
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
}

    .w52-productdetail__second__tabs__items__item.active:before {
        width: 0px;
        height: 0px;
        border-left: .6rem solid transparent;
        border-right: .6rem solid transparent;
        border-top: .6rem solid rgba(var(--main-color-w),1);
        position: absolute;
        bottom: -.6rem;
        content: "";
    }
@media only screen and (max-width:37.5rem) {
    .w52-productdetail__second__tabs__items__item.active:before {
        border-left: .5rem solid transparent;
        border-right: .5rem solid transparent;
        border-top: .5rem solid rgba(var(--main-color-w),1);
        bottom: -.5rem;
    }
}
.w52-productdetail__second.active
.w52-productdetail__second__tabs__items__item.active:before {
    display: none;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__second__tabs__items__item {
        font-size: 1.4rem;
        line-height: 2.4rem;
        padding: .5rem 1rem;
    }
}

.w52-productdetail__second__tabs__items__item:hover {
    color: rgba(var(--main-color-w),1);
}

.w52-productdetail__second__tabs__items__item-active:hover {
    color: #fff;
}

@media only screen and (max-width:75rem) {
    .w52-productdetail__second__tabs__items__item {
    }
}

.w52-productdetail__second__tabs__items__item.active,
.w52-productdetail__second__tabs__items__item-active {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w52-productdetail__second__content {
    margin-top: 1rem;
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 1rem;
    border-radius: .3rem;
    margin-bottom: 1rem;
}

.w52-productdetail__second.active
.w52-productdetail__second__content {
    margin-top: 0;
}

.w52-productdetail__second__content__detail {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.w52-productdetail__second__content__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    overflow: hidden;
    margin-top: 0 !important;
}

.w52-productdetail__second__content__detail__check:checked ~ .w52-productdetail__second__content__detail__content {
    padding: 0;
}

.w52-productdetail__second__content__detail__check {
    display: none;
}

.w52-productdetail__second__content__detail__bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 50%;
    background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
    z-index: 0;
    transition: all 1s;
}

.w52-productdetail__second__content__detail__check:checked ~
.w52-productdetail__second__content__detail__bg {
    height: 0;
}

.w52-productdetail__second__content__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    padding: 1rem 0;
    background: #fff;
    z-index: 1;
}

.w52-productdetail__second__content__detail__bottom__label {
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    border-radius: .3rem;
    padding: .75rem 2rem;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w52-productdetail__second__content__detail__bottom__label:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w52-productdetail__second__content__detail__bottom__label--top {
    display: none;
}

.w52-productdetail__second__content__detail__bottom__label__text {
}

.w52-productdetail__second__content__detail__bottom__label__text--2 {
    display: none;
}

.w52-productdetail__second__content__detail__check:checked ~
.w52-productdetail__second__content__detail__bottom
.w52-productdetail__second__content__detail__bottom__label
.w52-productdetail__second__content__detail__bottom__label__text--1 {
    display: none;
}

.w52-productdetail__second__content__detail__check:checked ~
.w52-productdetail__second__content__detail__bottom
.w52-productdetail__second__content__detail__bottom__label
.w52-productdetail__second__content__detail__bottom__label__text--2 {
    display: inline-block;
}

.w52-productdetail__second__content__detail__bottom__label__icon {
    margin-left: 1rem;
}

.w52-productdetail__second__content__detail__check:checked ~
.w52-productdetail__second__content__detail__bottom
.w52-productdetail__second__content__detail__bottom__label
.w52-productdetail__second__content__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w52-productdetail__second__face {
    margin-top: 1rem;
    border: .1rem solid #dee2e6;
    border-radius: .5rem;
    width: 100%;
    padding: 1rem;
    position: relative;
    z-index: 1;
}

.w52-productdetail__second__face__button {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w52-productdetail__second__face__comment {
    width: 100%;
    margin-top: 1rem;
    overflow: hidden;
}

    .w52-productdetail__second__face__comment iframe {
        width: 100%;
        overflow: hidden;
    }

.w52-productdetail__first__one__col__mains .swiper-button-next:after, .w52-productdetail__first__one__col__mains .swiper-button-prev:after {
    color: #b90d0d;
}

@media only screen and (min-width:75rem) {
}

@media only screen and (max-width:75rem) {

    .w52-productdetail__first__one {
        width: 49%;
    }

    .w52-productdetail__first__two {
        width: 49%;
    }

    .w52-productdetail__first__three {
        width: 100%;
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
    }

    @media only screen and (max-width:50rem) {
        .w52-productdetail__first__three {
            display: none;
        }
    }

    .w52-productdetail__first__three__danhmuc__childs__item {
        width: 48%;
        margin-left: 2%;
    }

        .w52-productdetail__first__three__items__item:nth-column(2n+1),
        .w52-productdetail__first__three__danhmuc__childs__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w52-productdetail__first__three__danhmuc__name--1 {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__first__one {
        width: 100%;
        overflow: hidden;
    }

    .w52-productdetail__first__two {
        width: 100%;
        margin-top: 1rem;
        padding: 0;
    }

    .w52-productdetail__first__three__items__item,
    .w52-productdetail__first__three__danhmuc__childs__item {
        width: 100%;
        margin-left: 0;
    }
}

.w52-productdetail__second__sanpham {
    margin-top: 2rem;
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 1rem;
    border-radius: .3rem;
}

.w52-productdetail__second__sanpham__heading {
}

.w52-productdetail__second__sanpham__heading__name {
    border-bottom: solid .2rem rgba(var(--main-color-w),0);
    transition: all .5s;
}

.w52-productdetail__second__sanpham__heading__name__text {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    transition: all .5s;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}

.w52-productdetail__second__sanpham__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 2rem;
    display: flex;
    align-items: center;
    z-index: 1;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__sanpham__mains {
        padding-bottom: 3rem;
    }
}

.w52-productdetail__second__sanpham__mains__items {
    display: flex;
    width: 100%;
}

.w52-productdetail__second__sanpham__mains__items__item {
    width: calc(24.25% - 3rem);
    margin-right: calc(1% + .5rem);
    cursor: pointer;
    background-color: white;
    border-radius: 0.3rem;
    margin-top: 1.5rem;
    padding: 1rem 1rem 1rem 1rem;
    margin-left: .5rem;
    box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.1), 0 2px 6px 2px rgba(60, 64, 67, 0.15);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

@media only screen and (min-width: 62.5rem) {
}

@media only screen and (max-width: 62.5rem) {
    .w52-productdetail__second__sanpham__mains__items__item {
        width: calc(32.66666% - 3rem);
    }

    @media only screen and (max-width: 50rem) {
        .w52-productdetail__second__sanpham__mains__items__item {
            width: calc(49% - 3rem);
        }

        @media only screen and (max-width: 37.5rem) {
            .w52-productdetail__second__sanpham__mains__items__item {
                width: calc(100% - 3rem);
            }
        }
    }
}


.w52-productdetail__second__sanpham__mains__items__item__hinhanh {
    position: relative;
    z-index: 0;
}

.w52-productdetail__second__sanpham__mains__items__item__hinhanh__sale {
    position: absolute;
    top: 0rem;
    left: -.3rem;
    width: 12rem;
    height: 3.5rem;
    z-index: 2;
    background-image: url(../../img/w65/bg_sale.png);
    background-position: left center;
    background-repeat: no-repeat;
    background-size: contain;
}

.w52-productdetail__second__sanpham__mains__items__item__hinhanh__sale__text {
    font-size: 1.2rem;
    color: #fff;
    margin-top: .6rem;
    margin-left: 1rem;
}

.w52-productdetail__second__sanpham__mains__items__item__hinhanh__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: center;
    width: 100%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}


.w52-productdetail__second__sanpham__mains__items__item__hinhanh__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.3s all ease-in-out;
    position: relative;
    width: 100%;
}

    .w52-productdetail__second__sanpham__mains__items__item__hinhanh__top__imgbox:nth-child(2) {
        position: absolute;
        transform: scale(.25);
        display: flex;
        justify-content: center;
        align-items: center;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
    }

.w52-productdetail__second__sanpham__mains__items__item__hinhanh:hover
.w52-productdetail__second__sanpham__mains__items__item__hinhanh__top__imgbox:nth-child(2) {
    opacity: 1;
    visibility: visible;
    z-index: 1;
    transform: scale(1);
}

.w52-productdetail__second__sanpham__mains__items__item__hinhanh:hover
.w52-productdetail__second__sanpham__mains__items__item__hinhanh__top__imgbox:nth-child(1) {
    transform: scale(.25);
    opacity: 0;
}

.w52-productdetail__second__sanpham__mains__items__item__text {
    display: block;
    font-size: 1.4rem;
    text-align: left;
    line-height: 2.4rem;
    width: fit-content;
    transition: all 0.5s ease;
    font-weight: 600;
    margin-top: 1rem;
    color: rgba(var(--main-color-w), 1);
}

.w52-productdetail__second__sanpham__mains__items__item:hover .w52-productdetail__second__sanpham__mains__items__item__text {
    color: rgba(var(--second-color-w),1);
}

.w52-productdetail__second__sanpham__mains__items__item__thuoctinh {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.w52-productdetail__second__sanpham__mains__items__item__thuoctinh__item {
    margin-top: 1rem;
    font-size: 1.4rem;
    display: flex;
    align-items: center;
    color: #858585;
}

.w52-productdetail__second__sanpham__mains__items__item__thuoctinh__item__name {
    margin-left: .5rem;
}

.w52-productdetail__second__sanpham__mains__items__item__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    margin-top: 1.5rem;
    justify-content: flex-start;
    margin-top: 1.5rem;
    width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__sanpham__mains__items__item__pricing {
        flex-wrap: wrap;
    }
}

.w52-productdetail__second__sanpham__mains__items__item__pricing__main {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w52-productdetail__second__sanpham__mains__items__item__pricing__main__vl {
    font-size: 1.4rem;
    color: #7d7d7d;
    margin-right: 0.5rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w52-productdetail__second__sanpham__mains__items__item__pricing__main__count {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
}

.w52-productdetail__second__sanpham__mains__items__item__bar {
    background-color: rgba(var(--main-color-w),1);
    width: max-content;
    position: relative;
    display: flex;
    border-radius: .3rem;
    margin-top: 1.5rem;
    padding: .35rem 1rem;
    align-items: center;
}

.w52-productdetail__second__sanpham__mains__items__item__bar__imgbox {
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
}

.w52-productdetail__second__sanpham__mains__items__item__bar__text {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 2;
    position: relative;
    margin-left: 1rem;
    transition: all .5s;
    color: #fff;
}

.w52-productdetail__second__sanpham__mains__items__item__bar:hover .w52-productdetail__second__sanpham__mains__items__item__bar__text {
    letter-spacing: .1rem;
}

.w52-productdetail__second__sanpham__mains__next.swiper-button-next,
.w52-productdetail__second__sanpham__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
}

.w52-productdetail__second__sanpham__mains__next:hover,
.w52-productdetail__second__sanpham__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w52-productdetail__second__sanpham__mains__next:after,
.w52-productdetail__second__sanpham__mains__prev:after {
    display: none;
}

.w52-productdetail__second__comment {
    margin-top: 2rem;
    background-color: #fff;
    border-radius: .3rem;
    padding: 1rem;
    position: relative;
    z-index: 1;
}

.w52-productdetail__second__comment__name {
    display: flex;
    font-size: 2rem;
    font-weight: 600;
    align-items: center;
    justify-content: center;
    color: rgba(var(--main-color-w),1);
}

.w52-productdetail__second__comment__name__count {
    margin-left: .5rem;
    margin-right: .5rem;
}

.w52-productdetail__second__comment__head {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w), .05);
    border-radius: 0.3rem;
    padding: 1rem;
}

.w52-productdetail__second__comment__head__nx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__head__nx {
        width: 100%;
    }
}

.w52-productdetail__second__comment__head__nx__col {
    width: 20%;
    text-align: center;
    align-items: center;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__head__nx__col {
        width: 100%;
    }
}

.w52-productdetail__second__comment__head__nx__col__sao {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

.w52-productdetail__second__comment__head__nx__col__sao__point {
    font-size: 3rem;
    font-weight: 600;
    color: red;
    width: 100%;
    text-align: center;
}

.w52-productdetail__second__comment__head__nx__col__sao__sl {
    margin-top: 1rem;
    width: 100%;
}

.w52-productdetail__second__comment__head__nx__col__sao__sl__stars__star {
    color: gold;
    font-size: 1.8rem;
    margin-left: .5rem;
}

    .w52-productdetail__second__comment__head__nx__col__sao__sl__stars__star:first-child {
        margin-left: 0;
    }

.w52-productdetail__second__comment__head__nx__col__sao__sl__text {
    margin-top: 1rem;
    color: #999;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.w52-productdetail__second__comment__head__nx__col__title {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.6rem;
    width: 100%;
}

.w52-productdetail__second__comment__head__nx__diem {
    width: 58%;
    margin-left: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w52-productdetail__second__comment__head__nx__diem {
        width: 78%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__head__nx__diem {
        width: 100%;
        margin: 0rem 0 0;
    }
}

.w52-productdetail__second__comment__head__nx__three {
    display: flex;
    justify-content: center;
    width: 18%;
    margin-left: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w52-productdetail__second__comment__head__nx__three {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
}

.w52-productdetail__second__comment__head__nx__three__btn {
    display: inline-block;
    text-align: center;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    padding: .5rem 1.5rem;
    border-radius: .3rem;
    transition: all .5s;
    cursor: pointer;
    font-size: 1.5rem;
    width: 100%;
}

    .w52-productdetail__second__comment__head__nx__three__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w52-productdetail__second__comment__head__nx__diem__range {
    display: flex;
    margin-top: .75rem;
    margin-bottom: .75rem;
    align-items: center;
    font-size: 1.2rem;
    position: relative;
    padding-right: 2.5rem;
}

.w52-productdetail__second__comment__head__nx__diem__range__number {
    margin-right: 1rem;
    color: #999;
    font-weight: 600;
    font-size: 1.4rem;
}

.w52-productdetail__second__comment__head__nx__diem__range__star {
    margin-right: 1rem;
    color: gold;
}

.w52-productdetail__second__comment__head__nx__diem__range__bar {
    width: 90%;
    height: 1rem;
    background-color: #fff;
    margin-right: 1rem;
    border-radius: 0.5rem;
}

.w52-productdetail__second__comment__head__nx__diem__range__bar--1 {
    background-color: rgba(var(--main-color-w), 1);
}

.w52-productdetail__second__comment__head__nx__diem__range__vl {
    color: #999;
    position: absolute;
    right: 0;
    font-size: 1.4rem;
}

.w52-productdetail__second__comment__gn {
    margin-top: 3rem;
}

.w52-productdetail__second__comment__gn__bl__search {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3rem;
    background-color: rgba(var(--main-color-w), .05);
    padding: .5rem 1rem;
    border-radius: .3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__gn__bl__search {
        margin-top: 2rem;
    }
}

.w52-productdetail__second__comment__gn__bl__search__tabs {
    display: flex;
    align-items: center;
}

.w52-productdetail__second__comment__gn__bl__search__tabs__item {
    margin-right: 2rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    font-weight: 600;
    padding: 1rem 0;
    color: #999;
}

    .w52-productdetail__second__comment__gn__bl__search__tabs__item.active {
        color: rgba(var(--main-color-w), 1);
    }

    .w52-productdetail__second__comment__gn__bl__search__tabs__item:last-child {
        margin-right: 0;
    }

.w52-productdetail__second__comment__gn__bl__search__tabs__item__text {
}

.w52-productdetail__second__comment__gn__bl__search__boxs {
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__gn__bl__search__boxs {
        width: 100%;
        margin: 0rem 0 0;
        justify-content: space-between;
    }
}

.w52-productdetail__second__comment__gn__bl__search__boxs__box {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__gn__bl__search__boxs__box {
        margin-left: 1rem;
    }
}

.w52-productdetail__second__comment__gn__bl__search__boxs__box:first-child {
    margin-left: 0;
}

.w52-productdetail__second__comment__gn__bl__search__boxs__box__name {
    font-size: 1.5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__gn__bl__search__boxs__box__name {
        display: none;
    }
}

.w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown {
    margin-left: 1rem;
    padding: .5rem .75rem;
    position: relative;
    border: .1rem solid #f1f1f1;
    border-radius: 0.3rem;
    z-index: 0;
    background-color: #fff;
    width: fit-content;
}

@media only screen and (max-width: 37.5rem) {
    .w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown {
        margin-left: 0;
    }
}

.w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__checkbox {
    display: none;
}

    .w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__checkbox:checked ~ .w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.5rem;
    cursor: pointer;
}

.w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__ad__icon {
    margin-left: 0.5rem;
}

.w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 0.5rem;
}

    .w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items .active {
        font-weight: 600;
    }

.w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items__item {
    font-size: 1.4rem;
    display: block;
    cursor: pointer;
    padding: 1rem 1rem;
}

    .w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items__item:not(:last-child) {
    }

    .w52-productdetail__second__comment__gn__bl__search__boxs__box__dropwdown__items__item:hover {
        background-color: #eee;
    }

.w52-productdetail__second__comment__gn__bl__cm {
    margin-top: 2rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w52-productdetail__second__comment__gn__bl__cm__items__first {
    width: 5rem;
    text-align: center;
}

.w52-productdetail__second__comment__gn__bl__cm__items__first__imgbox {
    width: 5rem;
    height: 5rem;
    background-image: url(/img/w41/c75674b36c6d8024c0f83734265b2b53.jpg.webp);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    border-radius: 50%;
    margin: 0 auto;
}

.w52-productdetail__second__comment__gn__bl__cm__items__first__imgbox__img {
    width: 100%;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second {
    width: calc(100% - 7rem);
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: .5rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__heading__name {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 600;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__heading__des {
    font-size: 1.4rem;
    line-height: 2.6rem;
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    margin-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__second__comment__gn__bl__cm__items__second__heading__des {
        width: 100%;
        margin-top: .5rem;
        margin-left: 0;
    }
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__heading__des__icon {
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__heading__des__text {
    margin-left: .5rem;
    font-weight: 600;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__item {
    display: flex;
    align-items: center;
    width: 9rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__item__stars {
    margin-right: 0.5rem;
    font-size: 1.2rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__item__stars__star {
    color: gold;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__item__text {
    line-height: 1.6rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__text {
    line-height: 2.2rem;
    font-size: 1.5rem;
    width: 100%;
    margin-top: .5rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__bottom {
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__bottom__reply {
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
}

    .w52-productdetail__second__comment__gn__bl__cm__items__second__bottom__reply:hover {
        color: rgba(var(--second-color-w),1);
    }

.w52-productdetail__second__comment__gn__bl__cm__items__second__bottom__reply__text {
    font-size: 1.5rem;
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__bottom__like {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
    margin-left: 1.5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w52-productdetail__second__comment__gn__bl__cm__items__second__bottom__like:hover {
        color: rgba(var(--second-color-w),1);
    }

.w52-productdetail__second__comment__gn__bl__cm__items__second__bottom__like__icon {
}

.w52-productdetail__second__comment__gn__bl__cm__items__second__bottom__like__text {
    margin-left: .5rem;
}

.w52-productdetail__second__bg {
    position: absolute;
    left: -50%;
    height: 100%;
    width: 200%;
    top: 0;
    background-color: #f7f8f9;
}

.w52-productdetail__ckcomment {
    display: none;
}

.w52-productdetail__comment {
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    visibility: hidden;
    z-index: -1;
    width: 100%;
    height: 100vh;
    transform: scale(.5);
    opacity: 0;
}

.w52-productdetail__ckcomment:checked ~ .w52-productdetail__comment {
    transform: scale(1);
    visibility: visible;
    z-index: 1;
    opacity: 1;
}

.w52-productdetail__comment__bg {
    background-color: rgba(0,0,0,.5);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.w52-productdetail__comment__main {
    background-color: #fff;
    width: 60rem;
    padding: 1.5rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.205);
    border-radius: .3rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:50rem) {
    .w52-productdetail__comment__main {
        width: 90%;
    }
}

.w52-productdetail__comment__main__close {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: .5rem;
    right: .5rem;
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
}

.w52-productdetail__comment__main__close__icon {
    transform: rotate(45deg);
    transition: all .5s;
    font-size: 1.4rem;
}

.w52-productdetail__comment__main__close:hover .w52-productdetail__comment__main__close__icon {
    transform: rotate(135deg);
}

.w52-productdetail__comment__main__heading {
    text-align: center;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    font-weight: 600;
}

.w52-productdetail__comment__main__input__area {
    width: 100%;
    outline: none;
    border: 1px solid #ddd;
    display: block;
    border-radius: .3rem;
    padding: 1rem;
    margin-top: 1rem;
    font-size: 1.5rem;
}

.w52-productdetail__comment__main__file {
    display: none;
}

.w52-productdetail__comment__main__uploads {
    background-color: #f7f7f7;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    margin-top: 1rem;
    padding: 1rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    border-radius: .3rem;
    transition: all .5s;
}

    .w52-productdetail__comment__main__uploads:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w52-productdetail__comment__main__uploads__icon {
}

.w52-productdetail__comment__main__uploads__name {
    margin-left: 1rem;
    font-weight: 600;
}

.w52-productdetail__comment__main__rate {
    display: flex;
    justify-content: space-between;
    padding: 1.5rem 0;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__comment__main__rate {
        flex-wrap: wrap;
    }
}

.w52-productdetail__comment__main__rate__name {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__comment__main__rate__name {
        width: 100%;
        text-align: center;
    }
}

.w52-productdetail__comment__main__rate__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__comment__main__rate__items {
        width: 100%;
        margin-top: 1rem;
        justify-content: center;
    }
}

.w52-productdetail__comment__main__rate__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    width: 6.5rem;
    margin-left: 1rem;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__comment__main__rate__items__item:first-child {
        margin-left: 0;
    }
}

.w52-productdetail__comment__main__rate__items__item__icon {
    font-size: 1.8rem;
    color: #999;
}

.w52-productdetail__comment__main__rate__items__item.active .w52-productdetail__comment__main__rate__items__item__icon {
    color: #fe9727;
}

.w52-productdetail__comment__main__rate__items__item__name {
    white-space: nowrap;
    margin-top: 1rem;
    font-size: 1.4rem;
    width: 100%;
    color: #999;
}

.w52-productdetail__comment__main__items {
    display: flex;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__comment__main__items {
        flex-wrap: wrap;
    }
}

.w52-productdetail__comment__main__items__item {
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__comment__main__items__item:first-child {
    }
}

.w52-productdetail__comment__main__items__item__input {
    width: 95%;
    outline: none;
    border: 1px solid #ddd;
    display: block;
    border-radius: .3rem;
    padding: 1rem;
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-productdetail__comment__main__items__item__input {
        width: 100%;
    }
}

.w52-productdetail__comment__main__btn {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    width: 100%;
}

.w52-productdetail__comment__main__btn__text {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    text-align: center;
    padding: .75rem 1.5rem;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
    font-weight: 600;
    width: 100%;
}

    .w52-productdetail__comment__main__btn__text:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w52-productdetail__first__two__ads {
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.w52-productdetail__first__two__ads__ad {
    display: flex;
}

.w52-productdetail__first__two__ads__ad__item {
    width: 100%;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

.w52-productdetail__first__two__ads__ad__item__link {
    display: block;
    overflow: hidden;
    border-radius: .3rem;
}

.w52-productdetail__first__two__ads__ad__item__link__imgbox {
    cursor: pointer;
    background-size: cover;
    transition: all .5s;
    border-radius: .3rem;
}

    .w52-productdetail__first__two__ads__ad__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w52-productdetail__first__two__ads__ad__item__link__imgbox__img {
    width: 100%;
}

.w52-productdetail__first__two__ads__next.swiper-button-next {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background-color: transparent;
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    border: none;
}

.w52-productdetail__first__two__ads__next__icon {
}

.w52-productdetail__first__two__ads__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    background-color: transparent;
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    top: initial;
    left: .5rem;
    opacity: 1 !important;
}

.w52-productdetail__first__two__ads__prev__icon {
}

.w52-productdetail__first__two__ads__next:hover,
.w52-productdetail__first__two__ads__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w52-productdetail__first__two__ads__next:after,
.w52-productdetail__first__two__ads__prev:after {
    display: none;
}
/*ed*/
/*w52-abimg-1*/
.w52-abimg-1 {
    width: 100%;
    padding: 0rem 0rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w52-abimg-1__group {
    padding: 0rem;
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w52-abimg-1__mains {
}

.w52-abimg-1__mains__main {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
}

.w52-abimg-1__mains__main__items__item {
    width: 25%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w52-abimg-1__mains__main__items__item {
        width: 50%;
    }
}

.w52-abimg-1__mains__main__items__item .swiper-slide-active {
}

.w52-abimg-1__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: center;
    cursor: pointer;
    width: 100%;
    transition: all .5s;
}

.w52-abimg-1__mains__main__items__item:hover .w52-abimg-1__mains__main__items__item__imgbox {
    transform: scale(1.05);
}

.w52-abimg-1__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w52-abimg-1__mains__main__items__item__content {
    position: absolute;
    width: 100%;
    text-align: center;
    bottom: 0;
    z-index: 1;
    background-color: rgba(var(--main-color-w),.8);
    transition: all .5s;
}

    .w52-abimg-1__mains__main__items__item__content:hover {
        background-color: rgba(var(--second-color-w),.8);
    }

.w52-abimg-1__mains__main__items__item__content__name {
    color: #fff;
    font-size: 1.8rem;
    line-height: 3rem;
    cursor: pointer;
    font-weight: 600;
    padding: .75rem;
}

@media only screen and (max-width:37.5rem) {
    .w52-abimg-1__mains__main__items__item__content__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w52-abimg-1__mains__main__prev.swiper-button-prev {
    left: 4rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .3s;
    top: initial;
    z-index: 1;
    -webkit-animation: key-wd55-banner-2__gallery__swiper__prev 2s infinite;
    animation: key-wd55-banner-2__gallery__swiper__prev 2s infinite;
}

.w52-abimg-1__mains__main__prev.swiper-button-disabled {
}

@-webkit-keyframes key-wd55-banner-2__gallery__swiper__prev {
    0% {
        transform: translateX(-1rem);
    }

    50% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(-1rem);
    }
}

.w52-abimg-1__mains__main__prev.swiper-button-prev:hover {
    background-color: rgba(var(--main-color-w), .8);
}

@media only screen and (max-width:106.25rem) {
    .w52-abimg-1__mains__main__prev.swiper-button-prev {
    }

    @media only screen and (max-width:93.75rem) {
        .w52-abimg-1__mains__main__prev.swiper-button-prev {
        }

        @media only screen and (max-width:62.5rem) {
            .w52-abimg-1__mains__main__prev.swiper-button-prev {
                left: 2rem;
            }

            @media only screen and (max-width:37.5rem) {
                .w52-abimg-1__mains__main__prev.swiper-button-prev {
                    width: 3rem;
                    height: 3rem;
                    font-size: 1.4rem;
                }
            }
        }
    }
}

.w52-abimg-1__mains__main__next.swiper-button-next {
    right: 4rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    z-index: 1;
    transition: all .3s;
    top: initial;
    -webkit-animation: key-wd55-banner-2__gallery__swiper__next 2s infinite;
    animation: key-wd55-banner-2__gallery__swiper__next 2s infinite;
}

.w52-abimg-1__mains__main__next.swiper-button-disabled {
}

@-webkit-keyframes key-wd55-banner-2__gallery__swiper__next {
    0% {
        transform: translateX(1rem);
    }

    50% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(1rem);
    }
}

.w52-abimg-1__mains__main__next.swiper-button-next:hover {
    background-color: rgba(var(--main-color-w), .8);
}

@media only screen and (max-width:106.25rem) {
    .w52-abimg-1__mains__main__next.swiper-button-next {
    }

    @media only screen and (max-width:93.75rem) {
        .w52-abimg-1__mains__main__next.swiper-button-next {
        }

        @media only screen and (max-width:62.5rem) {
            .w52-abimg-1__mains__main__next.swiper-button-next {
                right: 2rem;
            }

            @media only screen and (max-width:37.5rem) {
                .w52-abimg-1__mains__main__next.swiper-button-next {
                    width: 3rem;
                    height: 3rem;
                    font-size: 1.4rem;
                }
            }
        }
    }
}

.w52-abimg-1__mains__main__next:after {
    display: none;
}

.w52-abimg-1__mains__main__prev:after {
    display: none;
}

.w52-abimg-1__mains__main__items__item__bg {
    position: absolute;
    background-color: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: all .5s;
}

.w52-abimg-1__mains__main__items__item:hover .w52-abimg-1__mains__main__items__item__bg {
    background-color: rgba(0,0,0,0);
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w52-abimg-1__mains__main__items__item.swiper-slide-active .w52-abimg-1__mains__main__items__item__bg {
        background-color: rgba(0,0,0,0);
        z-index: 0;
    }
}

.w52-abimg-1__mains__main__items__item__zoom {
    position: absolute;
    z-index: 1;
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),.8);
    color: #fff;
    font-size: 2rem;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
}

.w52-abimg-1__mains__main__items__item:hover .w52-abimg-1__mains__main__items__item__zoom {
    opacity: 1;
    visibility: visible;
}

.w52-abimg-1__mains__main__items__item__zoom__icon {
    transition: all .5s;
}

.w52-abimg-1__mains__main__items__item__zoom:hover .w52-abimg-1__mains__main__items__item__zoom__icon {
    transform: rotate(360deg);
}
/*ed*/
/*w61-productlist-3*/
.w61-productlist-3 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    position: relative;
    background-color: #fff;
}

.w61-productlist-3__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w61-productlist-3__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w61-productlist-3__heading__name {
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w61-productlist-3__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w61-productlist-3__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w61-productlist-3__mains {
    width: 100%;
    position: relative;
    z-index: 0;
}

.w61-productlist-3__mains__main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
}

.w61-productlist-3__mains__main__item {
    width: 23.5%;
    margin-left: 2%;
    background-color: #fff;
    outline: none;
    margin-top: 2rem;
    position: relative;
    outline: none;
    transition: all .5s;
    box-shadow: 0 3px 6px -4px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23);
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (min-width:75rem) {
    .w61-productlist-3__mains__main:not(.three-item) .w61-productlist-3__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }

    .w61-productlist-3__mains__main.two-item .w61-productlist-3__mains__main__item {
        width: 49%;
    }

        .w61-productlist-3__mains__main.two-item .w61-productlist-3__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w61-productlist-3__mains__main.three-item {
        margin-left: 2%;
    }

        .w61-productlist-3__mains__main.three-item .w61-productlist-3__mains__main__item {
            width: 32%;
        }

            .w61-productlist-3__mains__main.three-item .w61-productlist-3__mains__main__item:nth-child(3n+1) {
                margin-left: 0;
            }
}

@media only screen and (max-width:75rem) {
    .w61-productlist-3__mains__main__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w61-productlist-3__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w61-productlist-3__mains__main__item {
        width: 49%;
    }

        .w61-productlist-3__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist-3__mains__main__item {
        width: 100%;
        margin-left: 0;
    }
}

.w61-productlist-3__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
}

.w61-productlist-3__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    padding: 1rem;
    background-color: #fff;
}

.w61-productlist-3__mains__main__item__content__bottom__attrs {
    width: 100%;
    display: flex;
    margin-bottom: 1rem;
    justify-content: space-between;
}

.w61-productlist-3__mains__main__item__content__bottom__attrs__attr {
    display: flex;
    align-items: center;
    color: #858585;
    font-size: 1.5rem;
    margin-left: 1rem;
}

    .w61-productlist-3__mains__main__item__content__bottom__attrs__attr:first-child {
        margin-left: 0;
    }

.w61-productlist-3__mains__main__item__content__bottom__attrs__attr__icon {
    margin-right: .5rem;
}

.w61-productlist-3__mains__main__item__content__bottom__attrs__attr__name {
    line-height: 2.4rem;
    font-style: italic;
}

.w61-productlist-3__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

    .w61-productlist-3__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w61-productlist-3__mains__main__item__content__bottom__des {
    font-size: 1.6rem;
    color: #858585;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
}

.w61-productlist-3__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 1.4rem;
}

.w61-productlist-3__mains__main__item__content__bottom__rates__item {
    color: #f80;
    font-size: 1.2rem;
    display: inline-block;
    margin-right: .5rem;
}

.w61-productlist-3__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    border-radius: .3rem .3rem 0 0;
    transition: 0.5s all ease-in-out;
}

.w61-productlist-3__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w61-productlist-3__mains__main__item__content__top__imgbox--second {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-productlist-3__mains__main__item__content__top:hover .w61-productlist-3__mains__main__item__content__top__imgbox--second {
    transform: scale(1.05);
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w61-productlist-3__mains__main__item__content__top__sale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .5rem 1rem .5rem 1rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    z-index: 2;
}

.w61-productlist-3__mains__main__item__content__top__button {
    position: absolute;
    z-index: 1;
    transition: all .5s;
    bottom: -4rem;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
    visibility: hidden;
    transition: all .5s;
}

.w61-productlist-3__mains__main__item__content:hover .w61-productlist-3__mains__main__item__content__top__button {
    z-index: 1;
    visibility: visible;
    bottom: 2rem;
}

.w61-productlist-3__mains__main__item__content__top__button__items {
    display: flex;
    padding: 1rem 2rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w61-productlist-3__mains__main__item__content__top__button__items__item {
    position: relative;
    margin-left: 2.75rem;
}

    .w61-productlist-3__mains__main__item__content__top__button__items__item:first-child {
        margin-left: 0;
    }

.w61-productlist-3__mains__main__item__content__top__button__items__item__bg {
    content: "";
    width: 0px;
    height: 0px;
    border-left: .65rem solid transparent;
    border-right: .65rem solid transparent;
    border-top: .65rem solid #000;
    position: absolute;
    top: -2rem;
    left: .5rem;
    display: none;
}

.w61-productlist-3__mains__main__item__content__top__button__items__item:hover .w61-productlist-3__mains__main__item__content__top__button__items__item__bg {
    display: block;
}

.w61-productlist-3__mains__main__item__content__top__button__items__item__icon {
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
}

    .w61-productlist-3__mains__main__item__content__top__button__items__item__icon:hover {
        color: rgba(var(--second-color-w), 1);
        transform: scale(1.1);
    }

.w61-productlist-3__mains__main__item__content__top__button__items__item__title {
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    padding: .5rem 1rem;
    position: absolute;
    top: -4.5rem;
    border-radius: .3rem;
    width: 13rem;
    display: none;
    text-align: center;
    position: absolute;
    text-transform: capitalize;
}

.w61-productlist-3__mains__main__item__content__top__button__items__item__title--1 {
    left: -.75rem;
}

.w61-productlist-3__mains__main__item__content__top__button__items__item__title--2 {
    left: -5.75rem;
}

.w61-productlist-3__mains__main__item__content__top__button__items__item__title--3 {
    left: -10.25rem;
}

.w61-productlist-3__mains__main__item__content__top__button__items__item:hover .w61-productlist-3__mains__main__item__content__top__button__items__item__title {
    display: block;
}

.w61-productlist-3__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0 1rem;
    border-radius: .3rem;
    margin-top: .5rem;
}

.w61-productlist-3__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 700;
}

.w61-productlist-3__mains__main__item__content__price__sub {
    color: #858585;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w61-productlist-3__bar {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    align-items: center;
    flex-wrap: wrap;
}

.w61-productlist-3__bar__first {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #3f3f3f;
    margin-left: auto;
}

.w61-productlist-3__bar__first__icon {
    font-size: 1.6rem;
    font-weight: 500;
}

.w61-productlist-3__bar__first__text {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 1rem;
}

.w61-productlist-3__bar__second {
    display: flex;
    align-items: center;
    gap: 3rem;
    flex-direction: row-reverse;
}

.w61-productlist-3__bar__second__size {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w61-productlist-3__bar__second__size {
        display: none;
    }
}

.w61-productlist-3__bar__second__size__text {
    font-size: 1.4rem;
    font-weight: 500;
    margin-right: 1rem;
}

.w61-productlist-3__bar__second__size__items {
    display: flex;
    gap: 1rem;
}

.w61-productlist-3__bar__second__size__items__item {
    color: #3f3f3f;
    font-size: 1.4rem;
    transition: all .5s;
    border: solid .1rem #fff;
    padding: .25rem;
    cursor: pointer;
}

    .w61-productlist-3__bar__second__size__items__item.active,
    .w61-productlist-3__bar__second__size__items__item:hover {
        border-color: #f1f1f1;
    }

.w61-productlist-3__bar__second__view {
    display: flex;
    gap: 1rem;
}

@media only screen and (max-width:75rem) {
    .w61-productlist-3__bar__second__view {
        display: none;
    }
}

.w61-productlist-3__bar__second__view__item {
    cursor: pointer;
}

    .w61-productlist-3__bar__second__view__item:hover,
    .w61-productlist-3__bar__second__view__item.active {
    }

    .w61-productlist-3__bar__second__view__item svg {
        fill: #3f3f3f;
        opacity: .7;
        transition: all .5s;
        pointer-events: none;
    }

    .w61-productlist-3__bar__second__view__item:hover svg,
    .w61-productlist-3__bar__second__view__item.active svg {
        fill: #000;
        opacity: 1;
    }

.w61-productlist-3__bar__second__sort {
}

.w61-productlist-3__bar__second__sort__select {
    font-size: 1.4rem;
    border: none;
    border-bottom: solid #f1f1f1 .1rem;
    padding: .5rem 1rem;
    outline: none;
    background-color: #fff;
    text-align: center;
}

.w61-productlist-3__bar__second__sort__dropdown {
    margin-left: auto;
    position: relative;
    min-width: 15rem;
}

@media only screen and (max-width:50rem) {
    .w61-productlist-3__bar__second__sort__dropdown {
        width: 100%;
    }
}

.w61-productlist-3__bar__second__sort__dropdown__label {
    background-color: #fff;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #3f3f3f;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
}

.w61-productlist-3__bar__second__sort__dropdown:hover .w61-productlist-3__bar__second__sort__dropdown__label {
    background-color: rgba(var(--second-color-w), 1);
}

.w61-productlist-3__bar__second__sort__dropdown__check:checked ~
.w61-productlist-3__bar__second__sort__dropdown__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
}

.w61-productlist-3__bar__second__sort__dropdown__label__name {
    font-size: 1.4rem;
}

.w61-productlist-3__bar__second__sort__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w61-productlist-3__bar__second__sort__dropdown__check {
    display: none;
}

.w61-productlist-3__bar__second__sort__dropdown__items {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: .1rem solid rgba(129,129,129,.2);
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
}

.w61-productlist-3__bar__second__sort__dropdown__check:checked ~
.w61-productlist-3__bar__second__sort__dropdown__items {
    visibility: visible;
    z-index: 1;
    top: 4rem;
    opacity: 1;
}

.w61-productlist-3__bar__second__sort__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: .1rem solid rgba(129,129,129,.2);
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w61-productlist-3__bar__second__sort__dropdown__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

    .w61-productlist-3__bar__second__sort__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w61-productlist-3__bar__attr {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
}

.w61-productlist-3__bar__attr__item {
    align-items: center;
    display: flex;
    border-radius: .25rem;
    cursor: pointer;
    margin-right: 1.5rem;
    margin-top: .5rem;
    color: #3f3f3f;
    margin-bottom: .5rem;
}

    .w61-productlist-3__bar__attr__item:hover {
        color: red;
    }

@media only screen and (min-width:31.25rem) {
    .w61-productlist-3__bar__attr__item:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist-3__bar__attr__item {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
    }

        .w61-productlist-3__bar__attr__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w61-productlist-3__bar__attr__item__icon {
    font-size: 1.4rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

    .w61-productlist-3__bar__attr__item__icon:before {
        transition: all .5s;
        transform: rotate(45deg);
    }

    .w61-productlist-3__bar__attr__item__icon:after {
        position: absolute;
        content: "\f068";
        transition: all .5s;
        transform: rotate(-45deg);
        font-weight: 500;
    }

.w61-productlist-3__bar__attr__item__name {
    font-size: 1.4rem;
    margin-left: .25rem;
    font-weight: 500;
}

.w61-productlist-3__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w61-productlist-3__paging__item {
    list-style-type: none;
    margin: 1.5rem .5rem;
}

.w61-productlist-3__paging__item__text {
    font-size: 1.4rem;
    border: solid .1rem #f1f1f1;
    padding: .75rem 1rem;
    cursor: pointer;
    transition: all .5s;
    border-radius: .3rem;
}

    .w61-productlist-3__paging__item__text:hover,
    .w61-productlist-3__paging__item__text.active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w61-productlist-3__check {
    display: none;
}

.w61-productlist-3__danhmuc {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    transition: all 1s;
}

.w61-productlist-3__check:checked ~ .w61-productlist-3__danhmuc {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.w61-productlist-3__danhmuc__mains {
    position: absolute;
    width: 35rem;
    right: -35rem;
    z-index: 2;
    height: 100vh;
    transition: all 1s;
    background-color: #fff;
    border-right: solid .1rem #f1f1f1;
    overflow-y: scroll;
    padding-bottom: 10rem;
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist-3__danhmuc__mains {
        width: 28rem;
        right: -28rem;
    }
}

.w61-productlist-3__danhmuc__mains::-webkit-scrollbar {
    width: .4rem;
}

.w61-productlist-3__danhmuc__mains::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w61-productlist-3__danhmuc__mains::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w61-productlist-3__danhmuc__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w61-productlist-3__check:checked ~ .w61-productlist-3__danhmuc .w61-productlist-3__danhmuc__mains {
    right: 0;
}

.w61-productlist-3__check:checked ~ .w61-productlist-3__bar .w61-productlist-3__bar__first .w61-productlist-3__bar__first__icon:before {
    content: "\f142";
}

.w61-productlist-3__danhmuc__bg {
    background-color: rgba(0,0,0,.75);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.w61-productlist-3__danhmuc__mains__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
}

.w61-productlist-3__danhmuc__mains__heading__close {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-right: 2rem;
}

.w61-productlist-3__danhmuc__mains__heading__close__text {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w61-productlist-3__danhmuc__mains__heading__close__icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    font-size: 1.4rem;
    font-family: "Font Awesome 5 Pro";
    animation: 1s infinite alternate both w61-productlist-3__danhmuc__mains__heading__close__icon__key;
}

    .w61-productlist-3__danhmuc__mains__heading__close__icon:before {
        content: "\f068";
    }

.w61-productlist-3__danhmuc__mains__heading__close:hover .w61-productlist-3__danhmuc__mains__heading__close__icon:before {
    content: "\f00d";
}

@keyframes w61-productlist-3__danhmuc__mains__heading__close__icon__key {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.w61-productlist-3__danhmuc__mains__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w61-productlist-3__danhmuc__mains__main__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
    border-top: solid .1rem #f1f1f1;
}

.w61-productlist-3__danhmuc__mains__main__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w61-productlist-3__danhmuc__mains__search__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
    border-top: solid .1rem #f1f1f1;
}

.w61-productlist-3__danhmuc__mains__search__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w61-productlist-3__danhmuc__mains__main__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.w61-productlist-3__danhmuc__mains__main__items__item {
    color: #3f3f3f;
    width: 100%;
    font-size: 1.5rem;
    padding: .5rem 0rem;
    cursor: pointer;
    transition: all .25s;
}

    .w61-productlist-3__danhmuc__mains__main__items__item:hover,
    .w61-productlist-3__danhmuc__mains__main__items__item.active {
        color: rgba(var(--main-color-w),1);
        font-weight: 600;
    }

.w61-productlist-3__danhmuc__mains__childs__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
    border-top: solid .1rem #f1f1f1;
}

.w61-productlist-3__danhmuc__mains__childs__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w61-productlist-3__danhmuc__mains__childs__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.w61-productlist-3__danhmuc__mains__childs__items__item {
    color: #3f3f3f;
    width: 100%;
    font-size: 1.5rem;
    padding: .5rem 0rem;
    cursor: pointer;
    transition: all .25s;
}

    .w61-productlist-3__danhmuc__mains__childs__items__item:hover,
    .w61-productlist-3__danhmuc__mains__childs__items__item.active {
        color: rgba(var(--main-color-w),1);
        font-weight: 600;
    }

.w61-productlist-3__danhmuc__mains__search {
    background-color: #f1f1f1;
}

.w61-productlist-3__danhmuc__mains__search__input {
    padding: 1rem 2rem 2rem 2rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w61-productlist-3__danhmuc__mains__search__input__text {
    width: 100%;
    outline: none;
    border: solid .1rem #f1f1f1;
    background-color: #fff;
    padding: 1rem;
    border-radius: 2rem;
    color: #3f3f3f;
    transition: all .5s;
}

    .w61-productlist-3__danhmuc__mains__search__input__text:focus {
        color: rgba(var(--main-color-w),1);
    }

        .w61-productlist-3__danhmuc__mains__search__input__text:focus::placeholder {
            color: rgba(var(--main-color-w),1);
        }

.w61-productlist-3__danhmuc__mains__search__input__btn {
    position: absolute;
    right: 2rem;
    cursor: pointer;
    outline: none;
    border: none;
    transition: all .5s;
    width: 3.4rem;
    height: 3.4rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}

    .w61-productlist-3__danhmuc__mains__search__input__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w61-productlist-3__danhmuc__mains__search__input__btn__icon {
    font-size: 1.6rem;
}

.w61-productlist-3__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
}

.w61-productlist-3__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w61-productlist-3__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w61-productlist-3__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w61-productlist-3__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w61-productlist-3__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w61-productlist-3__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 8rem;
    overflow: hidden;
}

.w61-productlist-3__detail__check:checked ~ .w61-productlist-3__detail__content {
    height: max-content;
}

.w61-productlist-3__detail__check {
    display: none;
}

.w61-productlist-3__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w61-productlist-3__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

    .w61-productlist-3__detail__bottom__label:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w61-productlist-3__detail__bottom__label--top {
    display: none;
}

.w61-productlist-3__detail__bottom__label__text {
    font-size: 1.6rem;
}

.w61-productlist-3__detail__bottom__label__text--2 {
    display: none;
}

.w61-productlist-3__detail__check:checked ~
.w61-productlist-3__detail__bottom
.w61-productlist-3__detail__bottom__label
.w61-productlist-3__detail__bottom__label__text--1 {
    display: none;
}

.w61-productlist-3__detail__check:checked ~
.w61-productlist-3__detail__bottom
.w61-productlist-3__detail__bottom__label
.w61-productlist-3__detail__bottom__label__text--2 {
    display: inline-block;
}

.w61-productlist-3__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w61-productlist-3__detail__check:checked ~
.w61-productlist-3__detail__bottom
.w61-productlist-3__detail__bottom__label
.w61-productlist-3__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w61-productlist-3__mains__main__item__content__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .5rem 1.5rem;
    font-size: 1.4rem;
    transition: all .5s;
    display: flex;
    align-items: center;
    border-radius: .3rem;
    cursor: pointer;
    margin: 1.5rem 1rem 0;
    width: max-content;
}

    .w61-productlist-3__mains__main__item__content__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w61-productlist-3__mains__main__item__content__btn__icon {
    margin-left: 1rem;
}

.w61-productlist-3__mains__main__item__content__btn__name {
    font-weight: 600;
}

.w61-productlist-3__danhmuc__mains__ads {
    position: fixed;
    bottom: 0;
    right: -100%;
    width: 35rem;
    transition: all 1s;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.w61-productlist-3__check:checked ~ .w61-productlist-3__danhmuc
.w61-productlist-3__danhmuc__mains
.w61-productlist-3__danhmuc__mains__ads {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    right: 0;
}

.w61-productlist-3__danhmuc__mains__ads__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem 2rem;
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w61-productlist-3__danhmuc__mains__ads__item:nth-child(2n) {
        background-color: rgba(var(--second-color-w),1);
    }

    .w61-productlist-3__danhmuc__mains__ads__item:hover {
        letter-spacing: .1rem;
    }

.w61-productlist-3__danhmuc__mains__ads__item__name {
    margin-left: 1rem;
    font-weight: 600;
}
/*ed*/

/*w69-footer*/
.w69-footer {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w69-footer {
    }
}

.w69-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.w69-footer__heading {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    border-radius: 1rem;
    padding: 2rem 4rem;
    z-index: 1;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w69-footer__heading {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w69-footer__heading__first {
}

.w69-footer__heading__second__name {
    font-size: 1.5rem;
    color: #fff;
    white-space: nowrap;
}

.w69-footer__heading__second {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w69-footer__heading__second {
        width: 100%;
        justify-content: center;
        margin-top: 2rem;
    }
}

.w69-footer__heading__second__ads {
    display: flex;
}

.w69-footer__heading__second__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w69-footer__heading__second__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w69-footer__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 2rem;
}

@-webkit-keyframes key-wd-footer-11__items {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w69-footer__items {
    -webkit-animation: key-wd-footer-11__items 1s;
    animation: key-wd-footer-11__items 1s;
    animation-iteration-count: 1;
}

.w69-footer__items__first {
    width: 35.5%;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

@media only screen and (max-width:81.25rem) {
    .w69-footer__items__first {
        width: 49%;
    }
}

@media only screen and (max-width:43.75rem) {
    .w69-footer__items__first {
        width: 100%;
    }
}

.w69-footer__items__first__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w69-footer__items__first__name:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w69-footer__items__first__name:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w69-footer__items__first__name:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__first__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    margin-top: 1rem;
    width: 100%;
    color: #fff;
}

.w69-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w69-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w69-footer__items__item {
    width: 15.5%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

    .w69-footer__items__item:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:81.25rem) {
    .w69-footer__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w69-footer__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w69-footer__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w69-footer__items__item__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w69-footer__items__item__name:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w69-footer__items__item__name:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w69-footer__items__item__name:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__item__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w69-footer__items__item__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w69-footer__items__item__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w69-footer__items__item__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__item__childs {
    margin-top: 2rem;
}

.w69-footer__items__item__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w69-footer__items__item__childs__item__icon {
    font-size: 1.4rem;
    transition: all .5s;
    margin-top: .3rem;
    color: #fff;
    display: none;
    margin-right: .5rem;
}

.w69-footer__items__item__childs__item:hover
.w69-footer__items__item__childs__item__icon {
    color: rgba(var(--second-color-w), 1);
}

.w69-footer__items__item__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w69-footer__items__item__childs__item:hover
.w69-footer__items__item__childs__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w69-footer__items__item__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w69-footer__items__item__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w69-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w69-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w69-footer__items__last__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w69-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w56-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__item__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__item__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__item__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w56-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__first__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__first__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__first__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w56-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__last__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__last__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__last__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w69-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w69-footer__items__item__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w69-footer__items__item__ads__child:first-child {
        margin-left: 0;
    }

    .w69-footer__items__item__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w69-footer__items__first__childs {
    margin-top: 2rem;
}

.w69-footer__items__first__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w69-footer__items__first__childs__item__icon {
    font-size: 1.8rem;
    transition: all .5s;
    margin-top: .3rem;
    color: #fff;
}

.w69-footer__items__first__childs__item:hover
.w69-footer__items__first__childs__item__icon {
    color: rgba(var(--second-color-w), 1);
}

.w69-footer__items__first__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    margin-left: 1rem;
    color: #fff;
    cursor: pointer;
}

.w69-footer__items__first__childs__item:hover
.w69-footer__items__first__childs__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w69-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w69-footer__items__first__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w69-footer__items__first__ads__child:first-child {
        margin-left: 0;
    }

    .w69-footer__items__first__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w69-footer__items__last__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w69-footer__items__last__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w69-footer__items__last__ads__child:first-child {
        margin-left: 0;
    }

    .w69-footer__items__last__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w69-footer__items__item__supports {
}

.w69-footer__items__item__supports {
    margin-top: 3rem;
}

.w69-footer__items__item__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 5rem;
}

    .w69-footer__items__item__supports__child:last-child {
        margin-bottom: 0;
    }

.w69-footer__items__item__supports__child__first {
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    transition: all .5s;
    position: absolute;
    left: 0;
    cursor: pointer;
}

    .w69-footer__items__item__supports__child__first:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__item__supports__child__first__icon {
    font-size: 4rem;
}

.w69-footer__items__item__supports__child__first:hover .w69-footer__items__item__supports__child__first__icon {
    color: #fff;
}

.w69-footer__items__item__supports__child__name {
}

.w69-footer__items__item__supports__child__name__text {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
}

.w69-footer__items__item__supports__child__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w69-footer__items__item__supports__child__name__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__alter {
    width: 20.5%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

    .w69-footer__items__alter:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:81.25rem) {
    .w69-footer__items__alter {
        width: 49%;
        margin-left: 2%;
    }

        .w69-footer__items__alter:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w69-footer__items__alter {
        width: 100%;
        margin-left: 0;
    }
}

.w69-footer__items__alter__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w69-footer__items__alter__name:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w69-footer__items__alter__name:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w69-footer__items__alter__name:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__alter__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w69-footer__items__alter__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w69-footer__items__alter__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w69-footer__items__alter__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__alter__childs {
    margin-top: 2rem;
}

.w69-footer__items__alter__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w69-footer__items__alter__childs__item__icon {
    font-size: 1.4rem;
    transition: all .5s;
    margin-top: .3rem;
    color: #fff;
    margin-right: .5rem;
    display: none;
}

.w69-footer__items__alter__childs__item:hover
.w69-footer__items__alter__childs__item__icon {
    color: rgba(var(--second-color-w), 1);
}

.w69-footer__items__alter__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w69-footer__items__alter__childs__item:hover
.w69-footer__items__alter__childs__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w69-footer__items__alter__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w69-footer__items__alter__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w69-footer__items__alter__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w69-footer__items__alter__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w69-footer__items__alter__ads__child:first-child {
        margin-left: 0;
    }

    .w69-footer__items__alter__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w69-footer__items__alter__supports {
}

.w69-footer__items__alter__supports {
    margin-top: 3rem;
}

.w69-footer__items__alter__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 5rem;
}

    .w69-footer__items__alter__supports__child:last-child {
        margin-bottom: 0;
    }

.w69-footer__items__alter__supports__child__first {
    width: 4rem;
    height: 4rem;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all .5s;
    position: absolute;
    left: 0;
    cursor: pointer;
}

    .w69-footer__items__alter__supports__child__first:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__alter__supports__child__first__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

.w69-footer__items__alter__supports__child__first:hover .w69-footer__items__alter__supports__child__first__icon {
    color: #fff;
}

.w69-footer__items__alter__supports__child__name {
}

.w69-footer__items__alter__supports__child__name__text {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
}

.w69-footer__items__alter__supports__child__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w69-footer__items__alter__supports__child__name__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w69-footer__code {
    width: 100%;
    margin-top: 1rem;
}

.w69-footer__items__last {
    width: 22.5%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

    .w69-footer__items__last:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:81.25rem) {
    .w69-footer__items__last {
        width: 49%;
        margin-left: 2%;
    }

        .w69-footer__items__last:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w69-footer__items__last {
        width: 100%;
        margin-left: 0;
    }
}

.w69-footer__items__last__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w69-footer__items__last__name:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w69-footer__items__last__name:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w69-footer__items__last__name:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__last__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w69-footer__items__last__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w69-footer__items__last__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w69-footer__items__last__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__last__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w69-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w69-footer__items__last__ads {
    display: flex;
    margin-top: 3rem;
    width: 100%;
}

.w69-footer__items__last__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w69-footer__items__last__ads__child:first-child {
        margin-left: 0;
    }

    .w69-footer__items__last__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w69-footer__items__last__supports {
}

.w69-footer__items__last__supports {
    margin-top: 3rem;
}

.w69-footer__items__last__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    position: relative;
    justify-content: space-between;
}

    .w69-footer__items__last__supports__child:last-child {
        margin-bottom: 0;
    }

.w69-footer__items__last__supports__child__first {
    width: 7rem;
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    color: #fff;
    font-size: 4rem;
    border-radius: .5rem;
    border: solid .1rem #fff;
}

    .w69-footer__items__last__supports__child__first:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w69-footer__items__last__supports__child__first__icon {
}

.w69-footer__items__last__supports__child__first:hover .w69-footer__items__last__supports__child__first__icon {
    color: #fff;
}

.w69-footer__items__last__supports__child__name {
    width: calc(100% - 8.5rem);
}

.w69-footer__items__last__supports__child__name__text {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
    margin-bottom: .5rem;
}

.w69-footer__items__last__supports__child__name__des {
    display: block;
    font-size: 2.4rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w69-footer__items__last__supports__child__name__des:hover {
        color: rgba(var(--second-color-w),1);
    }
/*ed*/
/*w69-ctaregister-3*/
.w69-ctaregister-3 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #fff;
    padding: 7rem 1rem 7rem;
    color: #3f3f3f;
    position: relative;
}

.w69-ctaregister-3__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w69-ctaregister-3__mains {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5rem 3rem 8rem 3rem;
    border-radius: 1rem;
    z-index: 0;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister-3__mains {
        z-index: 1;
    }
}

.w69-ctaregister-3__mains__heading {
    display: flex;
    width: 100%;
    align-items: center;
    transition: all .5s;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-w69-ctaregister-3__mains__heading {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w69-ctaregister-3__mains__heading {
        -webkit-animation: key-w69-ctaregister-3__mains__heading 1s;
        animation: key-w69-ctaregister-3__mains__heading 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister-3__mains__heading {
        width: 100%;
    }
}

.w69-ctaregister-3__mains__heading__main {
    width: 100%;
}

.w69-ctaregister-3__mains__heading__main__name {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    color: #fff;
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister-3__mains__heading__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-ctaregister-3__mains__heading__main__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w69-ctaregister-3__mains__heading__main__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    width: 100%;
    color: #fff;
    text-align: center;
}

.w69-ctaregister-3__mains__form {
    width: 70%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.5rem;
    position: absolute;
    bottom: -4rem;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-w69-ctaregister-3__mains__form {
        0% {
            transform: translateX(10rem);
        }

        70% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w69-ctaregister-3__mains__form {
        -webkit-animation: key-w69-ctaregister-3__mains__form 1s;
        animation: key-w69-ctaregister-3__mains__form 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister-3__mains__form {
        width: 100%;
        margin-left: 0;
        margin-top: 3rem;
    }
}

@media only screen and (max-width:68.75rem) {
}

.w69-ctaregister-3__mains__form__text {
    border: none;
    outline: none;
    font-size: 1.6rem;
    font-family: inherit;
    width: 100%;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
    padding: 2rem;
    border-radius: 1rem;
}

    .w69-ctaregister-3__mains__form__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w69-ctaregister-3__mains__form__button {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 0 2rem;
    color: white;
    font-size: 1.4rem;
    font-weight: 500;
    text-transform: uppercase;
    right: 2.5rem;
    padding: 1.25rem 2rem;
    border-radius: .5rem;
    transition: all .5s;
    display: flex;
    align-items: center;
    position: absolute;
}

    .w69-ctaregister-3__mains__form__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w69-ctaregister-3__bgleft {
    position: absolute;
    width: 16rem;
    height: 12rem;
    background-size: contain;
    background-position: center;
    bottom: -2.5rem;
    left: -6rem;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister-3__bgleft {
        z-index: 0;
        bottom: -7.5rem;
    }
}

.w69-ctaregister-3__bgright {
    position: absolute;
    width: 16rem;
    height: 12rem;
    background-size: contain;
    background-position: center;
    top: -2.5rem;
    right: -6rem;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister-3__bgright {
        z-index: 0;
    }
}
.w69-ctaregister-3__ck{
    display:none;
}
.w69-ctaregister-3__popup {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:-1;
    visibility:hidden;
}
.w69-ctaregister-3__ck:checked ~
.w69-ctaregister-3__popup {
    z-index: 9;
    visibility: visible;
}
.w69-ctaregister-3__popup__bg{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,.7);
}
.w69-ctaregister-3__popup__mains__close {
    width: 40px;
    height: 40px;
    background-color: red;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items:center;
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    top: -20px;
    right: -20px;
}
.w69-ctaregister-3__popup__mains__close__icon {
    transition: all .3s ease;
}
.w69-ctaregister-3__popup__mains__close:hover .w69-ctaregister-3__popup__mains__close__icon {
    transform: rotate(360deg);
}
.w69-ctaregister-3__popup__mains {
    position: relative;
    width: 800px;
    max-width: 100%;
    padding: 5rem 2rem;
    background-color: #fff;
    border-radius: 1rem;
    transition: all .3s ease;
    transform: scale(.5);
    box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.5);
}
@media only screen and (max-width:50rem) {
    .w69-ctaregister-3__popup__mains {
        width: 92%;
    }
}
.w69-ctaregister-3__ck:checked ~
.w69-ctaregister-3__popup
.w69-ctaregister-3__popup__mains {
    transform: scale(1);
}
.w69-ctaregister-3__popup__mains__main__name {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}
@media only screen and (max-width:50rem) {
    .w69-ctaregister-3__popup__mains__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}
.w69-ctaregister-3__popup__mains__main__result{
    text-align:center;
    font-size:2rem;
    line-height:3rem;
    display:none;
}
.w69-ctaregister-3__popup__mains.active .w69-ctaregister-3__popup__mains__main__result {
    display:block;
}
.w69-ctaregister-3__popup__mains__main__result--1 {
    margin-right: 10px;
    display: inline-block;
}

.w69-ctaregister-3__popup__mains__main__result--2 {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    margin-right: 10px;
    display: inline-block;
}

.w69-ctaregister-3__popup__mains__main__result--3 {
    margin-right: 10px;
    display: inline-block;
}

.w69-ctaregister-3__popup__mains__main__result--4 {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    margin-right: 10px;
}
.w69-ctaregister-3__popup__mains__loading{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
}
.w69-ctaregister-3__popup__mains.active .w69-ctaregister-3__popup__mains__loading {
    display: none;
}
.w69-ctaregister-3__popup__mains__loading__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 4rem;
    animation-name: key-w69-ctaregister-3__popup__mains__loading__icon;
    animation-iteration-count: infinite;
    animation-duration: 1s;
}

@-webkit-keyframes key-w69-ctaregister-3__popup__mains__loading__icon {
    0% {
        transform: rotate(0)
    }
    100% {
        transform: rotate(360deg)
    }
}
.w69-ctaregister-3__ckwarning {
    display: none;
}

.w69-ctaregister-3__warning {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
}

.w69-ctaregister-3__ckwarning:checked ~
.w69-ctaregister-3__warning {
    z-index: 9;
    visibility: visible;
}

.w69-ctaregister-3__warning__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.7);
}

.w69-ctaregister-3__warning__mains {
    position: relative;
    width: 800px;
    max-width: 100%;
    padding: 5rem 2rem;
    background-color: #fff;
    border-radius: 1rem;
    transition: all .3s ease;
    transform: scale(.5);
    box-shadow: 0px 0px 30px 0px rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-3__warning__mains {
        width: 92%;
    }
}

.w69-ctaregister-3__ckwarning:checked ~
.w69-ctaregister-3__warning
.w69-ctaregister-3__warning__mains {
    transform: scale(1);
}

.w69-ctaregister-3__warning__mains__main__name {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 2rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-3__warning__mains__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-ctaregister-3__warning__mains__main__result {
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
    display: block;
    margin: 0 auto;
    width: fit-content;
    max-width: 100%;
    background-color: rgba(255,0,0,1);
    color: #fff;
    padding: 1rem 3rem;
    border-radius: 3rem;
    font-size: 2rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w69-ctaregister-3__warning__mains__main__result:hover {
        background-color: rgba(255,0,0,.7);
    }
/*ed*/

/*w69-ctaregister-2*/
.w69-ctaregister-2 {
    display: block;
    width: 100%;
    padding: 19rem 0rem 10rem;
    background-size: cover;
    background-color: #fff;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister-2 {
        padding: 13rem 0rem 3rem;
    }
}

.w69-ctaregister-2__group {
    padding: 0 1rem;
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    z-index: 1;
}

@media only screen and (max-width:81.25rem) {
    .w69-ctaregister-2__group {
        max-width: 95%;
        margin-top: -8rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w69-ctaregister-2__group {
            margin-top: -2rem;
        }
    }
}
.w69-ctaregister-2__main {
    display: flex;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
    background-color: #fff;
    overflow: hidden;
    border-radius: 2rem;
    box-shadow: 0rem 0rem 1.6rem 0rem rgba(0, 0, 0, 0.1);
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main {
        padding: 0rem 0rem 0rem;
        border-radius: 0 0 1rem 1rem;
        overflow: initial;
        margin-top: 7rem;
        box-shadow: none;
        background-color: transparent;
    }
}

.w69-ctaregister-2__main__first {
    width: 50%;
    position: relative;
    z-index: 2;
    background-color: #fff;
    padding: 2rem;
}

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-w69-ctaregister-2__main__first {
        0% {
            transform: translateX(10rem);
        }

        100% {
            transform: translateX(-1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w69-ctaregister-2__main__first {
        -webkit-animation: key-w69-ctaregister-2__main__first 1s;
        animation: key-w69-ctaregister-2__main__first 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main__first {
        width: 100%;
        margin-right: 0;
        z-index: 1;
        border-radius: 1rem;
        box-shadow: 0rem 0rem 1.6rem 0rem rgba(0, 0, 0, 0.1);
    }
}

.w69-ctaregister-2__main__first__heading {
    margin-bottom: 4rem;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main__first__heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w69-ctaregister-2__main__first__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    display: block;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister-2__main__first__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-ctaregister-2__main__first__heading__des {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    color: #3f3f3f;
    text-align: center;
}

    .w69-ctaregister-2__main__first__heading__des b {
        color: rgba(var(--main-color-w),1);
    }

    .w69-ctaregister-2__main__first__heading__des ul,
    .w69-ctaregister-2__main__first__heading__des ol {
        margin-left: 2.2rem;
    }

.w69-ctaregister-2__main__first__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w69-ctaregister-2__main__first__items__item {
    width: 48.5%;
    margin-bottom: 2rem;
    position: relative;
    margin-left: 3%;
}

    .w69-ctaregister-2__main__first__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w69-ctaregister-2__main__first__items__item--2 {
    margin-left: 0;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w69-ctaregister-2__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w69-ctaregister-2__main__first__items__item__input {
    color: #3f3f3f;
    border: .1rem solid #e6e6e6;
    border-radius: .5rem;
    padding: 1rem 1rem;
    box-shadow: none;
    outline: none;
    width: 100%;
    font-family: inherit;
    font-size: 1.6rem;
}

    .w69-ctaregister-2__main__first__items__item__input:focus {
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w69-ctaregister-2__main__first__items__item__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: #3f3f3f;
    margin-bottom: 1rem;
}

.w69-ctaregister-2__main__first__items__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: #3f3f3f;
    margin-bottom: 1rem;
}

.w69-ctaregister-2__main__first__items__item__textarea {
    color: #3f3f3f;
    border: .1rem solid #e6e6e6;
    border-radius: .5rem;
    padding: 1rem 1rem;
    box-shadow: none;
    outline: none;
    width: 100%;
    font-family: inherit;
    font-size: 1.6rem;
}

    .w69-ctaregister-2__main__first__items__item__textarea:focus {
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w69-ctaregister-2__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: 0.5rem !important;
}

.w69-ctaregister-2__main__first__items__item--capcha {
    margin-left: 0;
}

.w69-ctaregister-2__main__first__button {
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    z-index: 0;
    width: max-content;
    margin: 0 auto;
    justify-content: center;
    overflow: hidden;
}

.w69-ctaregister-2__main__first__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w69-ctaregister-2__main__first__button__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w69-ctaregister-2__main__first__button:after {
    content: "";
    height: 100%;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    -webkit-transition: 0.4s;
    transition: 0.4s;
}

.w69-ctaregister-2__main__first__button:hover:after {
    width: 100%;
}

.w69-ctaregister-2__main__second {
    width: 50%;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main__second {
        width: 100%;
        position: absolute;
        top: -19rem;
        z-index: 0;
        height: 20rem;
        background-color: transparent;
    }
}

.w69-ctaregister-2__main__second__imgbox {
    width: 100%;
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: all .5s;
    position: absolute;
    max-height: 100%;
    bottom: 0;
}

.w69-ctaregister-2__main__second__imgbox__img {
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main__second__imgbox {
        max-height: 100%;
        position: relative;
    }
}

@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-w69-ctaregister-2__main__second {
        0% {
            transform: translateX(-10rem);
        }

        50% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w69-ctaregister-2__main__second {
        -webkit-animation: key-w69-ctaregister-2__main__second 1s;
        animation: key-w69-ctaregister-2__main__second 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

.w69-ctaregister-2__main__first__items__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main__first__items__dropdown {
        width: 100%;
    }
}

.w69-ctaregister-2__main__first__items__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .75rem;
    border: #e6e6e6 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w69-ctaregister-2__main__first__items__dropdown__check:checked ~
.w69-ctaregister-2__main__first__items__dropdown__label
.w69-ctaregister-2__main__first__items__dropdown__label__icon:before {
    content: "\f106";
}

.w69-ctaregister-2__main__first__items__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w69-ctaregister-2__main__first__items__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #3f3f3f;
}

.w69-ctaregister-2__main__first__items__dropdown__check {
    display: none;
}

.w69-ctaregister-2__main__first__items__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #e6e6e6 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: scroll;
    max-height:21rem;
}
.w69-ctaregister-2__main__first__items__dropdown__subs::-webkit-scrollbar {
    width: .4rem;
}

.w69-ctaregister-2__main__first__items__dropdown__subs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w69-ctaregister-2__main__first__items__dropdown__subs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w69-ctaregister-2__main__first__items__dropdown__subs::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w69-ctaregister-2__main__first__items__dropdown__check:checked ~
.w69-ctaregister-2__main__first__items__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w69-ctaregister-2__main__first__items__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w69-ctaregister-2__main__first__items__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w69-ctaregister-2__main__first__items__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w69-ctaregister-2__main__first__items__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__main__first__items__item__dropdown {
        width: 100%;
    }
}

.w69-ctaregister-2__main__first__items__item__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: .75rem;
    border: #e6e6e6 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w69-ctaregister-2__main__first__items__item__dropdown__check:checked ~
.w69-ctaregister-2__main__first__items__item__dropdown__label
.w69-ctaregister-2__main__first__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w69-ctaregister-2__main__first__items__item__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w69-ctaregister-2__main__first__items__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #3f3f3f;
}

.w69-ctaregister-2__main__first__items__item__dropdown__check {
    display: none;
}

.w69-ctaregister-2__main__first__items__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #e6e6e6 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: hidden;
}

.w69-ctaregister-2__main__first__items__item__dropdown__check:checked ~
.w69-ctaregister-2__main__first__items__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w69-ctaregister-2__main__first__items__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w69-ctaregister-2__main__first__items__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w69-ctaregister-2__main__first__items__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w69-ctaregister-2__bgleft {
    position: absolute;
    width: 15rem;
    height: 20rem;
    background-size: contain;
    background-position: center;
    top: -4rem;
    left: -10rem;
    z-index: 0;
    animation-name: key-w69-ctaregister-2__bgleft;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w69-ctaregister-2__bgleft {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

.w69-ctaregister-2__bgright {
    position: absolute;
    width: 24rem;
    height: 24rem;
    background-size: contain;
    background-position: center;
    bottom: -10rem;
    right: -10rem;
    z-index: 0;
    border-radius: 50%;
    animation-name: key-w69-ctaregister-2__bgright;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister-2__bgright {
        width: 12rem;
        height: 12rem;
        bottom: -5rem;
        right: -5rem;
    }
}

@-webkit-keyframes key-w69-ctaregister-2__bgright {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(.8)
    }

    100% {
        transform: scale(1)
    }
}

.w69-ctaregister-2__bg1 {
    position: absolute;
    top: 0;
    height: 70%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    z-index: 0;
    width: 100%;
}

.w69-ctaregister-2__bg1__mau {
    background-color: rgba(var(--main-color-w),1);
    width: 200%;
    position: absolute;
    bottom: 0;
    height: 200%;
    border-radius: 50%;
}

.w69-ctaregister-2__bg2 {
    position: absolute;
    top: 2rem;
    height: 10rem;
    overflow: hidden;
    display: flex;
    justify-content: center;
    z-index: 0;
    width: 100%;
}

.w69-ctaregister-2__bg2__mau {
    background-color: transparent;
    border: solid 3.2rem #ffff;
    width: 130%;
    position: absolute;
    bottom: 0;
    height: 400%;
    border-radius: 50%;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-2__bg2__mau {
        border: solid 2rem #ffff;
    }
}
/*ed*/
/*w69-ctaregister*/
.w69-ctaregister {
    background-color: #fff;
    padding: 12rem 1rem 3rem;
    position: relative;
    z-index: 0;
    overflow: hidden;
    width: 100%;
}

.w69-ctaregister__group {
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w69-ctaregister__mains {
    display: flex;
    align-items: normal;
    flex-wrap: wrap;
    justify-content: space-between;
    background-color: rgba(var(--second-color-w),1);
    border-radius: 1rem;
    padding: 3rem;
    width: 90%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
    box-shadow: 0rem 0.4rem 1.6rem 0rem rgba(0, 0, 0, 0.25);
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains {
        width: 96%;
        padding: 1.5rem;
    }
}

.w69-ctaregister__mains__left {
    width: 49%;
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister__mains__left {
        width: 100%;
    }
}

.w69-ctaregister__mains__left__heading {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__heading {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w69-ctaregister__mains__left__heading__imgbox {
    background-size: contain;
    width: 12rem;
    background-repeat: no-repeat;
    background-position: center;
}

.w69-ctaregister__mains__left__heading__name {
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__heading__name {
        width: 100%;
        margin-top: 1rem;
    }
}

.w69-ctaregister__mains__left__heading__name__title {
    display: block;
    font-size: 4rem;
    color: #fff;
    line-height: 5rem;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    font-weight: 800;
    -webkit-text-stroke-color: rgba(255, 255, 255, 1);
    letter-spacing: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__heading__name__title {
        text-align: center;
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w69-ctaregister__mains__left__heading__name__des {
    margin-top: 1rem;
    font-size: 4rem;
    line-height: 4rem;
    font-weight: 700;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__heading__name__des {
        font-size: 3rem;
        line-height: 4rem;
        text-align: center;
    }
}

.w69-ctaregister__mains__left__name {
    margin-top: 2rem;
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    font-weight: 600;
}

.w69-ctaregister__mains__left__items {
    margin-top: 2rem;
    display: flex;
}

.w69-ctaregister__mains__left__items__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 21.25%;
    justify-content: center
}

@media only screen and (max-width:81.25rem) {
    .w69-ctaregister__mains__left__items__dot {
        width: 22%;
    }
}

.w69-ctaregister__mains__left__items__item__num {
    margin-left: .5rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: 600;
    border-radius: .3rem;
    border: solid .1rem #fff;
    color: #fff;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w69-ctaregister__mains__left__items__item__num {
        width: 4rem;
        height: 4rem;
        font-size: 2.6rem;
    }
}

@media only screen and (max-width:62.5rem) {
    @media only screen and (min-width:50rem) {
        .w69-ctaregister__mains__left__items__item__num {
            width: 6rem;
            height: 6rem;
            margin-left: 1rem;
            font-size: 3rem;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__items__item__num {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
    }
}

.w69-ctaregister__mains__left__items__item__num:first-child {
    margin-left: 0;
}

.w69-ctaregister__mains__left__items__item__text {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    margin-top: 1rem;
}

.w69-ctaregister__mains__left__items__dot {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    width: 5%;
    height: max-content;
    display: flex;
    margin-top: 1.4rem;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w69-ctaregister__mains__left__items__dot {
        width: 4%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__items__dot {
        margin-top: .4rem;
    }
}

.w69-ctaregister__mains__left__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__bottom {
        flex-wrap: wrap;
    }
}

.w69-ctaregister__mains__left__bottom__btn {
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 2rem;
    padding: 2rem 3rem;
    margin-top: 1rem;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__bottom__btn {
        width: 100%;
    }
}

.w69-ctaregister__mains__left__bottom__btn:hover {
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
}

.w69-ctaregister__mains__left__bottom__btn__name {
    font-weight: 600;
    margin-left: 1rem;
}

.w69-ctaregister__mains__left__bottom__detail {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 1.6rem;
    margin-top: 1rem;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__left__bottom__detail {
        width: 100%;
        justify-content: center;
    }
}

.w69-ctaregister__mains__left__bottom__detail:hover {
    color: rgba(var(--main-color-w),1);
}

.w69-ctaregister__mains__left__bottom__detail__name {
    font-weight: 600;
    margin-right: 1rem;
}

.w69-ctaregister__mains__right {
    width: 49%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister__mains__right {
        width: 100%;
        margin-top: 5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w69-ctaregister__mains__right {
        margin-top: 3rem;
    }
}

.w69-ctaregister__mains__right__sale {
    width: 16rem;
    height: 16rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-image: url(../../img/w69/sale.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: absolute;
    top: -8rem;
    left: -2rem;
    overflow: hidden;
    z-index: 2;
    flex-wrap: wrap;
    border-radius: 50%;
    transform: rotate(15deg);
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister__mains__right__sale {
        top: initial;
        left: -2rem;
        display: none;
    }
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister__mains__right__sale {
        width: 7rem;
        height: 7rem;
    }
}

.w69-ctaregister__mains__right__sale__box__name {
    font-size: 2rem;
    line-height: 3rem;
    white-space: nowrap;
    font-weight: 600;
    width: 100%;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister__mains__right__sale__box__name {
        font-size: 1rem;
        line-height: 1rem;
    }
}

.w69-ctaregister__mains__right__sale__box__text {
    font-size: 4.5rem;
    font-weight: 700;
    white-space: nowrap;
    line-height: 4.5rem;
    width: 100%;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister__mains__right__sale__box__text {
        font-size: 2rem;
        line-height: 2rem;
    }
}

.w69-ctaregister__mains__right__bg {
    position: absolute;
    right: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    border-radius: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister__mains__right__bg {
        height: 50%;
        bottom: 0;
    }
}

.w69-ctaregister__mains__right__bg__box {
    background-color: #fff;
    position: absolute;
    left: 4rem;
    width: 100%;
    border-radius: 1rem;
    height: 100%;
    transform: skewX(-12deg);
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister__mains__right__bg__box {
        transform: skewX(0);
        left: 0;
    }
}

.w69-ctaregister__mains__right__imgbox {
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 76%;
    max-height: 140%;
    background-size: contain;
    background-position: bottom center;
    bottom: -3rem;
}

@media only screen and (max-width:62.5rem) {
    .w69-ctaregister__mains__right__imgbox {
        position: relative;
        max-height: auto;
        bottom: initial;
    }
}

.w69-ctaregister__bg {
    background-color: rgba(var(--main-color-w),1);
    width: 100%;
    height: calc(100% - 6rem);
    left: 0;
    position: absolute;
    z-index: 1;
    border-radius: 1rem;
}

.w69-ctaregister__bgleft {
    position: absolute;
    width: 16rem;
    height: 12rem;
    background-size: contain;
    background-position: center;
    top: -4rem;
    left: -6rem;
    z-index: 0;
}

.w69-ctaregister__bgright {
    position: absolute;
    width: 16rem;
    height: 12rem;
    background-size: contain;
    background-position: center;
    bottom: -4rem;
    right: -6rem;
    z-index: 0;
}
/*ed*/
/*w69-article-1*/
.w69-article-1 {
    width: 100%;
    padding: 3rem 1rem 0rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w69-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w69-article-1__name {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 auto;
    width: max-content;
}

@media only screen and (max-width: 31.25rem) {
    .w69-article-1__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-article-1__name:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w69-article-1__heading {
        justify-content: center;
    }
}

.w69-article-1__heading__name {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 2rem;
    text-align: center;
}

.w69-article-1__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    font-weight: 600;
    transition: all .5s;
}

.w69-article-1__heading__name__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w69-article-1__heading__name__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-article-1__heading__name__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}


.w69-article-1__slider {
    position: relative;
    display: flex;
    align-items: center;
}

.w69-article-1__slider__items {
    width: 100%;
    overflow: hidden;
    margin-top: 1rem;
    transform: translateY(1rem);
}

.w69-article-1__slider__items__mains {
    width: 100%;
    display: flex;
}

.w69-article-1__slider__items__mains__main {
    width: 32%;
    margin-right: 2%;
    background-color: transparent;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:68.75rem) {
    .w69-article-1__slider__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

        .w69-article-1__slider__items__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (max-width:37.5rem) {
        .w69-article-1__slider__items__mains__main {
            width: 100%;
        }
    }
}

.w69-article-1__slider__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: 1rem;
}

    .w69-article-1__slider__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

.w69-article-1__slider__items__mains__main:hover .w69-article-1__slider__items__mains__main__first:after {
    animation: key-w69-article-1__slider__items__mains__main__first 1.5s;
}

@keyframes key-w69-article-1__slider__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w69-article-1__slider__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w69-article-1__slider__items__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w69-article-1__slider__items__mains__main__second {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #fff;
    box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-3rem);
    border-radius: 1rem;
    overflow: hidden;
    padding-bottom: 1rem;
}

.w69-article-1__slider__items__mains__main__second__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1.5rem;
}

    .w69-article-1__slider__items__mains__main__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w69-article-1__slider__items__mains__main__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: flex;
    padding: .75rem 1.5rem;
    text-align: justify;
}

.w69-article-1__slider__items__mains__main__second__des__text {
}

.w69-article-1__slider__items__mains__main__second__bottom {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.5rem;
    align-items: center;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    padding: .75rem 2rem;
    border-radius: .5rem;
}

    .w69-article-1__slider__items__mains__main__second__bottom:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w69-article-1__slider__items__mains__main__second__bottom__icon {
    font-size: 1.5rem;
    margin-left: 1rem;
}

.w69-article-1__slider__items__mains__main__second__bottom__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w69-article-1__slider__next.swiper-button-next,
.w69-article-1__slider__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
}

.w69-article-1__slider__next {
    right: -5rem;
}

@media only screen and (max-width: 81.25rem) {
    .w69-article-1__slider__next.swiper-button-next {
        right: 3rem;
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }
}

.w69-article-1__slider__prev {
    left: -5rem;
}

@media only screen and (max-width: 81.25rem) {
    .w69-article-1__slider__prev.swiper-button-prev {
        left: 3rem;
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }
}

.w69-article-1__slider__next:hover,
.w69-article-1__slider__prev:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w69-article-1__slider__next:after,
.w69-article-1__slider__prev:after {
    display: none;
}
/*ed*/
/*w69-video*/
.w69-video {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
    position:relative;
    z-index:0;
}

.w69-video__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w69-video__heading {
}

.w69-video__heading__name {
    display: block;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 1rem;
    text-align: center;
}

.w69-video__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    line-height: 2.6rem;
    font-weight: 600;
    transition: all .5s;
}

.w69-video__heading__name__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w69-video__heading__name__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-video__heading__name__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-video__heading__des {
    margin-top: 1rem;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w69-video__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-video__mains {
    display: flex;
    margin-top: 3rem;
    justify-content: space-between;
}

@media only screen and (max-width: 62.5rem) {
    .w69-video__mains {
        flex-direction: column;
    }
}

.w69-video__mains__first {
    width: 48%;
}

@media only screen and (max-width: 62.5rem) {
    .w69-video__mains__first {
        width: 100%;
    }
}

.w69-video__mains__first__card {
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
    border-radius: 1.5rem;
    overflow: hidden;
    padding: 1.5rem;
}

.w69-video__mains__first__card__ifbox {
    width: 100%;
    position: relative;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    border-radius: 1.5rem;
}

.w69-video__mains__first__card__ifbox__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    position: relative;
    overflow: hidden;
    transition: all .5s;
}

    .w69-video__mains__first__card__ifbox__imgbox:hover {
        transform: scale(1.05);
    }

@keyframes key-w69-video__mains__first__card__ifbox__imgbox {
    100% {
        left: 125%;
    }
}

.w69-video__mains__first__card__ifbox__imgbox__img {
    width: 100%;
}

.w69-video__mains__first__card__ifbox__iconbox {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.w69-video__mains__first__card__ifbox__iconbox__icon {
    transition: all .5s;
    width: 6rem;
    height: 6rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    font-size: 2.2rem;
}

.w69-video__mains__first__card__ifbox__iconbox:hover .w69-video__mains__first__card__ifbox__iconbox__icon {
    transform: scale(1.05);
}

.w69-video__mains__first__card__ifbox__iconbox__round {
    position: absolute;
    width: 7.2rem;
    height: 7.2rem;
    border: rgba(var(--main-color-w),1) solid .2rem;
    border-radius: 50%;
}

.w69-video__mains__first__card__ifbox__iconbox__round2 {
    width: 7.2rem;
    height: 7.2rem;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-video__mains__first__card__ifbox__iconbox__round2 2s infinite;
    animation: key-w69-video__mains__first__card__ifbox__iconbox__round2 2s infinite;
}

@-webkit-keyframes key-w69-video__mains__first__card__ifbox__iconbox__round2 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        border-color: rgba(var(--main-color-w),1);
    }

    100% {
        opacity: 0;
        border-color: rgba(255, 255, 255, 0.5);
        transform: scale(1.3);
    }
}

.w69-video__mains__first__card__ifbox__iconbox__round3 {
    width: 8.2rem;
    height: 8.2rem;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-video__mains__first__card__ifbox__iconbox__round3 2s infinite;
    animation: key-w69-video__mains__first__card__ifbox__iconbox__round3 2s infinite;
}

@-webkit-keyframes key-w69-video__mains__first__card__ifbox__iconbox__round3 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        border-color: rgba(var(--main-color-w),1);
    }

    100% {
        opacity: 0;
        border-color: rgba(255, 255, 255, 0.5);
        transform: scale(1.4);
    }
}

.w69-video__mains__first__card__ifbox iframe {
    width: 100%;
    height: 40rem;
}

.w69-video__mains__first__card__content {
    padding: 1.5rem 0rem;
    background-color: white;
}

.w69-video__mains__first__card__content__des {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w69-video__mains__first__card__content__main {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    text-align: left;
    display: block;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 43.75rem) {
    .w69-video__mains__first__card__content__main {
        font-size: 1.5rem;
    }
}

.w69-video__mains__first__card__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w69-video__mains__first__card__check {
    display: none;
}

    .w69-video__mains__first__card__modal.active,
    .w69-video__mains__first__card__check:checked ~
    .w69-video__mains__first__card__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w69-video__mains__first__card__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w69-video__mains__first__card__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w69-video__mains__first__card__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w69-video__mains__first__card__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w69-video__mains__first__card__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w69-video__mains__first__card__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w69-video__mains__first__card__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w69-video__mains__first__card__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w69-video__mains__first__card__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w69-video__mains__first__card__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w69-video__mains__first__card__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w69-video__mains__first__card__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w69-video__mains__first__card__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w69-video__mains__first__card__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w69-video__mains__first__card__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w69-video__mains__first__card__modal__main__box__close:hover {
    background-color: red;
}

.w69-video__mains__first__card__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w69-video__mains__first__card__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w69-video__mains__first__card__modal__main__box__close:hover .w69-video__mains__first__card__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w69-video__mains__second {
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w69-video__mains__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w69-video__mains__second__items {
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    overflow: scroll;
}

@media only screen and (max-width:62.5rem) {
    .w69-video__mains__second__items {
        position: relative;
        max-height: 45rem;
    }
}

.w69-video__mains__second__items::-webkit-scrollbar {
    width: .4rem;
    background-color:transparent;
}

.w69-video__mains__second__items::-webkit-scrollbar-track {
    border-radius: .3rem;
    background-color:transparent;
}

.w69-video__mains__second__items::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w69-video__mains__second__items::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w69-video__mains__second__items__item {
    display: flex;
    align-items: center;
    background-color: white;
    overflow: hidden;
    justify-content: space-between;
}

    .w69-video__mains__second__items__item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

.w69-video__mains__second__items__item__ifbox {
    width: 42%;
    position: relative;
    cursor: pointer;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w69-video__mains__second__items__item__ifbox__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 0;
    overflow: hidden;
    transition: all .5s;
    position: relative;
}

    .w69-video__mains__second__items__item__ifbox__imgbox:hover {
        transform: scale(1.05);
    }

.w69-video__mains__second__items__item__ifbox__imgbox__img {
    width: 100%;
}

.w69-video__mains__second__items__item__ifbox__iconbox {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.w69-video__mains__second__items__item__ifbox__iconbox__icon {
    transition: all .5s;
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    font-size: 1.4rem;
}

.w69-video__mains__second__items__item__ifbox__iconbox:hover .w69-video__mains__second__items__item__ifbox__iconbox__icon {
    transform: scale(1.05);
}

.w69-video__mains__second__items__item__ifbox__iconbox__round {
    position: absolute;
    width: 5rem;
    height: 5rem;
    border: rgba(var(--main-color-w),1) solid .2rem;
    border-radius: 50%;
}

.w69-video__mains__second__items__item__ifbox__iconbox__round2 {
    width: 5rem;
    height: 5rem;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-video__mains__second__items__item__ifbox__iconbox__round2 2s infinite;
    animation: key-w69-video__mains__second__items__item__ifbox__iconbox__round2 2s infinite;
}

@-webkit-keyframes key-w69-video__mains__second__items__item__ifbox__iconbox__round2 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        border-color: rgba(var(--main-color-w),1);
    }

    100% {
        opacity: 0;
        border-color: rgba(255, 255, 255, 0.5);
        transform: scale(1.3);
    }
}

.w69-video__mains__second__items__item__ifbox__iconbox__round3 {
    width: 5.5rem;
    height: 5.5rem;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-video__mains__second__items__item__ifbox__iconbox__round3 2s infinite;
    animation: key-w69-video__mains__second__items__item__ifbox__iconbox__round3 2s infinite;
}

@-webkit-keyframes key-w69-video__mains__second__items__item__ifbox__iconbox__round3 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        border-color: rgba(var(--main-color-w),1);
    }

    100% {
        opacity: 0;
        border-color: rgba(255, 255, 255, 0.5);
        transform: scale(1.2);
    }
}

.w69-video__mains__second__items__item__ifbox iframe {
    width: 100%;
    height: 40rem;
}

.w69-video__mains__second__items__item__info {
    width: 55%;
}

.w69-video__mains__second__items__item__info__main {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all 0.2s ease;
    display: block;
    color: rgba(var(--main-color-w),1);
    text-align: left;
    width: 100%;
    cursor: pointer;
}

    .w69-video__mains__second__items__item__info__main:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-video__mains__second__items__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w69-video__mains__second__items__item__check {
    display: none;
}

    .w69-video__mains__second__items__item__check:checked ~
    .w69-video__mains__second__items__item__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w69-video__mains__second__items__item__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w69-video__mains__second__items__item__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w69-video__mains__second__items__item__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w69-video__mains__second__items__item__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w69-video__mains__second__items__item__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w69-video__mains__second__items__item__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w69-video__mains__second__items__item__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w69-video__mains__second__items__item__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:50rem) {
    .w69-video__mains__second__items__item__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w69-video__mains__second__items__item__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w69-video__mains__second__items__item__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w69-video__mains__second__items__item__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w69-video__mains__second__items__item__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w69-video__mains__second__items__item__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w69-video__mains__second__items__item__modal__main__box__close:hover {
    background-color: red;
}

.w69-video__mains__second__items__item__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w69-video__mains__second__items__item__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w69-video__mains__second__items__item__modal__main__box__close:hover .w69-video__mains__second__items__item__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w69-video__bottom {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.w69-video__bottom__detail {
    display: flex;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    margin-top: 1rem;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w69-video__bottom__detail {
        width: 100%;
        justify-content: center;
    }
}

.w69-video__bottom__detail:hover {
    color: rgba(var(--second-color-w),1);
    letter-spacing: .1rem;
}

.w69-video__bottom__detail__name {
    font-weight: 600;
    margin-right: 1rem;
}
/*ed*/


/*w69-testimonial*/
.w69-testimonial {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: white;
    background-size: cover;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:62.5rem) {
    .w69-testimonial {
        padding-bottom: 0rem;
    }
}

.w69-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w69-testimonial__heading__title {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1rem;
}

.w69-testimonial__heading__title__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    transition: all .5s;
    font-weight: 600;
}

.w69-testimonial__heading__title__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w69-testimonial__heading__title__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-testimonial__heading__title__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-testimonial__heading__des {
    font-size: 3rem;
    line-height: 4rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    text-align: center;
    display: block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width: 50rem) {
    .w69-testimonial__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-testimonial__mains__slider {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.w69-testimonial__mains__slider__mains {
    position: relative;
    display: flex;
    padding: 5rem 0rem 2rem;
    align-items: center;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w69-testimonial__mains__slider__mains {
        padding-bottom: 3rem;
    }
}

.w69-testimonial__mains__slider__mains__items__item.swiper-slide {
    width: 30.333333%;
    margin-left: 1.5%;
    margin-right: 1.5%;
    border-radius: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w69-testimonial__mains__slider__mains__items__item.swiper-slide {
        width: 47%;
    }
}

@media only screen and (max-width: 50rem) {
    .w69-testimonial__mains__slider__mains__items__item.swiper-slide {
        width: 94%;
        margin-left: 3%;
        margin-right: 3%;
    }
}

.w69-testimonial__mains__slider__mains__pagination {
    bottom: 0 !important;
}

    .w69-testimonial__mains__slider__mains__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }

.w69-testimonial__mains__slider__mains__next.swiper-button-next,
.w69-testimonial__mains__slider__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w69-testimonial__mains__slider__mains__prev {
    left: 3rem;
}

.w69-testimonial__mains__slider__mains__next {
    right: 3rem;
}


@media only screen and (max-width:37.5rem) {
    .w69-testimonial__mains__slider__mains__prev {
        left: 1rem;
    }

    .w69-testimonial__mains__slider__mains__next {
        right: 1rem;
    }
}

.w69-testimonial__mains__slider__mains__next:hover,
.w69-testimonial__mains__slider__mains__prev:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

.w69-testimonial__mains__slider__mains__next:after,
.w69-testimonial__mains__slider__mains__prev:after {
    display: none;
}

.w69-testimonial__mains__slider__mains__items__item__main {
    box-shadow: 0rem 0.4rem 1.6rem 0rem rgba(0, 0, 0, 0.25);
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
    border-radius: 1rem;
    width: 100%;
}

.w69-testimonial__mains__slider__mains__items__item__main__bottom__star {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
}

.w69-testimonial__mains__slider__mains__items__item__main__bottom__star__icon {
    color: #ffc107;
    font-size: 1.2rem;
    margin-right: .5rem;
}

.w69-testimonial__mains__slider__mains__items__item__main__head {
    display: block;
    width: 100%;
    padding: 4.5rem 1rem 1rem;
    background-color: #f5f7fa;
    overflow: hidden;
    border-radius: 1rem 1rem 0 0;
}

.w69-testimonial__mains__slider__mains__items__item__main__head__name {
    font-weight: 600;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
    transition: all .3s;
    cursor: pointer;
    width: 100%;
    text-align: center;
}

    .w69-testimonial__mains__slider__mains__items__item__main__head__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w69-testimonial__mains__slider__mains__items__item__main__head__des {
    font-size: 1.4rem;
    margin-top: .5rem;
    line-height: 2.4rem;
    color: #aaa;
    text-align: center;
}

.w69-testimonial__mains__slider__mains__items__item__main__bottom {
    display: block;
    width: 100%;
    padding: 2rem;
    background-color: rgba(var(--main-color-w),1);
    overflow: hidden;
    border-radius: 0 0 1rem 1rem;
}

.w69-testimonial__mains__slider__mains__items__item__main__bottom__detail {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #fff;
    text-align: justify;
}

.w69-testimonial__mains__slider__mains__items__item__main__top {
    background-color: #fff;
    border: solid .1rem #f1f1f1;
    border-radius: 50%;
    width: 8rem;
    height: 8rem;
    overflow: hidden;
    cursor: pointer;
    position: absolute;
    top: -4rem;
}

.w69-testimonial__mains__slider__mains__items__item__main__top__imgbox {
    width: 100%;
    height: 100%;
    border-radius: .3rem;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

    .w69-testimonial__mains__slider__mains__items__item__main__top__imgbox:hover {
        transform: scale(1.05);
    }

.w69-testimonial__mains__slider__mains__items__item__main__top__imgbox__img {
    width: 100%;
    height: 100%;
}

/*ed*/

/*w69-introducer-1*/
.w69-introducer-1 {
    width: 100%;
    padding: 5rem 1rem 5rem;
    display: flex;
    justify-content: center;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w69-introducer-1 {
        padding: 3rem 1rem 3rem;
        justify-content: center;
        overflow: hidden;
    }
}

@media only screen and (max-width:75rem) {
    .w69-introducer-1 {
    }
}

.w69-introducer-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
}

.w69-introducer-1__first {
    width: 46%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w69-introducer-1__first {
        width: 100%;
        margin-right: 0%;
        margin-top: 3rem;
    }
}

.w69-introducer-1__first__heading {
}

@media only screen and (max-width:50rem) {
    .w69-introducer-1__first__heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w69-introducer-1__first__heading__name {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

.w69-introducer-1__first__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    font-weight: 600;
    transition: all .5s;
}

.w69-introducer-1__first__heading__name__line {
    display: flex;
    margin-top: 1rem;
}

.w69-introducer-1__first__heading__name__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-introducer-1__first__heading__name__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-introducer-1__first__heading__des {
    color: rgba(var(--main-color-w),1);
    font-size: 2.6rem;
    font-weight: 600;
    margin-top: 1.5rem;
    line-height: 3.6rem;
    text-transform: capitalize;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w69-introducer-1__first__heading__des {
        font-size: 2rem;
        text-align: center;
        line-height: 3rem;
    }
}

.w69-introducer-1__first__detail {
    margin-top: 1.5rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
}

.w69-introducer-1__first__items {
    margin: 2rem 0 0;
    padding: 0;
    width: 100%;
    display: block;
}

.w69-introducer-1__first__items__item {
    display: flex;
    width: 100%;
    list-style-type: none;
    margin-top: 1rem;
    align-items: center;
}

.w69-introducer-1__first__items__item__icon {
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:31.25rem) {
    .w69-introducer-1__first__items__item__icon {
        font-size: 1.6rem;
    }
}

.w69-introducer-1__first__items__item__name {
    font-size: 1.6rem;
    margin-left: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
}

.w69-introducer-1__second {
    width: 49%;
    position: relative;
    z-index: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w69-introducer-1__second {
        width: 100%;
    }
}

.w69-introducer-1__second__one {
    width: 84%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {
    .w69-introducer-1__second__one {
        width: 90%;
        margin: 0 auto;
    }
}

.w69-introducer-1__second__one__imgbox {
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    position: relative;
    z-index: 1;
}

.w69-introducer-1__second__one__imgbox__img {
    width: 100%;
}

.w69-introducer-1__second__two {
    position: absolute;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.w69-introducer-1__second__two__icon {
    transition: all .5s;
    width: 7rem;
    height: 7rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    font-size: 2.6rem;
}

.w69-introducer-1__second__two:hover .w69-introducer-1__second__two__icon {
    transform: scale(1.05);
}

.w69-introducer-1__second__two__round {
    position: absolute;
    width: 8.5rem;
    height: 8.5rem;
    border: rgba(var(--main-color-w),1) solid .2rem;
    border-radius: 50%;
}

.w69-introducer-1__second__two__round2 {
    width: 9rem;
    height: 9rem;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-introducer-1__second__two__round2 2s infinite;
    animation: key-w69-introducer-1__second__two__round2 2s infinite;
}

@-webkit-keyframes key-w69-introducer-1__second__two__round2 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        border-color: rgba(var(--main-color-w),1);
    }

    100% {
        opacity: 0;
        border-color: rgba(255, 255, 255, 0.5);
        transform: scale(1.3);
    }
}

.w69-introducer-1__second__two__round3 {
    width: 10rem;
    height: 10rem;
    z-index: 1;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-introducer-1__second__two__round3 2s infinite;
    animation: key-w69-introducer-1__second__two__round3 2s infinite;
}

@-webkit-keyframes key-w69-introducer-1__second__two__round3 {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        border-color: rgba(var(--main-color-w),1);
    }

    100% {
        opacity: 0;
        border-color: rgba(255, 255, 255, 0.5);
        transform: scale(1.4);
    }
}

.w69-introducer-1__second__bg {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 45%;
    background-color: rgba(var(--main-color-w),1);
    border-radius: .5rem;
    transform: skewY(20deg);
    transition: all .5s;
}

.w69-introducer-1__second:hover .w69-introducer-1__second__bg {
    background-color: rgba(var(--second-color-w),1);
}

.w69-introducer-1__second__bg2 {
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 45%;
    background-color: rgba(var(--second-color-w),1);
    border-radius: .5rem;
    transform: skewY(-20deg);
    transition: all .5s;
}

.w69-introducer-1__second:hover .w69-introducer-1__second__bg2 {
    background-color: rgba(var(--main-color-w),1);
}

.w69-introducer-1__check {
    display: none;
}

.w69-introducer-1__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w69-introducer-1__check:checked ~
.w69-introducer-1__popup {
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w69-introducer-1__popup__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w69-introducer-1__popup__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w69-introducer-1__popup__main__detail {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:71.25rem) {
    .w69-introducer-1__popup__main__detail {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w69-introducer-1__popup__main__detail {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w69-introducer-1__popup__main__detail {
                width: 34rem;
            }
        }
    }
}

.w69-introducer-1__popup__main__detail__text {
    width: 100%;
    background: #f1f1f1;
    padding: 1rem;
    border-radius: 1rem;
}

.w69-introducer-1__popup__main__detail iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:75rem) {
    .w69-introducer-1__popup__main__detail iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w69-introducer-1__popup__main__detail iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w69-introducer-1__popup__main__detail iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w69-introducer-1__popup__main__detail__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w69-introducer-1__popup__main__detail__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w69-introducer-1__popup__main__detail__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w69-introducer-1__popup__main__detail__close:hover {
    background-color: red;
}

.w69-introducer-1__popup__main__detail__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w69-introducer-1__popup__main__detail__close__icon {
        font-size: 2.5rem;
    }
}

.w69-introducer-1__popup__main__detail__close:hover .w69-introducer-1__popup__main__detail__close__icon {
    transform: rotate(405deg);
}

.w69-introducer-1__first__bottom {
    display: flex;
    align-items: center;
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w69-introducer-1__first__bottom {
        justify-content: center;
    }
}

.w69-introducer-1__first__bottom__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: 1rem 2rem;
    border-radius: .5rem;
    font-size: 1.6rem;
    font-weight: 600;
    margin-right: 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w69-introducer-1__first__bottom__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w69-introducer-1__first__bottom__btn {
        font-size: 1.4rem;
        padding: .5rem 1rem;
        margin-right: 1rem;
    }
}

.w69-introducer-1__first__bottom__btn:last-child {
    margin-right: 0;
}

.w69-introducer-1__first__bottom__support {
    display: flex;
    align-items: center;
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    margin-right: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w69-introducer-1__first__bottom__support {
        font-size: 1.6rem;
        margin-right: 1rem;
    }
}

.w69-introducer-1__first__bottom__support:last-child {
    margin-right: 0;
}

.w69-introducer-1__first__bottom__support__icon {
}

.w69-introducer-1__first__bottom__support__name {
    margin-left: 1rem;
    font-weight: 600;
}
/*ed*/
/*w69-ads-2*/
.w69-ads-2 {
    width: 100%;
    background-color: #f5f7fa;
    padding: 0rem 0rem 0rem;
    overflow: hidden;
    position: relative;
}

.w69-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    padding: 0 1rem;
    z-index: 1;
}

.w69-ads-2__top {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 10rem;
    position: relative;
    background-color: #fff;
    overflow: hidden;
}

.w69-ads-2__top__bg {
    border-radius: 50%;
    width: 205rem;
    height: 15rem;
    position: absolute;
    bottom: -10rem;
    background-color: #f5f7fa;
}

@media only screen and (max-width:75rem) {
    .w69-ads-2__top__bg {
        width: 120rem;
    }
}

@media only screen and (max-width:50rem) {
    .w69-ads-2__top__bg {
        width: 75rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w69-ads-2__top__bg {
        width: 75rem;
    }
}

.w69-ads-2__heading {
}

.w69-ads-2__heading__title {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 2rem;
}

.w69-ads-2__heading__title__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
}

.w69-ads-2__heading__title__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w69-ads-2__heading__title__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-ads-2__heading__title__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-ads-2__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: left;
    margin: 0 auto;
    width: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w69-ads-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-ads-2__tabs {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w69-ads-2__tabs__item {
    margin-left: 2rem;
    cursor: pointer;
    margin-top: 1rem;
}

    .w69-ads-2__tabs__item:first-child {
        margin-left: 0;
    }

@media only screen and (max-width: 50rem) {
    .w69-ads-2__tabs__item {
        width: 49%;
        margin-left: 2%;
    }

        .w69-ads-2__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w69-ads-2__tabs__item__name {
    width: 100%;
    font-size: 1.6rem;
    display: block;
    transition: all .3s;
    border: solid .1rem rgba(var(--main-color-w),1);
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: .3rem;
    padding: 1rem 2rem;
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w69-ads-2__tabs__item__name {
        font-size: 1.4rem;
        padding: .5rem 1rem;
    }
}

.w69-ads-2__tabs__item__name:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w),1);
}

.w69-ads-2__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    width: 100%;
}

@media only screen and (max-width: 50rem) {
    .w69-ads-2__heading__des {
        margin-top: 2rem;
    }
}

.w69-ads-2__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0rem;
}

.w69-ads-2__items__item {
    width: 32%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    padding: 1rem;
    border-radius: 1rem;
    z-index: 0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 0rem 0.4rem 1.6rem 0rem rgba(0, 0, 0, 0.25);
}

@media only screen and (min-width: 50rem) {
    .w69-ads-2__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w69-ads-2__items__item {
        width: 49%;
        margin-top: 1rem;
    }

        .w69-ads-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w69-ads-2__items__item {
        width: 100%;
        margin-left: 0;
        margin-top: 1.5rem;
    }
}


@keyframes key-w69-ads-2__items__item__effect {
    100% {
        left: 125%;
    }
}

.w69-ads-2__items__item__head {
    display: block;
    position: relative;
    display: flex;
    justify-content: center;
    width:100%;
}

.w69-ads-2__items__item__head__top {
    overflow: hidden;
    width: 100%;
}

.w69-ads-2__items__item__head__top__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w69-ads-2__items__item:hover .w69-ads-2__items__item__head__top__imgbox {
    transform: scale(1.1) skew(-3deg);
}

.w69-ads-2__items__item__head__icon {
    width: 5.6rem;
    height: 5.6rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    position: absolute;
    bottom: -2.5rem;
    border: solid .6rem #fff;
    transition: all .5s;
    cursor: pointer;
}

    .w69-ads-2__items__item__head__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w69-ads-2__items__item__head__icon__value {
    font-size: 2rem;
    color: #fff;
}

.w69-ads-2__items__item__info {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    text-align: center;
    padding: 3rem 1rem 1rem;
    background-color: rgba(255,255,255,.95);
}

.w69-ads-2__items__item__info__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    cursor: pointer;
    transition: all .3s;
}

    .w69-ads-2__items__item__info__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-ads-2__items__item__info__sub {
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.w69-ads-2__items__item__info__sub__name {
    font-size: 1.6rem;
    color: #3f3f3f;
    line-height: 2.6rem;
}

.w69-ads-2__items__item__info__sub__des {
    font-size: 2rem;
    color: rgba(var(--second-color-w),1);
    margin-left: 1rem;
    font-weight: 600;
    line-height: 3rem;
}

.w69-ads-2__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    height: 10rem;
    position: relative;
    overflow: hidden;
}

.w69-ads-2__bottom__bg {
    border-radius: 50%;
    width: 205rem;
    height: 15rem;
    position: absolute;
    bottom: -10rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w69-ads-2__bottom__bg {
        width: 120rem;
    }
}

@media only screen and (max-width:50rem) {
    .w69-ads-2__bottom__bg {
        width: 75rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w69-ads-2__bottom__bg {
        width: 75rem;
    }
}

.w69-ads-2__bg1 {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 10%;
    height: 90%;
}

.w69-ads-2__bg1__imgbox {
    height: 100%;
    background-size: contain;
    background-position: center;
}

.w69-ads-2__bg2 {
    position: absolute;
    z-index: 0;
    right: 0;
    bottom: 0;
    height: 70%;
}

.w69-ads-2__bg2__imgbox {
    height: 100%;
    background-size: contain;
    background-position: center;
}
/*ed*/

/*w69-service-1*/
.w69-service-1 {
    background-color: #fff;
    padding: 3rem 1rem;
    position: relative;
    z-index: 0;
}

.w69-service-1__group {
    max-width: 120rem;
    padding: 0;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
}

.w69-service-1__mains {
    width: 85rem;
    max-width: 100%;
    margin: 0 auto;
}

.w69-service-1__mains__head {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__head {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.w69-service-1__mains__head__heading {
    margin-left: 2rem;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__head__heading {
        margin-left: 0rem;
        width: 100%;
    }
}

.w69-service-1__mains__head__name {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin-bottom: 1rem;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__head__name {
        margin: 0 auto;
    }
}

.w69-service-1__mains__head__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    font-weight: 600;
    transition: all .5s;
}

.w69-service-1__mains__head__name__line {
    display: flex;
    margin-top: 1rem;
}

.w69-service-1__mains__head__name__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-service-1__mains__head__name__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-service-1__mains__head__des {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    line-height: 4rem;
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__head__des {
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w69-service-1__mains__head__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

@media only screen and (min-width:50rem) {
    .w69-service-1__mains__head__second {
        max-width: 42rem;
    }
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__head__second {
        width: 80%;
        margin: 2rem auto 0;
    }
}

.w69-service-1__mains__head__second__imgbox {
    background-size: contain;
    width: 100%;
}

.w69-service-1__mains__head__second__imgbox__img {
    width: 100%;
}

.w69-service-1__mains__items {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    overflow: hidden;
    border-radius: 1.5rem;
}

.w69-service-1__mains__items__item {
    width: 100%;
    display: flex;
    padding: 3rem 2rem;
    position: relative;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w69-service-1__mains__items__item {
        padding: 2rem 2rem;
    }
}

.w69-service-1__mains__items__item__num {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 32%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__items__item__num {
        width: 20%;
    }
}

.w69-service-1__mains__items__item__num__name {
    white-space: nowrap;
    font-size: 3rem;
    line-height: 3rem;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__items__item__num__name {
        font-size: 2rem;
        line-height: 2rem;
    }
}

.w69-service-1__mains__items__item__num__value {
    white-space: nowrap;
    font-size: 9rem;
    line-height: 10rem;
    width: 100%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__items__item__num__value {
        font-size: 6rem;
        line-height: 7rem;
    }
}

.w69-service-1__mains__items__item__line {
    top: 9%;
    height: 76%;
    width: .1rem;
    background-color: rgba(255,255,255,.5);
    position: absolute;
    left: 32%;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__items__item__line {
        left: 26%;
    }
}

.w69-service-1__mains__items__item__box {
    width: 62%;
    margin-left: auto;
}

@media only screen and (max-width:50rem) {
    .w69-service-1__mains__items__item__box {
        width: 72%;
    }
}

.w69-service-1__mains__items__item__box__icon {
    font-size: 4rem;
}

.w69-service-1__mains__items__item__box__name {
    display: block;
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-weight: 600;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w69-service-1__mains__items__item__box__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w69-service-1__mains__items__item__box__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w69-service-1__mains__items__item__box__des {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w69-service-1__imgbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    width: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.w69-service-1__imgbox__img {
    width: 100%;
}
/*ed*/
/*w69-service-2*/
.w69-service-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    color: #3f3f3f;
}

.w69-service-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w69-service-2__heading {
    width: 30%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width:50rem) {
    .w69-service-2__heading {
        width: 100%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w69-service-2__heading {
        justify-content: center;
    }
}

.w69-service-2__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    width: 100%;
}

@media only screen and (max-width: 31.25rem) {
    .w69-service-2__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-service-2__heading__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w69-service-2__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    width: 100%;
}

.w69-service-2__heading__top {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin-bottom: 2rem;
}

.w69-service-2__heading__top__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    font-weight: 600;
    transition: all .5s;
}

.w69-service-2__heading__top__line {
    display: flex;
    margin-top: 1rem;
}

.w69-service-2__heading__top__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-service-2__heading__top__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-service-2__items {
    width: 66%;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w69-service-2__items {
        width: 100%;
        margin-top: 2rem;
    }
}

.w69-service-2__items__mains {
    width: 100%;
    display: flex;
}

.w69-service-2__items__mains__main {
    width: calc(32% - 4rem);
    padding: 4rem 2rem;
    margin-right: 2%;
    background-color: #ebf3ff;
    position: relative;
    transition: all 1s;
    overflow: hidden;
    border-radius: 1rem;
}

@media only screen and (max-width:68.75rem) {
    .w69-service-2__items__mains__main {
        width: calc(49% - 4rem);
        margin-right: 2%;
    }

        .w69-service-2__items__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w69-service-2__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: flex;
    justify-content: center;
    position: relative;
    border-radius: .3rem;
}

    .w69-service-2__items__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w69-service-2__items__mains__main:hover .w69-service-2__items__mains__main__first:after {
    animation: key-w69-service-2__items__mains__main__first 1.5s;
}

@keyframes key-w69-service-2__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w69-service-2__items__mains__main__first__icon {
    font-size: 6rem;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w69-service-2__items__mains__main__first__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-service-2__items__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 2rem;
    padding-bottom: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w69-service-2__items__mains__main__second {
        padding: 1rem;
    }
}

.w69-service-2__items__mains__main__second__name {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    text-align: center;
}

    .w69-service-2__items__mains__main__second__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-service-2__items__mains__main__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: flex;
    text-align: justify;
}

.w69-service-2__items__mains__main__second__des__text {
}

.w69-service-2__items__next.swiper-button-next,
.w69-service-2__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w69-service-2__items__next:hover,
.w69-service-2__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w69-service-2__items__next:after,
.w69-service-2__items__prev:after {
    display: none;
}
/*ed*/
/*w69-counter-2*/
.w69-counter-2 {
    width: 100%;
    padding: 5rem 1rem 0rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

@media only screen and (max-width:62.5rem) {
    .w69-counter-2 {
        padding: 3rem 1rem 0rem;
    }
}

.w69-counter-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 2;
    justify-content: space-between;
}

.w69-counter-2__first {
    width: 59%;
    margin-top: 5rem;
}

.w69-counter-2__first__heading {
    width: 100%;
}

.w69-counter-2__first__heading__name {
}

.w69-counter-2__first__heading__name__text {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 700;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w69-counter-2__first__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-counter-2__first__heading__name__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
    margin-top: 2rem;
}

.w69-counter-2__first__heading__top {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin-bottom: 1rem;
}

.w69-counter-2__first__heading__top__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    transition: all .5s;
    font-weight: 600;
    color: #fff;
}

.w69-counter-2__first__heading__top__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w69-counter-2__first__heading__top__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-counter-2__first__heading__top__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: #fff;
}

.w69-counter-2__first__heading__bottom {
    margin-top: 2rem;
    color: #fff;
}

.w69-counter-2__first__heading__bottom__name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
}

.w69-counter-2__first__heading__bottom__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w69-counter-2__first__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w69-counter-2__first__items {
        flex-wrap: wrap;
    }
}

.w69-counter-2__first__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: max-content;
}

@media only screen and (min-width:50rem) {
    .w69-counter-2__first__items__item {
        margin-left: 4rem;
        justify-content: flex-start;
    }

        .w69-counter-2__first__items__item:first-child {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w69-counter-2__first__items__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 1rem;
    }

        .w69-counter-2__first__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w69-counter-2__first__items__item__1 {
    display: flex;
    align-items: center;
    width: 100%;
    color: #fff;
    justify-content: center;
}

@media only screen and (min-width:50rem) {
    .w69-counter-2__first__items__item__1 {
        justify-content: flex-start;
    }
}

.w69-counter-2__first__items__item__1__name {
    font-size: 5rem;
    font-weight: 700;
}

@media only screen and (max-width:37.5rem) {
    .w69-counter-2__first__items__item__1__name {
        font-size: 4rem;
    }
}

.w69-counter-2__first__items__item__1__des {
    font-size: 3rem;
    font-weight: 700;
}

@media only screen and (max-width:37.5rem) {
    .w69-counter-2__first__items__item__1__des {
        font-size: 2rem;
    }
}

.w69-counter-2__first__items__item__2 {
    width: 100%;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 700;
    text-align: center;
}

@media only screen and (min-width:50rem) {
    .w69-counter-2__first__items__item__2 {
        text-align: left;
    }
}

.w69-counter-2__second {
    width: 35%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w69-counter-2__second__imgbox {
    background-size: contain;
    font-size: 1rem;
    background-repeat: no-repeat;
    position: relative;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w69-counter-2__group {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }

    .w69-counter-2__third,
    .w69-counter-2__second {
        width: 100%;
        margin-left: 0;
    }

    .w69-counter-2__second {
        margin-top: 5rem;
        width: 80%;
    }

    .w69-counter-2__third {
        margin-top: 4rem;
    }

    .w69-counter-2__first {
        width: 100%;
        margin-top: 0rem;
    }

    .w69-counter-2__first__items__item {
        margin-left: 2%;
    }

        .w69-counter-2__first__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w69-counter-2__rt {
        right: 2rem;
    }

    .w69-counter-2__lb {
        bottom: -30%;
        left: 0;
    }

    .w69-counter-2__lt {
        left: 1rem;
        right: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w69-counter-2__lb {
        bottom: -20%;
        left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w69-counter-2__third__items__item {
        width: 100%;
        margin-left: 0;
    }

    .w69-counter-2__lb {
        bottom: -10%;
        left: 0;
    }
}

@media only screen and (max-width:25rem) {
    .w69-counter-2__third__heading {
        flex-wrap: wrap;
    }

    .w69-counter-2__third__heading__content {
        width: 100%;
        text-align: center;
    }

    .w69-counter-2__third__heading__figure {
        margin-top: 3rem;
        margin-left: auto;
        margin-right: auto;
    }
}

.w69-counter-2__bg {
    position: absolute;
    z-index: 0;
    left: 0;
    top: 10rem;
    width: 100%;
    height: 100%;
    background-image: url('../../img/w69/wall.png');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.w69-counter-2__bg__effect {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, rgba(var(--main-color-w), 1), rgba(var(--main-color-w), 1) 45%, rgba(var(--main-color-w), 0.5));
}

@media only screen and (max-width:62.5rem) {
    .w69-counter-2__bg__effect {
        background: linear-gradient(to bottom, rgba(var(--main-color-w), 1), rgba(var(--main-color-w), 1) 45%, rgba(var(--main-color-w), 0.5));
    }
}

@media only screen and (max-width:62.5rem) {
    .w69-counter-2__bg {
        top: 0;
    }
}
/*ed*/
/*w69-blogdetail*/
.w69-blogdetail {
    display: block;
    width: 100%;
    padding: 2rem 1rem 2rem;
    background-color: #fff;
}

.w69-blogdetail__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w69-blogdetail__second {
    width: 33%;
    margin-top: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w69-blogdetail__second {
        width: 100%;
        margin-left: 0;
    }
}
.w69-blogdetail__second__container{
    position:sticky;
    top:1rem;
}
.w69-blogdetail__second__ads {
    width: 100%;
    margin-bottom: 1.5rem;
    display: block;
    position: relative;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    margin-top: 1.5rem;
}

.w69-blogdetail__second__ads__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
    width: 100%;
    position: relative;
    z-index: 0;
}

.w69-blogdetail__second__ads__imgbox__img {
    width: 100%;
}

.w69-blogdetail__second__ads:hover .w69-blogdetail__second__ads__imgbox {
    transform: scale(1.05)
}

.w69-blogdetail__second__ads__bg {
    position: absolute;
    background-color: rgba(var(--main-color-w),.7);
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.w69-blogdetail__second__ads__box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1rem 2rem;
    flex-wrap: wrap;
    position: absolute;
    z-index: 2;
}

.w69-blogdetail__second__ads__box__text1 {
    width: 100%;
    text-align: center;
    font-size: 2.2rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #fff;
}

.w69-blogdetail__second__ads__box__text2 {
    width: 100%;
    text-align: center;
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700;
    color: rgba(var(--second-color-w),.9);
    text-transform: uppercase;
    margin-top: 1rem;
}

.w69-blogdetail__second__ads__box__text3 {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
    margin-top: 1rem;
}

.w69-blogdetail__second__ads__box__btn {
    display: flex;
    align-items: center;
    padding: 1rem 2rem;
    background-color: rgba(var(--second-color-w),.8);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: .5rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    z-index: 0;
    width: max-content;
    margin: 2rem auto 0;
    justify-content: center;
    overflow: hidden;
    transition: all .5s;
}

    .w69-blogdetail__second__ads__box__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w69-blogdetail__second__ads__box__btn__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w69-blogdetail__second__ads__box__btn__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w69-blogdetail__second__name {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    width: 100%;
    color: #fff;
    padding: .75rem;
    text-transform: uppercase;
    background-color: rgba(var(--main-color-w),1);
    text-align: center;
    border-radius: .5rem;
}

.w69-blogdetail__second__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w69-blogdetail__second__items__item {
    width: 48%;
    margin-top: 1.5rem;
    border-radius: .3rem;
}

    .w69-blogdetail__second__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w69-blogdetail__second__items__item__link {
    overflow: hidden;
    display: block;
    border-radius: .5rem;
}

.w69-blogdetail__second__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
}

    .w69-blogdetail__second__items__item__link__imgbox:hover {
        transform: scale(1.05)
    }

.w69-blogdetail__second__items__item__link__imgbox__img {
    width: 100%;
}

.w69-blogdetail__second__items__item__name {
    font-size: 1.5rem;
    line-height: 2.4rem;
    cursor: pointer;
    margin-top: 1rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: block;
    transition: all .5s;
}

    .w69-blogdetail__second__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-blogdetail__main {
    margin-top: 2rem;
    width: 65%;
}

@media only screen and (max-width:62.5rem) {
    .w69-blogdetail__main {
        width: 100%;
    }
}
.w69-blogdetail__main__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w69-blogdetail__main__heading__name {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
}

.w69-blogdetail__main__content {
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 2rem;
}

    .w69-blogdetail__main__content ul,
    .w69-blogdetail__main__content ol {
        margin-left: 2.5rem;
    }
/*ed*/
/*w69-bloglist*/
.w69-bloglist {
    width: 100%;
    padding: 3rem 1rem 0rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w69-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:31.25rem) {
    .w69-bloglist__heading {
        justify-content: center;
    }
}

.w69-bloglist__heading__name {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 1rem;
    text-align: center;
}

.w69-bloglist__heading__name__text {
    font-size: 3rem;
    text-transform: uppercase;
    position: relative;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    transition: all .5s;
}

.w69-bloglist__heading__name__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w69-bloglist__heading__name__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-bloglist__heading__name__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w69-bloglist__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.w69-bloglist__items__main {
    width: 32%;
    margin-left: 2%;
    background-color: transparent;
    position: relative;
    overflow: hidden;
}

@media only screen and (min-width:68.75rem) {
    .w69-bloglist__items__main:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:68.75rem) {
    .w69-bloglist__items__main {
        width: 49%;
    }

        .w69-bloglist__items__main:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w69-bloglist__items__main {
        width: 100%;
        margin-left: 0;
    }
}

.w69-bloglist__items__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: 1rem;
}

    .w69-bloglist__items__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
    }

.w69-bloglist__items__main:hover .w69-bloglist__items__main__first:after {
    animation: key-w69-bloglist__items__main__first 1.5s;
}

@keyframes key-w69-bloglist__items__main__first {
    100% {
        left: 125%;
    }
}

.w69-bloglist__items__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w69-bloglist__items__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w69-bloglist__items__main__second {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #fff;
    box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.1);
    transform: translateY(-3rem);
    border-radius: 1rem;
    overflow: hidden;
    padding-bottom: 1rem;
}

.w69-bloglist__items__main__second__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1.5rem;
}

    .w69-bloglist__items__main__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w69-bloglist__items__main__second__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: flex;
    padding: .75rem 1.5rem;
}

.w69-bloglist__items__main__second__des__text {
}

.w69-bloglist__items__main__second__bottom {
    display: flex;
    flex-wrap: wrap;
    margin-left: 1.5rem;
    align-items: center;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    padding: .75rem 2rem;
    border-radius: .5rem;
}

    .w69-bloglist__items__main__second__bottom:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w69-bloglist__items__main__second__bottom__icon {
    font-size: 1.5rem;
    margin-left: 1rem;
}

.w69-bloglist__items__main__second__bottom__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w69-bloglist__paging {
    text-align: center;
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.w69-bloglist__paging__items {
    width: 4rem;
    height: 4rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: 1rem;
    font-size: 1.4rem;
    cursor: pointer;
    border: 1px solid #7b7b7b;
    transition: all .5s;
}

    .w69-bloglist__paging__items:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w69-bloglist__paging .active {
    color: rgba(var(--main-color-w), 1);
    border: 2px solid rgba(var(--main-color-w), 1);
    font-weight: bold;
}

.w69-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-size: 1rem;
    border: 1px solid #7b7b7b;
    padding: 1rem 2rem;
    border-radius: 2rem;
    transition: all .5s;
    margin-top: 1rem;
}

    .w69-bloglist__paging__pre:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w69-bloglist__paging__pre__text {
    font-size: 1.2rem;
}

.w69-bloglist__paging__pre:first-child .w69-bloglist__paging__pre__text {
    margin-left: .5rem;
}

.w69-bloglist__paging__pre__icon {
    margin-left: 0.5rem;
    font-size: 1.2rem;
}

.w69-bloglist__paging__pre:first-child .w69-bloglist__paging__pre__icon {
    margin-left: 0;
}

.w69-bloglist__detail {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}
/*ed*/
/*w69-abimg-1*/
.w69-abimg-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w69-abimg-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w69-abimg-1__name {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin: 0 auto;
    width: max-content;
}

@media only screen and (max-width: 31.25rem) {
    .w69-abimg-1__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-abimg-1__name:hover {
    transform: scale(1.05);
}

@media only screen and (max-width:31.25rem) {
    .w69-abimg-1__heading {
        justify-content: center;
    }
}

.w69-abimg-1__heading__name {
    display: block;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    margin: 0 auto;
    margin-bottom: 2rem;
    text-align: center;
}

.w69-abimg-1__heading__name__text {
    font-size: 1.6rem;
    text-transform: uppercase;
    position: relative;
    line-height: 2.6rem;
    z-index: 2;
    font-weight: 600;
    transition: all .5s;
}

.w69-abimg-1__heading__name__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w69-abimg-1__heading__name__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-abimg-1__heading__name__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}


.w69-abimg-1__slider {
    position: relative;
    display: flex;
    align-items: center;
}

.w69-abimg-1__slider__items {
    width: 100%;
    overflow: hidden;
}

.w69-abimg-1__slider__items__mains {
    width: 100%;
    display: flex;
    height: max-content !important;
}

.w69-abimg-1__slider__items__mains__main {
    width: calc(47% - 3rem);
    padding: 1.5rem;
    margin-right: 1.5%;
    margin-left: 1.5%;
    margin-top: 2rem;
    margin-bottom: 2rem;
    background-color: transparent;
    position: relative;
    overflow: hidden;
    box-shadow: 0px 4px 16px 0px rgba(0, 0, 0, 0.25);
    border-radius: 1rem;
}

@media only screen and (max-width:50rem) {
    .w69-abimg-1__slider__items__mains__main {
        width: calc(96% - 3rem);
        margin-right: 2%;
        margin-left: 2%;
    }
}

.w69-abimg-1__slider__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 1rem;
}

.w69-abimg-1__slider__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    width: 100%;
}

.w69-abimg-1__slider__items__mains__main__first:hover
.w69-abimg-1__slider__items__mains__main__first__imgbox {
    transform: scale(1.1);
}

.w69-abimg-1__slider__items__mains__main__first__imgbox__img {
    width: 100%;
}

.w69-abimg-1__slider__items__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    background-color: #fff;
    overflow: hidden;
    padding-top: 2rem;
}

.w69-abimg-1__slider__items__mains__main__second__status {
    background-color: rgba(var(--main-color-w),.1);
    color: #3f3f3f;
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding: .75rem 1.5rem;
    border-radius: .5em;
    display: block;
    width: max-content;
    margin-bottom: 1rem;
}

.w69-abimg-1__slider__items__mains__main__second__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    display: block;
}

    .w69-abimg-1__slider__items__mains__main__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w69-abimg-1__slider__items__mains__main__second__bottom {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    align-items: center;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    padding: 1rem 3rem;
    border-radius: .5rem;
}

    .w69-abimg-1__slider__items__mains__main__second__bottom:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w69-abimg-1__slider__items__mains__main__second__bottom__icon {
    font-size: 1.5rem;
    margin-left: 1rem;
}

.w69-abimg-1__slider__items__mains__main__second__bottom__name {
    font-size: 1.5rem;
    font-weight: 600;
}

.w69-abimg-1__slider__next.swiper-button-next,
.w69-abimg-1__slider__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
}

.w69-abimg-1__slider__next {
    right: -5rem;
}

@media only screen and (max-width: 81.25rem) {
    .w69-abimg-1__slider__next.swiper-button-next {
        right: 5rem;
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }
}

.w69-abimg-1__slider__prev {
    left: -5rem;
}

@media only screen and (max-width: 81.25rem) {
    .w69-abimg-1__slider__prev.swiper-button-prev {
        left: 5rem;
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
    }
}

.w69-abimg-1__slider__next:hover,
.w69-abimg-1__slider__prev:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w69-abimg-1__slider__next:after,
.w69-abimg-1__slider__prev:after {
    display: none;
}

.w69-abimg-1__slider__items__mains__main__second__items {
    padding: 0;
    width: 100%;
    display: block;
    margin-top: 1rem;
}

.w69-abimg-1__slider__items__mains__main__second__items__item {
    display: flex;
    width: 100%;
    list-style-type: none;
    margin-top: 1rem;
    align-items: center;
}

.w69-abimg-1__slider__items__mains__main__second__items__item__icon {
    font-size: 1.7rem;
    color: rgba(var(--main-color-w),1);
}

.w69-abimg-1__slider__items__mains__main__second__items__item__name {
    font-size: 1.6rem;
    margin-left: 1rem;
    line-height: 2.6rem;
}

.w69-abimg-1__slider__items__mains__main__first__icon {
    transition: all .5s;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    position: absolute;
    background-color: rgba(var(--main-color-w), .7);
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w69-abimg-1__slider__items__mains__main__first__icon {
        width: 6rem;
        height: 6rem;
    }
}

.w69-abimg-1__slider__items__mains__main__first:hover
.w69-abimg-1__slider__items__mains__main__first__icon {
    visibility: visible;
    width: 15rem;
    height: 15rem;
    opacity: 1;
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w69-abimg-1__slider__items__mains__main__first:hover
    .w69-abimg-1__slider__items__mains__main__first__icon {
        width: 10rem;
        height: 10rem;
    }
}

.w69-abimg-1__slider__items__mains__main__first__icon__value {
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .5s;
}

.w69-abimg-1__slider__items__mains__main__first__icon:hover
.w69-abimg-1__slider__items__mains__main__first__icon__value {
    transform: rotate(180deg);
}
/*ed*/
/*w69-banner*/
.w69-banner {
    width: 100%;
    padding: 0rem 0rem 0rem;
    background-image: url('../../img/w69/w69-banner-bg.png');
    background-size: cover;
    background-position: bottom center;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w69-banner__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    position: absolute;
    z-index: 1;
    padding: 0 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w69-banner__group {
        position: relative;
    }
}

.w69-banner__mains {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w69-banner__mains__contact {
    width: 40%;
    padding: 2rem;
    border-radius: 2rem;
    position: relative;
    box-shadow: 0rem 0.4rem 1.6rem 0rem rgba(0, 0, 0, 0.25);
    margin-right: 1%;
    background-color: #fff;
}

@media only screen and (max-width: 62.5rem) {
    .w69-banner__mains__contact {
        width: 100%;
        margin-top: 4rem;
        margin-bottom: 4rem;
    }
}

.w69-banner__mains__contact__icon {
    color: white;
    font-size: 2rem;
    position: absolute;
    right: 1rem;
    top: 0;
    cursor: pointer;
}

.w69-banner__mains__contact__heading__main {
    font-weight: 700;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w69-banner__mains__contact__heading__main {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-banner__mains__contact__heading__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    font-weight: 600;
    color: #3f3f3f;
}

.w69-banner__mains__contact__heading__des {
    font-size: 1.3rem;
    color: #fad1d1;
    margin-top: 1rem;
    line-height: 1.6rem;
}

.w69-banner__mains__contact__form__input {
    margin-top: 1rem;
    display: block;
    position: relative;
}

.w69-banner__mains__contact__form__input__name {
    display: block;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    color: #3f3f3f
}

.w69-banner__mains__contact__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    padding: 1.2rem;
    border: 1px solid #eee;
    border-radius: .5rem;
    font-size: 1.5rem;
    color: #3f3f3f;
    background-color: transparent;
    transition: all .5s;
}

    .w69-banner__mains__contact__form__input__text:focus {
        border-color: rgba(var(--main-color-w),1);
    }

        .w69-banner__mains__contact__form__input__text:focus::placeholder {
        }

.w69-banner__mains__contact__form__text {
    height: 3rem;
    outline: none;
    width: 100%;
    margin-top: 1rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 1px solid #eee;
    font-size: 1.5rem;
    background-color: transparent;
    border-radius: 2rem;
    color: white;
}

    .w69-banner__mains__contact__form__text::placeholder {
        color: currentColor;
        opacity: 0.9;
    }

.w69-banner__mains__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    border-radius: 2rem;
}

.w69-banner__mains__contact__form__vung__checkbox {
    display: none;
}

    .w69-banner__mains__contact__form__vung__checkbox:checked ~ .w69-banner__mains__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 40rem;
        transition: all 0.2s ease;
        overflow: scroll;
    }

.w69-banner__mains__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w69-banner__mains__contact__form__vung__ad__name {
    color: white;
}

.w69-banner__mains__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
    color: white;
}

.w69-banner__mains__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 0;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w69-banner__mains__contact__form__vung__items .active {
        font-weight: 800;
    }

.w69-banner__mains__contact__form__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w69-banner__mains__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w69-banner__mains__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w69-banner__mains__contact__button {
    padding: 1.25rem 3rem;
    display: flex;
    width: max-content;
    font-weight: 600;
    font-size: 1.6rem;
    margin: 2rem auto 0;
    background-size: 200% auto;
    border-radius: .5rem;
    border: none;
    color: #fff;
    background: rgba(var(--main-color-w),1);
    text-align: center;
    border: .1rem solid white;
    cursor: pointer;
    transition: all .5s;
    width: max-content;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w69-banner__mains__contact__button {
        padding: .75rem 2rem;
    }
}

.w69-banner__mains__contact__button:hover {
    background: rgba(var(--second-color-w),1);
}

.w69-banner__mains__contact__button__icon {
    margin-left: 1rem;
}

.w69-banner__mains__contact__button__icon {
    margin-left: 1rem;
}

.w69-banner__mains__first {
    width: 50%;
    display: block;
    overflow: hidden;
    border-radius: 2rem 0 0 2rem;
    margin-top: 5rem;
}

@media only screen and (max-width: 62.5rem) {
    .w69-banner__mains__first {
        width: 100%;
        border-radius: 2rem 2rem 0 0;
    }
}

.w69-banner__mains__first__main {
}

.w69-banner__mains__first__main__name {
    font-size: 4.6rem;
    line-height: 6rem;
    font-weight: 700;
    color: #fff;
}

@media only screen and (max-width: 75rem) {
    .w69-banner__mains__first__main__name {
        font-size: 3.6rem;
        line-height: 4.6rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w69-banner__mains__first__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-banner__mains__first__main__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    color: #fff;
}

@media only screen and (max-width: 37.5rem) {
    .w69-banner__mains__first__main__des {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w69-banner__mains__first__main__bottom {
    display: flex;
    width: max-content;
    align-items: center;
    margin-top: 5rem;
    position: relative;
    justify-content: center;
}

.w69-banner__mains__first__main__bottom__btn {
    padding: 1.25rem 3rem;
    display: flex;
    width: max-content;
    font-weight: 600;
    font-size: 1.6rem;
    border-radius: .5rem;
    color: #fff;
    background: rgba(var(--main-color-w),1);
    text-align: center;
    border: .1rem solid white;
    cursor: pointer;
    transition: all .5s;
    align-items: center;
    position: relative;
    justify-content: center;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 37.5rem) {
    .w69-banner__mains__first__main__bottom__btn {
        padding: .75rem 2rem;
    }
}

.w69-banner__mains__first__main__bottom__btn:hover {
    background: rgba(var(--second-color-w),1);
}

.w69-banner__mains__first__main__bottom__btn__icon {
    margin-left: 1rem;
}

.w69-banner__mains__contact__form__item {
    width: 100%;
    margin-top: 2rem;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w69-banner__mains__contact__form__item {
        width: 100%;
        margin-left: 0;
    }
}

.w69-banner__mains__contact__form__item__name {
    display: block;
    font-weight: 600;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    color: #3f3f3f;
}

.w69-banner__mains__contact__form__item__input {
    width: 100%;
    padding: 1.25rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.5rem;
    border-radius: .5rem;
    border: solid .1rem rgba(var(--main-color-w),0);
    transition: all .5s;
    font-family: inherit;
    color: #495057;
}

    .w69-banner__mains__contact__form__item__input:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--text-color-w),.25);
        border: solid .1rem rgba(var(--text-color-w),1);
    }

.w69-banner__mains__contact__form__item__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w69-banner__mains__contact__form__item__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w69-banner__mains__contact__form__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w69-banner__mains__contact__form__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w69-banner__mains__contact__form__item__dropdown {
        width: 100%;
    }
}

.w69-banner__mains__contact__form__item__dropdown__label {
    background-color: transparent;
    padding: 1.25rem 1rem;
    border-radius: .5rem;
    border: #f1f1f1 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w69-banner__mains__contact__form__item__dropdown__check:checked ~
.w69-banner__mains__contact__form__item__dropdown__label
.w69-banner__mains__contact__form__item__dropdown__label__icon:before {
    content: "\f106";
}

.w69-banner__mains__contact__form__item__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w69-banner__mains__contact__form__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #fff;
}

.w69-banner__mains__contact__form__item__dropdown__check {
    display: none;
}

.w69-banner__mains__contact__form__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #f1f1f1 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    opacity: 0;
    overflow: hidden;
}

.w69-banner__mains__contact__form__item__dropdown__check:checked ~
.w69-banner__mains__contact__form__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w69-banner__mains__contact__form__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f
}

    .w69-banner__mains__contact__form__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w69-banner__mains__contact__form__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w69-banner__imgbox {
    width: 100%;
    height: 100vh;
    background-size: cover;
    z-index: 0;
    background-position: top center;
}

@media only screen and (max-width: 62.5rem) {
    .w69-banner__imgbox {
        position: absolute;
        height: 100%;
        top: 0;
        left: 0;
    }
}

.w69-banner__imgbox__img {
    width: 100%;
}

.w69-banner__mains__first__main__bottom:before {
    z-index: 0;
    height: 6rem;
    width: 6rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-banner__mains__first__main__bottom__before 3s infinite;
    animation: key-w69-banner__mains__first__main__bottom__before 3s infinite;
    display: block;
}

@-webkit-keyframes key-w69-banner__mains__first__main__bottom__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w69-banner__mains__first__main__bottom:after {
    z-index: 0;
    height: 5rem;
    width: 5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w69-banner__mains__first__main__bottom__after 3s infinite;
    animation: key-w69-banner__mains__first__main__bottom__after 3s infinite;
    display: block;
}

@-webkit-keyframes key-w69-banner__mains__first__main__bottom__after {
    0% {
        transform: scale(1);
        opacity: .1;
        background-color: rgba(var(--second-color-w),0);
    }

    50% {
        opacity: .5;
        transform: scale(1.5);
        background-color: rgba(var(--second-color-w),1);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}
/*ed*/

/*w69-ctaregister-5*/
.w69-ctaregister-5 {
    width: 100%;
    padding: 0rem 0rem 6rem 0rem;
    position: relative;
    background-color: rgba(var(--main-color-w),.9);
}

.w69-ctaregister-5__group {
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 8rem;
    padding: 0 1rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 50rem) {
    .w69-ctaregister-5__group {
        margin-top: 3rem;
    }
}

.w69-ctaregister-5__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w69-ctaregister-5__items__contact {
    width: 48%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w69-ctaregister-5__items__contact {
        width: 100%;
        margin-top: 2rem;
    }
}

.w69-ctaregister-5__items__contact__form {
    width: 100%;
}

.w69-ctaregister-5__items__contact__form__input {
    margin-top: 1.5rem;
}

    .w69-ctaregister-5__items__contact__form__input:first-child {
        margin-top: 0;
    }

.w69-ctaregister-5__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 100%;
    font-size: 1.5rem;
    background-color: transparent;
    color: #fff;
    display: block;
    padding: 1.25rem 0;
    border-bottom: solid .1rem #fff;
    transition: all .5s;
}

    .w69-ctaregister-5__items__contact__form__input__text::placeholder {
        color: #fff;
    }

    .w69-ctaregister-5__items__contact__form__input__text:focus {
        background-color: rgba(var(--main-color-w),.8);
        padding-left: 1rem;
        padding-right: 1rem;
        border-radius: .3rem;
    }

.w69-ctaregister-5__items__contact__form__input__icon {
    color: red;
}

.w69-ctaregister-5__items__contact__form__text {
    outline: none;
    width: 100%;
    margin-top: 1.5rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
    font-family: inherit;
}

.w69-ctaregister-5__items__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    border-radius: 0.5rem;
}

.w69-ctaregister-5__items__contact__form__vung__checkbox {
    display: none;
}

    .w69-ctaregister-5__items__contact__form__vung__checkbox:checked ~ .w69-ctaregister-5__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w69-ctaregister-5__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w69-ctaregister-5__items__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
}

.w69-ctaregister-5__items__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w69-ctaregister-5__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w69-ctaregister-5__items__contact__form__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w69-ctaregister-5__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w69-ctaregister-5__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w69-ctaregister-5__items__contact__button {
    padding: 1.25rem 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.6rem;
    border-radius: 1rem;
    margin-top: 5rem;
    border: none;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .5s;
    width: 100%;
    text-align: center;
}

    .w69-ctaregister-5__items__contact__button:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w69-ctaregister-5__items__contact__button__name {
    font-weight: 600;
}

.w69-ctaregister-5__items__contact__button__icon {
    margin-left: 1rem;
}

.w69-ctaregister-5__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 2rem;
}

.w69-ctaregister-5__items__second {
    width: 40%;
    overflow: hidden;
    border-radius: .5rem;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w69-ctaregister-5__items__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w69-ctaregister-5__items__second__text1 {
    font-size: 3rem;
    line-height: 5rem;
    color: #fff;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w69-ctaregister-5__items__second__text1 {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-ctaregister-5__items__second__text2 {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    color: #fff;
}

.w69-ctaregister-5__items__second__text3 {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w69-ctaregister-5__items__contact__form__dropdown {
        width: 100%;
    }
}

.w69-ctaregister-5__items__contact__form__dropdown__label {
    background-color: transparent;
    padding: 1.5rem 0;
    border-bottom: solid .1rem #fff;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1.5rem;
    color: #fff;
}

.w69-ctaregister-5__items__contact__form__dropdown__check:checked ~
.w69-ctaregister-5__items__contact__form__dropdown__label
.w69-ctaregister-5__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w69-ctaregister-5__items__contact__form__dropdown__label__name {
    font-size: 1.5rem;
}

.w69-ctaregister-5__items__contact__form__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w69-ctaregister-5__items__contact__form__dropdown {
    position: relative;
}

.w69-ctaregister-5__items__contact__form__dropdown__check {
    display: none;
}

.w69-ctaregister-5__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow: hidden;
}

.w69-ctaregister-5__items__contact__form__dropdown__check:checked ~
.w69-ctaregister-5__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: calc(100% + 1rem);
    opacity: 1;
}

.w69-ctaregister-5__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w69-ctaregister-5__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w69-ctaregister-5__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w69-ctaregister-5__heading {
    position: relative;
    width: 100%;
    height: 11rem;
    background-color: #fff;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 0;
}

.w69-ctaregister-5__heading__top {
    display: flex;
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    width: max-content;
    transform: skew(2deg, 2deg) translateX(0);
    animation-name: key-w69-ctaregister-5__heading__top;
    animation-iteration-count: infinite;
    animation-duration: 20s;
    z-index: 1;
}

@media only screen and (min-width: 50rem) {
    @-webkit-keyframes key-w69-ctaregister-5__heading__top {
        0% {
            transform: skew(2deg, 2deg) translateX(0);
        }

        50% {
            transform: skew(2deg, 2deg) translateX(50rem);
        }

        100% {
            transform: skew(2deg, 2deg) translateX(0);
        }
    }
}

@media only screen and (max-width: 50rem) {
    @-webkit-keyframes key-w69-ctaregister-5__heading__top {
        0% {
            transform: skew(4deg, 4deg) translateX(0);
        }

        50% {
            transform: skew(4deg, 4deg) translateX(50rem);
        }

        100% {
            transform: skew(4deg, 4deg) translateX(0);
        }
    }
}

.w69-ctaregister-5__heading__top__item {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    padding: 1rem 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w69-ctaregister-5__heading__top__item:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-ctaregister-5__heading__bottom {
    display: flex;
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    width: max-content;
    transform: skew(-2deg, -2deg) translateX(0);
    animation-name: key-w69-ctaregister-5__heading__bottom;
    animation-iteration-count: infinite;
    animation-duration: 20s;
    z-index: 2;
}


@media only screen and (min-width: 50rem) {
    @-webkit-keyframes key-w69-ctaregister-5__heading__bottom {
        0% {
            transform: skew(-2deg, -2deg) translateX(0);
        }

        50% {
            transform: skew(-2deg, -2deg) translateX(-50rem);
        }

        100% {
            transform: skew(-2deg, -2deg) translateX(0);
        }
    }
}

@media only screen and (max-width: 50rem) {
    @-webkit-keyframes key-w69-ctaregister-5__heading__bottom {
        0% {
            transform: skew(-6deg, -6deg) translateX(0);
        }

        50% {
            transform: skew(-6deg, -6deg) translateX(-50rem);
        }

        100% {
            transform: skew(-6deg, -6deg) translateX(0);
        }
    }
}

.w69-ctaregister-5__heading__bottom__item {
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
    padding: 1rem 2rem;
    transition: all .5s;
    cursor: pointer;
}

    .w69-ctaregister-5__heading__bottom__item:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-ctaregister-5__heading__bg {
    position: absolute;
    background: rgba(var(--main-color-w),.9);
    width: 100%;
    height: 4rem;
    bottom: 0;
    z-index: 0;
}

@media only screen and (max-width: 50rem) {
    .w69-ctaregister-5__heading__bg {
        height: 3.5rem;
    }
}
/*ed*/
/*w69-service-3*/
.w69-service-3 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: rgba(var(--main-color-w),1);
}

.w69-service-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w69-service-3__group {
        margin: unset !important;
    }
}

.w69-service-3__heading {
}

.w69-service-3__heading__title {
    margin: 0 auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    color: #fff;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    width: max-content;
    margin: 0 auto;
    max-width:100%;
}

@media only screen and (max-width: 37.5rem) {
    .w69-service-3__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-service-3__heading__des {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    color: #fff;
}

.w69-service-3__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: center;
    align-items: normal;
}

@media only screen and (max-width: 37.5rem) {
    .w69-service-3__items {
        margin-top: 0rem;
    }
}

.w69-service-3__items__item {
    width: 23.5%;
    margin-left: 2%;
    background-color: white;
    cursor: pointer;
    padding: 0;
    transition: all 0.2s ease;
    background-color: #e3ecfd;
    border-radius: 2rem;
    margin-top: 2rem;
    box-shadow: 0 0.4rem 1.6rem 0 rgba(0, 0, 0, 0.25)
}

@media only screen and (min-width: 50rem) {
    .w69-service-3__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w69-service-3__items__item {
        width: 49%;
    }

        .w69-service-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w69-service-3__items__item {
        margin-top: 2rem;
        width: 100%;
        margin-left: 0;
    }
}

.w69-service-3__items__item__content {
    position: relative;
    padding: 2.5rem;
    border-radius: 2rem;
}

.w69-service-3__items__item__content__name {
    display: block;
    font-size: 5rem;
    line-height: 6rem;
    font-weight: 700;
    color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

    .w69-service-3__items__item__content__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-service-3__items__item__content__sub {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    margin-top: 2rem;
}

.w69-service-3__items__item__content__btn {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1rem;
    border-radius: .5rem;
    justify-content: center;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
    justify-content: space-between;
}

    .w69-service-3__items__item__content__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w69-service-3__items__item__content__btn__name {
    font-weight: 600;
}

.w69-service-3__items__item__content__btn__icon {
}

/*ed*/
/*w69-pricingplan-1*/
.w69-pricingplan-1 {
    padding: 3rem 1rem;
    background-color: #fff;
}

.w69-pricingplan-1__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w69-pricingplan-1__heading {
}

.w69-pricingplan-1__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    text-align: center;
    margin: 0 auto;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w69-pricingplan-1__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w69-pricingplan-1__heading__des {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w69-pricingplan-1__items {
    margin-top: 2rem;
}

.w69-pricingplan-1__items__item {
    display: flex;
    align-items: normal;
    margin-top: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item {
        flex-wrap: wrap;
        align-items: flex-start;
        border-radius: .3rem;
        background-color: #f5f5f5;
    }
}

.w69-pricingplan-1__items__item__col1 {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 1.5rem;
    width: 16%;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col1 {
        width: 100%;
        padding: 1rem 1rem .5rem;
        border-radius: 0;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
    }
}

.w69-pricingplan-1__items__item__col1__name {
    display: block;
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 2.5rem;
    cursor: pointer;
    transition: all .5s;
}

    .w69-pricingplan-1__items__item__col1__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w69-pricingplan-1__items__item__col1__btn {
    display: block;
    font-size: 1.2rem;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w),.15);
    padding: .5rem 1rem;
    border-radius: .5rem;
    justify-content: center;
    cursor: pointer;
    transition: all .5s;
    justify-content: space-between;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col1__btn {
        margin-top: 0;
    }
}

.w69-pricingplan-1__items__item__col1__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w69-pricingplan-1__items__item__col1__btn__name {
    font-weight: 600;
}

.w69-pricingplan-1__items__item__col1__btn__icon {
    margin-left: .5rem;
}

.w69-pricingplan-1__items__item__col2 {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 1.5rem;
    width: 33%;
    margin-left: 1%;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col2 {
        width: 100%;
        margin-left: 0;
        padding: .5rem 1rem .5rem;
        border-radius: 0;
        background-color: transparent;
    }
}

.w69-pricingplan-1__items__item__col2__text {
    font-size: 1.5rem;
    line-height: 2.5rem;
}

.w69-pricingplan-1__items__item__col3 {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 1.5rem;
    width: 12%;
    margin-left: 1%;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col3 {
        width: 100%;
        margin-left: 0;
        padding: .5rem 1rem .5rem;
        border-radius: 0;
        background-color: transparent;
        display: flex;
        justify-content: space-between;
    }
}

.w69-pricingplan-1__items__item__col3__name {
    display: block;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: center;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col3__name {
        padding: .25rem 1rem;
        background-color: #fff;
        font-size: 1.5rem;
        border-radius: .5rem;
        text-align: center;
    }
}

.w69-pricingplan-1__items__item__col3__des {
    font-size: 1.5rem;
    text-align: center;
    line-height: 2.5rem;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col3__des {
        padding: .25rem 1rem;
        background-color: #fff;
        font-size: 1.5rem;
        border-radius: .5rem;
        text-align: center;
    }
}

.w69-pricingplan-1__items__item__col4 {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 1.5rem;
    width: 19%;
    border-radius: 0;
    margin-left: 1%;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col4 {
        width: 100%;
        margin-left: 0;
        padding: .5rem 1rem .5rem;
        background-color: transparent;
    }
}

.w69-pricingplan-1__items__item__col4__name {
    display: block;
    padding: .25rem .5rem;
    background-color: #fff;
    font-size: 1.5rem;
    border-radius: .5rem;
    line-height: 2.5rem;
    text-align: center;
    margin-top: 1rem;
}

    .w69-pricingplan-1__items__item__col4__name:first-child {
        margin-top: 0;
    }

.w69-pricingplan-1__items__item__col4__price {
    display: flex;
    width: 100%;
    justify-content: center;
    font-size: 1.5rem;
    margin-top: 1rem;
}

    .w69-pricingplan-1__items__item__col4__price:first-child {
        margin-top: 0;
    }

.w69-pricingplan-1__items__item__col4__price__num {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-left: 1rem;
}

.w69-pricingplan-1__items__item__col5 {
    background-color: #f5f5f5;
    border-radius: .5rem;
    padding: 1.5rem;
    width: 16%;
    margin-left: 1%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 62.5rem) {
    .w69-pricingplan-1__items__item__col5 {
        width: 100%;
        margin-left: 0;
        padding: .5rem 1rem 1rem;
        background-color: transparent;
    }
}

.w69-pricingplan-1__items__item__col5__btn {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1rem;
    border-radius: .5rem;
    justify-content: center;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
    justify-content: space-between;
}

    .w69-pricingplan-1__items__item__col5__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w69-pricingplan-1__items__item__col5__btn__name {
    font-weight: 600;
}

.w69-pricingplan-1__items__item__col5__btn__icon {
    margin-left: .5rem;
}
/*ed*/
/*w69-header*/
.w69-header {
    width: 100%;
    background-color: #ebebeb;
    padding: 1rem 1rem;
    position: relative;
}

.w69-header__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w69-header__first {
    width: 26%;
}

@media only screen and (max-width:50rem) {
    .w69-header__first {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.w69-header__first__link {
}

@media only screen and (max-width:50rem) {
    .w69-header__first__link {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.w69-header__first__link__imgbox {
    max-width: 100%;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:50rem) {
    .w69-header__first__link__imgbox {
        max-width: 60%;
    }
}

.w69-header__second {
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width:50rem) {
    .w69-header__second {
        width: 100%;
        margin: 0;
        justify-content: space-between;
        margin-top: 1.5rem;
    }
}

.w69-header__second__item {
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .5s;
    cursor: pointer;
    margin-left: 3rem;
    color: #262626;
}

    .w69-header__second__item:first-child {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w69-header__second__item {
        display: none;
        margin-left: 0;
    }

        .w69-header__second__item:nth-child(1) {
            display: flex;
        }

        .w69-header__second__item:nth-child(2) {
            display: flex;
        }
}

.w69-header__second__item__icon {
    font-size: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w69-header__second__item__icon {
        font-size: 1.4rem;
    }
}

.w69-header__second__item__name {
    font-size: 1.5rem;
    margin-left: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w69-header__second__item__name {
        font-size: 1.4rem;
    }
}
/*ed*/
/*w69-menu*/
.w69-menu {
    width: 100%;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    padding: 0rem 1rem;
}

@-webkit-keyframes key-w69-menu {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    .w69-menu.in {
        -webkit-animation: key-w69-menu 1s;
        animation: key-w69-menu 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:75rem) {
    .w69-menu {
        border-top: solid .2rem rgba(var(--main-color-w),1);
        border-bottom: solid .2rem rgba(var(--main-color-w),1);
        padding: 0;
    }

        .w69-menu.ws1TransApply {
            border: none;
        }
}

@media only screen and (max-width:62.5rem) {
    .w69-menu {
    }
}

@media only screen and (min-width:75rem) {
}

.w69-menu__check {
    display: none;
}

.w69-menu__label {
    color: #000;
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    padding: 1rem;
    display: none;
    transition: all .5s;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w69-menu__label {
        display: flex;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

    .w69-menu.ws1TransApply .w69-menu__label {
        background: none;
        background-color: transparent !important;
    }
}

.w69-menu__label__main {
    display: flex;
    cursor: pointer;
    align-content: center;
}

.w69-menu__label__main__icon {
    font-size: 2.4rem;
    font-weight: normal;
}

@media only screen and (max-width:75rem) {
    .w69-menu__check:checked ~
    .w69-menu__label
    .w69-menu__label__main__icon:before {
        content: "\f141";
    }
}

.w69-menu__label__main__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.5rem;
}

.w69-menu__label__home {
    margin-left: auto;
    font-size: 2rem;
    cursor: pointer;
}

.w69-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    max-width: 120rem;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w69-menu__group {
        margin: 0;
        width: 90%;
        background-color: #fff;
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .6s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100vh;
    }

    .w69-menu__check:checked ~ .w69-menu__group {
        overflow-y: scroll;
        left: 0;
    }

    .w69-menu__group::-webkit-scrollbar {
        width: .4rem;
    }

    .w69-menu__group::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w69-menu__group::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w69-menu__group::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}
.w69-menu__second {
    transition: all .5s;
    position: relative;
    display: flex;
    align-items: normal;
    width: 100%;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second {
        width: 100%;
        margin-left: 0;
    }
}

.w69-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items {
        width: 100%;
    }
}

.w69-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item {
        width: 100%;
    }
}

.w69-menu__second__items__item__check {
    display: none;
}

.w69-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__main {
    }

        .w69-menu__second__items__item__main:hover {
            background-color: #fff;
        }

    .w69-menu__second__items__item:hover .w69-menu__second__items__item__main {
        background-color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__main {
        padding: 0 0 0;
        border-top: solid #f1f1f1 .1rem;
    }
}

.w69-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: uppercase;
    cursor: pointer;
    padding: 1.25rem 2rem;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__main__name {
        font-size: 1.4rem;
        font-weight: 600;
        transition: all .5s;
        padding: 1rem 0rem 1rem 2rem;
        width: 100%;
        color: rgba(var(--main-color-w),1);
    }

    .w69-menu__second__items__item:hover .w69-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__main__name {
        color: #fff;
        position: relative;
    }

    .w69-menu__second__items__item:last-child
    .w69-menu__second__items__item__main__name {
        border-right: none;
    }

    .w69-menu__second__items__item:hover .w69-menu__second__items__item__main__name {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }
}

.w69-menu__second__items__item__main__name:before {
    height: .2rem;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    transition: all 1s;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
}

.w69-menu__second__items__item:hover .w69-menu__second__items__item__main__name:before {
    width: 100%;
}

.w69-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__main__icon1 {
        display: inline-block;
        position: absolute;
        left: 1rem;
        color: rgba(var(--main-color-w),1);
    }
}

.w69-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__main__icon2 {
        display: flex;
        height: 100%;
        width: 4rem;
        right: 0;
        justify-content: center;
        align-items: center;
        border-left: solid .1rem #f1f1f1;
        color: rgba(var(--main-color-w),1);
    }

    .w69-menu__second__items__item__check:checked ~
    .w69-menu__second__items__item__main
    .w69-menu__second__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w69-menu__second__items__item__check:checked ~
        .w69-menu__second__items__item__main
        .w69-menu__second__items__item__main__icon2
        .w69-menu__second__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .w69-menu__second__items__item:hover .w69-menu__second__items__item__main__icon2 {
        color: #fff !important;
    }
}

.w69-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
    }

    .w69-menu__second__items__item__check:checked ~
    .w69-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__childs {
        position: absolute;
        top: 100%;
        background-color: rgba(var(--main-color-w),1);
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 0rem 0rem;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w69-menu__second__items__item:hover .w69-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        border: none;
        overflow: inherit;
        transform: none;
    }
}

.w69-menu__second__items__item__childs__item {
    position: relative;
}

    .w69-menu__second__items__item__childs__item:last-child {
        border: none;
    }

.w69-menu__second__items__item__childs__item__main {
    display: flex;
    border-top: dashed #eee .1rem;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }

    .w69-menu__second__items__item__childs__item:first-child .w69-menu__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__childs__item__main {
        border-top-style: solid;
    }
}

.w69-menu__second__items__item__childs__item__main__name {
    font-size: 1.6rem;
    padding: 1rem 1.5rem 1rem 1.5rem;
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 1rem 0rem 1rem 3rem;
        transition: all .5s;
        color: rgba(var(--main-color-w),1);
    }

    .w69-menu__second__items__item__childs__item:hover .w69-menu__second__items__item__childs__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__childs__item__main__name {
        color: #fff;
    }

    .w69-menu__second__items__item__childs__item:hover .w69-menu__second__items__item__childs__item__main__name {
        background-color: rgba(var(--second-color-w),1);
    }

    .w69-menu__second__items__item__childs__item:hover .w69-menu__second__items__item__childs__item__main {
    }
}

.w69-menu__second__items__item__childs__item__main__name:before {
    height: .2rem;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    transition: all 1s;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
}

.w69-menu__second__items__item__childs__item:hover .w69-menu__second__items__item__childs__item__main__name:before {
    width: 100%;
}

.w69-menu__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__childs__item__main__icon {
        color: #fff;
    }

    .w69-menu__second__items__item__childs__item:hover .w69-menu__second__items__item__childs__item__main__icon {
    }
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__childs__item__main__icon {
        padding: 0;
        width: 4rem;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid 0.1rem #f1f1f1;
    }

    .w69-menu__second__items__item__childs__item__check:checked ~
    .w69-menu__second__items__item__childs__item__main
    .w69-menu__second__items__item__childs__item__main__icon {
        background-color: #f1f1f1;
    }

    .w69-menu__second__items__item__childs__item__main__icon__value:before {
        content: "\f107" !important;
    }

    .w69-menu__second__items__item__childs__item__check:checked ~
    .w69-menu__second__items__item__childs__item__main
    .w69-menu__second__items__item__childs__item__main__icon
    .w69-menu__second__items__item__childs__item__main__icon__value:before {
        content: "\f106" !important;
    }
}

.w69-menu__second__items__item__childs__item__check {
    display: none;
}

.w69-menu__second__items__item__childs__item__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
    }

    .w69-menu__second__items__item__childs__item__check:checked ~
    .w69-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0rem;
        background-color: rgba(var(--main-color-w),1);
        width: max-content;
        padding: 0rem 0rem;
        border: none;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
    }

    .w69-menu__second__items__item__childs__item:hover .w69-menu__second__items__item__childs__item__grands {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w69-menu__second__items__item__childs__item__grands__item {
}

.w69-menu__second__items__item__childs__item__grands__item__main {
    border-top: dashed #eee .1rem;
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__childs__item__grands__item__main {
        border-color: #eee;
    }

    .w69-menu__second__items__item__childs__item__grands__item:first-child .w69-menu__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w69-menu__second__items__item__childs__item__grands__item:hover .w69-menu__second__items__item__childs__item__grands__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__childs__item__grands__item__main {
        border-top-style: solid;
    }
}

.w69-menu__second__items__item__childs__item__grands__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1rem 1rem;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w69-menu__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
    }

    .w69-menu__second__items__item__childs__item__grands__item__main:hover .w69-menu__second__items__item__childs__item__grands__item__main__name {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w69-menu__second__items__item__childs__item__grands__item__main__name:before {
    height: .2rem;
    left: 0;
    top: 0;
    content: "";
    position: absolute;
    transition: all 1s;
    width: 0;
    background-color: rgba(var(--second-color-w),1);
}

.w69-menu__second__items__item__childs__item__grands__item:hover .w69-menu__second__items__item__childs__item__grands__item__main__name:before {
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__items__item__childs__item__grands__item__main__name {
        padding: 1rem 0rem 1rem 5rem;
        text-transform: capitalize;
        color: rgba(var(--main-color-w),1);
        font-size: 1.4rem;
    }

    .w69-menu__second__items__item__childs__item__grands__item__main:hover .w69-menu__second__items__item__childs__item__grands__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

.w69-menu__heading {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w69-menu__heading {
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative;
        padding: 1rem 0rem 1rem 1rem;
        background-color: rgba(var(--main-color-w),1);
        width: 100%;
    }

    .w69-menu__heading__label {
        position: absolute;
        right: 1rem;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        text-align: center;
        border-radius: .5rem;
        transition: all .5s;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3rem;
        height: 3rem;
    }

        .w69-menu__heading__label:hover {
            transform: scale(1.05);
        }

    .w69-menu__heading__label__icon {
        font-size: 1.6rem;
    }

    .w69-menu__heading__items {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        display: flex;
        padding: 1rem;
        transition: all 1s;
    }

    .w69-menu__heading__items__item {
        font-size: 2rem;
        color: #fff;
        transition: all .5s;
        cursor: pointer;
        margin-right: 2rem;
    }

        .w69-menu__heading__items__item:last-child {
            margin-right: 0;
        }

        .w69-menu__heading__items__item:hover {
            transform: scale(1.1);
        }
}

.w69-menu__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    display: none;
    height: 100vh;
    background: rgb(0,0,0,.7);
    width: 100%;
    transition: all .35s;
}

@media only screen and (max-width:75rem) {
    .w69-menu__bg {
        display: block;
    }

    .w69-menu__check:checked ~ .w69-menu__bg {
        left: 0;
    }
}

.w69-menu__bottom {
    position: fixed;
    left: 0;
    bottom: -100%;
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    display: flex;
    padding: 1rem;
    width: 90%;
    transition: all 1s;
    opacity: 0;
}

@media only screen and (max-width:75rem) {
    .w69-menu__check:checked ~
    .w69-menu__group
    .w69-menu__bottom {
        bottom: 0;
        opacity: 1;
    }
}

.w69-menu__bottom__item {
    font-size: 2rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    margin-right: 2rem;
}

    .w69-menu__bottom__item:last-child {
        margin-right: 0;
    }

    .w69-menu__bottom__item:hover {
        transform: scale(1.1);
    }

.w69-menu__bottom__item__text {
    font-size: 1.6rem;
    color: #fff;
    margin-left: 1rem;
    font-weight: 600;
}

.w69-menu__second__btns {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w69-menu__second__btns {
        display: none;
    }
}

.w69-menu__second__btns__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    margin-left: 1rem;
    padding: 0rem 1rem;
    height: 100%;
    cursor: pointer;
    transition: all .5s;
}

    .w69-menu__second__btns__btn:hover {
        background-color: rgba(var(--second-color-w),.8);
    }

.w69-menu__second__btns__btn__name {
    font-weight: 600;
}

.w69-menu__second__btns__btn__icon {
    margin-left: .5rem;
}
/*ed*/
/*w6-testimonial*/
.w6-testimonial {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: white;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w6-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w6-testimonial__heading {
    text-align: center;
}

.w6-testimonial__heading__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__heading__main {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w6-testimonial__heading__sub {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w6-testimonial__items {
    max-width: 100%;
}

.w6-testimonial__items__item {
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
    border-radius: .5rem;
    align-items: center;
    border: .1rem solid #eeeded;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
    position: relative;
    background-color: #fff;
    flex-wrap:wrap;
}

@media only screen and (min-width: 50rem) {
    .w6-testimonial__items__item:nth-child(even) {
        flex-direction: row-reverse;
    }
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__items__item {
        flex-wrap: wrap;
    }
}

.w6-testimonial__items__item__info {
    position: relative;
    width: 55%;
    padding: 0 3rem;
    z-index: 1;
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__items__item__info {
        width: 100%;
        padding-top: 3rem;
    }
}

.w6-testimonial__items__item__info__main {
    text-align: justify;
}

.w6-testimonial__items__item__info__main__text {
    font-size: 1.6rem;
    color: #666666;
    line-height: 2.6rem;
    position: relative;
    text-align: justify;
    display: inline;
    text-align: justify;
}

.w6-testimonial__items__item__info__main__icon1 {
    display: inline;
    font-size: 1.2rem;
    color: rgba(var(--main-color-w), 1);
    margin-right: .5rem;
}

.w6-testimonial__items__item__info__main__icon2 {
    display: inline;
    font-size: 1.2rem;
    color: rgba(var(--main-color-w), 1);
    margin-left: .5rem;
}

.w6-testimonial__items__item__info__person {
    margin-bottom: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w6-testimonial__items__item__info__person__imgbox {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__items__item__info__person__imgbox {
        width: 6rem;
        height: 6rem;
        border-width: .2rem;
    }
}

.w6-testimonial__items__item__info__person__imgbox:hover {
    border-color: rgba(var(--second-color-w),1);
}

.w6-testimonial__items__item__info__person__imgbox__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border: solid .4rem rgba(var(--main-color-w),1);
    border-radius: 50%;
    -webkit-animation: key-w6-testimonial__items__item__info__person__imgbox__bg 5s infinite;
    animation: key-w6-testimonial__items__item__info__person__imgbox__bg 5s infinite;
}

@-webkit-keyframes key-w6-testimonial__items__item__info__person__imgbox__bg {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w6-testimonial__items__item__info__person__imgbox__bg__dot {
    width: .8rem;
    height: .8rem;
    position: absolute;
    background-color: #fff;
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    top: -.6rem;
    left: 3rem;
    -webkit-animation: key-w6-testimonial__items__item__info__person__imgbox__bg__dot 20s infinite;
    animation: key-w6-testimonial__items__item__info__person__imgbox__bg__dot 20s infinite;
}

@-webkit-keyframes key-w6-testimonial__items__item__info__person__imgbox__bg__dot {
    0% {
        background-color: #fff;
        transform: scale(1);
    }

    25% {
        background-color: rgba(var(--second-color-w),1);
        transform: scale(1.5);
    }

    50% {
        background-color: #fff;
        transform: scale(1);
    }

    100% {
        background-color: rgba(var(--second-color-w),1);
        transform: scale(1.5);
    }
}

.w6-testimonial__items__item__info__person__imgbox__bg__dot2 {
    width: .8rem;
    height: .8rem;
    position: absolute;
    background-color: rgba(var(--second-color-w),1);
    box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.15);
    border-radius: 50%;
    bottom: -.6rem;
    left: 3.4rem;
    -webkit-animation: key-w6-testimonial__items__item__info__person__imgbox__bg__dot2 20s infinite;
    animation: key-w6-testimonial__items__item__info__person__imgbox__bg__dot2 20s infinite;
}

@-webkit-keyframes key-w6-testimonial__items__item__info__person__imgbox__bg__dot2 {
    0% {
        background-color: rgba(var(--second-color-w),1);
        transform: scale(1);
    }

    25% {
        background-color: #fff;
        transform: scale(1.5);
    }

    50% {
        background-color: rgba(var(--second-color-w),1);
        transform: scale(1);
    }

    100% {
        background-color: #fff;
        transform: scale(1.5);
    }
}

.w6-testimonial__items__item__info__person__main {
    margin-left: 1.5rem;
    max-width: calc(100% - 9.5rem);
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__items__item__info__person__main {
        max-width: calc(100% - 7.5rem);
    }
}

.w6-testimonial__items__item__info__person__main__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w6-testimonial__items__item__info__person__main__job {
    margin-top: .5rem;
    font-size: 1.5rem;
    color: #666666;
}

.w6-testimonial__items__item__info__ratting {
    margin-top: 3rem;
    display: flex;
    justify-content: center;
}

.w6-testimonial__items__item__info__ratting__icon {
    font-size: 1.2rem;
    margin-left: .5rem;
    color: #ffc107;
}

    .w6-testimonial__items__item__info__ratting__icon:first-child {
        margin-left: 0;
    }

.w6-testimonial__items__item__info__bottom {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: center;
    color: #666666;
}

.w6-testimonial__items__item__info__btn {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.w6-testimonial__items__item__info__btn__main {
    display: flex;
    align-items: center;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
    color: #fff;
    justify-content: center;
    position: relative;
    height: 4rem;
    min-width: 4rem;
    border-radius: 2rem;
}

    .w6-testimonial__items__item__info__btn__main:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w6-testimonial__items__item__info__btn__main__name {
    font-weight: 600;
    font-size: 1.6rem;
    width: 0;
    overflow: hidden;
    transition: all .5s;
    white-space: nowrap;
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__items__item__info__btn__main__name {
        width: max-content;
        padding: 0 2rem 0 5rem;
    }
}

.w6-testimonial__items__item__info__btn__main:hover .w6-testimonial__items__item__info__btn__main__name {
    width: max-content;
    padding: 0 5rem 0 2rem;
}

.w6-testimonial__items__item__info__btn__main__icon {
    position: absolute;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    border-radius: 50%;
    left: 0;
    transition: all 1s;
}

.w6-testimonial__items__item__info__btn__main:hover .w6-testimonial__items__item__info__btn__main__icon {
    left: calc(100% - 4rem);
    transform: rotate(360deg);
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__items__item__info__btn__main__icon {
        background-color: rgba(var(--second-color-w),1);
        transform: scale(1.03);
    }

    .w6-testimonial__items__item__info__btn__main:hover .w6-testimonial__items__item__info__btn__main__icon {
        background-color: #fff;
        color: rgba(var(--second-color-w),1);
    }
}

.w6-testimonial__items__item__twenty {
    position: relative;
    width: 43%;
    z-index: 1;
}

@media only screen and (max-width: 50rem) {
    .w6-testimonial__items__item__twenty {
        width: 100%;
        margin-top: 3rem;
    }
}

.w6-testimonial__items__item__twenty__compare {
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w6-testimonial__items__item__twenty__compare__imgbox {
    width: 100%;
    border: none;
    background-size: contain;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
}

.w6-testimonial__items__item__twenty__compare:not(.twentytwenty-container) .w6-testimonial__items__item__twenty__compare__imgbox:nth-child(2) {
    display: none;
}

.w6-testimonial__items__item__twenty__compare__imgbox__img {
    width: 100%;
    opacity: 1 !important;
}

.w6-testimonial__items__item__twenty__compare .twentytwenty-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
}

.w6-testimonial__items__item__twenty__compare .twentytwenty-before-label {
    top: initial;
    left: 0rem;
    width: 4rem;
    height: max-content;
}

.w6-testimonial__items__item__twenty__compare .twentytwenty-after-label {
    top: initial;
    right: 2rem;
    width: 4rem;
    height: max-content;
}

.w6-testimonial__items__item__twenty__compare .twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -22px;
    margin-top: -22px;
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 40;
    cursor: pointer;
}

    .w6-testimonial__items__item__twenty__compare .twentytwenty-handle:before {
        bottom: 50%;
        margin-bottom: 22px;
        box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
        content: "";
        left: 50%;
        width: 3px;
        height: 9999px;
        display: block;
        background: #fff;
        position: absolute;
        z-index: 30;
    }

    .w6-testimonial__items__item__twenty__compare .twentytwenty-handle:after {
        top: 50%;
        margin-top: 22px;
        box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
        content: "";
        left: 50%;
        width: 3px;
        height: 9999px;
        display: block;
        background: #fff;
        position: absolute;
        z-index: 30;
    }

.w6-testimonial__items__item__bg {
    position: absolute;
    width: 20rem;
    height: 20rem;
    z-index: 0;
    background: rgba(var(--main-color-w),1);
    border-radius: 1rem;
    right: -10rem;
    bottom: -10rem;
}

@media only screen and (max-width: 75rem) {
    .w6-testimonial__items__item__bg {
        right: 5rem;
        border-radius: 50%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w6-testimonial__items__item__bg {
        width: 12rem;
        height: 12rem;
        bottom: -6rem;
        right: 2rem;
    }
}

.w6-testimonial__items__item:nth-child(even) .w6-testimonial__items__item__bg {
    right: initial;
    left: -10rem;
}

@media only screen and (max-width: 75rem) {
    .w6-testimonial__items__item:nth-child(even) .w6-testimonial__items__item__bg {
        left: 5rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w6-testimonial__items__item:nth-child(even) .w6-testimonial__items__item__bg {
        left: 2rem;
    }
}

.w6-testimonial__items__item:last-child .w6-testimonial__items__item__bg {
    display: none;
}

.w6-testimonial__items__item__bg__0 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 3;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w6-testimonial__items__item__bg__0 {
        border-radius: 50%;
    }
}

.w6-testimonial__items__item__bg__1 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    background-color: rgba(var(--main-color-w),.8);
    border-radius: 1rem;
    -webkit-animation: key-w6-testimonial__items__item__bg__1 3s infinite;
    animation: key-w6-testimonial__items__item__bg__1 3s infinite;
}

@media only screen and (max-width: 75rem) {
    .w6-testimonial__items__item__bg__1 {
        border-radius: 50%;
    }
}

@-webkit-keyframes key-w6-testimonial__items__item__bg__1 {
    0% {
        transform: scale(1);
    }

    50% {
        background-color: #fff;
        transform: scale(1.2);
    }

    100% {
        transform: scale(1);
    }
}

.w6-testimonial__items__item__bg__2 {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(var(--main-color-w),.5);
    border-radius: 1rem;
    -webkit-animation: key-w6-testimonial__items__item__bg__2 3s infinite;
    animation: key-w6-testimonial__items__item__bg__2 3s infinite;
}

@media only screen and (max-width: 75rem) {
    .w6-testimonial__items__item__bg__2 {
        border-radius: 50%;
    }
}

@-webkit-keyframes key-w6-testimonial__items__item__bg__2 {
    0% {
        transform: scale(1);
    }

    50% {
        background-color: #fff;
        transform: scale(1.5);
    }

    100% {
        transform: scale(1);
    }
}
/*ed*/
/*w70-header*/
.w70-header {
    width: 100%;
    background-color: #fff;
    padding: 1rem 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w70-header {
        padding: 0rem;
    }
}

.w70-header__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__group {
        justify-content: center;
    }
}

.w70-header__first {
}

@media only screen and (max-width:62.5rem) {
    .w70-header__first {
        display: flex;
        justify-content: center;
        padding: 1rem;
    }
}

.w70-header__first__link {
}

@media only screen and (max-width:62.5rem) {
    .w70-header__first__link {
        display: flex;
        justify-content: center;
    }
}

.w70-header__first__link__imgbox {
    max-width: 100%;
    background-size: contain;
    background-position: left center;
    background-repeat: no-repeat;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__first__link__imgbox {
    }
}

.w70-header__second {
    display: flex;
    align-items: flex-start;
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__second {
        justify-content: space-between;
        position: absolute;
        right: 1rem;
    }
}

.w70-header__second__item {
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    margin-left: 3rem;
    color: #262626;
}

    .w70-header__second__item:first-child {
        margin-left: 0;
    }

@media only screen and (max-width:62.5rem) {
    .w70-header__second__item {
        display: none;
        margin-left: 0;
    }
}

.w70-header__second__item__icon {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w70-header__second__item__icon {
        font-size: 2.4rem;
    }
}

.w70-header__second__item__main {
    margin-left: 1.5rem;
    font-size: 1.4rem;
}

.w70-header__second__item__main__name {
    font-weight: 600;
}

.w70-header__second__item__main__des {
    margin-top: .25rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-header__second__item__main__des {
        display: none;
    }
}

.w70-header__second__cart {
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    margin-left: 3rem;
    color: #262626;
}

    .w70-header__second__cart:first-child {
        margin-left: 0;
    }

@media only screen and (max-width:62.5rem) {
}

.w70-header__second__cart__icon {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w70-header__second__cart__icon {
    }
}

.w70-header__second__cart__icon__num {
    width: 1.6rem;
    height: 1.6rem;
    background-color: rgba(var(--second-color-w),1);
    font-size: .9rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    top: 0;
    color: #fff;
    top: -.5rem;
    right: -.5rem;
    position: absolute;
    font-weight: 600;
}

.w70-header__second__cart__main {
    margin-left: 1.5rem;
    font-size: 1.4rem;
}

.w70-header__second__cart__main__name {
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w70-header__second__cart__main__name {
        display: none;
    }
}

.w70-header__second__cart__main__des {
    margin-top: .25rem;
}

@media only screen and (max-width:50rem) {
    .w70-header__second__cart__main__des {
        display: none;
    }
}

.w70-header__search {
    display: flex;
    position: relative;
    width: 43%;
    margin-left: 5rem;
    background-color: #fff;
    transition: all .5s;
}

@media only screen and (max-width:75rem) {
    .w70-header__search {
        display: flex;
        position: relative;
        width: 30%;
        margin-left: 5rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w70-header__search {
        width: 100%;
        position: fixed;
        top: 0;
        height: 0;
        left: 0;
        margin-left: 0rem;
        padding: 1rem;
        align-items: flex-start;
        justify-content: center;
        z-index: -1;
        visibility: hidden;
    }
}

.w70-header__cksearch:checked ~ .w70-header__search {
    top: 0;
    pointer-events: initial;
    z-index: 3;
    height: 100vh;
    visibility: visible;
}

.w70-header__search__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(var(--main-color-w),.8);
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__search__bg {
        display: block;
    }
}

.w70-header__search__main {
    overflow: hidden;
    display: flex;
    align-items: center;
    width: 100%;
}
@media only screen and (max-width:62.5rem) {
    .w70-header__search__main {
        position:relative;
        z-index:2;
    }
}
.w70-header__search__main__input {
    border: solid .1rem rgba(var(--main-color-w),1);
    border-radius: .5rem;
    padding: 1rem 1.5rem;
    color: #3f3f3f;
    outline: none;
    font-size: 1.5rem;
    width: 100%;
}

.w70-header__search__main__btn {
    width: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 0 .5rem .5rem 0;
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
}

    .w70-header__search__main__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:62.5rem) {
    .w70-header__search__main__btn {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w70-header__search__box {
    position: absolute;
    top: calc(100% + 1rem);
    transition: all .5s;
    left: 0;
    width: 100%;
    padding: 1rem 0;
    opacity: 0;
    visibility: hidden;
    z-index: 3;
    background-color: #fff;
    border-radius: .5rem;
    overflow: hidden;
    pointer-events: none;
}

.w70-header__search:hover .w70-header__search__box {
    top: 100%;
    opacity: 1;
    visibility: visible;
    z-index: 3;
    pointer-events: inherit;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__search__box {
        top: 10rem;
        left: 1rem;
        width: calc(100% - 2rem);
        padding: 0;
    }

    .w70-header__search:hover .w70-header__search__box {
        top: 6rem;
    }
}

.w70-header__search__box__items {
    width: 100%;
    max-height: 50vh;
    border-radius: .5rem;
    border: solid .1rem #f1f1f1;
    overflow-y: scroll;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__search__box__items {
        max-height: 80vh;
    }
}

.w70-header__search__box__items::-webkit-scrollbar {
    width: .3rem;
}

.w70-header__search__box__items::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w70-header__search__box__items::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w70-header__search__box__items::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w70-header__search__box__items__item {
    width: 100%;
    font-size: 1.5rem;
    color: #3f3f3f;
}

    .w70-header__search__box__items__item:nth-child(even) {
        background-color: #f1f1f1;
    }

    .w70-header__search__box__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w70-header__search__box__items__item__main {
    display: flex;
    padding: .5rem 1rem;
    justify-content: space-between;
    cursor: pointer;
}

.w70-header__search__box__items__item__main__name {
    font-weight: 600;
}

.w70-header__searchmb {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__searchmb {
        width: 3.6rem;
        height: 3.6rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        font-size: 1.6rem;
        border-radius: 50%;
        cursor: pointer;
        position: absolute;
        transition: all .5s;
        left: 1rem;
    }

        .w70-header__searchmb:hover {
            background-color: rgba(var(--second-color-w),1);
        }

    .w70-header__searchmb__icon {
    }
}

.w70-header__cksearch {
    display: none;
}

.w70-header__search__close {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w70-header__search__close {
        position: absolute;
        bottom: 16vh;
        cursor: pointer;
        align-items: center;
        justify-content: center;
        width: 4rem;
        height: 4rem;
        border-radius: 50%;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        font-size: 1.6rem;
        z-index:3;
    }

    .w70-header__cksearch:checked ~
    .w70-header__search
    .w70-header__search__close {
        display: flex;
    }
}

.w70-header__search__close__icon {
    transform: rotate(45deg);
    transition: all .5s;
}

.w70-header__search__close:hover .w70-header__search__close__icon {
    transform: rotate(-135deg);
}
/*ed*/
/*w70-menu*/
.w70-menu {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    background-color: #f1f1f1;
}

@media only screen and (min-width:75rem) {
    .w70-menu {
    }

        .w70-menu.ws1TransApply {
            border: none;
        }
}

@media only screen and (max-width:75rem) {
    .w70-menu {
        padding: 0;
    }
}

.w70-menu__check {
    display: none;
}

.w70-menu__bar {
    color: #fff;
    background: linear-gradient(90deg,rgba(var(--main-color-w),1),rgba(var(--main-color-w),.7));
    width: 100%;
    align-items: center;
    padding: 1rem;
    display: none;
    transition: all .5s;
    justify-content: center;
    position: relative;
}

.w70-menu__bar__label {
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w70-menu__bar {
        display: flex;
    }

    .ws1TransApply .w70-menu__bar {
        background: none;
        background-color: transparent;
    }

    .ws1TransApply .w70-menu__check:checked ~ .w70-menu__bar {
        background: linear-gradient(90deg,rgba(var(--main-color-w),1),rgba(var(--main-color-w),.7))
    }
}

.w70-menu__bar__label__name {
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w70-menu__first__label__name {
    font-size: 1.6rem;
}

.w70-menu__bar__sanpham {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    width: 4rem;
    height: 100%;
    position: absolute;
    left: 0;
    height: 100%;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w70-menu__bar__sanpham__icon {
    transition: all .5s;
}

.w70-menu__check:checked ~
.w70-menu__bar
.w70-menu__bar__sanpham
.w70-menu__bar__sanpham__icon {
    transform: rotate(90deg);
}

.w70-menu__checktintuc {
    display: none;
}

.w70-menu__bar__danhmuc {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    width: 4rem;
    height: 100%;
    position: absolute;
    right: 0;
    height: 100%;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w70-menu__bar__danhmuc__icon {
    transition: all .5s;
}

.w70-menu__checktintuc:checked ~
.w70-menu__bar
.w70-menu__bar__danhmuc
.w70-menu__bar__danhmuc__icon {
    transform: rotate(90deg);
}

.w70-menu__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w70-menu__group {
        align-items: center;
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__group {
        margin: 0;
        width: 100%;
        background-color: #fff;
    }

    .w70-menu__check:checked ~ .w70-menu__group {
    }
}

.w70-menu__first {
    width: 21%;
    position: relative;
    transition: all .5s;
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    padding: 1.25rem 1rem;
    justify-content: center;
}

.ws1TransApply .w70-menu__first {
    background-color: transparent;
}

@media only screen and (min-width:75rem) {
    .w70-menu__first:hover {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__first {
        width: 100%;
        display: none;
    }
}

.w70-menu__first:before {
    z-index: 2;
    height: 3rem;
    width: 3rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    -webkit-animation: key-w67-header__first__mains__bars__before 3s infinite;
    animation: key-w67-header__first__mains__bars__before 3s infinite;
    display: none;
    background-color: rgba(var(--second-color-w),.35);
}

@media only screen and (min-width:75rem) {
    .w70-menu__first:before {
        display: block
    }
}

@-webkit-keyframes key-w67-header__first__mains__bars__before {
    0% {
        transform: scale(1);
        opacity: .5;
        background-color: rgba(255, 255, 255, 0);
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
        background-color: rgba(var(--second-color-w),.5);
    }

    100% {
        opacity: .5;
        transform: scale(1);
        background-color: rgba(255, 255, 255, 0);
    }
}

.w70-menu__first:after {
    z-index: 1;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w67-header__first__mains__bars__after 3s infinite;
    animation: key-w67-header__first__mains__bars__after 3s infinite;
    display: none;
}

@media only screen and (min-width:75rem) {
    .w70-menu__first:after {
        display: block
    }
}

@-webkit-keyframes key-w67-header__first__mains__bars__after {
    0% {
        transform: scale(1);
        opacity: .1;
    }

    50% {
        opacity: .5;
        transform: scale(1.3);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}

.w70-menu__first__label {
    display: flex;
    width: 100%;
    align-items: center;
    height: 100%;
    cursor: pointer;
    position: relative;
    z-index: 2;
}

.ws1TransApply .w70-menu__first__label {
    border-radius: .5rem;
}

@media only screen and (max-width:75rem) {
    .w70-menu__first__label {
        display: none;
    }
}

.w70-menu__first__label__icon {
    font-size: 1.3rem;
    font-weight: 600;
}

@media only screen and (min-width:75rem) {
    .w70-menu__check:checked ~
    .w70-menu__group
    .w70-menu__first
    .w70-menu__first__label
    .w70-menu__first__label__icon:before {
        content: "\f141";
    }
}

.w70-menu__first__label__name {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
    margin-left: 1rem;
}

@media only screen and (min-width:75rem) {
    .w70-menu__mobile {
        position: absolute;
        top: calc(100% + 4rem);
        left: 0;
        width: 100%;
        z-index: -1;
        visibility: hidden;
        pointer-events: none;
    }

    .w70-menu__check:checked ~
    .w70-menu__group
    .w70-menu__mobile {
        z-index: 1;
        opacity: 1;
        visibility: visible;
        pointer-events: initial;
        top: calc(100% + 1rem);
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__mobile {
        position: absolute;
        top: calc(100%);
        background-color: rgba(var(--main-color-w), 1);
        width: 100%;
        left: 0;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 1rem;
        overflow: hidden;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w70-menu__check:checked ~
    .w70-menu__group
    .w70-menu__mobile {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        border: none;
        overflow: inherit;
        transform: none;
    }
}

.w70-menu__mobile__box {
    width: 100%;
    display: flex;
    border: solid .1rem rgba(var(--main-color-w), 1);
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w70-menu__mobile__box {
        width: 100%;
        position: relative;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w70-menu__mobile__box {
        flex-wrap: wrap;
    }
}

.w70-menu__mobile__box__one {
    width: 21%;
    background-color: #fff;
    border-right: solid .1rem rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 75rem) {
    .w70-menu__mobile__box__one {
        width: 25%;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w70-menu__mobile__box__one {
        width: 100%;
        border: none;
        border-radius: .3rem;
    }
}

.w70-menu__mobile__box__one__items {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.w70-menu__mobile__box__one__items__item {
    width: 100%;
    display: block;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.w70-menu__mobile__box__one__items__item__main {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem .75rem 1rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all .25s;
    flex-direction: row-reverse;
    border-top: solid .1rem #d5d5d5;
}

.w70-menu__mobile__box__one__items__item:first-child
.w70-menu__mobile__box__one__items__item__main {
    border-top: none;
}

@media only screen and (max-width: 56.25rem) {
    .w70-menu__mobile__box__one__items__item__main {
        padding: .75rem 1rem .75rem 1rem;
    }

    .w70-menu__mobile__box__one__items__item__check:checked ~
    .w70-menu__mobile__box__one__items__item__main {
        background-color: #f1f1f1;
    }
}

.w70-menu__mobile__box__one__items__item:hover
.w70-menu__mobile__box__one__items__item__main {
    background-color: #f1f1f1;
}

.w70-menu__mobile__box__one__items__item__check {
    display: none;
}

.w70-menu__mobile__box__one__items__item__main__imgbox {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    background-size: contain;
    background-position: center;
}

.w70-menu__mobile__box__one__items__item__main__name {
    font-size: 1.4rem;
    width: calc(100% - 3.5rem);
    transition: all .25s;
    line-height: 2.4rem;
    font-weight: 600;
    color: #3f3f3f;
}

.w70-menu__mobile__box__one__items__item__main:hover .w70-menu__mobile__box__one__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w70-menu__mobile__box__one__items__item__main__icon2 {
    font-size: 1.4rem;
    transition: all .25s;
    margin-right: .75rem;
    display: none;
}

@media only screen and (max-width: 56.25rem) {
    .w70-menu__mobile__box__one__items__item__main__icon2 {
        display: flex;
    }

    .w70-menu__mobile__box__one__items__item__check:checked ~
    .w70-menu__mobile__box__one__items__item__main
    .w70-menu__mobile__box__one__items__item__main__icon2 {
        transform: rotate(270deg);
    }
}

.w70-menu__mobile__box__one__items__item__main:hover .w70-menu__mobile__box__one__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width: 56.25rem) {
    .w70-menu__mobile__box__one__items__item__level {
        position: absolute;
        top: 0rem;
        width: 79%;
        left: 21%;
        padding: 0 0 0 1rem;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        height: 100%;
        background-color: #fff;
    }

    @media only screen and (max-width: 75rem) {
        .w70-menu__mobile__box__one__items__item__level {
            width: 75%;
            left: 25%;
        }
    }

    .w70-menu__mobile__box__one__items__item:hover
    .w70-menu__mobile__box__one__items__item__level {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .w70-menu__mobile__box__one__items__item__level__bg {
        padding: 1rem 1rem 0 1rem;
        height: 100%;
        position: absolute;
        left: 1rem;
        top: 0;
        z-index: 0;
        width: calc(100% - 1rem);
        background-color: #fff;
        height: calc(100% - .2rem);
        display: none;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w70-menu__mobile__box__one__items__item__level {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w70-menu__mobile__box__one__items__item__check:checked ~ .w70-menu__mobile__box__one__items__item__level {
        max-height: 900vh;
    }
}

.w70-menu__mobile__box__one__items__item__level__childs {
    padding: 1rem 1rem 0 1rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 56.25rem) {
    .w70-menu__mobile__box__one__items__item__level__childs {
        max-height: 100%;
        overflow-y: scroll;
    }

        .w70-menu__mobile__box__one__items__item__level__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w70-menu__mobile__box__one__items__item__level__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w70-menu__mobile__box__one__items__item__level__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w70-menu__mobile__box__one__items__item__level__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

.w70-menu__mobile__box__one__items__item__level__childs__child {
    width: 23.5%;
    margin-left: 2%;
    list-style-type: none;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 56.25rem) {
    .w70-menu__mobile__box__one__items__item__level__childs__child:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w70-menu__mobile__box__one__items__item__level__childs__child {
        width: 49%;
    }

        .w70-menu__mobile__box__one__items__item__level__childs__child:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w70-menu__mobile__box__one__items__item__level__childs__child__check {
    display: none;
}

.w70-menu__mobile__box__one__items__item__level__childs__child__main {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w70-menu__mobile__box__one__items__item__level__childs__child__main__name {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    width: 100%;
    padding: 0 .75rem 0 0;
    transition: all .25s;
    color: #3f3f3f;
}

.w70-menu__mobile__box__one__items__item__level__childs__child__main:hover .w70-menu__mobile__box__one__items__item__level__childs__child__main__name {
    color: rgba(var(--main-color-w),1);
}

.w70-menu__mobile__box__one__items__item__level__childs__child__main__icon {
    font-size: 1.4rem;
    position: absolute;
    right: .75rem;
    transition: all .25s;
    display: none;
}

.w70-menu__mobile__box__one__items__item__level__childs__child__main:hover .w70-menu__mobile__box__one__items__item__level__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

.w70-menu__mobile__box__one__items__item__level__childs__child__grands {
}

.w70-menu__mobile__box__one__items__item__level__childs__child__grands__grand {
    padding: .5rem 0;
    width: 100%;
    list-style-type: none;
}

.w70-menu__mobile__box__one__items__item__level__childs__child__grands__grand__main {
}

.w70-menu__mobile__box__one__items__item__level__childs__child__grands__grand__main__name {
    font-size: 1.5rem;
    display: flex;
    color: #3f3f3f;
}

.w70-menu__mobile__box__one__items__item__level__childs__child__grands__grand__main__name__icon {
    font-size: .7rem;
    margin-right: .5rem;
    margin-top: .7rem;
}

.w70-menu__mobile__box__one__items__item__level__childs__child__grands__grand__main
.w70-menu__mobile__box__one__items__item__level__childs__child__grands__grand__main__name:hover {
    transition: all .25s;
    color: rgba(var(--main-color-w),1);
}
.w70-menu__mobile__box__two {
    width: 79%;
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 0 1rem 1rem 1rem;
}
@media only screen and (min-width: 56.25rem) {
    .w70-menu__mobile__box__two {
        max-height: 60vh;
        overflow-y: scroll;
    }

        .w70-menu__mobile__box__two::-webkit-scrollbar {
            width: .4rem;
        }

        .w70-menu__mobile__box__two::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w70-menu__mobile__box__two::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w70-menu__mobile__box__two::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}
@media only screen and (max-width: 75rem) {
    .w70-menu__mobile__box__two {
        width: 75%;
    }

    @media only screen and (max-width: 56.25rem) {
        .w70-menu__mobile__box__two {
            width: 100%;
            margin-left: 0;
            margin-top: 1rem;
            border-radius: .5rem;
        }
    }
}

.w70-menu__mobile__box__two__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
}

.w70-menu__mobile__box__two__items__item {
    width: 23.5%;
    margin-left: 2%;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
    overflow: hidden;
    margin-top: 1rem;
    transition: all .5s;
    color: #3f3f3f;
}

    .w70-menu__mobile__box__two__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w70-menu__mobile__box__two__items__item:nth-child(4n+1) {
        margin-left: 0;
    }

.w70-menu__mobile__box__two__items__item__main {
    display: block;
    cursor: pointer;
}

.w70-menu__mobile__box__two__items__item__main__imgbox {
    background-size: contain;
    background-position: center;
}

.w70-menu__mobile__box__two__items__item__main__name {
    font-size: 1.5rem;
    line-height: 2.6rem;
    font-weight: 600;
    cursor: pointer;
    padding: 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w70-menu__mobile__box__two__items__item__main__name {
        font-size: 1.2rem;
        line-height: 2rem;
    }
}
.w70-menu__second {
    width: max-content;
    transition: all .5s;
}

@-webkit-keyframes key-w70-menu__second {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w70-menu__second {
    -webkit-animation: key-w70-menu__second 1s;
    animation: key-w70-menu__second 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second {
        position: absolute;
        top: calc(100%);
        background-color: rgba(var(--main-color-w), 1);
        width: 100%;
        right: 0;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        transition: all .25s;
        padding: 1rem;
        overflow: hidden;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w70-menu__checktintuc:checked ~
    .w70-menu__group
    .w70-menu__second {
        z-index: 1;
        opacity: 1;
        visibility: visible;
        top: 100%;
        border: none;
        overflow: inherit;
        transform: none;
    }
}

.w70-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items {
        width: 100%;
        background-color: #fff;
    }
}

.w70-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item {
        width: 100%;
    }
}

.w70-menu__second__items__item__check {
    display: none;
}

.w70-menu__second__items__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__main {
        padding: 0 0 0 0rem;
        border-top: solid #f1f1f1 .1rem;
    }
}

.w70-menu__second__items__item__main__name {
    font-size: 1.4rem;
    text-transform: capitalize;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__main__name {
        text-transform: uppercase;
        font-size: 1.3rem;
        font-weight: 600;
        transition: all .5s;
        display: block;
        width: 100%;
        padding: 1rem 0rem 1rem 2rem;
    }

    .w70-menu__second__items__item:hover .w70-menu__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__main__name {
        color: #3f3f3f;
        transition: all .5s;
        font-weight: 600;
        padding: 1.25rem 1.75rem;
    }

    .ws1TransApply .w70-menu__second__items__item__main__name {
        color: #fff;
    }

    .w70-menu__second__items__item:hover .w70-menu__second__items__item__main__name {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }
}

.w70-menu__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__main__icon1 {
        display: inline-block;
        position: absolute;
        left: 1rem;
    }
}

.w70-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__main__icon2 {
        padding: 0rem 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid .1rem #f1f1f1;
        color: rgba(var(--main-color-w),1);
        right: 0;
        height: 100%;
    }

    .w70-menu__second__items__item__check:checked ~
    .w70-menu__second__items__item__main
    .w70-menu__second__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w70-menu__second__items__item__check:checked ~
        .w70-menu__second__items__item__main
        .w70-menu__second__items__item__main__icon2
        .w70-menu__second__items__item__main__icon2__value:before {
            content: "\f106" !important;
        }
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__main__icon2 {
        color: #3f3f3f;
    }

    .ws1TransApply .w70-menu__second__items__item__main__icon2 {
        color: #fff;
    }

    .w70-menu__second__items__item:hover
    .w70-menu__second__items__item__main__icon2 {
        color: #fff;
    }
}

.w70-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
    }

    .w70-menu__second__items__item__check:checked ~
    .w70-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 6rem;
        border: solid #f1f1f1 .1rem;
        background-color: rgba(var(--main-color-w),1);
        width: max-content;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }

    .w70-menu__second__items__item:hover .w70-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        top: 100%;
        background-color: rgba(var(--main-color-w),1);
        border: rgba(241,241,241,.2) solid .1rem;
        pointer-events: visible;
    }
}

.w70-menu__second__items__item__childs__child {
    position: relative;
}

    .w70-menu__second__items__item__childs__child:last-child {
        border: none;
    }

.w70-menu__second__items__item__childs__child__main {
    display: flex;
    border-top: solid #f1f1f1 .1rem;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__childs__child__main {
        border-color: rgba(241,241,241,.2);
    }

    .w70-menu__second__items__item__childs__child:first-child .w70-menu__second__items__item__childs__child__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__childs__child__main {
        padding: 0 0 0 0rem;
    }
}

.w70-menu__second__items__item__childs__child__main__name {
    font-size: 1.4rem;
    display: block;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__childs__child__main__name {
        text-transform: capitalize;
        font-size: 1.4rem;
        font-weight: 600;
        padding: 1rem 0rem 1rem 3rem;
        transition: all .5s;
    }

    .w70-menu__second__items__item__childs__child:hover .w70-menu__second__items__item__childs__child__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__childs__child__main__name {
        color: #fff;
        transition: all .5s;
        padding: 1rem 2rem 1rem 1rem;
        cursor: pointer;
    }

    .w70-menu__second__items__item__childs__child:hover .w70-menu__second__items__item__childs__child__main__name {
    }

    .w70-menu__second__items__item__childs__child:hover .w70-menu__second__items__item__childs__child__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w70-menu__second__items__item__childs__child__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: .5rem;
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__childs__child__main__icon {
        color: #fff;
    }

    .w70-menu__second__items__item__childs__child:hover .w70-menu__second__items__item__childs__child__main__icon {
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__childs__child__main__icon {
        padding: 0rem 1.25rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid 0.1rem #f1f1f1;
        position: absolute;
        right: 0;
        height: 100%;
    }

    .w70-menu__second__items__item__childs__child__check:checked ~
    .w70-menu__second__items__item__childs__child__main
    .w70-menu__second__items__item__childs__child__main__icon {
        background-color: #f1f1f1;
    }

    .w70-menu__second__items__item__childs__child__main__icon__value:before {
        content: "\f107" !important;
    }

    .w70-menu__second__items__item__childs__child__check:checked ~
    .w70-menu__second__items__item__childs__child__main
    .w70-menu__second__items__item__childs__child__main__icon
    .w70-menu__second__items__item__childs__child__main__icon__value:before {
        content: "\f106" !important;
    }
}

.w70-menu__second__items__item__childs__child__check {
    display: none;
}

.w70-menu__second__items__item__childs__child__grands {
    list-style: none;
    transition: all .25s;
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__childs__child__grands {
        overflow: hidden;
        max-height: 0;
    }

    .w70-menu__second__items__item__childs__child__check:checked ~
    .w70-menu__second__items__item__childs__child__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__childs__child__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        border: solid #f1f1f1 .1rem;
        background-color: rgba(var(--main-color-w),1);
        width: 20rem;
        border: rgba(241,241,241,.2) solid .1rem;
    }

    .w70-menu__second__items__item__childs__child:hover .w70-menu__second__items__item__childs__child__grands {
        left: 100%;
        z-index: 2;
        opacity: 1;
        visibility: visible;
        border: none;
    }
}

.w70-menu__second__items__item__childs__child__grands__grand {
}

.w70-menu__second__items__item__childs__child__grands__grand__main {
    border-top: solid #f1f1f1 .1rem;
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__childs__child__grands__grand__main {
        border-color: rgba(241,241,241,.2);
    }

    .w70-menu__second__items__item__childs__child__grands__grand:first-child .w70-menu__second__items__item__childs__child__grands__grand__main {
        border: none;
    }

    .w70-menu__second__items__item__childs__child__grands__grand:hover .w70-menu__second__items__item__childs__child__grands__grand__main {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__childs__child__grands__grand__main {
    }
}

.w70-menu__second__items__item__childs__child__grands__grand__main__name {
    font-size: 1.4rem;
    transition: all .5s;
    padding: 1rem 1rem 1rem 5rem;
    display: block;
    cursor: pointer;
}

@media only screen and (min-width:75rem) {
    .w70-menu__second__items__item__childs__child__grands__grand__main__name {
        color: #fff;
        padding: 1rem;
    }

    .w70-menu__second__items__item__childs__child__grands__grand__main:hover .w70-menu__second__items__item__childs__child__grands__grand__main__name {
    }
}

@media only screen and (max-width:75rem) {
    .w70-menu__second__items__item__childs__child__grands__grand__main__name {
        font-size: 1.3rem;
        text-transform: capitalize;
        font-weight: 600;
    }

    .w70-menu__second__items__item__childs__child__grands__grand:hover .w70-menu__second__items__item__childs__child__grands__grand__main__name {
    }

    .w70-menu__second__items__item__childs__child__grands__grand__main:hover .w70-menu__second__items__item__childs__child__grands__grand__main__name {
        color: rgba(var(--main-color-w),1);
    }
}
/*ed*/

/*w70-banner*/
.w70-banner {
    position: relative;
    z-index: 0;
    background-color: #fff;
    padding: 1rem 1rem 0rem;
    color: #363636;
}

@media only screen and (max-width: 75rem) {
    .w70-banner {
        padding-bottom: 0;
    }
}

.w70-banner__group {
    display: flex;
    align-items: flex-start;
    width: 100%;
    max-width: 120rem;
    position: relative;
    margin: 0 auto;
}

@media only screen and (max-width: 75rem) {
    .w70-banner__group {
        flex-wrap: wrap;
    }
}

.w70-banner__first {
    width: 78%;
    display: flex;
    border: solid .1rem rgba(var(--main-color-w), 1);
    border-radius: .5rem;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w70-banner__first {
        width: 100%;
        position: relative;
    }

    @media only screen and (max-width: 56.25rem) {
        .w70-banner__first {
            flex-wrap: wrap;
            flex-direction: column-reverse;
        }
    }
}

.w70-banner__first__one {
    width: 26.5%;
    background-color: #fff;
    border-right: solid .1rem rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 75rem) {
    .w70-banner__first__one {
        width: 25%;
    }

    @media only screen and (max-width: 56.25rem) {
        .w70-banner__first__one {
            width: 100%;
            border-right: none;
        }
    }
}

.w70-banner__first__one__items {
    margin: 0;
    padding: 0;
    width: 100%;
    list-style-type: none;
}

.w70-banner__first__one__items__item {
    width: 100%;
    display: block;
    align-items: center;
    list-style-type: none;
    padding: 0;
    margin: 0;
    cursor: pointer;
}

.w70-banner__first__one__items__item__main {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem .75rem 1rem;
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all .25s;
    flex-direction: row-reverse;
    border-top: solid .1rem #d5d5d5;
}

.w70-banner__first__one__items__item:first-child
.w70-banner__first__one__items__item__main {
    border-top: none;
}

@media only screen and (max-width: 56.25rem) {
    .w70-banner__first__one__items__item__main {
        padding: .75rem 1rem .75rem 1rem;
    }

    .w70-banner__first__one__items__item__check:checked ~
    .w70-banner__first__one__items__item__main {
        background-color: #f1f1f1;
    }
}

.w70-banner__first__one__items__item:hover
.w70-banner__first__one__items__item__main {
    background-color: #f1f1f1;
}

.w70-banner__first__one__items__item__check {
    display: none;
}

.w70-banner__first__one__items__item__main__imgbox {
    display: flex;
    width: 2.5rem;
    height: 2.5rem;
    justify-content: center;
    align-items: center;
    margin-left: .5rem;
    background-size: contain;
    background-position: center;
}

.w70-banner__first__one__items__item__main__name {
    font-size: 1.4rem;
    width: calc(100% - 3.5rem);
    transition: all .25s;
    line-height: 2.4rem;
    font-weight: 600;
    color: #3f3f3f;
}

.w70-banner__first__one__items__item__main:hover .w70-banner__first__one__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w70-banner__first__one__items__item__main__icon2 {
    font-size: 1.4rem;
    transition: all .25s;
    margin-right: .75rem;
    display: none;
}

@media only screen and (max-width: 56.25rem) {
    .w70-banner__first__one__items__item__main__icon2 {
        display: flex;
    }

    .w70-banner__first__one__items__item__check:checked ~
    .w70-banner__first__one__items__item__main
    .w70-banner__first__one__items__item__main__icon2 {
        transform: rotate(270deg);
    }
}

.w70-banner__first__one__items__item__main:hover .w70-banner__first__one__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width: 56.25rem) {
    .w70-banner__first__one__items__item__level {
        position: absolute;
        top: 0rem;
        width: 73.5%;
        left: 26.5%;
        padding: 0 0 0 1rem;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        height: 100%;
        background-color: #fff;
    }

    @media only screen and (max-width: 75rem) {
        .w70-banner__first__one__items__item__level {
            width: 75%;
            left: 25%;
        }
    }

    .w70-banner__first__one__items__item:hover
    .w70-banner__first__one__items__item__level {
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }

    .w70-banner__first__one__items__item__level__bg {
        padding: 1rem 1rem 0 1rem;
        height: 100%;
        position: absolute;
        left: 1rem;
        top: 0;
        z-index: 0;
        width: calc(100% - 1rem);
        background-color: #fff;
        height: calc(100% - .2rem);
        display: none;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w70-banner__first__one__items__item__level {
        overflow: hidden;
        max-height: 0;
        transition: all .25s;
    }

    .w70-banner__first__one__items__item__check:checked ~ .w70-banner__first__one__items__item__level {
        max-height: 900vh;
    }
}

.w70-banner__first__one__items__item__level__childs {
    padding: 1rem 1rem 0 1rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

@media only screen and (min-width: 56.25rem) {
    .w70-banner__first__one__items__item__level__childs {
        max-height: 100%;
        overflow-y: scroll;
    }

        .w70-banner__first__one__items__item__level__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w70-banner__first__one__items__item__level__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w70-banner__first__one__items__item__level__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w70-banner__first__one__items__item__level__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

.w70-banner__first__one__items__item__level__childs__child {
    width: 23.5%;
    margin-left: 2%;
    list-style-type: none;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 56.25rem) {
    .w70-banner__first__one__items__item__level__childs__child:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 56.25rem) {
    .w70-banner__first__one__items__item__level__childs__child {
        width: 49%;
    }

        .w70-banner__first__one__items__item__level__childs__child:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w70-banner__first__one__items__item__level__childs__child__check {
    display: none;
}

.w70-banner__first__one__items__item__level__childs__child__main {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w70-banner__first__one__items__item__level__childs__child__main__name {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    width: 100%;
    padding: 0 .75rem 0 0;
    transition: all .25s;
    color: #3f3f3f;
}

.w70-banner__first__one__items__item__level__childs__child__main:hover .w70-banner__first__one__items__item__level__childs__child__main__name {
    color: rgba(var(--main-color-w),1);
}

.w70-banner__first__one__items__item__level__childs__child__main__icon {
    font-size: 1.4rem;
    position: absolute;
    right: .75rem;
    transition: all .25s;
    display: none;
}

.w70-banner__first__one__items__item__level__childs__child__main:hover .w70-banner__first__one__items__item__level__childs__child__main__icon {
    color: rgba(var(--main-color-w),1);
}

.w70-banner__first__one__items__item__level__childs__child__grands {
}

.w70-banner__first__one__items__item__level__childs__child__grands__grand {
    padding: .5rem 0;
    width: 100%;
    list-style-type: none;
}

.w70-banner__first__one__items__item__level__childs__child__grands__grand__main {
}

.w70-banner__first__one__items__item__level__childs__child__grands__grand__main__name {
    font-size: 1.5rem;
    display: flex;
    color: #3f3f3f;
}

.w70-banner__first__one__items__item__level__childs__child__grands__grand__main__name__icon {
    font-size: .7rem;
    margin-right: .5rem;
    margin-top: .7rem;
}

.w70-banner__first__one__items__item__level__childs__child__grands__grand__main
.w70-banner__first__one__items__item__level__childs__child__grands__grand__main__name:hover {
    transition: all .25s;
    color: rgba(var(--main-color-w),1);
}
.w70-banner__first__two {
    width: 73.5%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 75rem) {
    .w70-banner__first__two {
        width: 75%;
    }

    @media only screen and (max-width: 56.25rem) {
        .w70-banner__first__two {
            width: 100%;
            margin-left: 0;
            margin-bottom: 1rem;
        }
    }
}

.w70-banner__first__two__items {
    width: 100%;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w70-banner__first__two__items {
        width: 100%;
    }
}

.w70-banner__first__two__items__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    cursor: pointer;
    height: max-content;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w70-banner__first__two__items__mains {
        width: 100%;
    }
}

.w70-banner__first__two__items__mains .swiper-pagination-bullet {
    background-color: white;
}

.w70-banner__first__two__items__mains .swiper-pagination-bullet-active {
    background-color: white;
}

.w70-banner__first__two__items__mains__main__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w70-banner__first__two__items__mains__main__item__imgbox__img {
    width: 100%;
}

.w70-banner__first__two__items__mains .swiper-button-next {
    right: 0;
    background-color: rgba(0, 0, 0, 0.556);
    border-top-left-radius: 0.4rem;
    border-bottom-left-radius: 0.4rem;
    transition: all .5s;
    z-index: 0;
}

.w70-banner__first__two__items__mains__next.swiper-button-next,
.w70-banner__first__two__items__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    background-color: transparent;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
    top: initial;
}

.w70-banner__first__two__items__mains__next.swiper-button-next {
    right: 1rem;
}

.w70-banner__first__two__items__mains__next.swiper-button-prev {
    left: 1rem;
}

.w70-banner__first__two__items__mains__next:hover,
.w70-banner__first__two__items__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w70-banner__first__two__items__mains__next:after,
.w70-banner__first__two__items__mains__prev:after {
    display: none;
}
.w70-banner__third {
    width: 21%;
    margin-left: 1%;
    overflow:hidden;
}

@media only screen and (max-width: 75rem) {
    .w70-banner__third {
        margin-top: 1rem;
        margin-left: 0;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }
}

.w70-banner__third__item {
    display: block;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 75rem) {
    .w70-banner__third__item:last-child {
        margin-bottom: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w70-banner__third__item {
        margin-left: 1rem;
        width: 100%;
    }

        .w70-banner__third__item:first-child {
            margin-left: 0;
        }
}

.w70-banner__third__item__link {
    display: block;
}

.w70-banner__third__item__link__imgbox {
    width: 100%;
    cursor: pointer;
    background-size: cover;
    background-position: center;
    border-radius: .3rem;
}

.w70-banner__third__item__link__imgbox__img {
    width: 100%;
}

.w46-banner__container__items__mains__main__pagination {
    z-index: 1;
}
/*ed*/
/*w70-product-1*/
.w70-product-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
}

.w70-product-1__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w70-product-1__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w70-product-1__heading__main {
}

.w70-product-1__heading__main__title {
    font-size: 3rem;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

.w70-product-1__heading__main:hover
.w70-product-1__heading__main__title {
    color: rgba(var(--second-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-1__heading__main__title {
    }
}

.w70-product-1__heading__main__line {
    display: block;
    width: 10rem;
    height: .4rem;
    margin-top: .75rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

.w70-product-1__heading__main:hover
.w70-product-1__heading__main__line {
    background-color: rgba(var(--second-color-w),1);
}

.w70-product-1__heading__btn {
    margin-left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 2rem;
    color: #fff;
    border-radius: 2rem;
}

    .w70-product-1__heading__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w70-product-1__heading__btn__text {
    font-size: 1.4rem;
}

.w70-product-1__heading__btn__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-1__heading__btn {
        font-size: 1rem;
    }
}

.w70-product-1__mains {
    margin-top: 2rem;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    justify-content: space-between;
    border: solid .1rem #ddd;
    overflow: hidden;
    border-radius: .3rem;
}

.w70-product-1__mains__first {
    width: 20%;
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-1__mains__first {
        width: 100%;
    }
}

.w70-product-1__mains__first__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

    .w70-product-1__mains__first__imgbox:hover {
        transform: scale(1.025);
    }

.w70-product-1__mains__first__imgbox__img {
    width: 100%;
    height: 100%;
}


.w70-product-1__mains__first__imgbox__img {
    width: 100%;
}

.w70-product-1__mains__first__bg1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    left: 10%;
    z-index: 2;
    animation-name: key-w70-product-1__mains__first__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-1__mains__first__bg1 {
    0% {
        height: 0;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w70-product-1__mains__first__bg2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    top: 10%;
    z-index: 2;
    animation-name: key-w70-product-1__mains__first__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-1__mains__first__bg2 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w70-product-1__mains__first__bg3 {
    position: absolute;
    height: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    right: 10%;
    top: 0;
    z-index: 2;
    animation-name: key-w70-product-1__mains__first__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-1__mains__first__bg3 {
    0% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w70-product-1__mains__first__bg4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(255,255,255,.5);
    top: 90%;
    right: 0;
    z-index: 2;
    animation-name: key-w70-product-1__mains__first__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-1__mains__first__bg4 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,0.5);
    }
}

.w70-product-1__mains__main {
    width: 80%;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-1__mains__main {
        width: 100%;
    }
}

.w70-product-1__mains__main__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
    position: relative;
    align-items: center;
}

.w70-product-1__mains__main__items__item {
    z-index: 0;
}

.w70-product-1__mains__main__items__item__noidung.swiper-slide {
    width: calc(25% - .1rem);
    height: 100%;
    border-left: solid .1rem #ddd;
    overflow: hidden;
    height: 100%;
}

@media only screen and (max-width: 56.25rem) {
    .w70-product-1__mains__main__items__item__noidung.swiper-slide {
        width: calc(33.333333% - .1rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-1__mains__main__items__item__noidung.swiper-slide {
        width: calc(50% - .1rem);
    }

    .w70-product-1__mains__main__items__item__noidung.swiper-slide {
        border-left: none;
        border-right: solid .1rem #ddd;
    }

        .w70-product-1__mains__main__items__item__noidung.swiper-slide:last-child {
            border-right: none;
        }
}

.w70-product-1__mains__main__items__item__noidung__top {
    display: block;
    cursor: pointer;
    overflow: hidden;
}

.w70-product-1__mains__main__items__item__noidung__top__imgbox {
    width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w70-product-1__mains__main__items__item__noidung__top__imgbox:hover {
        transform: scale(1.05);
    }

.w70-product-1__mains__main__items__item__noidung__top__imgbox__img {
    width: 100%;
}

.w70-product-1__mains__main__items__item__noidung__thongtin {
    padding: 1rem;
}

.w70-product-1__mains__main__items__item__noidung__thongtin__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .75rem;
    transition: all 0.3s ease;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

    .w70-product-1__mains__main__items__item__noidung__thongtin__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w70-product-1__mains__main__items__item__noidung__thongtin__pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w70-product-1__mains__main__items__item__noidung__thongtin__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
}

.w70-product-1__mains__main__items__item__noidung__thongtin__pricing__sub {
    color: #999;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w70-product-1__mains__main__items__next.swiper-button-next,
.w70-product-1__mains__main__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.9);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    z-index: 0;
}

.w70-product-1__mains__main__items__prev {
    left: 2rem;
}

.w70-product-1__mains__main__items__next {
    right: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-product-1__mains__main__items__prev {
        left: 1rem;
    }

    .w70-product-1__mains__main__items__next {
        right: 1rem;
    }
}

.w70-product-1__mains__main__items__next:hover,
.w70-product-1__mains__main__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w70-product-1__mains__main__items__next:after,
.w70-product-1__mains__main__items__prev:after {
    display: none;
}
/*ed*/
/*w70-product-2*/
.w70-product-2 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
}

.w70-product-2__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w70-product-2__heading {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w70-product-2__heading__main {
}

.w70-product-2__heading__main__title {
    font-size: 3rem;
    width: fit-content;
    display: block;
    text-align: center;
    max-width: 100%;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    cursor: pointer;
}

.w70-product-2__heading__main:hover
.w70-product-2__heading__main__title {
    color: rgba(var(--second-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-2__heading__main__title {
    }
}

.w70-product-2__heading__main__line {
    display: block;
    width: 10rem;
    height: .4rem;
    margin-top: .75rem;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

.w70-product-2__heading__main:hover
.w70-product-2__heading__main__line {
    background-color: rgba(var(--second-color-w),1);
}

.w70-product-2__heading__btn {
    margin-left: auto;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    padding: .75rem 2rem;
    color: #fff;
    border-radius: 2rem;
}

    .w70-product-2__heading__btn:hover {
        background-color: rgba(var(--second-color-w),1);
        letter-spacing: .1rem;
    }

.w70-product-2__heading__btn__text {
    font-size: 1.4rem;
}

.w70-product-2__heading__btn__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-2__heading__btn {
        font-size: 1rem;
    }
}

.w70-product-2__mains {
    margin-top: 2rem;
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    justify-content: space-between;
    border: solid .1rem #ddd;
    overflow: hidden;
    border-radius: .3rem;
}

.w70-product-2__mains__first {
    width: 20%;
    overflow: hidden;
    position: relative;
    z-index: 0;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-2__mains__first {
        width: 100%;
    }
}

.w70-product-2__mains__first__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-2__mains__first__imgbox {
        display: none;
    }
}

.w70-product-2__mains__first__imgbox:hover {
    transform: scale(1.025);
}

.w70-product-2__mains__first__imgbox__img {
    width: 100%;
    height: 100%;
}


.w70-product-2__mains__first__imgbox__img {
    width: 100%;
}

.w70-product-2__mains__first__imgbox2 {
    display: none;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-2__mains__first__imgbox2 {
        display: block;
    }
}

.w70-product-2__mains__first__imgbox2__img {
    width: 100%;
}

.w70-product-2__mains__first__bg1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    left: 10%;
    z-index: 2;
    animation-name: key-w70-product-2__mains__first__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-2__mains__first__bg1 {
    0% {
        height: 0;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w70-product-2__mains__first__bg2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    top: 10%;
    z-index: 2;
    animation-name: key-w70-product-2__mains__first__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-2__mains__first__bg2 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w70-product-2__mains__first__bg3 {
    position: absolute;
    height: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    right: 10%;
    top: 0;
    z-index: 2;
    animation-name: key-w70-product-2__mains__first__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-2__mains__first__bg3 {
    0% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w70-product-2__mains__first__bg4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(255,255,255,.5);
    top: 90%;
    right: 0;
    z-index: 2;
    animation-name: key-w70-product-2__mains__first__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w70-product-2__mains__first__bg4 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,0.5);
    }
}

.w70-product-2__mains__main {
    width: 80%;
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-2__mains__main {
        width: 100%;
    }
}

.w70-product-2__mains__main__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    overflow: hidden;
    position: relative;
    align-items: center;
}

.w70-product-2__mains__main__items__item {
    z-index: 0;
}

.w70-product-2__mains__main__items__item__noidung.swiper-slide {
    width: calc(25% - .1rem);
    height: 100%;
    border-left: solid .1rem #ddd;
    overflow: hidden;
    height: 100%;
}

@media only screen and (max-width: 56.25rem) {
    .w70-product-2__mains__main__items__item__noidung.swiper-slide {
        width: calc(33.333333% - .1rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w70-product-2__mains__main__items__item__noidung.swiper-slide {
        width: calc(50% - .1rem);
    }

    .w70-product-2__mains__main__items__item__noidung.swiper-slide {
        border-left: none;
        border-right: solid .1rem #ddd;
    }

        .w70-product-2__mains__main__items__item__noidung.swiper-slide:last-child {
            border-right: none;
        }
}

.w70-product-2__mains__main__items__item__noidung__child:first-child {
    border-bottom: solid .1rem #ddd;
}

.w70-product-2__mains__main__items__item__noidung__child__top {
    display: block;
    cursor: pointer;
    overflow: hidden;
}

.w70-product-2__mains__main__items__item__noidung__child__top__imgbox {
    width: 100%;
    display: block;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w70-product-2__mains__main__items__item__noidung__child__top__imgbox:hover {
        transform: scale(1.05);
    }

.w70-product-2__mains__main__items__item__noidung__child__top__imgbox__img {
    width: 100%;
}

.w70-product-2__mains__main__items__item__noidung__child__thongtin {
    padding: 1rem;
}

.w70-product-2__mains__main__items__item__noidung__child__thongtin__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .75rem;
    transition: all 0.3s ease;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
}

    .w70-product-2__mains__main__items__item__noidung__child__thongtin__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w70-product-2__mains__main__items__item__noidung__child__thongtin__pricing {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w70-product-2__mains__main__items__item__noidung__child__thongtin__pricing__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    font-weight: 600;
    display: block;
}

.w70-product-2__mains__main__items__item__noidung__child__thongtin__pricing__sub {
    color: #999;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w70-product-2__mains__main__items__next.swiper-button-next,
.w70-product-2__mains__main__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.9);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    z-index: 0;
}

.w70-product-2__mains__main__items__prev {
    left: 2rem;
}

.w70-product-2__mains__main__items__next {
    right: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-product-2__mains__main__items__prev {
        left: 1rem;
    }

    .w70-product-2__mains__main__items__next {
        right: 1rem;
    }
}

.w70-product-2__mains__main__items__next:hover,
.w70-product-2__mains__main__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w70-product-2__mains__main__items__next:after,
.w70-product-2__mains__main__items__prev:after {
    display: none;
}
/*ed*/

/*w70-service*/
.w70-service {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
}

.w70-service__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w70-service__items {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items:flex-start;
}

@media only screen and (max-width:50rem) {
    .w70-service__items {
        flex-wrap: wrap;
    }
}

.w70-service__items__item {
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    margin-right: 1rem;
}

    .w70-service__items__item:last-child {
        margin-right: 0;
    }

@media only screen and (max-width:50rem) {
    .w70-service__items__item {
        width: 100%;
    }
}

.w70-service__items__item__icon {
    margin-right: 1rem;
}

    .w70-service__items__item__icon:hover .w70-service__items__item__icon__value {
        transform: scale(1.2);
    }

.w70-service__items__item__icon__value {
    font-size: 4rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

.w70-service__items__item__main {
    display: flex;
    margin-left: 1rem;
    flex-wrap: wrap;
}

.w70-service__items__item__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
}

    .w70-service__items__item__main__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w70-service__items__item__main__des {
    font-size: 1.4rem;
    width: 100%;
    margin-top: .75rem;
    line-height: 2.4rem;
}
/*ed*/
/*w70-productlist*/
.w70-productlist {
    width: 100%;
    padding: 3rem 1rem 3rem;
    position: relative;
    background-color: #fff;
    z-index: 0;
}

.w70-productlist__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w70-productlist__heading {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w70-productlist__heading__name {
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    text-transform: uppercase;
    font-size: 3rem;
    line-height: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-productlist__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w70-productlist__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w70-productlist__mains {
    width: 100%;
    position: relative;
    z-index: 0;
}

.w70-productlist__mains__main {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1rem;
}

.w70-productlist__mains__main__item {
    width: 23.5%;
    margin-left: 2%;
    background-color: #fff;
    outline: none;
    margin-top: 2rem;
    position: relative;
    outline: none;
    transition: all .5s;
    overflow: hidden;
    border-radius: .3rem;
    border: solid .1rem #ddd;
}

@media only screen and (min-width:75rem) {
    .w70-productlist__mains__main .w70-productlist__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }

    .w70-productlist__mains__main.two-item .w70-productlist__mains__main__item {
        width: 49%;
    }

        .w70-productlist__mains__main.two-item .w70-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w70-productlist__mains__main.three-item .w70-productlist__mains__main__item {
        width: 32%;
    }

        .w70-productlist__mains__main.three-item .w70-productlist__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:75rem) {
    .w70-productlist__mains__main__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w70-productlist__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w70-productlist__mains__main__item {
        width: 49%;
    }

        .w70-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w70-productlist__mains__main__item {
        width: 100%;
        margin-left: 0;
    }
}

.w70-productlist__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
}

.w70-productlist__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    padding: 1rem;
    background-color: #fff;
}

.w70-productlist__mains__main__item__content__attrs {
    width: 100%;
    display: flex;
    background-color: #f1f1f1;
    padding: .5rem 1rem;
    justify-content: space-between;
}

.w70-productlist__mains__main__item__content__attrs__attr {
    display: flex;
    align-items: center;
    color: #858585;
    font-size: 1.5rem;
    margin-left: 1rem;
}

    .w70-productlist__mains__main__item__content__attrs__attr:first-child {
        margin-left: 0;
    }

.w70-productlist__mains__main__item__content__attrs__attr__icon {
    margin-right: .5rem;
}

.w70-productlist__mains__main__item__content__attrs__attr__name {
    line-height: 2.4rem;
    font-style: italic;
}

.w70-productlist__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    font-weight: 600;
    margin-top: .75rem;
    cursor: pointer;
    color: #3f3f3f;
    transition: all .5s;
}

    .w70-productlist__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w70-productlist__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    border-radius: .3rem .3rem 0 0;
    transition: 0.5s all ease-in-out;
}

.w70-productlist__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w70-productlist__mains__main__item__content__top__imgbox--second {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w70-productlist__mains__main__item__content__top:hover .w70-productlist__mains__main__item__content__top__imgbox--second {
    transform: scale(1.05);
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w70-productlist__mains__main__item__content__top__sale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .5rem 1rem .5rem 1rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    z-index: 2;
}

.w70-productlist__mains__main__item__content__bottom__price {
    display: flex;
    width: 100%;
    align-items: center;
}

.w70-productlist__mains__main__item__content__bottom__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 700;
}

.w70-productlist__mains__main__item__content__bottom__price__sub {
    color: #858585;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w70-productlist__bar {
    display: flex;
    width: 100%;
    margin-top: 2rem;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
    position: relative;
    padding: 1rem 0;
}

.w70-productlist__bar__bg {
    background-color: #f1f1f1;
    position: absolute;
    top: 0;
    left: -50%;
    width: 200%;
    height: 100%;
    z-index: 0;
}

.w70-productlist__bar__first {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #3f3f3f;
    position: relative;
    z-index: 1;
}

.w70-productlist__bar__first__icon {
    font-size: 1.6rem;
    font-weight: 500;
}

.w70-productlist__bar__first__text {
    font-size: 1.6rem;
    font-weight: 500;
    margin-left: 1rem;
}

.w70-productlist__bar__second {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

.w70-productlist__bar__second__view {
    display: flex;
    margin-right: 3rem;
}

@media only screen and (max-width:50rem) {
    .w70-productlist__bar__second__view {
        display: none;
    }
}

.w70-productlist__bar__second__view__item {
    cursor: pointer;
    margin-left: 1rem;
}

    .w70-productlist__bar__second__view__item:first-child {
        margin-left: 0;
    }

    .w70-productlist__bar__second__view__item:hover,
    .w70-productlist__bar__second__view__item.active {
    }

    .w70-productlist__bar__second__view__item svg {
        fill: #3f3f3f;
        opacity: .7;
        transition: all .5s;
        pointer-events: none;
    }

    .w70-productlist__bar__second__view__item:hover svg,
    .w70-productlist__bar__second__view__item.active svg {
        fill: #000;
        opacity: 1;
    }

.w70-productlist__bar__second__sort {
}

.w70-productlist__bar__second__sort__select {
    font-size: 1.4rem;
    border: none;
    border-bottom: solid #f1f1f1 .1rem;
    padding: .5rem 1rem;
    outline: none;
    background-color: #fff;
    text-align: center;
}

.w70-productlist__bar__second__sort__dropdown {
    margin-left: auto;
    position: relative;
    min-width: 15rem;
}

@media only screen and (max-width:50rem) {
    .w70-productlist__bar__second__sort__dropdown {
        width: 100%;
    }
}

.w70-productlist__bar__second__sort__dropdown__label {
    background-color: #fff;
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #3f3f3f;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
}

.w70-productlist__bar__second__sort__dropdown:hover .w70-productlist__bar__second__sort__dropdown__label {
    background-color: rgba(var(--second-color-w), 1);
}

.w70-productlist__bar__second__sort__dropdown__check:checked ~
.w70-productlist__bar__second__sort__dropdown__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
}

.w70-productlist__bar__second__sort__dropdown__label__name {
    font-size: 1.4rem;
}

.w70-productlist__bar__second__sort__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w70-productlist__bar__second__sort__dropdown__check {
    display: none;
}

.w70-productlist__bar__second__sort__dropdown__items {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: .1rem solid rgba(129,129,129,.2);
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
}

.w70-productlist__bar__second__sort__dropdown__check:checked ~
.w70-productlist__bar__second__sort__dropdown__items {
    visibility: visible;
    z-index: 1;
    top: 4rem;
    opacity: 1;
}

.w70-productlist__bar__second__sort__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: .1rem solid rgba(129,129,129,.2);
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w70-productlist__bar__second__sort__dropdown__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

    .w70-productlist__bar__second__sort__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w70-productlist__bar__attr {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    position: relative;
    z-index: 1;
}

.w70-productlist__bar__attr__item {
    align-items: center;
    display: flex;
    border-radius: .25rem;
    cursor: pointer;
    margin-right: 1.5rem;
    margin-top: .5rem;
    color: #3f3f3f;
    margin-bottom: .5rem;
}

    .w70-productlist__bar__attr__item:hover {
        color: red;
    }

@media only screen and (min-width:31.25rem) {
    .w70-productlist__bar__attr__item:last-child {
        margin-right: 0;
    }
}

@media only screen and (max-width:31.25rem) {
    .w70-productlist__bar__attr__item {
        width: 49%;
        margin-left: 2%;
        margin-right: 0;
    }

        .w70-productlist__bar__attr__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w70-productlist__bar__attr__item__icon {
    font-size: 1.4rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    position: relative;
}

    .w70-productlist__bar__attr__item__icon:before {
        transition: all .5s;
        transform: rotate(45deg);
    }

    .w70-productlist__bar__attr__item__icon:after {
        position: absolute;
        content: "\f068";
        transition: all .5s;
        transform: rotate(-45deg);
        font-weight: 500;
    }

.w70-productlist__bar__attr__item__name {
    font-size: 1.4rem;
    margin-left: .25rem;
    font-weight: 500;
}

.w70-productlist__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
}

.w70-productlist__paging__item {
    list-style-type: none;
    margin: 1.5rem .5rem;
}

.w70-productlist__paging__item__text {
    font-size: 1.4rem;
    border: solid .1rem #f1f1f1;
    padding: .75rem 1rem;
    cursor: pointer;
    transition: all .5s;
    border-radius: .3rem;
}

    .w70-productlist__paging__item__text:hover,
    .w70-productlist__paging__item__text.active {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w70-productlist__check {
    display: none;
}

.w70-productlist__danhmuc {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    width: 100%;
    height: 100vh;
    transition: all 1s;
}

.w70-productlist__check:checked ~ .w70-productlist__danhmuc {
    z-index: 9;
    opacity: 1;
    visibility: visible;
}

.w70-productlist__danhmuc__mains {
    position: absolute;
    width: 35rem;
    left: -35rem;
    z-index: 2;
    height: 100vh;
    transition: all 1s;
    background-color: #fff;
    border-right: solid .1rem #f1f1f1;
    overflow-y: scroll;
    padding-bottom: 10rem;
}

@media only screen and (max-width:31.25rem) {
    .w70-productlist__danhmuc__mains {
        width: 28rem;
        left: -28rem;
    }
}

.w70-productlist__danhmuc__mains::-webkit-scrollbar {
    width: .4rem;
}

.w70-productlist__danhmuc__mains::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w70-productlist__danhmuc__mains::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w70-productlist__danhmuc__mains::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w70-productlist__check:checked ~ .w70-productlist__danhmuc .w70-productlist__danhmuc__mains {
    left: 0;
}

.w70-productlist__check:checked ~ .w70-productlist__bar .w70-productlist__bar__first .w70-productlist__bar__first__icon:before {
    content: "\f142";
}

.w70-productlist__danhmuc__bg {
    background-color: rgba(0,0,0,.75);
    z-index: 1;
    position: absolute;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

.w70-productlist__danhmuc__mains__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
}

.w70-productlist__danhmuc__mains__heading__close {
    margin-left: auto;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-right: 2rem;
}

.w70-productlist__danhmuc__mains__heading__close__text {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w70-productlist__danhmuc__mains__heading__close__icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    right: 0;
    font-size: 1.4rem;
    font-family: "Font Awesome 5 Pro";
    animation: 1s infinite alternate both w70-productlist__danhmuc__mains__heading__close__icon__key;
}

    .w70-productlist__danhmuc__mains__heading__close__icon:before {
        content: "\f068";
    }

.w70-productlist__danhmuc__mains__heading__close:hover .w70-productlist__danhmuc__mains__heading__close__icon:before {
    content: "\f00d";
}

@keyframes w70-productlist__danhmuc__mains__heading__close__icon__key {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.w70-productlist__danhmuc__mains__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
}

.w70-productlist__danhmuc__mains__main__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
    border-top: solid .1rem #f1f1f1;
}

.w70-productlist__danhmuc__mains__main__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w70-productlist__danhmuc__mains__search__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
    border-top: solid .1rem #f1f1f1;
}

.w70-productlist__danhmuc__mains__search__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w70-productlist__danhmuc__mains__main__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.w70-productlist__danhmuc__mains__main__items__item {
    color: #3f3f3f;
    width: 100%;
    font-size: 1.5rem;
    padding: .5rem 0rem;
    cursor: pointer;
    transition: all .25s;
}

    .w70-productlist__danhmuc__mains__main__items__item:hover,
    .w70-productlist__danhmuc__mains__main__items__item.active {
        color: rgba(var(--main-color-w),1);
        font-weight: 600;
    }

.w70-productlist__danhmuc__mains__childs__heading {
    display: flex;
    padding: 2rem 2rem 1rem;
    border-top: solid .1rem #f1f1f1;
}

.w70-productlist__danhmuc__mains__childs__heading__text {
    text-transform: uppercase;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w70-productlist__danhmuc__mains__childs__items {
    display: flex;
    flex-wrap: wrap;
    padding: 0 2rem;
    margin-bottom: 1.5rem;
}

.w70-productlist__danhmuc__mains__childs__items__item {
    color: #3f3f3f;
    width: 100%;
    font-size: 1.5rem;
    padding: .5rem 0rem;
    cursor: pointer;
    transition: all .25s;
}

    .w70-productlist__danhmuc__mains__childs__items__item:hover,
    .w70-productlist__danhmuc__mains__childs__items__item.active {
        color: rgba(var(--main-color-w),1);
        font-weight: 600;
    }

.w70-productlist__danhmuc__mains__search {
    background-color: #f1f1f1;
}

.w70-productlist__danhmuc__mains__search__input {
    padding: 1rem 2rem 2rem 2rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w70-productlist__danhmuc__mains__search__input__text {
    width: 100%;
    outline: none;
    border: solid .1rem #f1f1f1;
    background-color: #fff;
    padding: 1rem;
    border-radius: 2rem;
    color: #3f3f3f;
    transition: all .5s;
}

    .w70-productlist__danhmuc__mains__search__input__text:focus {
        color: rgba(var(--main-color-w),1);
    }

        .w70-productlist__danhmuc__mains__search__input__text:focus::placeholder {
            color: rgba(var(--main-color-w),1);
        }

.w70-productlist__danhmuc__mains__search__input__btn {
    position: absolute;
    right: 2rem;
    cursor: pointer;
    outline: none;
    border: none;
    transition: all .5s;
    width: 3.4rem;
    height: 3.4rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    color: #fff;
    justify-content: center;
}

    .w70-productlist__danhmuc__mains__search__input__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w70-productlist__danhmuc__mains__search__input__btn__icon {
    font-size: 1.6rem;
}

.w70-productlist__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
}

.w70-productlist__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w70-productlist__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w70-productlist__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w70-productlist__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w70-productlist__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w70-productlist__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 8rem;
    overflow: hidden;
}

.w70-productlist__detail__check:checked ~ .w70-productlist__detail__content {
    height: max-content;
}

.w70-productlist__detail__check {
    display: none;
}

.w70-productlist__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w70-productlist__detail__bottom__label {
    border-radius: 2rem;
    padding: .75rem 2rem;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

    .w70-productlist__detail__bottom__label:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w70-productlist__detail__bottom__label--top {
    display: none;
}

.w70-productlist__detail__bottom__label__text {
    font-size: 1.6rem;
    font-weight: 600;
}

.w70-productlist__detail__bottom__label__text--2 {
    display: none;
}

.w70-productlist__detail__check:checked ~
.w70-productlist__detail__bottom
.w70-productlist__detail__bottom__label
.w70-productlist__detail__bottom__label__text--1 {
    display: none;
}

.w70-productlist__detail__check:checked ~
.w70-productlist__detail__bottom
.w70-productlist__detail__bottom__label
.w70-productlist__detail__bottom__label__text--2 {
    display: inline-block;
}

.w70-productlist__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w70-productlist__detail__check:checked ~
.w70-productlist__detail__bottom
.w70-productlist__detail__bottom__label
.w70-productlist__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w70-productlist__danhmuc__mains__ads {
    position: fixed;
    bottom: 0;
    left: -100%;
    width: 35rem;
    transition: all 1s;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.w70-productlist__check:checked ~ .w70-productlist__danhmuc
.w70-productlist__danhmuc__mains
.w70-productlist__danhmuc__mains__ads {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    left: 0;
}

.w70-productlist__danhmuc__mains__ads__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem 2rem;
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w70-productlist__danhmuc__mains__ads__item:nth-child(2n) {
        background-color: rgba(var(--second-color-w),1);
    }

    .w70-productlist__danhmuc__mains__ads__item:hover {
        letter-spacing: .1rem;
    }

.w70-productlist__danhmuc__mains__ads__item__name {
    margin-left: 1rem;
    font-weight: 600;
}
/*ed*/
/*w70-productdetail*/
.w70-productdetail {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w70-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w70-productdetail__top {
    flex-wrap: wrap;
    display: flex;
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__top {
        display: flex;
        flex-wrap: wrap;
    }
}

.w70-productdetail__top__first {
    padding: 1.5rem 0;
    width: 40%;
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__top__first {
        width: 60%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w70-productdetail__top__first {
        width: 100%;
    }
}

.w70-productdetail__top__first__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w70-productdetail__top__first__mains__items {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    border: solid .1rem #ddd;
    border-radius: .3rem;
}

.w70-productdetail__top__first__mains__second {
    width: 100%;
    overflow: hidden;
    position: relative;
    background-color: #fafafa;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

    .w70-productdetail__top__first__mains__second::-webkit-scrollbar {
        width: .3rem;
    }

    .w70-productdetail__top__first__mains__second::-webkit-scrollbar-thumb {
        background-color: #ccc;
    }

.w70-productdetail__top__first__mains__items__item {
    align-items: center !important;
}

.w70-productdetail__top__first__mains__items__item__imgbox {
    background-size: cover;
    width: 100%;
    height: max-content !important;
    background-repeat: no-repeat;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .w70-productdetail__top__first__mains__items__item__imgbox .zoomImg {
        background-color: #fff;
    }

.w70-productdetail__top__first__mains__items__item__imgbox__img {
    width: 100%;
}

.w70-productdetail__top__first__mains__items__item__imgbox img.w70-productdetail__top__first__mains__items__item__imgbox__img {
    opacity: 0;
}

.w70-productdetail__top__first__mains__second__items {
    height: max-content !important;
    align-items: center !important;
}

.w70-productdetail__top__first__mains__second__items__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-color: #ddd;
    transition: all .5s;
    border-radius: .3rem;
    overflow: hidden;
}

.w70-productdetail__top__first__mains__second__items__item.swiper-slide-thumb-active,
.w70-productdetail__top__first__mains__second__items__item:hover {
    background-color: rgba(var(--main-color-w), 1);
}

.w70-productdetail__top__first__mains__second__items__item__imgbox {
    background-size: cover;
    margin: .1rem;
    cursor: pointer;
    height: 98%;
}

.w70-productdetail__top__first__mains__items__item__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgb(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (min-width:50rem) {
    .w70-productdetail__top__first__mains__items__item__imgbox__zoom {
        left: 1rem;
    }
}

.w70-productdetail__top__first__mains__items__item__imgbox__zoom.active,
.w70-productdetail__top__first__mains__items__item__imgbox__zoom:hover {
    border-radius: 2rem;
    padding: 0 1rem;
    width: auto;
    background-color: rgb(241,241,241,.7);
}

.w70-productdetail__top__first__mains__items__item__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
    animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-wd-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w70-productdetail__top__first__mains__items__item__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
    margin-left: 1rem;
}

.w70-productdetail__top__first__mains__items__item__imgbox__zoom.active .w70-productdetail__top__first__mains__items__item__imgbox__zoom__text,
.w70-productdetail__top__first__mains__items__item__imgbox__zoom:hover .w70-productdetail__top__first__mains__items__item__imgbox__zoom__text {
    display: block;
}

.w70-productdetail__top__first__mains__items__next.swiper-button-next,
.w70-productdetail__top__first__mains__items__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    z-index: 1;
}

.w70-productdetail__top__first__mains__items__prev__icon {
    font-size: 1.4rem;
}

.w70-productdetail__top__first__mains__items__next__icon {
    font-size: 1.4rem;
}

.w70-productdetail__top__first__mains__items__next:after,
.w70-productdetail__top__first__mains__items__prev:after {
    display: none;
}

.w70-productdetail__top__first__mains__second__next.swiper-button-next,
.w70-productdetail__top__first__mains__second__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    width: 3.5rem;
    border-radius: 50%;
    height: 3.5rem;
    background-color: rgba(255,255,255,.5);
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w70-productdetail__top__first__mains__second__next.swiper-button-next,
    .w70-productdetail__top__first__mains__second__prev.swiper-button-prev {
        width: 2rem;
        height: 2rem;
    }
}

.w70-productdetail__top__first__mains__second__prev__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-productdetail__top__first__mains__second__prev__icon {
        font-size: 1rem;
    }
}

.w70-productdetail__top__first__mains__second__next__icon {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-productdetail__top__first__mains__second__next__icon {
        font-size: 1rem;
    }
}

.w70-productdetail__top__first__mains__second__next:after,
.w70-productdetail__top__first__mains__second__prev:after {
    display: none;
}

.w70-productdetail__top__second {
    padding: 1.5rem;
    width: 35%;
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__top__second {
        width: 40%;
        border-right: none;
    }
}

@media only screen and (max-width:62.5rem) {
    .w70-productdetail__top__second {
        border-top: .1rem solid #dee2e6;
        width: 100%;
        border-left: none;
    }
}

.w70-productdetail__top__second__name {
    font-size: 2.4rem;
    color: #303030;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w70-productdetail__top__second__price {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w70-productdetail__top__second__price__1 {
    color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: flex-end;
    font-weight: 600;
    font-size: 2.2rem;
}

.w70-productdetail__top__second__price__1__value {
}

.w70-productdetail__top__second__price__1__loaitien {
    margin-left: .5rem;
}

.w70-productdetail__top__second__price__1__donvi {
    margin-left: .5rem;
}

.w70-productdetail__top__second__price__2 {
    text-decoration: line-through;
    font-size: 1.8rem;
    color: rgba(var(--second-color-w),1);
}

.w70-productdetail__top__second__price__2--hide {
    display: none;
}

.w70-productdetail__top__second__rate {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w70-productdetail__top__second__rate__items {
}

@media only screen and (max-width:37.5rem) {
    .w70-productdetail__top__second__rate__items {
        margin-left: 0;
    }
}

.w70-productdetail__top__second__rate__items__star {
    color: #efad0d;
    display: inline-block;
    margin-right: .5rem;
    font-size: 1rem;
}

.w70-productdetail__top__second__rate__code {
    display: flex;
    align-items: center;
    align-items: center;
    font-size: 1.5rem;
    color: #3f3f3f;
}

@media only screen and (max-width:37.5rem) {
    .w70-productdetail__top__second__rate__code {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w70-productdetail__top__second__rate__code__value {
    margin-left: .5rem;
    font-weight: 600;
}

.w70-productdetail__top__second__attrs {
    width: 100%;
    display: flex;
    border: solid .1rem #ddd;
    padding: 0rem 1rem 1rem;
    justify-content: space-between;
    margin-top: 1rem;
    border-radius: .3rem;
    flex-wrap: wrap;
}

.w70-productdetail__top__second__attrs__attr {
    display: flex;
    align-items: center;
    color: #858585;
    font-size: 1.5rem;
    margin-left: 2%;
    width: 49%;
    margin-top: 1rem;
}

    .w70-productdetail__top__second__attrs__attr:nth-child(2n+1) {
        margin-left: 0;
    }

.w70-productdetail__top__second__attrs__attr__text {
    margin-right: .5rem;
}

.w70-productdetail__top__second__attrs__attr__name {
    color: rgba(var(--main-color-w),1);
}

.w70-productdetail__top__second__size {
    margin-top: 1rem;
    border: solid .1rem #ddd;
    padding: 1rem;
    border-radius: .3rem;
}

.w70-productdetail__top__second__size--hide {
    display: none;
}

.w70-productdetail__top__second__size__text {
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
}

.w70-productdetail__top__second__size__text__name {
}

.w70-productdetail__top__second__size__text__value {
    margin-left: .75rem;
}

.w70-productdetail__top__second__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
}

.w70-productdetail__top__second__size__items__item {
    width: 48%;
    margin-left: 1%;
    margin-right: 1%;
    margin-top: 1rem;
    position: relative;
    border-radius: .3rem;
    overflow: hidden;
    display: block !important;
    filter: brightness(1) !important;
    border: solid .1rem rgba(var(--main-color-w), 0);
    transition: all .5s;
}

    .w70-productdetail__top__second__size__items__item:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w70-productdetail__top__second__size__items__item--hide {
    display: none !important;
}

.w70-productdetail__top__second__size__items__item--hethang:hover {
    cursor: not-allowed;
}

.w70-productdetail__top__second__size__items__item--hethang:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
}

.w70-productdetail__top__second__size__items__item__check {
    display: none;
}

.w70-productdetail__top__second__size__items__item__label {
    display: flex;
    align-items: center;
    cursor: pointer;
    justify-content: center;
    border: solid .1rem #ddd;
    border-radius: .4rem;
    padding: .5rem;
    position: relative;
}

.w70-productdetail__top__second__size__items__item__check:checked ~
.w70-productdetail__top__second__size__items__item__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w70-productdetail__top__second__size__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
    position: absolute;
    display: none;
}

.w70-productdetail__top__second__size__items__item.active .w70-productdetail__top__second__size__items__item__label__icon,
.w70-productdetail__top__second__size__items__item__label:hover
.w70-productdetail__top__second__size__items__item__label__icon,
.w70-productdetail__top__second__size__items__item__check:checked ~
.w70-productdetail__top__second__size__items__item__label
.w70-productdetail__top__second__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w70-productdetail__top__second__size__items__item.active .w70-productdetail__top__second__size__items__item__label__icon:before,
    .w70-productdetail__top__second__size__items__item__check:checked ~
    .w70-productdetail__top__second__size__items__item__label
    .w70-productdetail__top__second__size__items__item__label__icon:before,
    .w70-productdetail__top__second__size__items__item__label:hover
    .w70-productdetail__top__second__size__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w70-productdetail__top__second__size__items__item__label__text {
    font-size: 1.3rem;
}

.w70-productdetail__top__second__size__items__item__price {
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    bottom: calc(100% + 3rem);
    width: 100%;
    right: 0;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    border-radius: .3rem;
    cursor: pointer;
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
    opacity: 0;
}

.w70-productdetail__top__second__size__items__item:hover .w70-productdetail__top__second__size__items__item__price {
    bottom: calc(100% + .75rem);
    visibility: visible;
    z-index: 1;
    opacity: 1;
}

.w70-productdetail__top__second__size__items__item__price::after {
    width: .5rem;
    height: .5rem;
    position: absolute;
    bottom: -.5rem;
    content: "";
    border-left: .5rem solid transparent;
    border-right: .5rem solid transparent;
    border-top: .5rem solid rgba(var(--main-color-w),1);
}

.w70-productdetail__top__second__color {
    margin-top: 1rem;
    border: solid .1rem #ddd;
    padding: 1rem;
    border-radius: .3rem;
}

.w70-productdetail__top__second__color--hide {
    display: none;
}

.w70-productdetail__top__second__color__text {
    font-size: 1.4rem;
    font-weight: 600;
    display: flex
}

.w70-productdetail__top__second__color__text__name {
}

.w70-productdetail__top__second__color__text__value {
    margin-left: .75rem;
}

@media only screen and (max-width:50rem) {
    .w70-productdetail__top__second__color__dropdown {
        width: 100%;
    }
}

.w70-productdetail__top__second__color__dropdown__label {
    background-color: transparent;
    padding: .5rem;
    border-radius: .3rem;
    border: 0.15rem solid #ddd;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
}

.w70-productdetail__top__second__color__dropdown__check:checked ~
.w70-productdetail__top__second__color__dropdown__label
.w70-productdetail__top__second__color__dropdown__label__icon:before {
    content: "\f106";
}

.w70-productdetail__top__second__color__dropdown__label__name {
    font-size: 1.4rem;
}

.w70-productdetail__top__second__color__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w70-productdetail__top__second__color__dropdown {
    position: relative;
}

.w70-productdetail__top__second__color__dropdown__check {
    display: none;
}

.w70-productdetail__top__second__color__dropdown__subs {
    background-color: #fff;
    border-radius: .3rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #ddd solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 40vh;
}

    .w70-productdetail__top__second__color__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w70-productdetail__top__second__color__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w70-productdetail__top__second__color__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w70-productdetail__top__second__color__dropdown__subs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w70-productdetail__top__second__color__dropdown__check:checked ~
.w70-productdetail__top__second__color__dropdown__subs {
    visibility: visible;
    z-index: 2;
    top: calc(100% + .5rem);
    opacity: 1;
}

.w70-productdetail__top__second__color__dropdown__subs__sub {
    padding: .5rem .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    display: flex !important;
    align-items: center;
    filter: brightness(1) !important;
    position: relative;
    overflow: hidden;
}

    .w70-productdetail__top__second__color__dropdown__subs__sub.w70-productdetail__top__second__color__dropdown__subs__sub--hide {
        display: none !important;
    }

.w70-productdetail__top__second__color__dropdown__subs__sub--hethang:hover {
    cursor: not-allowed;
}

.w70-productdetail__top__second__color__dropdown__subs__sub--hethang::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    content: "";
    height: 100%;
}

.w70-productdetail__top__second__color__dropdown__subs__sub:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w70-productdetail__top__second__color__dropdown__subs__sub:last-child {
    border: none;
    cursor: pointer;
}

.w70-productdetail__top__second__color__dropdown__subs__sub__imgbox {
    width: 5rem;
    background-size: contain;
    margin-right: 1rem;
    border-radius: .3rem;
}

.w70-productdetail__top__second__color__dropdown__subs__sub__box {
}

.w70-productdetail__top__second__color__dropdown__subs__sub__box__name {
    display: block;
    font-weight: 600;
}

.w70-productdetail__top__second__color__dropdown__subs__sub__box__price {
    display: block;
    margin-top: .5rem;
}

.w70-productdetail__top__second__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w70-productdetail__top__second__detail__content {
    font-size: 1.5rem;
    line-height: 2.8rem;
    height: 5rem;
    overflow: hidden;
}

.w70-productdetail__top__second__detail__check:checked ~ .w70-productdetail__top__second__detail__content {
    height: max-content;
}

.w70-productdetail__top__second__detail__check {
    display: none;
}

.w70-productdetail__top__second__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w70-productdetail__top__second__detail__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 2rem;
    padding: .5rem 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w70-productdetail__top__second__detail__bottom__label--top {
    display: none;
}

.w70-productdetail__top__second__detail__check:checked ~ .w70-productdetail__top__second__detail__bottom .w70-productdetail__top__second__detail__bottom__label--top {
    display: flex;
}

.w70-productdetail__top__second__detail__check:checked ~ .w70-productdetail__top__second__detail__bottom .w70-productdetail__top__second__detail__bottom__label--down {
    display: none;
}

.w70-productdetail__top__second__detail__bottom__label__text {
    font-size: 1.3rem;
}

.w70-productdetail__top__second__detail__bottom__label__icon {
    font-size: 1.3rem;
    margin-left: .5rem;
}

.w70-productdetail__top__second__1__support {
    background-color: #f6f3ec;
    border: .1rem solid #e6dbc0;
    border-radius: 5px;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w70-productdetail__top__second__quantity {
    display: flex;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    justify-content: center;
}

.w70-productdetail__top__second__quantity--hide {
    display: none;
}

.w70-productdetail__top__second__quantity__value {
    margin-left: .75rem;
    font-weight: 600;
}

.w70-productdetail__top__second__cart {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    flex-wrap: wrap;
}

.w70-productdetail__top__second__cart__box {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
}

.w70-productdetail__top__second__cart__box__text {
    font-size: 1.5rem;
    margin-right: 2rem;
}

.w70-productdetail__top__second__cart__box__minus, .w70-productdetail__top__second__cart__box__plus {
    border: .1rem solid #ddd;
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w70-productdetail__top__second__cart__box__minus {
    padding: 1.5rem 1.5rem;
    border-radius: .4rem 0 0 .4rem;
    transition: all .5s;
}

    .w70-productdetail__top__second__cart__box__minus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w70-productdetail__top__second__cart__box__plus {
    padding: 1.5rem 1.5rem;
    border-radius: 0 .4rem .4rem 0;
    transition: all .5s;
}

    .w70-productdetail__top__second__cart__box__plus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w70-productdetail__top__second__cart__box__input {
    border: 1px solid #ddd;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    width: 6rem;
    color: #777;
    outline: none;
    height: 100%;
    padding: 1.1rem 0rem;
    text-align: center;
    font-size: 1.6rem;
}

.w70-productdetail__top__second__cart__btn {
    width: 100%;
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    justify-content: center;
}

.w70-productdetail__top__second__cart__btn__item {
    border-radius: 5px;
    background-color: #BF1E2E;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1.5rem;
    margin-left: 2%;
    color: #fff;
    font-size: 1.7rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    margin-top: 1rem;
    width: 49%;
    border: solid .1rem rgba(var(--main-color-w), 0);
}

    .w70-productdetail__top__second__cart__btn__item:first-child {
        margin-left: 0;
    }

    .w70-productdetail__top__second__cart__btn__item:hover {
        background-color: #f1f1f1;
        border: solid .1rem rgba(var(--main-color-w), 1);
        color: rgba(var(--main-color-w), 1);
    }

.w70-productdetail__top__second__cart__btn__item--1 {
}

.w70-productdetail__top__second__cart__btn__item--2 {
}

.w70-productdetail__top__second__cart__box__input::-webkit-outer-spin-button,
.w70-productdetail__top__second__cart__box__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w70-productdetail__top__second__btncart {
    width: 100%;
    text-transform: uppercase;
    background-color: red;
    margin: 0;
    display: block;
}

.w70-productdetail__top__second__tuvan {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w70-productdetail__top__second__tuvan__item {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 49%;
    margin-left: 2%;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .75rem;
    border-radius: .5rem;
    margin-top: 1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w70-productdetail__top__second__tuvan__item:hover {
        transform: scale(1.02);
    }

    .w70-productdetail__top__second__tuvan__item:after {
        height: .3rem;
        width: 0;
        bottom: 0;
        background-color: red;
        transition: all .5s;
        content: "";
        position: absolute;
        border-radius: .5rem;
    }

    .w70-productdetail__top__second__tuvan__item:hover:after {
        width: 100%;
    }

    .w70-productdetail__top__second__tuvan__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w70-productdetail__top__second__tuvan__item__icon {
    font-size: 1.7rem;
    margin-left: .5rem;
    font-weight: 600;
}

.w70-productdetail__top__second__tuvan__item__name {
    font-size: 1.7rem;
    margin-left: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w70-productdetail__top__second__tuvan__item__name {
        font-size: 1.4rem;
        margin-left: .75rem;
    }
}

.w70-productdetail__top__second__tuvan__item__figure {
    height: 2rem;
    background-size: contain;
}

.w70-productdetail__top__third {
    padding: 1rem;
    background-color: #f1f1f1;
    border-radius: .3rem;
    overflow: hidden;
    width: 25%;
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__top__third {
        width: 100%;
        border-top: .1rem solid #dee2e6;
    }
}

.w70-productdetail__top__third__main {
    margin-top: 1rem;
}

    .w70-productdetail__top__third__main:first-child {
        margin-top: 0;
    }

.w70-productdetail__top__third__tuvan {
    margin-top: 1rem;
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__top__third__tuvan {
        display: flex;
        flex-wrap: wrap;
    }
}

.w70-productdetail__top__third__tuvan__item {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    border-radius: .3rem;
    overflow: hidden;
    padding: 1rem;
    border: solid .1rem #ddd;
    background-color: #fff;
}

    .w70-productdetail__top__third__tuvan__item:last-child {
        margin-bottom: 0;
    }

@media only screen and (max-width:75rem) {
    .w70-productdetail__top__third__tuvan__item {
        width: 49%;
        margin-left: 2%;
    }

        .w70-productdetail__top__third__tuvan__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:43.75rem) {
    .w70-productdetail__top__third__tuvan__item {
        width: 100%;
        margin-left: 0;
    }
}

.w70-productdetail__top__third__tuvan__item__imgbox {
    background-size: cover;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

    .w70-productdetail__top__third__tuvan__item__imgbox:hover {
        transform: scale(1.05);
    }

.w70-productdetail__top__third__tuvan__item__imgbox {
    background-size: cover;
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

    .w70-productdetail__top__third__tuvan__item__imgbox:hover {
        transform: scale(1.05);
    }

.w70-productdetail__top__third__tuvan__item__content {
    margin-left: 1.5rem;
}

.w70-productdetail__top__third__tuvan__item__content__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

    .w70-productdetail__top__third__tuvan__item__content__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w70-productdetail__top__third__tuvan__item__content__des {
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #3f3f3f;
}

.w70-productdetail__top__third__main__heading {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    font-weight: 600;
    padding: 1rem;
    margin-bottom: 1rem;
    border-radius: .3rem;
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__top__third__main__heading--first {
        margin-top: 0;
    }
}

.w70-productdetail__top__third__main__heading__text {
    font-size: 1.4rem;
    font-weight: 600;
    text-transform: uppercase;
}

.w70-productdetail__top__third__main__menu {
    display: flex;
    flex-wrap: wrap;
}

.w70-productdetail__top__third__main__menu__item {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: .5rem;
    color: #3f3f3f;
}

.w70-productdetail__top__third__main__menu__item__text {
    font-size: 1.4rem;
    line-height: 2.2rem;
    transition: all .5s;
    cursor: pointer;
}

    .w70-productdetail__top__third__main__menu__item__text:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w70-productdetail__top__third__main__des {
    padding-left: 1.5rem;
    padding-right: 2.6rem;
    margin-bottom: 1rem;
}

.w70-productdetail__top__third__main__des__text {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.2rem;
    text-transform: uppercase;
    color: #3f3f3f;
}

.w70-productdetail__top__third__main__ads {
    display: flex;
    flex-wrap: wrap;
}

.w70-productdetail__top__third__main__ads__item {
    width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    margin-bottom: 1rem;
    color: #3f3f3f;
    display: block;
}

    .w70-productdetail__top__third__main__ads__item:first-child {
        margin-top: 0;
    }

.w70-productdetail__top__third__main__ads__item__text {
    font-size: 1.4rem;
    display: inline;
    line-height: 2.2rem;
}

    .w70-productdetail__top__third__main__ads__item__text b, .w70-productdetail__top__third__main__ads__item__text strong {
        font-weight: 600;
    }

    .w70-productdetail__top__third__main__ads__item__text div,
    .w70-productdetail__top__third__main__ads__item__text p {
        display: inline !important;
    }

.w70-productdetail__top__third__main__ads__item__icon {
    font-size: 1.5rem;
    display: inline-block;
    margin-right: .5rem;
    line-height: 1.6rem;
    font-weight: 500;
}

.w70-productdetail__main {
    margin-top: 2rem;
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__main {
    }
}

.w70-productdetail__main__first {
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__main__first {
        width: 100%;
    }
}

.w70-productdetail__main__first__tabs {
    display: flex;
    position: relative;
    justify-content: center;
    text-align: center;
}

.w70-productdetail__main__first__tabs__item {
    position: relative;
    z-index: 1;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    padding: 1rem 2rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:31.25rem) {
    .w70-productdetail__main__first__tabs__item {
        width: 100%;
    }
}

.w70-productdetail__main__first__tabs__item:first-child {
    border: none;
}

.w70-productdetail__main__first__tabs__item.active,
.w70-productdetail__main__first__tabs__item:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w70-productdetail__main__first__tabs__bg {
    position: absolute;
    background-color: #f1f1f1;
    width: 200%;
    top: 0;
    left: -50%;
    width: 200%;
    z-index: 0;
    height: 100%;
    border-top: solid .1rem #ddd;
    border-bottom: solid .1rem #ddd;
}

.w70-productdetail__main__first__content {
    font-size: 1.5rem;
    line-height: 2.8rem;
    overflow-x: hidden;
}

    .w70-productdetail__main__first__content table {
        border-top: solid .1em #f1f1f1;
        border-left: solid .1em #f1f1f1;
        margin-top: 1rem;
    }

        .w70-productdetail__main__first__content table tr td {
            border-right: solid .1em #f1f1f1;
            border-bottom: solid .1em #f1f1f1;
            padding: .5rem;
        }

    .w70-productdetail__main__first__content ul,
    .w70-productdetail__main__first__content ol {
        margin-left: 2.5rem;
    }

    .w70-productdetail__main__first__content b,
    .w70-productdetail__main__first__content strong {
        font-weight: 600;
    }

.w70-productdetail__bottom {
    margin-top: 2rem;
}

.w70-productdetail__bottom__mains {
    width: 100%;
    position: relative;
    z-index: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 1rem 0;
}

.w70-productdetail__bottom__mains__main {
    display: flex;
    width: 100%;
    z-index: 0;
}

.w70-productdetail__bottom__mains__main__item {
    width: calc(23.5% - .2rem);
    margin-right: 2%;
    background-color: #fff;
    outline: none;
    position: relative;
    outline: none;
    transition: all .5s;
    overflow: hidden;
    border-radius: .3rem;
    border: solid .1rem #ddd;
}

@media only screen and (min-width:75rem) {
    .w70-productdetail__bottom__mains__main .w70-productdetail__bottom__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w70-productdetail__bottom__mains__main__item {
        width: calc(32% - .2rem);
    }
}

@media only screen and (max-width:50rem) {
    .w70-productdetail__bottom__mains__main__item {
        width: calc(49% - .2rem);
    }
}

@media only screen and (max-width:31.25rem) {
    .w70-productdetail__bottom__mains__main__item {
    }
}

.w70-productdetail__bottom__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
}

.w70-productdetail__bottom__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    padding: 1rem;
    background-color: #fff;
}

.w70-productdetail__bottom__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: left;
    font-weight: 600;
    margin-top: .75rem;
    cursor: pointer;
    color: #3f3f3f;
    transition: all .5s;
}

    .w70-productdetail__bottom__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w70-productdetail__bottom__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    border-radius: .3rem .3rem 0 0;
    transition: 0.5s all ease-in-out;
}

.w70-productdetail__bottom__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
    cursor: pointer;
}

.w70-productdetail__bottom__mains__main__item__content__top__imgbox--second {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w70-productdetail__bottom__mains__main__item__content__top:hover .w70-productdetail__bottom__mains__main__item__content__top__imgbox--second {
    transform: scale(1.05);
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w70-productdetail__bottom__mains__main__item__content__top__sale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .5rem 1rem .5rem 1rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    z-index: 2;
}

.w70-productdetail__bottom__mains__main__item__content__bottom__price {
    display: flex;
    width: 100%;
    align-items: center;
}

.w70-productdetail__bottom__mains__main__item__content__bottom__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 700;
}

.w70-productdetail__bottom__mains__main__item__content__bottom__price__sub {
    color: #858585;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: 1rem;
}

.w70-productdetail__bottom__mains__next.swiper-button-next,
.w70-productdetail__bottom__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.9);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    z-index: 0;
}

.w70-productdetail__bottom__mains__prev {
    left: 2rem;
}

.w70-productdetail__bottom__mains__next {
    right: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-productdetail__bottom__mains__prev {
        left: 1rem;
    }

    .w70-productdetail__bottom__mains__next {
        right: 1rem;
    }
}

.w70-productdetail__bottom__mains__next:hover,
.w70-productdetail__bottom__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w70-productdetail__bottom__mains__next:after,
.w70-productdetail__bottom__mains__prev:after {
    display: none;
}

.w70-productdetail__bottom__heading {
    display: flex;
    padding: 1rem 0rem;
    justify-content: center;
    align-items: center;
}

.w70-productdetail__bottom__heading__text {
    font-size: 2.3rem;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.table__responsive {
    overflow-y: scroll;
}

    .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .table__responsive::-webkit-scrollbar-track {
    }

    .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .table__responsive table {
        width: max-content;
        min-width: 100%;
    }
/*ed*/
/*w70-product-3*/
.w70-product-3 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    z-index: 0;
}

.w70-product-3__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w70-product-3__bg {
    position: absolute;
    bottom: 0;
    height: 50%;
    width: 200%;
    left: -50%;
    background-color: rgba(var(--main-color-w),1);
    z-index: 0;
}

.w70-product-3__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w70-product-3__heading__name {
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}


@media only screen and (max-width:37.5rem) {
    .w70-product-3__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w70-product-3__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w70-product-3__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w70-product-3__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w70-product-3__heading__des b {
        font-weight: 600;
    }

.w70-product-3__items {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.w70-product-3__items__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem 0rem;
    border-radius: .5rem;
    border: solid .1rem #f1f1f1;
}

@media only screen and (max-width:81.25rem) {
    .w70-product-3__items__dot {
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-product-3__items__dot {
        margin: 0 .5rem;
    }
}

.w70-product-3__items__item__num {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    font-weight: 600;
    border-radius: .3rem;
    border: solid .1rem #fff;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    justify-content: center;
}

    .w70-product-3__items__item__num:nth-child(2) {
        margin-left: 1rem;
    }

@media only screen and (max-width:37.5rem) {
    .w70-product-3__items__item__num:nth-child(2) {
        margin-left: .5rem;
    }
}

@media only screen and (max-width:81.25rem) {
    .w70-product-3__items__item__num {
        width: 4rem;
        height: 4rem;
        font-size: 2.6rem;
    }
}

@media only screen and (max-width:62.5rem) {
    @media only screen and (min-width:50rem) {
        .w70-product-3__items__item__num {
            width: 6rem;
            height: 6rem;
            margin-left: 1rem;
            font-size: 3rem;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-product-3__items__item__num {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
    }
}

.w70-product-3__items__item__num:first-child {
    margin-left: 0;
}

.w70-product-3__items__item__text {
    width: 100%;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    margin-top: 1rem;
    font-weight: 600;
}

.w70-product-3__items__dot {
    color: rgba(var(--main-color-w),1);
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    margin: 0 1rem;
    justify-content: center;
    height: max-content;
}

@media only screen and (max-width:81.25rem) {
    .w70-product-3__items__dot {
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-product-3__items__dot {
        margin-top: .4rem;
    }
}

.w70-product-3__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

.w70-product-3__mains__main {
    display: flex;
    padding-bottom: 1rem;
}

.w70-product-3__mains__main__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (max-width:75rem) {
    .w70-product-3__mains__main__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w70-product-3__mains__main__item.swiper-slide {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-product-3__mains__main__item.swiper-slide {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w70-product-3__mains__main__item__content {
    position: relative;
    overflow: hidden;
    border-radius: .3rem;
    padding-bottom: 1rem;
    box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.1);
}

.w70-product-3__mains__main__item__content__bottom {
    padding: 0 1rem;
    display: block;
    position: relative;
    text-align: center;
}

.w70-product-3__mains__main__item__content__bottom__name {
    margin-top: 1rem;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}
    .w70-product-3__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w70-product-3__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
}

.w70-product-3__mains__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    display: inline-block;
    transition: all .5s;
    margin-left: .5rem;
}

    .w70-product-3__mains__main__item__content__bottom__rates__item:first-child {
        margin-left: 0;
    }

.w70-product-3__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

    .w70-product-3__mains__main__item__content__top:hover {
        margin-left: -100%;
    }

.w70-product-3__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w70-product-3__mains__main__item__content__btns {
    position: absolute;
    right: 0;
    z-index: 2;
    width: 3.8rem;
    height: max-content;
    top: 4rem;
}

.w70-product-3__mains__main__item__content__btns__cart {
    width: 3.8rem;
    height: 3.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    font-size: 1.5rem;
    transition: all .3s;
    transform: translateX(100%);
}

    .w70-product-3__mains__main__item__content__btns__cart:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w70-product-3__mains__main__item__content:hover .w70-product-3__mains__main__item__content__btns__cart {
    transform: translateX(-.75rem);
}

.w70-product-3__mains__main__item__content__btns__checkout {
    width: 3.8rem;
    height: 3.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    cursor: pointer;
    color: #fff;
    border-radius: 50%;
    margin-top: 1rem;
    font-size: 1.5rem;
    transition: all .6s;
    transform: translateX(100%);
}

    .w70-product-3__mains__main__item__content__btns__checkout:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w70-product-3__mains__main__item__content:hover .w70-product-3__mains__main__item__content__btns__checkout {
    transform: translateX(-.75rem);
}

.w70-product-3__mains__main__item__content__btns__detail {
    width: 3.8rem;
    height: 3.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    cursor: pointer;
    border-radius: 50%;
    color: #fff;
    margin-top: 1rem;
    font-size: 1.5rem;
    transition: all .9s;
    transform: translateX(100%);
}

    .w70-product-3__mains__main__item__content__btns__detail:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w70-product-3__mains__main__item__content:hover .w70-product-3__mains__main__item__content__btns__detail {
    transform: translateX(-.75rem);
}

.w70-product-3__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
    font-size: 2rem;
}

.w70-product-3__mains__main__item__content__price__main {
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

.w70-product-3__mains__main__item__content__price__sub {
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-left: 1rem;
    color: #999;
}

.w70-product-3__mains__main__item__content__childs {
    width: 100%;
    display: flex;
    gap: 1rem;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: center;
    padding: 0 1rem;
}

.w70-product-3__mains__main__item__content__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 3rem;
    border: solid .1rem #f1f1f1;
    border-radius: .2rem;
    padding: .2rem;
    cursor: pointer;
}

    .w70-product-3__mains__main__item__content__childs__imgbox:hover {
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w70-product-3__mains__pagination {
    bottom: 0 !important;
}

.w70-product-3__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-top: 1rem;
}

.w70-product-3__bottom__btn {
    margin-top: 1rem;
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
    padding: .75rem 2rem;
    font-size: 1.4rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w70-product-3__bottom__btn:hover {
        letter-spacing: .1rem;
        color: rgba(var(--main-color-w), 1);
        background-color: #fff;
    }

.w70-product-3__bottom__btn__icon {
    margin-left: 1rem;
}

.w70-product-3__mains__next.swiper-button-next,
.w70-product-3__mains__prev.swiper-button-prev {
    font-size: 2rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(250,250,250,.6);
    color: rgba(var(--main-color-w), 1);
}

.w70-product-3__mains__next:hover,
.w70-product-3__mains__prev:hover {
    background-color: #fff;
}

.w70-product-3__mains__next:after,
.w70-product-3__mains__prev:after {
    display: none;
}
/*ed*/
/*w70-banner-2*/
.w70-banner-2 {
    background-color: #fff;
    position: relative;
    padding: 0rem;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w70-banner-2 {
        padding: 0rem;
    }
}

.w70-banner-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    position: relative;
    z-index: 1;
}

.w70-banner-2__mains {
    display: flex;
    width: 100%;
    justify-content: center;
    position: relative;
}

.w70-banner-2__mains__line {
    position: absolute;
    bottom: -2.5rem;
    width: .2rem;
    background: rgba(var(--text-color-w), 1);
    z-index: 3;
    height: 5rem;
    transform: scale(0);
    transition: all 4s;
}

section.in .w70-banner-2__mains__line {
    transform: scale(1);
}

@media only screen and (max-width:62.5rem) {
    .w70-banner-2__mains__line {
        display: none;
    }
}

.w70-banner-2__mains__main {
    position: relative;
    height: 100%;
    width:100%;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:62.5rem) {
    .w70-banner-2__mains__main {
        display: flex;
        align-items: center;
    }
}

.w70-banner-2__mains__main__items.swiper-wrapper {
    height: 100% !important;
}

.w70-banner-2__mains__main__items__item {
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    width: 100%;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w70-banner-2__mains__main__items__item {
        padding: 3rem 0;
    }
}

.w70-banner-2__mains__main__items__item__linetop {
    position: absolute;
    top: 0;
    width: .1rem;
    top: 4rem;
    z-index: 2;
    height: 0;
    opacity: 0;
    overflow: hidden;
}

@media only screen and (max-width:1200px) {
    .w70-banner-2__mains__main__items__item__linetop {
        top: 1rem;
    }
}

.swiper-slide-active .w70-banner-2__mains__main__items__item__linetop {
    z-index: 2;
    opacity: 1;
    -webkit-animation: key-w70-banner-2__mains__main__items__item__linetop 9s;
    animation: key-w70-banner-2__mains__main__items__item__linetop 9s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@media only screen and (min-width:1200px) {
    @-webkit-keyframes key-w70-banner-2__mains__main__items__item__linetop {
        0% {
            height: 0;
        }

        15% {
            height: 60%;
        }

        90% {
            height: 60%;
        }

        100% {
            height: 0;
        }
    }
}

@media only screen and (max-width:1200px) {
    .swiper-slide-active .w70-banner-2__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 50%;
    }

    @media only screen and (min-width:600px) {
        @-webkit-keyframes key-w70-banner-2__mains__main__items__item__linetop {
            0% {
                height: 0;
            }

            15% {
                height: 50%;
            }

            90% {
                height: 50%;
            }

            100% {
                height: 0;
            }
        }
    }
}

@media only screen and (max-width:600px) {
    .swiper-slide-active .w70-banner-2__mains__main__items__item__linetop {
        z-index: 2;
        opacity: 1;
        height: 40%;
    }

    @-webkit-keyframes key-w70-banner-2__mains__main__items__item__linetop {
        0% {
        }

        90% {
            height: 40%;
        }

        100% {
            height: 0;
        }
    }
}

.w70-banner-2__mains__main__items__item__linetop:before {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 1;
}

.swiper-slide-active .w70-banner-2__mains__main__items__item__linetop:before {
    -webkit-animation: key-w70-banner-2__mains__main__items__item__linetop__before 2s;
    animation: key-w70-banner-2__mains__main__items__item__linetop__before 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__linetop__before {
    0% {
        opacity: 1;
    }

    100% {
        opacity: .5;
    }
}


.w70-banner-2__mains__main__items__item__linetop:after {
    position: absolute;
    width: 100%;
    height: 100%;
    opacity: 1;
    bottom: 0;
    background-color: #fff;
    content: "";
    z-index: 2;
}

.swiper-slide-active .w70-banner-2__mains__main__items__item__linetop:after {
    -webkit-animation: key-w70-banner-2__mains__main__items__item__linetop__after 8s;
    animation: key-w70-banner-2__mains__main__items__item__linetop__after 8s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__linetop__after {
    0% {
    }

    20% {
        height: 100%;
    }

    50% {
        height: 0;
    }

    90% {
        height: 0;
    }

    100% {
        height: 100%;
    }
}

.w70-banner-2__mains__main__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    cursor: pointer;
    width: 100%;
    -webkit-animation: key-w70-banner-2__mains__main__items__item__imgbox 20s infinite;
    animation: key-w70-banner-2__mains__main__items__item__imgbox 20s infinite;
}

@media only screen and (max-width:62.5rem) {
    .w70-banner-2__mains__main__items__item__imgbox {
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-banner-2__mains__main__items__item__imgbox {
    }
}

.w70-banner-2__mains__main__items__item__imgbox__img {
    width: 100%;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__imgbox {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

.w70-banner-2__mains__main__items__item__box {
    position: absolute;
    width: 100%;
    max-width: 120rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w70-banner-2__mains__main__items__item__box {
    }
}

@media only screen and (max-width:62.5rem) {
    .w70-banner-2__mains__main__items__item__box {
        position: relative;
        display: flex;
        justify-content: center;
    }
}

.w70-banner-2__mains__main__items__item__box__content {
    cursor: pointer;
    transition: all .5s;
    padding: 3rem 8rem 3rem;
    background-color: rgba(var(--main-color-w),.9);
    border-radius: .5rem;
}

@media only screen and (max-width:62.5rem) {
    .w70-banner-2__mains__main__items__item__box__content {
    }
}

.w70-banner-2__mains__main__items__item__box__content__text1 {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
    line-height: 3rem;
    width: 100%;
    text-align: center;
    transition: 2s all;
    transform: scale(0);
    opacity: 0;
}

@media only screen and (max-width:50rem) {
    .w70-banner-2__mains__main__items__item__box__content__text1 {
        font-size: 2rem;
        line-height: 3rem;
        margin-top: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-banner-2__mains__main__items__item__box__content__text1 {
        font-size: 1.6rem;
        line-height: 2.6rem;
        margin-top: 0rem;
    }
}

@media only screen and (max-width:25rem) {
    .w70-banner-2__mains__main__items__item__box__content__text1 {
        font-size: 1.3rem;
    }
}

.swiper-slide-active .w70-banner-2__mains__main__items__item__box__content__text1 {
    -webkit-animation: key-w70-banner-2__mains__main__items__item__box__content__text1 2s;
    animation: key-w70-banner-2__mains__main__items__item__box__content__text1 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__box__content__text1 {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    25% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        opacity: 1;
        transform: translateY(0rem);
    }
}

.w70-banner-2__mains__main__items__item__box__content__text2 {
    font-size: 5rem;
    font-weight: 700;
    color: #fff;
    line-height: 6rem;
    width: 100%;
    text-align: center;
    opacity: 0;
    transform: scale(0);
    margin-top: 2rem;
}

.w70-banner-2__mains__main__items__item__box__content__text2__des {
    font-size: 4rem;
    line-height: 5rem;
}

@media only screen and (max-width:81.25rem) {
    .w70-banner-2__mains__main__items__item__box__content__text2 {
        font-size: 4rem;
        line-height: 5rem;
    }

    .w70-banner-2__mains__main__items__item__box__content__text2__des {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media only screen and (max-width:50rem) {
    .w70-banner-2__mains__main__items__item__box__content__text2 {
        font-size: 3rem;
        line-height: 4rem;
    }

    .w70-banner-2__mains__main__items__item__box__content__text2__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

@media only screen and (max-width:25rem) {
    .w70-banner-2__mains__main__items__item__box__content__text2 {
        font-size: 2rem;
        line-height: 3rem;
    }

    .w70-banner-2__mains__main__items__item__box__content__text2__des {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}


.swiper-slide-active .w70-banner-2__mains__main__items__item__box__content__text2 {
    -webkit-animation: key-w70-banner-2__mains__main__items__item__box__content__text2 3s;
    animation: key-w70-banner-2__mains__main__items__item__box__content__text2 3s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__box__content__text2 {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    50% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w70-banner-2__mains__main__items__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-color: rgba(0,0,0,0);
}

.w70-banner-2__mains__main__items__item__box__content__bottom {
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 2;
    margin-top: 3rem;
}

.swiper-slide-active .w70-banner-2__mains__main__items__item__box__content__bottom {
    -webkit-animation: key-w70-banner-2__mains__main__items__item__box__content__bottom 4s;
    animation: key-w70-banner-2__mains__main__items__item__box__content__bottom 4s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__box__content__bottom {
    0% {
        opacity: 0;
        transform: translateY(5rem);
    }

    70% {
        opacity: 0;
        transform: translateY(5rem);
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (max-width:50rem) {
    .w70-banner-2__mains__main__items__item__box__content__bottom {
        bottom: 8rem;
    }
}

.w70-banner-2__mains__main__items__item__box__content__bottom__btn {
    display: flex;
    align-items: center;
    border: solid .1rem #fff;
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: .3rem;
    font-size: 2rem;
    position: relative;
    cursor: pointer;
    transition: all .5s;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w70-banner-2__mains__main__items__item__box__content__bottom__btn {
        font-size: 1.8rem;
    }
}

.w70-banner-2__mains__main__items__item__box__content__bottom__btn:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w70-banner-2__mains__main__items__item__box__content__bottom__btn__icon {
    margin-left: 1rem;
}

.w70-banner-2__mains__main__items__item__box__content__bottom__btn__name {
    font-weight: 600;
}

.w70-banner-2__mains__main__items__item__box__content__bottom:before {
    z-index: 0;
    height: 4.5rem;
    width: 4.5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w70-banner-2__mains__main__items__item__box__content__bottom__before 3s infinite;
    animation: key-w70-banner-2__mains__main__items__item__box__content__bottom__before 3s infinite;
    display: block;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__box__content__bottom__before {
    0% {
        transform: scale(1);
        opacity: .5;
    }

    50% {
        opacity: 1;
        transform: scale(1.9);
    }

    100% {
        opacity: .5;
        transform: scale(1);
    }
}

.w70-banner-2__mains__main__items__item__box__content__bottom:after {
    z-index: 0;
    height: 3.5rem;
    width: 3.5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(255, 255, 255, 0.5);
    -webkit-animation: key-w70-banner-2__mains__main__items__item__box__content__bottom__after 3s infinite;
    animation: key-w70-banner-2__mains__main__items__item__box__content__bottom__after 3s infinite;
    display: block;
}

@-webkit-keyframes key-w70-banner-2__mains__main__items__item__box__content__bottom__after {
    0% {
        transform: scale(1);
        opacity: .1;
        background-color: rgba(var(--second-color-w),0);
    }

    50% {
        opacity: .5;
        transform: scale(1.8);
        background-color: rgba(var(--second-color-w),1);
    }

    100% {
        opacity: .1;
        transform: scale(1);
    }
}

.w70-banner-2__mains__main__pagination {
    position: absolute;
    bottom: 1rem;
}

    .w70-banner-2__mains__main__pagination .swiper-pagination-bullet {
        background-color: rgba(var(--second-color-w),1)
    }
/*ed*/
/*w10-ctaregister*/
.w10-ctaregister {
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem;
}

.w10-ctaregister__group {
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
}

.w10-ctaregister__items {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w10-ctaregister__items {
        flex-wrap: wrap;
    }
}

.w10-ctaregister__items__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: white;
    height: max-content;
    line-height: 2.6rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w10-ctaregister__items__name {
        width: 100%;
    }
}

.w10-ctaregister__items__btn {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    display: inline-block;
    line-height: 2.6rem;
    padding: .5rem 1.5rem;
    border-radius: 2rem;
    margin-left: 1rem;
    display: flex;
    align-items: center;
    width: max-content;
    transition: all .5s;
    cursor: pointer;
}

    .w10-ctaregister__items__btn:hover {
        color: white;
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w10-ctaregister__items__btn {
        margin-top: 1rem;
    }
}

.w10-ctaregister__items__btn__text {
    font-weight: 600;
}

.w10-ctaregister__items__btn__icon {
    margin-left: .75rem;
}
/*ed*/
/*w70-ads-1*/
.w70-ads-1 {
    width: 100%;
    padding: 1rem 1rem;
    background-color:#fff;
}

.w70-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w70-ads-1__heading {
    text-align: center;
}

.w70-ads-1__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:62.5rem) {
    .w70-ads-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w70-ads-1__heading__line {
    display: inline-block;
    background: rgba(var(--main-color-w), 1);
    width: 10rem;
    height: .3rem;
    margin: 1rem 0rem;
}

.w70-ads-1__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #3f3f3f;
}

.w70-ads-1__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-ads-1__mains {
        padding-bottom: 2rem;
    }
}

.w70-ads-1__mains__items {
    display: flex;
    padding-bottom: 1rem;
}

.w70-ads-1__mains__items__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
}

@media only screen and (max-width:62.5rem) {
    .w70-ads-1__mains__items__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w70-ads-1__mains__items__item.swiper-slide {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-ads-1__mains__items__item.swiper-slide {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }
}

.w70-ads-1__mains__items__item__content {
    position: relative;
    overflow: hidden;
}

.w70-ads-1__mains__items__item__content__bottom {
    padding: .5rem 1rem 1rem;
    display: block;
    position: relative;
    text-align: center;
}

.w70-ads-1__mains__items__item__content__bottom__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    color: #3f3f3f;
}

.w70-ads-1__mains__items__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w70-ads-1__mains__items__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w70-ads-1__mains__items__item__content__bottom__btn {
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: .5rem 1rem;
    border-radius: 1rem;
    width: max-content;
    margin: 1rem auto 0;
    border: rgba(var(--main-color-w), 1) solid .1rem;
    color: #3f3f3f;
    cursor: pointer;
    transition: all .5s;
}

    .w70-ads-1__mains__items__item__content__bottom__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w70-ads-1__mains__items__item__content__bottom__btn__icon {
    margin-left: .75rem;
}

.w70-ads-1__mains__items__item__content__top {
    overflow: hidden;
    border-radius: .3rem;
}

.w70-ads-1__mains__items__item__content__top__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    cursor: pointer;
}

    .w70-ads-1__mains__items__item__content__top__imgbox:hover {
        transform: scale(1.05);
    }

.w70-ads-1__mains__pagination {
    bottom: 0 !important;
}

    .w70-ads-1__mains__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }
/*ed*/
/*w70-ads-2*/
.w70-ads-2 {
    width: 100%;
    padding: 3rem 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background-color: #fff;
}

.w70-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w70-ads-2__heading {
    text-align: center;
}

.w70-ads-2__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w70-ads-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w70-ads-2__heading__line {
    display: inline-block;
    background: rgba(var(--main-color-w), 1);
    width: 10rem;
    height: .3rem;
    margin: 1rem 0rem;
}

.w70-ads-2__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w70-ads-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

.w70-ads-2__mains__items {
    display: flex;
    padding-bottom: 1rem;
}

.w70-ads-2__mains__items__item.swiper-slide {
    width: 49%;
    margin-right: 2%;
    position: relative;
    outline: none;
}

@media only screen and (max-width:37.5rem) {
    .w70-ads-2__mains__items__item.swiper-slide {
        width: 100%;
        border-right: none;
    }
}

.w70-ads-2__mains__items__item__content {
    position: relative;
    overflow: hidden;
}

.w70-ads-2__mains__items__item__content__bottom {
    padding: 1rem 0rem;
    display: block;
    position: relative;
}

.w70-ads-2__mains__items__item__content__bottom__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    margin-top: 1rem;
    text-align: justify;
}

.w70-ads-2__mains__items__item__content__bottom__name {
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .5s;
}

    .w70-ads-2__mains__items__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w70-ads-2__mains__items__item__content__bottom__btn {
    font-size: 1.4rem;
    display: flex;
    width: max-content;
    align-items: center;
    padding: .75rem 1.5rem;
    border-radius: .3rem;
    margin-top: 1rem;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

.w70-ads-2__mains__items__item__content__bottom__btn__text {
    font-weight: 600;
}

.w70-ads-2__mains__items__item__content__bottom__btn__icon {
    margin-left: .75rem;
}

.w70-ads-2__mains__items__item__content__bottom__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w70-ads-2__mains__items__item__content__top {
    overflow: hidden;
    border-radius: .3rem;
}

.w70-ads-2__mains__items__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
}

    .w70-ads-2__mains__items__item__content__top__imgbox:hover {
        transform: scale(1.2);
    }

.w70-ads-2__mains__pagination {
    bottom: 0 !important;
}
/*ed*/
/*w70-video-1*/
.w70-video-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
    position:relative;
    z-index:0;
}

.w70-video-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w70-video-1__heading {
    text-align: center;
}

.w70-video-1__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 700;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:62.5rem) {
    .w70-video-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w70-video-1__heading__line {
    display: inline-block;
    background: rgba(var(--main-color-w), 1);
    width: 10rem;
    height: .3rem;
    margin: 1rem 0rem;
}

.w70-video-1__heading__des {
    margin-top: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w70-video-1__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}


.w70-video-1__mains__items {
    display: flex;
}

.w70-video-1__mains__items__item.swiper-slide {
    width: 24.25%;
    margin-right: 1%;
    background: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
}

@media only screen and (max-width:62.5rem) {
    .w70-video-1__mains__items__item.swiper-slide {
        width: 32.666666%;
    }
}

@media only screen and (max-width:50rem) {
    .w70-video-1__mains__items__item.swiper-slide {
        width: 49.5%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-video-1__mains__items__item.swiper-slide {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w70-video-1__mains__items__item__content {
    position: relative;
    overflow: hidden;
}

    .w70-video-1__mains__items__item__content iframe {
        overflow: hidden;
        border: none;
        width: 100%;
        border-radius: 1rem;
    }

        .w70-video-1__mains__items__item__content iframe:not(.youtube-shorts) {
        }

        .w70-video-1__mains__items__item__content iframe.youtube-shorts {
        }

@media only screen and (max-width:62.5rem) {
    .w70-video-1__mains__items__item__content iframe.youtube-shorts {
    }
}

@media only screen and (max-width:50rem) {
    .w70-video-1__mains__items__item__content iframe.youtube-shorts {
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-video-1__mains__items__item__content iframe.youtube-shorts {
    }
}

.w70-video-1__mains__items__item__content__figure {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w70-video-1__mains__next.swiper-button-next,
.w70-video-1__mains__prev.swiper-button-prev {
    margin: 0 0.5rem;
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    border-radius: 50%;
    background-color: rgb(250 250 250 / 61%);
    bottom: 4rem;
    top: initial;
    color: #111;
    display: flex;
    width: 3rem;
    height: 3rem;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w70-video-1__mains__next.swiper-button-next,
    .w70-video-1__mains__prev.swiper-button-prev {
        bottom: 2.5rem;
    }
}

.w70-video-1__mains__next:hover,
.w70-video-1__mains__prev:hover {
    background: #fff;
}

.w70-video-1__mains__next:after,
.w70-video-1__mains__prev:after {
    display: none;
}
/*ed*/
/*w70-video-2*/
.w70-video-2 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}

.w70-video-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w70-video-2__heading {
    text-align: center;
}

.w70-video-2__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:37.5rem) {
    .w70-video-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w70-video-2__heading__line {
    display: inline-block;
    background: rgba(var(--main-color-w), 1);
    width: 10rem;
    height: .3rem;
    margin: 1rem 0rem;
}

.w70-video-2__heading__des {
    margin-top: .5rem;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w70-video-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w70-video-2__mains {
        padding-bottom: 2rem;
    }
}

.w70-video-2__mains__items {
    display: flex;
    padding-bottom: 1rem;
}

.w70-video-2__mains__items__item.swiper-slide {
    width: 32.666666%;
    margin-right: 1%;
    background: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
}

@media only screen and (max-width:50rem) {
    .w70-video-2__mains__items__item.swiper-slide {
        width: 49.5%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-video-2__mains__items__item.swiper-slide {
        width: 100%;
        margin: 0;
    }
}

.w70-video-2__mains__items__item__content {
    position: relative;
    overflow: hidden;
}

    .w70-video-2__mains__items__item__content iframe {
        overflow: hidden;
        border: none;
        width: 100%;
        border-radius: 1rem;
    }

        .w70-video-2__mains__items__item__content iframe:not(.youtube-shorts) {
            height: 22rem;
        }

@media only screen and (max-width:75rem) {
    .w70-video-2__mains__items__item__content iframe:not(.youtube-shorts) {
        height: 17.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w70-video-2__mains__items__item__content iframe:not(.youtube-shorts) {
        height: 22rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-video-2__mains__items__item__content iframe:not(.youtube-shorts) {
        height: 17.5rem;
    }
}

.w70-video-2__mains__items__item__content iframe.youtube-shorts {
    height: 70rem;
}

@media only screen and (max-width:62.5rem) {
    .w70-video-2__mains__items__item__content iframe.youtube-shorts {
        height: 54rem;
    }
}

@media only screen and (max-width:50rem) {
    .w70-video-2__mains__items__item__content iframe.youtube-shorts {
        height: 61rem;
        max-height: 61rem !important;
        min-height: 61rem !important;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-video-2__mains__items__item__content iframe.youtube-shorts {
        height: 81rem;
        max-height: 81rem !important;
        min-height: 81rem !important;
    }
}

.w70-video-2__mains__items__item__content__figure {
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.w70-video-2__mains__next.swiper-button-next,
.w70-video-2__mains__prev.swiper-button-prev {
    margin: 0 0.5rem;
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    border-radius: 50%;
    text-align: center;
    background-color: rgb(250 250 250 / 61%);
    color: #111;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w70-video-2__mains__next:hover,
.w70-video-2__mains__prev:hover {
    background: #fff;
}

.w70-video-2__mains__next:after,
.w70-video-2__mains__prev:after {
    display: none;
}
/*ed*/
/*w70-counter-1*/
.w70-counter-1 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: #fafafa;
}

.w70-counter-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w70-counter-1__items {
    display: flex;
    padding-bottom: 1rem;
    flex-wrap: wrap;
    justify-content: center;
    align-items: stretch;
}

.w70-counter-1__items__item {
    background: #fff;
    border-radius: .5rem;
    position: relative;
    outline: none;
    margin-bottom: 1rem;
    width: 32%;
    margin-left: 2%;
}

@media only screen and (min-width:50rem) {
    .w70-counter-1__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w70-counter-1__items__item {
        width: 49%;
    }

        .w70-counter-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w70-counter-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w70-counter-1__items__item__content {
    position: relative;
    overflow: hidden;
    padding: 2rem;
}

.w70-counter-1__items__item__content__bottom {
    display: block;
    text-align: center;
    margin-top: 2rem;
}

.w70-counter-1__items__item__content__bottom__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
}

.w70-counter-1__items__item__content__bottom__text {
    font-weight: 600;
    text-transform: uppercase;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w70-counter-1__items__item__content__bottom__name {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2.6rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w70-counter-1__items__item__content__bottom__name__text {
    margin-left: .75rem;
}

.w70-counter-1__items__item__content__bottom__name__des {
    margin-left: .5rem;
    line-height: 2.6rem;
}

.w70-counter-1__items__item__content__top {
    overflow: hidden;
    display: flex;
    justify-content: center;
}

.w70-counter-1__items__item__content__top__icon {
    font-size: 5.6rem;
    color: rgba(var(--main-color-w), 1);
}

.w70-counter-1__items__item__content__top__figure:hover {
    transform: scale(1.2);
}

.w70-counter-1__items__pagination {
    bottom: 0 !important;
}
/*ed*/
/*w70-ctaregister-1*/
.w70-ctaregister-1 {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background: #fafafa;
    padding: 3rem 1rem;
}

.w70-ctaregister-1__group {
    max-width: 120rem;
    margin: 0 auto;
    text-align: center;
    background: #fff;
    border-radius: .5rem;
    position: relative;
    padding: 2rem 0;
    overflow:hidden;
}

.w70-ctaregister-1__heading {
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    color: rgba(var(--main-color-w), 1);
    text-transform: capitalize;
    margin-bottom: 2rem;
    width:max-content;
    max-width:100%;
    margin:0 auto;
}

.w70-ctaregister-1__form {
    display: flex;
    align-items: center;
    padding: 0;
    background-clip: content-box;
    background-color: white;
    width: 50%;
    margin: 0 auto 0 auto;
    border: .1rem rgba(var(--main-color-w), 1) solid;
    border-radius: 3rem;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w70-ctaregister-1__form {
        width: 80%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-ctaregister-1__form {
        width: 90%;
    }
}

@media only screen and (max-width:25rem) {
    .w70-ctaregister-1__form {
        width: 96%;
        margin: 2rem 2%;
    }
}

.w70-ctaregister-1__form__text {
    border: none;
    outline: none;
    margin-left: 2rem;
    font-size: 1.3rem;
    width: 85%;
    font-family: inherit;
    padding: 1.5rem 0rem;
}

    .w70-ctaregister-1__form__text ::placeholder {
        font-weight: 500;
        color: #999;
    }

.w70-ctaregister-1__form__button {
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    cursor: pointer;
    padding: 0rem 2rem;
    color: white;
    font-size: 1.6rem;
    font-weight: 600;
    border-radius: 0 3rem 3rem 0;
    position: absolute;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
}

    .w70-ctaregister-1__form__button:hover {
        filter: brightness(0.8);
    }
/*ed*/
/*w8-menu*/
.w8-menu {
    width: 100%;
    background-color: white;
    padding: 1rem;
}

.w8-menu__sticky {
    background-color: #e4e4e4;
}

@media only screen and (min-width: 37.5rem) {
    .w8-menu__ab {
        background-color: transparent;
        position: absolute;
    }
}

.w8-menu__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 9rem;
}

@media only screen and (max-width: 37.5rem) {
    .w8-menu__group {
        margin-right: 0;
        width: 100%;
    }
}

.w8-menu__nav__button-nav {
    display: block;
    padding: 1rem 1.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    cursor: pointer;
    text-transform: uppercase;
    white-space: nowrap;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    border-left: solid 1rem rgba(var(--second-color-w),1);
}

.menu__nav__checkbox:checked ~ .w8-menu__nav__button-nav {
    border-left: none;
    border-right: solid 1rem rgba(var(--second-color-w),1);
}

@media only screen and (min-width: 62.5rem) {
    .w8-menu__nav__button-nav {
        display: none;
    }
}

.w8-menu__nav__icon {
    margin-right: 1rem;
    cursor: pointer;
    background-color: darkgray !important;
    display: none;
}

    .w8-menu__nav__icon::before, .w8-menu__nav__icon::after {
        background-color: darkgray !important;
    }

.w8-menu__nav__checkbox {
    display: none;
}

@media only screen and (min-width: 62.5rem) {
    .w8-menu__nav__checkbox:checked ~ .w8-menu__first-group .w8-menu__first-group__items {
        display: flex;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__nav__checkbox:checked ~ .w8-menu__first-group .w8-menu__first-group__items {
        display: block;
    }
}

.w8-menu__nav__checkbox:checked ~ .w8-menu__second__mains {
    display: block;
}

.w8-menu__first-group {
    align-items: center;
}

@media only screen and (min-width: 62.5rem) {
    .w8-menu__first-group {
        display: flex;
    }
}

.w8-menu__first-group__imgbox {
    margin-right: 2rem;
    min-width: 15rem;
    background-position: center;
}

.w8-menu__first-group__imgbox__img {
}

@media only screen and (max-width: 37.5rem) {
    .w8-menu__first-group__imgbox {
        margin-right: 0;
        text-align: right;
    }
}

@media only screen and (min-width: 62.5rem) {
    .w8-menu__first-group__items {
        display: flex;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items {
        display: none;
        position: absolute;
        left: 0;
        top: 16rem;
        background-color: white;
        z-index: 2;
        width: 27rem;
        border: solid .1rem #f1f1f1;
        border-top: none;
    }
}

.w8-menu__first-group__items__bg {
    height: 50rem;
}

.w8-menu__first-group__items__text {
    list-style: none;
    padding: 3rem 2rem;
    position: relative;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w8-menu__first-group__items__text {
        padding: 2rem 0rem 2rem 2rem;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__text {
        min-width: 25rem;
    }
}

.w8-menu__first-group__items__text__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w8-menu__first-group__items__text__main__name {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    width: max-content;
}

.w8-menu__first-group__items__text__main__icon {
    margin-left: .75rem;
}

@media only screen and (max-width: 37.5rem) {
    .w8-menu__first-group__items__text__main__icon {
        padding: 1rem;
        margin-left: 0;
    }
}

.w8-menu__first-group__items__text:hover {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width: 62.5rem) {
    .w8-menu__first-group__items__text:hover .w8-menu__first-group__items__drop {
        display: flex;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__text:hover .w8-menu__first-group__items__drop {
        visibility: visible;
    }
}

.w8-menu__first-group__items__drop__main:hover .w8-menu__first-group__items__drop__main__grand {
    display: flex;
    visibility: visible;
}

.w8-menu__first-group__items__drop {
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    display: none;
    position: absolute;
    background-color: white !important;
    z-index: 2;
    top: 7.5rem;
    left: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__drop {
        top: 6rem;
        display: block;
        left: 4rem;
        transition: all 0.2s;
        visibility: hidden;
        width: 27rem;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__drop__col {
        border-bottom: 0.1rem solid #e4e4e4;
        width: 100%;
    }

    .w8-menu__first-group__items__drop__main__grand__col {
        border-bottom: 0.1rem solid #e4e4e4;
        width: 100%;
    }
}

.w8-menu__first-group__items__drop-before {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__drop-before {
        display: flex;
        position: absolute;
        align-items: center;
        top: -3rem;
        padding-left: 1rem;
        font-size: 1.3rem;
        font-weight: 600;
        z-index: 15;
        background-color: white !important;
        width: 100%;
        height: 3rem;
        border-bottom: 0.1rem solid #eee;
    }
}

.w8-menu__first-group__items__drop-before__icon {
    font-size: 1.2rem;
}

.w8-menu__first-group__items__drop__main {
    list-style: none;
    padding: 0.5rem 2rem;
    line-height: 4rem;
    min-width: 15rem;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__drop__main {
        padding: 0;
    }

    .w8-menu__first-group__items__drop__main__text__name {
        padding: 0.5rem 0.5rem 0.5rem 2rem;
    }
}

.w8-menu__first-group__items__drop__main__text {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    color: black;
    display: flex;
    align-items: center;
}

    .w8-menu__first-group__items__drop__main__text:hover {
        color: rgba(var(--main-color-w), 1) !important;
    }

.w8-menu__first-group__items__drop__main:hover {
    background-color: rgba(244, 244, 244, 0.5);
    color: rgba(var(--main-color-w), 1) !important;
}

.w8-menu__first-group__items__drop__main__text__icon {
    margin-left: auto;
    padding-left: 1.5rem;
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__drop__main__text__icon {
        padding: 1.5rem;
    }
}

.w8-menu__first-group__items__drop__main__grand {
    position: absolute;
    visibility: hidden;
    top: 0;
    left: 100%;
    background-color: white !important;
    transition: all 0.2s;
}

@media only screen and (min-width: 62.5rem) {
    .w8-menu__first-group__items__drop__main__grand {
        display: flex;
        box-shadow: 0.1rem 0.1rem 0.5rem 0.1rem #f5f5f5;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__drop__main__grand {
        width: 25rem;
        left: 4rem;
        top: 100%;
        z-index: 2;
        border: solid .1rem #f1f1f1;
    }
}

.w8-menu__first-group__items__drop__main__grand-before {
    display: none;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__first-group__items__drop__main__grand-before {
        position: absolute;
        top: -3rem;
        padding-left: 1rem;
        font-size: 1.3rem;
        font-weight: 600;
        z-index: 15;
        background-color: white !important;
        width: 100%;
        height: 3rem;
        display: flex;
        border-bottom: 0.1rem solid #eee;
    }
}

.w8-menu__first-group__items__drop__main__grand-before__icon {
    font-size: 1.2rem;
}

.w8-menu__first-group__items__drop__main__grand__col__text {
    list-style: none;
    line-height: 4rem;
    transition: none;
    min-width: 15rem;
    padding: 0.5rem 2rem;
}

.w8-menu__first-group__items__drop__main__grand__col__text--a {
    cursor: pointer;
    font-weight: 500;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: none;
    font-size: 1.4rem;
    color: black;
}

    .w8-menu__first-group__items__drop__main__grand__col__text--a:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w8-menu__first-group__items__drop__main__grand__col__text:hover {
    background-color: rgba(244, 244, 244, 0.5) !important;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__second__mains {
        position: absolute;
        background-color: white;
        left: 0;
        top: 8rem;
        width: 27rem;
        display: none;
        z-index: 2;
        background-color: #f1f1f1;
    }
}

.w8-menu__second__mains__items {
    display: flex;
    margin-right: 2rem;
    align-items: center;
    justify-content: center;
    z-index: 1;
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__second__mains__items {
        height: 9rem;
    }
}

.w8-menu__second__mains__items__item {
    position: relative;
}

.w8-menu__second__mains__items__item__icon {
    margin: 0 1.5rem;
    font-size: 2rem;
    cursor: pointer;
    transition: all 0.2s;
}

    .w8-menu__second__mains__items__item__icon:hover {
        color: rgba(var(--main-color-w), 1) !important;
    }

.w8-menu__second__mains__items__item__drop {
    display: none;
    position: absolute;
    top: 7rem;
    left: 0;
    background-color: white !important;
    width: max-content;
}

@media only screen and (max-width: 62.5rem) {
    .w8-menu__second__mains__items__item__drop {
        box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    }
}

.w8-menu__second__mains__items__item__drop__childs {
    list-style: none;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
}

.w8-menu__second__mains__items__item__drop__childs__child {
    cursor: pointer;
    padding: 0 1rem;
    line-height: 5rem;
    font-size: 1.5rem;
}

    .w8-menu__second__mains__items__item__drop__childs__child:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w8-menu__second__mains__items__item:hover .w8-menu__second__mains__items__item__drop {
    display: block;
    z-index: 1;
}

.w8-menu__nav__checkbox-search:checked ~ .w8-menu__search {
    top: 0;
    visibility: visible;
}

.w8-menu__nav__checkbox-search {
    display: none;
    cursor: pointer;
}

.w8-menu__search {
    position: fixed;
    top: -15rem;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white !important;
    padding: 4rem;
    color: #757575;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w8-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w8-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}

.w8-menu__search__content__title__icon {
    font-size: 1.5rem;
    background: none;
    border: none;
    cursor: pointer;
}

.w8-menu__search__content__title__checkbox {
    cursor: pointer;
}

.w8-menu__search__content__input {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    border-bottom: 0.2rem solid #f5f5f5 !important;
}

.w8-menu__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2rem;
    text-transform: uppercase;
    color: black;
    width: 100%;
    font-family: "SVN-Sofia Pro Light";
}

    .w8-menu__search__content__input__text::-webkit-input-placeholder {
        color: black;
    }

    .w8-menu__search__content__input__text:focus {
        outline: none;
    }

.w8-menu__search__content__input__icon {
    cursor: pointer;
    font-size: 3rem;
}

/*ed*/

/*w70-testimonial-1*/
.w70-testimonial-1 {
    width: 100%;
    background-color: white;
    padding: 2rem 1rem 2rem 1rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.w70-testimonial-1__group {
    max-width: 120rem;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w70-testimonial-1__content {
    width: 100%;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-testimonial-1__content {
        width: 100%;
        padding: 0;
    }
}

.w70-testimonial-1__content__block {
    position: relative;
}

.w70-testimonial-1__content__block__mains {
    overflow: hidden;
    width: 100%;
    display: flex;
}

@media only screen and (max-width:37.5rem) {
    .w70-testimonial-1__content__block__mains {
        padding-bottom: 0;
        margin-top: 0.5rem;
    }
}

.w70-testimonial-1__content__block__mains .swiper-wrapper {
    margin-left: -1%;
}

.w70-testimonial-1__content__block__mains__items__item.swiper-slide {
    width: 9%;
    margin-right: 4%;
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
}

@media only screen and (max-width:62.5rem) {
    .w70-testimonial-1__content__block__mains__items__item.swiper-slide {
        width: 13.333333%;
    }
}

@media only screen and (max-width:50rem) {
    .w70-testimonial-1__content__block__mains__items__item.swiper-slide {
        width: 21.25%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w70-testimonial-1__content__block__mains__items__item.swiper-slide {
    }
}

.w70-testimonial-1__content__block__mains__items__item__imgbox {
    background-size: contain;
    background-position: center;
}

.w70-testimonial-1__content__block__mains__items__item__imgbox__img {
    width: 100%;
}

.w70-testimonial-1__slider {
    width: 100%;
    overflow: hidden;
    margin-top: 2rem;
}

.w70-testimonial-1__slider__items__item {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w70-testimonial-1__slider__items__item {
        flex-wrap: wrap;
    }
}

.w70-testimonial-1__slider__items__item__info {
    z-index: 1;
    display: flex;
    flex-direction: column;
    width: 60%;
    height: 100%;
    text-align: center;
    margin: auto;
    padding: 1rem 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w70-testimonial-1__slider__items__item__info {
        width: 100%;
    }
}

.w70-testimonial-1__slider__items__item__info__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    position: relative;
    display: block;
}

@media only screen and (max-width:37.5rem) {
    .w70-testimonial-1__slider__items__item__info__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w70-testimonial-1 .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

.w70-testimonial-1 .swiper-slide {
}

.w70-testimonial-1 .swiper-slide-active {
    opacity: 1;
}

@media only screen and (max-width:37.5rem) {
    .w70-testimonial-1 .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

.w70-testimonial-1 .swiper-button-next {
    color: black;
}

.w70-testimonial-1 .swiper-button-prev {
    color: black;
}

.w61-testimonial__second__mains__main__pagination {
    bottom: -2rem !important;
}

    .w61-testimonial__second__mains__main__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }
/*ed*/
/*w34-bloglist*/
.w34-bloglist {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w34-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w34-bloglist__title {
    display: block;
    text-align: center;
    font-size: 2rem;
    line-height: 3rem;
    width: fit-content;
    color: rgba(var(--main-color-w), 1);
}

.w34-bloglist__sub {
    margin-top: 1rem;
}

.w34-bloglist__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
}

.w34-bloglist__items__item {
    cursor: pointer;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width: 50rem) {
    .w34-bloglist__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w34-bloglist__items__item {
        width: 49%;
    }

        .w34-bloglist__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w34-bloglist__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w34-bloglist__items__item__imgbox {
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    border-radius: 1rem;
}

.w34-bloglist__items__item__imgbox__img {
    width: 100%;
}

.w34-bloglist__items__item__content {
    margin-top: 2rem;
    display: flex;
    padding-bottom: 2rem;
    position: relative;
}


.w34-bloglist__items__item__content__time {
    text-align: center;
    color: rgba(var(--second-color-w), 1);
    margin-right: 2rem;
}

.w34-bloglist__items__item__content__time__date {
    font-size: 2.5rem;
    font-weight: 600;
    font-weight: bolder;
    white-space: nowrap;
}

.w34-bloglist__items__item__content__time__year {
    border-top: 1px solid rgba(var(--second-color-w), 1);
    font-size: 1.6rem;
    margin-top: 0.3rem;
    display: block;
    font-weight: 600;
    white-space: nowrap;
    padding-top: 0.3rem;
}

@media only screen and (max-width: 50rem) {
    .w34-bloglist__items__item__content__info {
        margin-top: 1rem;
    }
}

.w34-bloglist__items__item__content__info__name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w), 1);
    text-align: justify;
}

.w34-bloglist__items__item__content__info__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
}

@media only screen and (max-width: 50rem) {
    .w34-bloglist__items__item__content__info__des {
        display: none;
    }
}

.w34-bloglist__paging {
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
}

.w34-bloglist__paging__items {
    padding: 1rem;
    width: 3.3rem;
    display: inline-block;
    border-radius: 1rem;
    font-weight: 600;
    margin-left: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    color: white;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
}

    .w34-bloglist__paging__items:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
    }

.w34-bloglist__paging .active {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
}

.w34-bloglist__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    background-color: rgba(var(--main-color-w), 1);
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    padding: 1rem;
    display: flex;
    justify-self: center;
    border-radius: 1rem;
    color: white;
}

.w34-bloglist__paging__pre__icon {
    font-size: 1.5rem;
}

.w34-bloglist__paging__pre:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
}

/*ed*/

/*w26-menu*/
.w26-menu {
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
}
@media only screen and (min-width: 62.5rem) {
    .w26-menu.ws1StickyApply {
        padding-right: 1rem;
    }
}
@media only screen and (max-width: 62.5rem) {
    .w26-menu {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.w26-menu__header {
    padding: 1rem;
    width: 100%;
    background-color: white;
}
@media only screen and (min-width: 62.5rem) {
    .ws1StickyApply .w26-menu__header {
        display: none;
    }
}
.w26-menu__header__group {
    max-width: 120rem;
    margin: 0 auto;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w26-menu__header__imgbox {
    margin-right: 1rem;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__header__imgbox {
        margin: 0 auto;
    }
}

.w26-menu__header__imgbox__img {
}

.w26-menu__header__hotro {
    display: flex;
    margin-left: 5%;
    color: black;
    justify-content: space-around;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__header__hotro {
        display: none;
    }
}

.w26-menu__header__hotro__thongtin {
    display: flex;
    align-items: center;
    width: max-content;
}

    .w26-menu__header__hotro__thongtin:not(:last-child) {
        margin-right: 5rem;
    }

.w26-menu__header__hotro__thongtin__icon {
    margin-right: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
}


.w26-menu__header__hotro__thongtin__content__name {
    font-weight: 600;
    line-height: 2.6rem;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w26-menu__header__hotro__thongtin__content__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w26-menu .w26-menu__list__items-nav__button {
    display: none;
}

    .w26-menu .w26-menu__list__items-nav__button .w26-menu__list-nav__icon {
    }

.w26-menu__bg {
    position: absolute;
    height: 100vh;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    content: "";
    z-index: 1;
    top: 0;
    display: none;
}

.w26-menu__list {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: white;
    z-index: 1;
}

.w26-menu__list__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    color: white;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (min-width: 62.5rem) {
    .w26-menu__list__group {
        position: relative;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__group {
        position: relative;
        height: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list {
        position: absolute;
        z-index: 2;
        padding: 0 1rem;
    }
}

@media only screen and (min-width: 62.5rem) {
    .w26-menu__list__ab {
        position: absolute;
        z-index: 2;
        background-color: transparent;
    }
}

.w26-menu__list-nav__checkbox {
    display: none;
}

.w26-menu__list-nav__button {
    height: 2.5rem;
    width: 2.5rem;
    position: relative;
}

@media only screen and (min-width: 62.5rem) {
    .w26-menu__list-nav__button {
        display: none;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list-nav__button {
    }
}

.w26-menu__list-nav__icon {
    font-size: 2.5rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

.w26-menu__list__items-nav__button:nth-child(3) .w26-menu__list-nav__icon {
    color: rgba(var(--second-color-w),1);
}

.w26-menu__list-nav__checkbox:checked ~ .w26-menu__list__items {
    left: 0;
}

.w26-menu__list-nav__checkbox:checked ~ .w26-menu__list__items-nav__button {
    display: block;
}

.w26-menu__list__items {
    list-style: none;
    display: flex;
    z-index: 2;
    flex-wrap:wrap;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items {
        flex-direction: column;
        position: fixed;
        top: 0;
        left: -100%;
        width: 80%;
        box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.151);
        height: 100vh;
        overflow-y: scroll;
        transition: all 0.2s;
        overflow-x: hidden;
        padding: 1rem 0 1rem 1rem;
        background-color: rgba(var(--main-color-w),1)
    }

        .w26-menu__list__items::-webkit-scrollbar {
            width: .1rem;
        }

        .w26-menu__list__items::-webkit-scrollbar-track {
            border-radius: .1rem;
        }

        .w26-menu__list__items::-webkit-scrollbar-thumb {
            border-radius: .1rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w26-menu__list__items::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

.w26-menu__list__items-nav__checkbox {
    display: none;
}

.w26-menu__list__items-nav__button {
    padding: 1rem 2rem;
}

@media only screen and (min-width: 62.5rem) {
    .w26-menu__list__items-nav__button {
        display: none;
    }
}

.w26-menu__list__items-nav__icon {
    font-size: 2.5rem;
}

.w26-menu__list__items__item {
    cursor: pointer;
    padding: 1.5rem;
}

@media only screen and (min-width: 62.5rem) {
    .w26-menu__list__items__item:first-child {
        background-color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__item {
        position: relative;
    }
}

.w26-menu__list__items__item__text {
    font-size: 1.5rem;
    text-transform: uppercase;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.w26-menu__list__items__item__text__icon {
    margin-left: .75rem;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__item__text__icon {
        margin-left: auto;
    }
}

.w26-menu__list__items__item__span {
    width: 0%;
    height: 0.2rem;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: .3rem;
    left: 0;
}

.w26-menu__list__items__item:hover {
    color: rgba(var(--second-color-w), 1);
}

@media only screen and (min-width: 62.5rem) {
    .w26-menu__list__items__item:first-child:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: #fff;
    }
}

.w26-menu__list__items__item:hover .w26-menu__list__items__item__span {
    width: 100%;
    background-color: rgba(var(--second-color-w), 1);
    height: 0.2rem;
}

.w26-menu__list__items__item:hover .w26-menu__list__items__drop-1 {
    left: 0;
    opacity: 1;
    visibility: visible;
}

.w26-menu__list__items__drop-1__item:hover .w26-menu__list__items__drop-2 {
    visibility: visible;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-1__item:hover .w26-menu__list__items__drop-2 {
        left: 0;
        top: 0;
    }
}

.w26-menu__list__items__drop-1 {
    list-style: none;
    position: absolute;
    left: 0;
    top: 100%;
    display: flex;
    visibility: hidden;
    background-color: rgba(var(--main-color-w),1);
    box-shadow: 0.1rem 0.1rem 0.3rem rgba(0, 0, 0, 0.151);
    padding: 1rem;
    z-index: 1;
    width: 100%;
    flex-wrap: wrap;
    transition: all 0.2s;
    opacity: 0;
}

    .w26-menu__list__items__drop-1.ws1MenudropActive {
        display: flex !important;
    }

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-1 {
        flex-direction: column;
        position: absolute;
        top: 0;
        left: 100%;
        width: 98%;
        border: solid .1rem rgba(255,255,255,.1);
    }
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-1-col:not(:first-child) {
        border-top: 0.1rem solid #eee;
    }
}

.w26-menu__list__items__drop-1__item {
    cursor: pointer;
    position: relative;
    width: 100%;
    padding: 1rem;
    min-width: 8rem;
}

.w26-menu__list__items__drop-1__item__text {
    font-size: 1.4rem;
    text-transform: capitalize;
    font-weight: 500;
    color: white;
    transition: all .5s;
    display: flex;
    align-items: center;
}

.w26-menu__list__items__drop-1__item__text__icon {
    margin-left: .75rem;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-1__item__text__icon {
        margin-left: auto;
    }
}

.w26-menu__list__items__drop-1__item__text:hover {
    color: rgba(var(--second-color-w),1);
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-1__item {
        width: 100%;
        position: relative;
        height: auto;
        margin-top: 0;
    }
}

.w26-menu__list__items__drop-1__item__span {
    width: 0%;
    height: 0.2rem;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-1__item__span {
        display: none;
    }
}

.w26-menu__list__items__drop-1__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w26-menu__list__items__drop-1__item:hover .w26-menu__list__items__drop-1__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
        height: 0.2rem;
    }

.w26-menu__list__items__drop-2 {
    list-style: none;
    position: absolute;
    left: 8rem;
    width: max-content;
    display: flex;
    background-color: rgba(var(--main-color-w),1);
    z-index: 1;
    top: 0;
    padding: 1rem;
    visibility: hidden;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-2 {
        flex-direction: column;
        width: 100%;
        border: solid .1rem rgba(255,255,255,.1);
    }
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-2-col:not(:first-child) {
        margin-top: 2rem;
        border-top: 0.1rem solid #eee;
    }
}

@media only screen and (min-width: 62.5rem) {
    .w26-menu__list__items__drop-2-col:not(:first-child) {
        margin-left: 2rem;
    }
}

.w26-menu__list__items__drop-2__item {
    cursor: pointer;
    position: relative;
    color: white;
    min-width: 8rem;
    padding: 1rem;
}

.w26-menu__list__items__drop-2__item__text {
    font-size: 1.4rem;
    text-transform: capitalize;
    font-weight: 500;
}

.w26-menu__list__items__drop-2__item__span {
    width: 0%;
    height: 0.2rem;
    background-color: black;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__items__drop-2__item__span {
        display: none;
    }
}

.w26-menu__list__items__drop-2__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w26-menu__list__items__drop-2__item:hover .w26-menu__list__items__drop-2__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
        height: 0.2rem;
    }

.w26-menu__list__user {
    display: flex;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w26-menu__list__user {
        color: rgba(var(--main-color-w),1);
    }
}

.w26-menu__list__user__icon {
    font-size: 2rem;
    margin-left: 2rem;
    cursor: pointer;
}

.w26-menu__nav-checkbox-search {
    display: none;
}

.w26-menu__list-nav__checkbox:checked ~ .w26-menu__list__user {
    display: none;
}

.w26-menu__nav-checkbox-search:checked ~ .w26-menu__search {
    visibility: visible;
    top: 0;
}


.w26-menu__search {
    position: fixed;
    top: -15rem;
    visibility: hidden;
    width: 100%;
    left: 0;
    background-color: white !important;
    padding: 4rem;
    color: #757575;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
}

.w26-menu__search__content {
    max-width: 120rem;
    margin: 0 auto;
}

.w26-menu__search__content__title {
    display: flex;
    justify-content: space-between;
    font-size: 1.4rem;
}

.w26-menu__search__content__title__icon {
    font-size: 2rem;
    background: none;
    border: none;
    cursor: pointer;
}

.w26-menu__search__content__title__checkbox {
    cursor: pointer;
}

.w26-menu__search__content__input {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    border-bottom: 0.2rem solid #f5f5f5 !important;
}

.w26-menu__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2rem;
    text-transform: uppercase;
    color: black;
    width: 100%;
    font-family: "SVN-Sofia Pro Light";
}

    .w26-menu__search__content__input__text::-webkit-input-placeholder {
        color: black;
    }

    .w26-menu__search__content__input__text:focus {
        outline: none;
    }

.w26-menu__search__content__input__icon {
    cursor: pointer;
    font-size: 3rem;
}

/*ed*/

/*w31-ads*/
.w31-ads {
    width: 100%;
    background-color: rgba(var(--main-color-w),.1);
    padding: 3rem 0;
    position: relative;
    z-index: 0;
}

.w31-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
}

.w31-ads__first {
    width: 25%;
}

@media only screen and (max-width: 50rem) {
    .w31-ads__first {
        width: 100%;
    }
}

.w31-ads__first__heading {
    display: block;
}

.w31-ads__first__heading__title {
    text-align: center;
    font-size: 2.6rem;
    font-weight: 600;
    width: max-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    line-height: 3.6rem;
    transition: all .5s;
    cursor: pointer;
}

    .w31-ads__first__heading__title:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 37.5rem) {
    .w31-ads__first {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w31-ads__first__heading__des {
    text-align: justify;
    width: 100%;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    max-width: 100%;
}

.w31-ads__first__heading__line {
    display: flex;
    margin-top: 1rem;
    justify-content: center;
}

.w31-ads__first__heading__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1);
}

.w31-ads__first__heading__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w31-ads__first__bottom {
    border-radius: .3rem;
    overflow: hidden;
    margin-top: 2rem;
    display: block;
}

@media only screen and (max-width: 50rem) {
    .w31-ads__first__bottom {
        display: none;
    }
}

.w31-ads__first__bottom__imgbox {
    width: 100%;
    transition: all .5s;
    background-size: contain;
    background-position: center;
    cursor: pointer;
}

.w31-ads__first__bottom__imgbox__img {
    width: 100%;
}

.w31-ads__first__bottom__imgbox:hover {
    transform: scale(1.05);
}


.w31-ads__first__bottom__imgbox__img {
    margin: 0 auto;
    width: 100%;
}

.w31-ads__items {
    width: 74%;
    margin-left: 1%;
    display: flex;
    flex-wrap: wrap;
    height: max-content;
}

@media only screen and (max-width: 50rem) {
    .w31-ads__items {
        width: 100%;
    }
}

.w31-ads__items__item {
    position: relative;
    margin: 1rem;
    width: 31.333333333333333%;
    margin: 1%;
    border-radius: 0.5rem;
    overflow: hidden;
    cursor: pointer;
    z-index: 0;
}

@media only screen and (max-width: 50rem) {
    .w31-ads__items__item {
        width: 48%;
    }
}

.w31-ads__items__item__a {
    z-index: 2;
}

.w31-ads__items__item__imgbox {
    transition: all 0.2s ease;
    height: 100%;
    background-size: contain;
    background-position: center;
    z-index: -2;
}

.w31-ads__items__item__imgbox__img {
    margin: 0 auto;
    width: 100%;
}

.w31-ads__items__item:hover .w31-ads__items__item__imgbox {
    transform: scale(1.1);
}

.w31-ads__items__item:hover .w31-ads__items__item__content__name {
    opacity: 1;
}

.w31-ads__items__item__content {
    position: absolute;
    bottom: 0rem;
    display: block;
    width: 100%;
    max-width: 100%;
    z-index: 2;
    padding: 1rem;
}

.w31-ads__items__item__content__name {
    color: white;
    font-size: 1.4rem;
    line-height: 2.4rem;
    opacity: 0;
    transition: all 0.5s ease;
    display: block;
    text-align: center;
}

.w31-ads__items__item__content__des {
    display: block;
    color: white;
    font-size: 1.4rem;
    font-weight: bolder;
    margin-top: 0.5rem;
    box-shadow: 0 0 10rem rgba(0, 0, 0, 0.184);
    text-align: center;
}

.w31-ads__items__item__bg {
    content: "";
    position: absolute;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.322), transparent);
    height: 100%;
    width: 100%;
    display: block;
    top: 0;
    z-index: 1;
}
/*ed*/

/*w28-testimonial*/
.w28-testimonial {
    width: 100%;
    background-image: url(../../img/w26/bg01.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 3rem 1rem;
    position: relative;
    z-index: 0;
}

.w28-testimonial__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w28-testimonial__partner {
    margin-top: 2rem;
    display: block;
    position: relative;
}

.w28-testimonial__partner__mains__pagination {
    bottom: -2rem !important;
}

.w28-testimonial__partner .swiper-pagination-bullet {
    background-color: #fff;
}

.w28-testimonial__partner .swiper-pagination-bullet-active {
    background-color: #fff;
}

.w28-testimonial__partner__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    color: white;
    margin-bottom: 0.3rem;
    font-weight: 600;
    text-align: center;
    max-width: 100%;
}

@media only screen and (max-width: 37.5rem) {
    .w28-testimonial__partner__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w28-testimonial__partner__heading__line {
    display: flex;
    margin-top: 2rem;
    justify-content: center;
}

.w28-testimonial__partner__heading__line__1 {
    width: 5rem;
    height: .4rem;
    background-color: #fff;
}

.w28-testimonial__partner__heading__line__2 {
    width: 5rem;
    height: .4rem;
    background-color: rgba(var(--second-color-w),1);
}

.w28-testimonial__partner__mains {
    cursor: pointer;
    display: flex;
    justify-content: center;
    overflow: hidden;
    margin-top: 3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w28-testimonial__partner__mains {
        margin-left: 0;
    }
}

.w28-testimonial__partner__mains .swiper-wrapper {
    box-sizing: border-box !important;
}

.w28-testimonial__partner__mains__items__item {
    width: calc(49%);
    margin-right: 2%;
    position: relative;
    min-height: 20rem;
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media only screen and (max-width: 62.5rem) {
    .w28-testimonial__partner__mains__items__item {
        width: calc(100%);
    }
}

@media only screen and (max-width: 62.5rem) {
}

.w28-testimonial__partner__mains__items__item__bg01 {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    border-left: 8rem solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 6rem solid rgba(var(--second-color-w),1);
}

@media only screen and (max-width: 62.5rem) {
    .w28-testimonial__partner__mains__items__item::after {
        display: none;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w28-testimonial__partner__mains__items__item::before {
        display: none;
    }
}

.w28-testimonial__partner__mains__items__item__imgbox {
    width: 10rem;
    height: 10rem;
    border: 0.1rem solid white;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-size: cover;
    background-color: rgba(var(--main-color-w), 1);
    left: 2rem;
}

.w28-testimonial__partner__mains__items__item__imgbox__img {
    width: 100%;
}

.w28-testimonial__partner__mains__items__item__back {
    content: "";
    position: absolute;
    height: 300%;
    width: 200%;
    background-color: rgba(var(--main-color-w), 1);
    left: 3rem;
    top: 0;
    z-index: -2;
    transform: rotate(17deg);
    border: 0.5rem solid rgba(var(--second-color-w),1);
}

@media only screen and (max-width: 62.5rem) {
    .w28-testimonial__partner__mains__items__item__back {
        left: 5rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w28-testimonial__partner__mains__items__item__back {
        left: 0;
    }
}

.w28-testimonial__partner__mains__items__item__box {
    position: relative;
    z-index: 1;
    width: calc(100% - 14rem);
    margin-left: auto;
    padding: 1rem;
}

.w28-testimonial__partner__mains__items__item__box__des {
    font-size: 1.5rem;
    text-align: justify;
    color: white;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    display: block;
    z-index: 2;
}

@media only screen and (max-width: 62.5rem) {
    .w28-testimonial__partner__mains__items__item__box__des {
        min-height: 0;
    }
}

.w28-testimonial__partner__mains__items__item__box__info {
    display: block;
    position: relative;
}

.w28-testimonial__partner__mains__items__item__box__info__name {
    color: rgba(var(--second-color-w),1);
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
}

.w28-testimonial__partner__mains__items__item__box__info__des {
    display: block;
    color: white;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

/*ed*/
/*w15-product-3*/
.w15-product-3 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w15-product-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w15-product-3__heading {
    font-weight: 600;
    font-size: 3rem;
    line-height: 5rem;
    text-align: center;
    display: block;
    color: rgba(var(--main-color-w),1)
}

@media only screen and (max-width: 37.5rem) {
    .w15-product-3__heading {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w15-product-3__description {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    margin-top: 1rem;
    text-align: center;
}

.w15-product-3__tab {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

    .w15-product-3__tab .active {
        background-color: rgba(var(--second-color-w), 1);
    }

.w15-product-3__tab__items {
    cursor: pointer;
    margin-top: 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: white;
    height: 8rem;
    width: 8rem;
    text-align: center;
    display: flex;
    align-items: center;
    border: 0.1rem solid #eee;
    justify-content: center;
    border-radius: 50%;
    padding: 0.5rem;
    font-size: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .w15-product-3__tab__items:not(:first-child) {
        margin-left: 1rem;
    }

.w15-product-3__items {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
}

.w15-product-3__items__child:hover .w15-product-3__items__child__action {
    bottom: 0;
}

.w15-product-3__items__child {
    width: 32%;
    margin-top: 2rem;
    height: max-content;
    background-color: #fff;
    border: solid .1rem #f1f1f1;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
    height: max-content;
    margin-left: 2%;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.15);
}

@media only screen and (min-width: 50rem) {
    .w15-product-3__items__child:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w15-product-3__items__child {
        width: 49%;
        margin-top: 2rem;
    }

        .w15-product-3__items__child:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 31.25rem) {
    .w15-product-3__items__child {
        width: 100%;
        margin-top: 2rem;
        margin-left: 0;
    }
}

.w15-product-3__items__child__top {
    position: relative;
}

.w15-product-3__items__child__top__hinhanh {
    display: block;
    overflow: hidden;
    cursor: pointer;
}

.w15-product-3__items__child__top__hinhanh__imgbox {
    overflow: hidden;
    background-size: contain;
    background-position: center;
    transition: all 0.5s;
}

    .w15-product-3__items__child__top__hinhanh__imgbox:hover {
        transform: scale(1.1);
    }

.w15-product-3__items__child__top__hinhanh__imgbox__img {
    width: 100%;
}

.w15-product-3__items__child__top__icon {
    position: absolute;
    transform: translateY(-2rem);
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    background-color: rgba(var(--main-color-w),1);
    color: white;
    border-radius: 50%;
    right: 1rem;
    transition: all 0.2s;
    box-shadow: 0.1rem 0.1rem 0.2rem rgba(0, 0, 0, 0.178);
    cursor: pointer;
}

    .w15-product-3__items__child__top__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w15-product-3__items__child__card {
    padding: 2rem;
}

.w15-product-3__items__child__card__user {
    color: #999;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: flex;
    align-items: center;
}

.w15-product-3__items__child__card__user__icon {
    margin-right: .5rem;
}

.w15-product-3__items__child__card__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    margin-top: 1rem;
    display: block;
}

.w15-product-3__items__child__card__price {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
}

.w15-product-3__items__child__card__price__main {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w15-product-3__items__child__card__price__sub {
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
    color: #999;
}

.w15-product-3__items__child__attr {
    display: flex;
    align-items: center;
    bottom: 0;
    padding: 1rem;
    flex-wrap: wrap;
    width: 100%;
    color: #999;
    border-top: solid .1rem #f1f1f1;
}

.w15-product-3__items__child__attr__content {
    display: inline-flex;
    align-items: center;
    margin-right: 2rem;
    font-size: 1.4rem;
    justify-content: center;
}

    .w15-product-3__items__child__attr__content:last-child {
        margin-right: 0;
    }

.w15-product-3__items__child__attr__content__icon {
    margin-right: 0.5rem;
    font-size: 1.4rem;
}

.w15-product-3__items__child__attr__content__text {
    font-size: 1.4rem;
    white-space: nowrap;
}

.w15-product-3__items__child__action {
    position: absolute;
    display: flex;
    align-items: center;
    bottom: 0;
    padding: .5rem 1rem;
    flex-wrap: wrap;
    width: calc(100%);
    background-color: #fafafa;
    bottom: -5rem;
    transition: all 0.2s;
    justify-content: center;
}

.w15-product-3__items__child__action__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    margin-right: 0.7rem;
    border-radius: 50%;
    font-size: 1.2rem;
    transition: all .5s;
}

    .w15-product-3__items__child__action__icon:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w15-product-3__items__child__action__button {
    display: inline-block;
    cursor: pointer;
    padding: 0.5rem 1.5rem;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    outline: none;
    color: white;
    border-radius: 2rem;
    font-size: 1.4rem;
    margin-left: auto;
    transition: all .5s;
    display: flex;
    align-items: center;
}

    .w15-product-3__items__child__action__button:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w15-product-3__items__child__action__button__name {
    font-weight: 600;
}

.w15-product-3__items__child__action__button__icon {
    margin-left: .75rem;
}
/*ed*/
/*w70-header-2*/
.w70-header-2 {
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
}

.w70-header-2 {
    padding: 1rem;
    width: 100%;
    background-color: white;
}

.w70-header-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 62.5rem) {
    .w70-header-2__group {
        flex-wrap: wrap;
    }
}

.w70-header-2__imgbox {
    margin-right: 1rem;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 62.5rem) {
    .w70-header-2__imgbox {
        margin: 0 auto;
    }
}

.w70-header-2__imgbox__img {
}

.w70-header-2__hotro {
    display: flex;
    margin-left: auto;
    justify-content: space-around;
    flex-wrap: wrap;
}

@media only screen and (max-width: 62.5rem) {
    .w70-header-2__hotro {
        margin-left: 0;
        width: 100%;
        margin-top: 1rem;
        justify-content: space-between;
    }
}


.w70-header-2__hotro__thongtin {
    display: flex;
    align-items: center;
    width: max-content;
    margin-left: 5rem;
}

@media only screen and (max-width: 62.5rem) {
    .w70-header-2__hotro__thongtin {
        margin-top: 1rem;
    }
}

.w70-header-2__hotro__thongtin:first-child {
    margin-left: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w70-header-2__hotro__thongtin {
        margin-left: 0;
    }
}

@media only screen and (max-width: 43.75rem) {
    .w70-header-2__hotro__thongtin {
        display: none;
    }

        .w70-header-2__hotro__thongtin:nth-child(1) {
            display: flex;
        }

        .w70-header-2__hotro__thongtin:nth-child(2) {
            display: flex;
        }
}

.w70-header-2__hotro__thongtin__icon {
    margin-right: 1rem;
    width: 3.5rem;
    height: 3.5rem;
    background-size: contain;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
}


.w70-header-2__hotro__thongtin__content__name {
    font-weight: 600;
    line-height: 2.6rem;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w70-header-2__hotro__thongtin__content__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
}
/*ed*/

/*w68-downbar-2*/
.w68-downbar-2 {
    width: 100%;
    padding: 1rem 1rem;
    background-color: rgba(var(--main-color-w,1));
}

.w68-downbar-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w68-downbar-2__content {
    line-height: 2.4rem;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w68-downbar-2__content {
        width: 100%;
    }
}

.w68-downbar-2__content a {
    color: inherit;
}

.w68-downbar-2__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w68-downbar-2__items {
        width: 100%;
        justify-content: center;
    }
}

.w68-downbar-2__items__item {
    font-size: 1.4rem;
    color: #fff;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w68-downbar-2__items__item {
        margin-top: 1rem;
    }
}

.w68-downbar-2__items__item:first-child {
    margin-left: 0;
}

.w68-downbar-2__items__item__name {
    margin-left: .5rem;
}
/*ed*/
/*w68-downbar*/
.w68-downbar {
    width: 100%;
    padding: 1rem 1rem;
    background-color: rgba(var(--second-color-w,1));
}

.w68-downbar__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w68-downbar__content {
    line-height: 2.4rem;
    font-size: 1.4rem;
    color: #fff;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w68-downbar__content {
        width: 100%;
    }
}

.w68-downbar__content a {
    color: inherit;
}

.w68-downbar__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w68-downbar__items {
        width: 100%;
        justify-content: center;
    }
}

.w68-downbar__items__item {
    font-size: 1.4rem;
    color: #fff;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w68-downbar__items__item {
        margin-top: 1rem;
    }
}

.w68-downbar__items__item:first-child {
    margin-left: 0;
}

.w68-downbar__items__item__name {
    margin-left: .5rem;
}
/*ed*/
/*w16-services*/
.w16-services {
    width: 100%;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w16-services__group {
    max-width: 120rem;
    width: 100%;
    display: flex;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
}

@media only screen and (max-width: 37.5rem) {
    .w16-services__group {
        flex-direction: column;
    }
}

.w16-services__heading__btns {
    display: flex;
    width: 4.4rem;
    height: 4.4rem;
    position: absolute;
    right: -2.1rem;
    background-color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: all .5s;
}

@media only screen and (max-width: 37.5rem) {
    .w16-services__heading__btns {
        right: 1rem;
        bottom: 1rem;
    }
}

.w16-services__heading__btns:hover {
    color: rgba(var(--main-color-w), 1);
    background: white;
    box-shadow: .1rem .1rem 1rem .1rem #eee;
}

.w16-services__heading__btns__button {
    background: none;
    border: none;
    cursor: pointer;
    outline: none;
    font-size: 3rem;
    color: rgba(var(--main-color-w), 1);
    display: block;
    position: relative !important;
    left: initial !important;
    right: initial !important;
    top: initial !important;
    width: auto !important;
    height: auto !important;
    margin-top: 0 !important;
}

    .w16-services__heading__btns__button:after {
        display: none;
    }

.w16-services__heading__btns__button-next {
    margin-left: .5rem;
}

.w16-services__heading {
    background-position: center;
    width: 22%;
    position: relative;
    color: white;
    display: flex;
    align-items: center;
    z-index: 1;
    height: 50rem;
}

@media only screen and (max-width: 50rem) {
    .w16-services__heading {
        width: 32%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w16-services__heading {
        width: 100%;
    }
}

.w16-services__heading__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
}

.w16-services__heading__imgbox__img {
    width: 100%;
}

.w16-services__heading__main {
    position: absolute;
    width: 100%;
    padding: 1rem;
}

.w16-services__heading__main__title {
    font-weight: 700;
    font-size: 2rem;
    line-height: 3rem;
    position: relative;
    display: block;
}


.w16-services__heading__main__des {
    font-size: 1.5rem;
    line-height: 2.5rem;
    position: relative;
    display: block;
}

@media only screen and (max-width: 37.5rem) {
    .w16-services__heading__main__des::before {
        right: 7rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w16-services__heading__main__des::before {
        right: 5rem;
    }
}

@media only screen and (max-width: 25rem) {
    .w16-services__heading__main__des::before {
        right: 4rem;
    }
}

.w16-services__heading__sub {
    padding: .5rem 2rem;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    margin-top: 1rem;
    transition: all .2s ease-in-out;
    cursor: pointer;
    position: absolute;
    bottom: 1rem;
    left: 1rem;
}

    .w16-services__heading__sub:hover {
        color: rgba(var(--main-color-w), 1);
        background: white;
        box-shadow: .1rem .1rem 1rem .1rem #eee;
    }

.w16-services__heading__sub__name {
    margin-right: 1rem;
}

.w16-services__mains {
    display: block;
    width: 78%;
    height: 50rem;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

@media only screen and (max-width: 50rem) {
    .w16-services__mains {
        width: 68%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w16-services__mains {
        width: 100%;
        height: 30rem;
    }
}

.w16-services__mains__main.swiper-wrapper {
    height:100% !important;
}

.w16-services__mains__main__item.swiper-slide {
    width: 25%;
    color: white;
    position: relative;
    display: block;
}

@media only screen and (max-width: 75rem) {
    .w16-services__mains__main__item.swiper-slide {
        width: 33.33333333%;
    }
}

@media only screen and (max-width: 50rem) {
    .w16-services__mains__main__item.swiper-slide {
        width: 50%;
    }
}

.w16-services__mains__main__item:hover .w16-services__mains__main__item__overlay {
    background-color: rgba(var(--main-color-w), .5);
    visibility: visible;
}

.w16-services__mains__main__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w16-services__mains__main__item__imgbox {
        height: 30rem;
    }
}

.w16-services__mains__main__item__imgbox__img {
    width: 100%;
    height: 100%;
}

.w16-services__mains__main__item__overlay {
    position: absolute;
    height: 100%;
    width: 100%;
    left: 0;
    background-color: rgba(var(--main-color-w), 0);
    visibility: hidden;
    top: 0;
    transition: all .5s;
    z-index: 1;
}

.w16-services__mains__main__item__content {
    position: absolute;
    bottom: 0rem;
    padding: 1rem;
    width: 100%;
    z-index: 2;
}

.w16-services__mains__main__item__content__number {
    color: #ffcb5c;
    font-weight: 600;
    font-size: 2.5rem;
    position: relative;
}

.w16-services__mains__main__item__content__name {
    font-weight: 600;
    font-size: 1.4rem;
    cursor: pointer;
}

.w16-services__mains__main__item__content__title {
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.6rem;
    cursor: pointer;
    display: block;
}

.w16-services__mains__main__item__content__button {
    padding: .5rem 2rem;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.2rem;
    font-weight: 600;
    border-radius: 2rem;
    display: flex;
    align-items: center;
    width: max-content;
    position: relative;
    margin-top: 1rem;
    transition: all .2s ease-in-out;
    cursor: pointer;
}

    .w16-services__mains__main__item__content__button:hover {
        color: rgba(var(--main-color-w), 1);
        background: white;
        box-shadow: .1rem .1rem 1rem .1rem #eee;
    }

.w16-services__mains__main__item__content__button__icon {
}

.w16-services__mains__main__item__content__button__name {
    margin-right: 1rem;
}
/*ed*/

/*w32-service*/
.w32-service {
    width: 100%;
    background-color: #fff;
    padding: 3rem 1rem;
    overflow: hidden;
    z-index: 0;
    position: relative;
}

.w32-service__group {
    max-width: 120rem;
    position: relative;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w32-service__mains {
    width: 100%;
    overflow: hidden;
}

.w32-service__mains__items {
    height: max-content !important;
}

.w32-service__mains .swiper-slide {
    transition: all 0.3s ease;
    opacity: 0.5;
    transform: scale(0.8);
}

.w32-service__mains .swiper-slide-active {
    color: #fff;
    transform: scale(1);
    z-index: 2;
    opacity: 1;
    margin: 0 auto;
}

.w32-service__mains .swiper-button-next {
    color: white;
    right: -5%;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    transform: translateX(50%);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w32-service__mains .swiper-button-next:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 75rem) {
}

@media only screen and (max-width: 37.5rem) {
    .w32-service__mains .swiper-button-next {
        height: 3rem;
        width: 3rem;
        font-size: 2rem;
        right: 9%;
    }
}

.w32-service__mains .swiper-button-next i {
    display: none;
}

.w32-service__mains .swiper-button-next::after {
    display: none;
}

.w32-service__mains .swiper-button-prev {
    color: white;
    left: -5%;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    height: 4rem;
    width: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    transform: translateX(50%);
    background-repeat: no-repeat;
    background-size: contain;
    transition: all .5s;
    background-position: center;
}

    .w32-service__mains .swiper-button-prev:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width: 75rem) {
}

@media only screen and (max-width: 37.5rem) {
    .w32-service__mains .swiper-button-prev {
        height: 3rem;
        width: 3rem;
        font-size: 2rem;
        left: 0%;
    }
}

.w32-service__mains .swiper-button-prev i {
    display: none;
}

.w32-service__mains .swiper-button-prev::after {
    display: none;
}

.w32-service__mains__items__item.swiper-slide {
    position: relative;
    width: 32%;
    margin-right: 2%;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w32-service__mains__items__item.swiper-slide {
        width: 49%;
        transform: scale(1)
    }
}

@media only screen and (max-width: 37.5rem) {
    .w32-service__mains__items__item.swiper-slide {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
        transform: scale(1)
    }
}

.w32-service__mains__items__item__imgbox {
    cursor: pointer;
    width: 100%;
    background-size: contain;
    background-position: center;
    border-radius: 1rem;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5rem) {
    .w32-service__mains__items__item__imgbox {
        width: 100%;
        padding: 0;
    }
}

.w32-service__mains__items__item__imgbox__img {
    margin: 0 auto;
    width: 100%;
}

.w32-service__mains__items__item__content {
    display: block;
    text-align: center;
}

.w32-service__mains__items__item__content__name {
    display: block;
    font-size: 2rem;
    margin-top: 1rem;
    line-height: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w32-service__mains__items__item__content__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w32-service__mains__items__item__content__des {
    display: block;
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    color: #3f3f3f;
}

.w32-service__mains__items__item__content__btn {
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    margin: 0 auto;
    margin-top: 2rem;
    transition: all 0.2s ease;
    cursor: pointer;
    width: max-content;
    padding: .75rem 3rem;
    border-radius: 3rem;
    font-size: 1.6rem;
}

.w32-service__mains__items__item__content__btn__text {
    font-weight: bolder;
    white-space: nowrap;
}

.w32-service__mains__items__item__content__btn__icon {
    color: #ead4a8;
    background-image: url(/img/w32/arrow-right.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-position: center;
    transition: all 0.2s ease;
    margin-left: 1rem;
}

.w32-service__mains__items__item__content__btn:hover .w32-service__mains__items__item__content__btn__icon {
    margin-left: 2rem;
}

.w32-service__mains__items__item__content__btn:hover {
    background-image: url(/img/w32/bg-btn-hover.svg);
}

.w32-service .gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

    .w32-service .gallery-thumbs .swiper-slide-thumb-active figure {
        border: 2px solid rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width: 37.5rem) {
    .w32-service .gallery-thumbs .swiper-slide-thumb-active figure {
        border: none;
    }
}

/*ed*/

/*w37-service-2*/
.w37-service-2 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #F3F3F3;
}

.w37-service-2__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w37-service-2__heading {
    display: block;
}

.w37-service-2__heading__title {
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 50rem) {
    .w37-service-2__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w37-service-2__heading__imgbox {
    margin: 0 auto;
    display: block;
    margin-top: 1rem;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w37-service-2__heading__imgbox__img {
    width: 100%;
}

.w37-service-2__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w37-service-2__mains {
    width: 100%;
    position: relative;
    margin-top: 3rem;
    overflow: hidden;
    z-index: 0;
}

.w37-service-2__mains__main__items {
    display: flex;
}

.w37-service-2__mains .swiper-button-next {
    color: white;
}

.w37-service-2__mains .swiper-button-prev {
    color: white;
}

.w37-service-2__mains__main__items__item.swiper-slide {
    cursor: pointer;
    width: 32%;
    margin-right: 2%;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w37-service-2__mains__main__items__item.swiper-slide {
        width: 49%;
    }
}

.w37-service-2__mains__main__items__item__imgbox {
    position: relative;
    background-origin: content-box;
    background-size: contain;
    background-position: center;
    transition: all .5s;
}

    .w37-service-2__mains__main__items__item__imgbox:hover {
        transform: scale(1.05);
    }

.w37-service-2__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w37-service-2__mains__main__items__item__content {
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.859), rgba(0, 0, 0, 0));
    position: absolute;
    bottom: 0;
    top: initial;
    overflow: hidden;
    padding: 1rem;
    width: calc(100% - 2rem);
}

    .w37-service-2__mains__main__items__item__content::after {
        content: "";
        position: absolute;
        width: 110%;
        height: 120%;
        left: -5%;
        bottom: -5%;
        top: initial;
        box-shadow: inset 0 -1rem 5rem rgba(255, 255, 255, 0.6);
        border-radius: 10%;
    }

.w37-service-2__mains__main__items__item__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: white;
    position: relative;
    z-index: 1;
    display: block;
}

.w37-service-2__mains__main__items__item__content__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    color: white;
    position: relative;
    z-index: 1;
}

/*ed*/

/*w14-services*/
.w14-services {
    width: 100%;
    background-color: #f1f1f7;
    padding: 3rem 1rem;
    display: block;
}

.w14-services__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w14-services__heading {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w14-services__heading__title {
    text-transform: capitalize;
    font-weight: 600;
    font-size: 3rem;
    line-height: 5rem;
    display: inline-block;
    text-align: center;
    width: max-content;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w14-services__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w14-services__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    width: 100%;
    text-align: center;
}

.w14-services__items {
    margin-top: 7rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75rem) {
    .w14-services__items {
        margin-top: 0rem;
    }
}

.w14-services__items__item {
    width: 31%;
    text-align: center;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 43.75rem) {
    .w14-services__items__item {
        width: 100%;
        margin-top: 7rem;
    }
}

.w14-services__items__item__icon {
    font-size: 4rem;
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 50%;
    transition: all 0.2s ease;
    position: absolute;
    top: -4rem;
    cursor: pointer;
}

    .w14-services__items__item__icon:hover {
        transform: scale(1.3);
    }

.w14-services__items__item__content {
    background-color: white;
    padding: 6rem 2rem 2rem;
    border-radius: 0.5rem;
}

@media only screen and (max-width: 50rem) {
    .w14-services__items__item__content {
        padding: 7rem 1rem 1rem 1rem;
    }
}

.w14-services__items__item__content__main {
    font-weight: 600;
    font-size: 2rem;
    margin-top: 1rem;
    color: rgba(var(--main-color-w), 1);
}

.w14-services__items__item__content__line {
    border-bottom: 0.2rem solid rgba(var(--main-color-w), 1);
    width: 20%;
    margin: 1rem auto;
}

.w14-services__items__item__content__des {
    color: #777;
    line-height: 2.6rem;
    font-size: 1.6rem;
    margin-top: 2rem;
}

/*ed*/

/*w50-pricingplan*/
.w50-pricingplan {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #eee;
}

.w50-pricingplan__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w50-pricingplan__heading {
    padding: 1rem 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: fit-content;
    margin: 0 auto;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 3rem;
    margin-bottom: 2rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.219);
}

.w50-pricingplan__heading__icon {
    margin-right: 1rem;
    font-size: 2rem;
    color: white;
}

.w50-pricingplan__heading__text {
    font-size: 3rem;
    font-weight: 600;
    line-height: 5rem;
    color: white;
}

@media only screen and (max-width:50rem) {
    .w50-pricingplan__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w50-pricingplan__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w50-pricingplan__mains {
    width: 100%;
    display: flex;
    overflow: hidden;
    position: relative;
    margin-top: 3rem;
}

.w50-pricingplan__mains__items {
    height: max-content !important;
}

.w50-pricingplan__mains .swiper-wrapper {
    box-sizing: border-box;
}

.w50-pricingplan__mains .swiper-button-next {
    background-color: rgba(255, 255, 255, 0.662);
    border-radius: 50%;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    height: 4rem;
    width: 4rem;
}

    .w50-pricingplan__mains .swiper-button-next::after {
        font-size: 2rem;
        color: rgba(var(--main-color-w), 1);
    }

.w50-pricingplan__mains .swiper-button-prev {
    border-radius: 50%;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    height: 4rem;
    width: 4rem;
    background-color: rgba(255, 255, 255, 0.662);
}

    .w50-pricingplan__mains .swiper-button-prev::after {
        font-size: 2rem;
        color: rgba(var(--main-color-w), 1);
    }

.w50-pricingplan__mains__items__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    height: max-content;
    background-color: white;
    padding: .5rem;
    overflow: hidden;
    border-radius: 1.5rem;
    position: relative;
    cursor: pointer;
    padding: 1rem;
    padding-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w50-pricingplan__mains__items__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w50-pricingplan__mains__items__item.swiper-slide {
        width: 98%;
        margin-right: 1%;
        margin-left: 1%;
    }
}

.w50-pricingplan__mains__items__item__mark {
    position: absolute;
    width: 15rem;
    height: 15rem;
    left: -7.5rem;
    top: -7.5rem;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center
}

.w50-pricingplan__mains__items__item__mark__icon {
    color: #fff;
    position: absolute;
    font-size: 2rem;
    margin-top: 6rem;
    margin-left: 6rem;
}

.w50-pricingplan__mains__items__item__mark__bg {
    background-color: rgba(var(--main-color-w), 1);
    transform: rotate(45deg);
    width: 100%;
    height: 100%;
    display: block;
}

.w50-pricingplan__mains__items__item__card {
    z-index: 2;
    display: block;
    position: relative;
}

.w50-pricingplan__mains__items__item__card__title {
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: block;
    margin-top: .5rem;
    letter-spacing: .1rem;
    text-align: center;
    font-weight: 600;
    color: #686868;
}

.w50-pricingplan__mains__items__item__card__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    width: fit-content;
    display: inline-block;
    margin-top: .5rem;
    color: #3f3f3f;
}

.w50-pricingplan__mains__items__item__card__name {
    font-size: 3rem;
    font-weight: bolder;
    color: rgba(var(--main-color-w), 1);
    border-bottom: .2rem solid rgba(var(--main-color-w), 1);
    margin: 0 auto;
    padding-bottom: .5rem;
    width: fit-content;
}

.w50-pricingplan__mains__items__item__card__des {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #686868;
    margin: 0 auto;
    width: fit-content;
    margin-top: 1rem;
}

.w50-pricingplan__mains__items__item__card__imgbox {
    width: 80%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    margin: 0 auto;
    position: relative;
    margin-bottom: 3rem;
}

.w50-pricingplan__mains__items__item__card__imgbox__line {
    position: absolute;
    width: 100%;
    border-bottom: 2px solid rgba(var(--main-color-w), 1);
    left: 0;
    bottom: -1.5rem;
}

.w50-pricingplan__mains__items__item__card__imgbox__img {
    width: 100%;
}

.w50-pricingplan__mains__items__item__card__price {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
}

.w50-pricingplan__mains__items__item__card__price__main {
    font-weight: 600;
    font-size: 2.5rem;
    color: rgba(var(--main-color-w), 1);
}

.w50-pricingplan__mains__items__item__card__price__sub {
    font-weight: 600;
    align-self: flex-end;
    font-size: 1.6rem;
    text-align: justify;
    display: block;
    margin-bottom: .4rem;
    margin-left: .2rem;
    color: rgba(var(--main-color-w), 1);
}

.w50-pricingplan__mains__items__item__card__btn {
    background-color: white;
    padding: 1rem 2rem;
    display: block;
    margin: 2rem auto 1rem;
    color: rgba(var(--main-color-w), 1);
    text-align: center;
    font-size: 1.3rem;
    border-radius: .7rem;
    font-weight: 600;
    width: fit-content;
    transition: all .3s ease-in-out;
    cursor: pointer;
    border: 1px solid rgba(var(--main-color-w), 1);
}

    .w50-pricingplan__mains__items__item__card__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
        box-shadow: 0 0 1.5rem rgba(var(--main-color-w), 1);
    }
/*ed*/
/*w39-service-1*/
.w39-service-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w39-service-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w39-service-1__items {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

.w39-service-1__items__info {
    width: 38%;
    position: relative;
    background-color: rgba(var(--main-color-w), 1);
    padding: 2rem;
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w39-service-1__items__info {
        width: 100%;
        margin-top: 2rem;
    }
}

.w39-service-1__items__info__imgbox {
    background-size: contain;
    background-position: center;
    max-height: 15rem;
}

.w39-service-1__items__info__imgbox__img {
    width: 100%;
}

.w39-service-1__items__info__name {
    font-size: 2.4rem;
    line-height: 3.4rem;
    color: #ffb637;
    line-height: 1.6rem;
    font-weight: 600;
    display: block;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w39-service-1__items__info__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w39-service-1__items__info__content__dl {
    display: flex;
    margin-top: 1rem;
}

.w39-service-1__items__info__content__dl__icon {
    font-size: 1.6rem;
    color: #ffb637;
    margin-right: .5rem;
    margin-top: .5rem;
}

.w39-service-1__items__info__content__dl__text {
    font-size: 1.6rem;
    color: white;
    line-height: 2.6rem;
    text-align: justify;
}

.w39-service-1__items__info__action {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.192);
    background-color: rgba(var(--second-color-w), 1);
    color: white;
    padding: .75rem 2rem;
    border: none;
    cursor: pointer;
    width: 100%;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    margin-bottom: 0.5rem;
    border: 1px solid white;
    font-size: 1.6rem;
    text-align: center;
    border-radius: 3rem;
    align-items: center;
}

    .w39-service-1__items__info__action:hover {
        color: rgba(var(--main-color-w), 1);
        background-color: white;
    }

.w39-service-1__items__info__action__icon {
    margin-right: 1rem;
}

.w39-service-1__items__info__action__btn {
}



.w39-service-1__items__imgbox {
    width: 60%;
    border: 0.2rem solid rgba(var(--main-color-w), 1);
    background-size: cover;
    background-position: center;
    border-radius: .3rem;
}

@media only screen and (max-width: 50rem) {
    .w39-service-1__items__imgbox {
        width: 100%;
    }
}

.w39-service-1__items__imgbox__img {
    width: 100%;
}

/*ed*/

/*w29-video*/
.w29-video {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w29-video__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w29-video__heading {
    text-align: center;
}

.w29-video__heading__main {
    font-weight: 600;
    font-size: 3rem;
    line-height: 5rem;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w29-video__heading__main {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w29-video__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w29-video__items {
    margin-top: 2rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w29-video__items {
        justify-content: center;
    }
}

.w29-video__items__item {
    width: 32%;
    display: flex;
    flex-direction: column;
}

@media only screen and (max-width: 50rem) {
    .w29-video__items__item {
        width: 90%;
    }
}

@media only screen and (min-width: 50rem) {
    .w29-video__items__item:first-child, .w29-video__items__item:last-child {
        flex-direction: column-reverse;
    }
}

.w29-video__items__item__ifbox {
    margin-top: 2rem;
    width: 100%;
    display: block;
}

    .w29-video__items__item__ifbox iframe {
        width: 100%;
        height: 22rem;
    }

@media only screen and (max-width: 50rem) {
    .w29-video__items__item__ifbox iframe {
        width: 100%;
        height: 42rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w29-video__items__item__ifbox iframe {
        width: 100%;
        height: 20rem;
    }
}

.w29-video__items__item__info {
    text-align: center;
    display: flex;
    flex-direction: column;
    margin-top: 2rem;
}

.w29-video__items__item__info__cate {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-weight: 300;
    color: #3f3f3f;
}

.w29-video__items__item__info__text {
    margin-top: 0.5rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    cursor: pointer;
    overflow: hidden;
    color: rgba(var(--main-color-w), 1);
}

    .w29-video__items__item__info__text:hover {
        text-decoration: underline;
        color: rgba(var(--second-color-w), 1);
        transition: all 0.2s;
    }

.w29-video__items__item__info__time {
    margin-top: 0.5rem;
    color: #3f3f3f;
    font-size: 1.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w29-video__items__item__info__time__hour {
    margin-left: .5rem;
}
/*ed*/
/*w50-counter*/
.w50-counter {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w50-counter__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w50-counter__heading__title {
    margin: 0 auto;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:50rem) {
    .w50-counter__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w50-counter__heading__imgbox {
    margin: 0 auto;
    margin-top: 2rem;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w50-counter__heading__imgbox__img {
    width: 100%;
}

.w50-counter__items {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

.w50-counter__items__info {
    width: 72%;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w50-counter__items__info {
        width: 100%;
    }
}

.w50-counter__items__info__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w), 1);
}

.w50-counter__items__info__text {
    margin-top: 1rem;
    line-height: 2.6rem;
    font-size: 1.6rem;
    text-align: justify;
    display: block;
}

.w50-counter__items__info__btn {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.192);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: flex;
    padding: 1rem 2rem;
    border-radius: 0.5rem;
    border: none;
    cursor: pointer;
    margin-top: 2rem;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: bold;
    margin: 2rem auto;
    width: 100%;
    justify-content: center;
    font-size: 1.6rem;
    align-items: center;
}

    .w50-counter__items__info__btn:hover {
        margin-top: 1rem;
        box-shadow: 0 0 0;
    }

.w50-counter__items__info__btn__icon {
    margin-left: 1rem;
}

.w50-counter__items__info__aw {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    justify-content: space-between;
    width: 100%;
}

.w50-counter__items__info__aw__item {
    text-align: center;
    width: 18%;
    margin-bottom: 2rem;
    cursor: pointer;
}

    .w50-counter__items__info__aw__item:not(:first-child) {
        margin-left: 2.5%;
    }

@media only screen and (min-width:50rem) {
    .w50-counter__items__info__aw__item:nth-child(5n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w50-counter__items__info__aw__item {
        width: 48%;
    }

        .w50-counter__items__info__aw__item:not(:first-child) {
            margin-left: 4%;
        }

        .w50-counter__items__info__aw__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w50-counter__items__info__aw__item:hover .w50-counter__items__info__aw__item__iconbox__ct {
    border: .1rem solid rgba(var(--main-color-w), 1);
    transition: all .2s ease;
    border-radius: 50%;
}

.w50-counter__items__info__aw__item:hover .w50-counter__items__info__aw__item__iconbox {
    border: .1rem solid rgba(var(--main-color-w), 1);
    transition: all .2s ease;
    border: 1px solid transparent;
    border-radius: 50%;
}

.w50-counter__items__info__aw__item__iconbox {
    padding: 1rem;
    height: 7rem;
    width: 7rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid rgba(var(--main-color-w), 1);
    border-radius: 50%;
    transition: all .2s ease;
    margin: 0 auto;
}

.w50-counter__items__info__aw__item__iconbox__ct {
    padding: 1rem;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w50-counter__items__info__aw__item__iconbox__ct__icon {
    font-size: 2.5rem;
    color: rgba(var(--main-color-w), 1);
}

.w50-counter__items__info__aw__item__main {
    margin-top: 1rem;
    font-weight: 600;
    font-size: 1.6rem;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

.w50-counter__items__info__aw__item__main__2 {
    margin-top: .5rem;
}

.w50-counter__items__info__aw__item__sub {
    margin-top: 1rem;
    font-size: 1.4rem;
    display: block;
}

.w50-counter__items__card {
    position: relative;
    width: 25%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w50-counter__items__card {
        width: 100%;
    }
}

.w50-counter__items__card__content {
    position: absolute;
    background-color: white;
    margin: 1rem;
    padding: 1rem;
    top: 0;
    left: 0;
    width: calc(100% - 2rem);
    height: calc(100% - 2rem);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w50-counter__items__card__content__box {
    width: 100%;
}

.w50-counter__items__card__content__box--1 {
    font-size: 10rem;
    color: transparent;
    background: -webkit-linear-gradient(transparent, transparent), no-repeat;
    background-position: center;
    -webkit-background-clip: text;
    font-weight: bolder;
    display: block;
    margin: 0 auto;
    width: fit-content;
    background-image: url('../../img/w16/08.jpg');
}

.w50-counter__items__card__content__box--2 {
    line-height: 2.6rem;
    font-size: 1.6rem;
    text-align: center;
    display: block;
    font-weight: 600;
    width: 100%;
    margin-bottom: .5rem;
    color: rgba(var(--main-color-w), 1);
}

.w50-counter__items__card__content__box--3 {
    line-height: 2.4rem;
    font-size: 1.4rem;
    text-align: center;
    display: block;
    width: 100%;
}

.w50-counter__items__card__imgbox {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .3rem;
}

@media only screen and (max-width:50rem) {
    .w50-counter__items__card {
        min-height: 30rem;
    }
}

.w50-counter__items__card__imgbox__img {
    width: 100%;
}
/*ed*/
/*w48-service*/
.w48-service {
    width: 100%;
    padding: 3rem 1rem;
    background-color: white;
}

.w48-service__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w48-service__heading__title {
    margin: 0 auto;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:50rem) {
    .w48-service__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w48-service__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w48-service__heading__imgbox {
    margin: 0 auto;
    margin-top: 2rem;
    display: block;
    background-size: contain;
    background-position: center;
    width: fit-content;
}

.w48-service__heading__imgbox__img {
    width: 100%;
}

.w48-service__items {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    flex-wrap: wrap;
    transition: all 0.3s ease;
}

@media only screen and (max-width:50rem) {
    .w48-service__items {
        flex-direction: column-reverse;
    }
}

.w48-service__items__info {
    width: 50%;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w48-service__items__info {
        width: 100%;
    }
}

.w48-service__items__info__name {
    display: block;
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    color: rgba(var(--main-color-w), 1);
}

.w48-service__items__info__pricing {
    display: flex;
    width: 100%;
    justify-content: center;
    margin-top: 3rem;
    flex-wrap: wrap;
}

.w48-service__items__info__pricing__text {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5rem 2rem;
    color: white;
    font-size: 1.4rem;
    border-radius: 3rem;
    display: block;
    width: fit-content;
    margin-bottom: 1.5rem;
}

.w48-service__items__info__pricing__box {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.w48-service__items__info__pricing__box__main {
    font-size: 3rem;
    font-weight: 600;
    letter-spacing: 1px;
    color: rgba(var(--main-color-w), 1);
    margin-bottom: .2rem;
}

.w48-service__items__info__pricing__box__down {
    font-size: 2rem;
    letter-spacing: 1px;
    text-decoration: line-through;
    color: #999;
    margin-left: 1rem;
}

.w48-service__items__info__text {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w48-service__items__info__btn {
    box-shadow: 0 1rem 1rem rgba(0, 0, 0, 0.192);
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    display: block;
    width: 100%;
    padding: 1rem 2rem;
    border-radius: 3rem;
    border: none;
    cursor: pointer;
    margin-top: 2rem;
    transition: all 0.2s ease;
    backface-visibility: hidden;
    overflow: hidden;
    font-weight: 600;
    font-size: 1.6rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .w48-service__items__info__btn:hover {
        margin-top: 1rem;
        box-shadow: 0 0 0;
    }

.w48-service__items__info__btn__icon {
    margin-left: 1rem;
}

.w48-service__items__slider {
    width: 48%;
    position: relative;
    overflow: hidden;
}

    .w48-service__items__slider .swiper-pagination-bullet {
        background: white;
    }

    .w48-service__items__slider .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w), 1);
    }

@media only screen and (max-width:50rem) {
    .w48-service__items__slider {
        width: 100%;
        margin-top: 2rem;
    }
}

.w48-service__items__slider__mains__main__item.swiper-slide {
    width: 100%;
}

.w48-service__items__slider__mains__main__item__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
}

.w48-service__items__slider__mains__main__item__imgbox__img {
    width: 100%;
}
/*ed*/
/*w47-blogdetail-2*/
.w47-blogdetail-2 {
    width: 100%;
    padding: 1rem 0rem;
    background-color: #fff;
}

.w47-blogdetail-2__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    padding: 1rem;
}

.w47-blogdetail-2__main {
    display: flex;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w47-blogdetail-2__main {
        flex-direction: column-reverse;
        flex-wrap: wrap;
    }
}

.w47-blogdetail-2__main__first {
    width: 74%;
}

@media only screen and (max-width: 62.5rem) {
    .w47-blogdetail-2__main__first {
        width: 100%;
    }
}

.w47-blogdetail-2__main__first__text {
}

.w47-blogdetail-2__heading {
    display: block;
    width: 100%;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w47-blogdetail-2__heading {
        margin-bottom: 1rem;
    }
}

.w47-blogdetail-2__heading__cate {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: max-content;
    color: rgba(var(--main-color-w), 1);
    display: block;
    margin-bottom: 0.5rem;
    max-width: 100%;
    text-transform: uppercase;
}

.w47-blogdetail-2__heading__title {
    width: max-content;
    display: block;
    font-weight: 600;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 0.5rem;
    max-width: 100%;
}

.w47-blogdetail-2__heading__info {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    padding: 1rem 0rem;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.w47-blogdetail-2__heading__info__date {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.w47-blogdetail-2__heading__info__date__icon {
    font-size: 1.4rem;
    margin-right: 0.5rem;
}

.w47-blogdetail-2__heading__info__date__text {
    font-size: 1.4rem;
}

.w47-blogdetail-2__heading__info__social {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.w47-blogdetail-2__heading__info__social__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 37.5rem) {
    .w47-blogdetail-2__heading__info__social__text {
        display: none;
    }
}

.w47-blogdetail-2__heading__info__social__icon {
    font-size: 1.6rem;
    margin-left: 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w47-blogdetail-2__heading__info__social__icon:hover {
        transform: scale(1.05);
        color: rgba(var(--main-color-w),1);
    }

.w47-blogdetail-2__heading__info__vote {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w47-blogdetail-2__heading__info__vote__stars {
    display: flex;
    align-items: center;
}

.w47-blogdetail-2__heading__info__vote__stars__star {
    color: #f93;
    margin-right: 0.75rem;
    font-size: 1.4rem;
}

.w47-blogdetail-2__heading__info__vote__text {
    font-size: 1.4rem;
    margin-left: 1rem;
}


.w47-blogdetail-2__main__first__review__first {
    width: 100%;
}

.w47-blogdetail-2__main__first__review__first-col {
    display: flex;
    margin-top: 4rem;
}

.w47-blogdetail-2__main__first__review__first__imgbox {
    width: 10rem;
    height: 10rem;
    min-width: 10rem;
    background-size: contain;
    background-position: center;
}

.w47-blogdetail-2__main__first__review__first__imgbox__img {
    width: 100%;
}

.w47-blogdetail-2__main__first__review__first__comment {
    margin-left: 2rem;
    border: 0.1rem solid #eee;
    padding: 1rem;
    border-radius: 0.5rem;
}

.w47-blogdetail-2__main__first__review__first__comment__head {
    display: flex;
    justify-content: space-between;
}

.w47-blogdetail-2__main__first__review__first__comment__head__user__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.5rem;
}

.w47-blogdetail-2__main__first__review__first__comment__head__user__date {
    font-size: 1.5rem;
    margin-top: .5rem;
}

.w47-blogdetail-2__main__first__review__first__comment__star__icon {
    color: #f93;
}

.w47-blogdetail-2__main__first__review__first__comment__text {
    margin-top: 1rem;
    text-align: justify;
    line-height: 2.5rem;
    font-size: 1.5rem;
}

.w47-blogdetail-2__main__first__review__second {
    width: 100%;
    margin-top: 2rem;
    border: 0.1rem solid #eee;
    padding: 2rem;
    border-radius: 0.7rem;
}

    .w47-blogdetail-2__main__first__review__second sup {
        color: rgba(var(--main-color-w), 1);
        font-size: 1.3rem;
    }

.w47-blogdetail-2__main__first__review__second__title {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-transform: uppercase;
}

.w47-blogdetail-2__main__first__review__second__textrate {
    margin-top: 2rem;
}

.w47-blogdetail-2__main__first__review__second__textreview {
    margin-top: 1rem;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.w47-blogdetail-2__main__first__review__second__textarea {
    width: 100%;
    height: 10rem;
    margin-top: 0.5rem;
    border: 0.1rem solid #eee;
    padding: 1rem;
    outline: none;
    transition: all .5s;
    font-family: inherit;
}

    .w47-blogdetail-2__main__first__review__second__textarea:focus {
        border-color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail-2__main__first__review__second__star {
    display: flex;
    align-items: center;
}

.w47-blogdetail-2__main__first__review__second__star__items {
    margin-left: 1rem;
}

.w47-blogdetail-2__main__first__review__second__star__items__icon {
    color: darkgray;
}

.w47-blogdetail-2__main__first__review__second__textform {
    display: flex;
    justify-content: space-between;
    padding: 1rem 0;
    width: 100%;
}

.w47-blogdetail-2__main__first__review__second__textform__name {
    width: 48%;
    display: block;
}

.w47-blogdetail-2__main__first__review__second__textform__name__info {
    margin-top: 1rem;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    font-weight: 600;
}

.w47-blogdetail-2__main__first__review__second__textform__name__input {
    margin-top: 0.5rem;
    display: inline-block;
    width: 100%;
    padding: 1rem;
    border: 0.1rem solid #eee;
    transition: all .5s;
    outline: none;
    font-family: inherit;
}

    .w47-blogdetail-2__main__first__review__second__textform__name__input:focus {
        border-color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail-2__main__first__review__second__button {
    color: white;
    background-color: rgba(var(--main-color-w), 1);
    border: none;
    border-radius: 0.2rem;
    padding: 1rem 2rem;
    width: 48%;
    margin-left: auto;
    display: inline-block;
    outline: none;
    cursor: pointer;
    text-transform: capitalize;
    font-weight: 700;
    font-size: 1.6rem;
    margin-top: 1rem;
    border: 0.1rem solid #eee;
    text-align: center;
    text-transform: uppercase;
    font-family: inherit;
}

    .w47-blogdetail-2__main__first__review__second__button:hover {
        filter: brightness(0.8);
    }

.w47-blogdetail-2__main__second {
    max-width: 25%;
    margin-left: auto;
    margin-top: 1rem;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w47-blogdetail-2__main__second {
        width: 100%;
        max-width: 100%;
        margin-top: 0;
    }
}

.blogdetail__second__blog__wrap__link_ {
    display: block;
    overflow: hidden;
}

.blogdetail__second__blog__wrap__link__imgbox {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: all .5s;
}

.w47-blogdetail-2__main__second__blog__wrap:hover .blogdetail__second__blog__wrap__link__imgbox {
    transform: scale(1.05);
}

.blogdetail__second__blog__wrap__link__imgbox__img {
    width: 100%;
}

.w47-blogdetail-2__main__second__blog__wrap__items {
    width: 100%;
    position: relative;
    background-color: #F6F6F6;
    cursor: pointer;
    align-self: center;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w47-blogdetail-2__main__second__blog__wrap__items__cate {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%;
}

.w47-blogdetail-2__main__second__blog__wrap__items__cate__time {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}

.w47-blogdetail-2__main__second__blog__wrap__items__cate__time__hour {
    margin-left: .5rem;
}

.w47-blogdetail-2__main__second__blog__wrap__items__cate__time__text {
    margin-left: .5rem;
}

.w47-blogdetail-2__main__second__blog__wrap__items__main {
    font-size: 1.6rem;
    margin-top: 0.5rem;
    font-weight: 600;
    display: block;
    width: 100%;
    line-height: 2.8rem;
}

.w47-blogdetail-2__main__second__blog__wrap__items__sub {
    font-size: 1.6rem;
    margin-top: 0.5rem;
    display: block;
    line-height: 2.8rem;
}

.w47-blogdetail-2__main__second__blog__wrap__items__des {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 1rem;
    transition: all 0.2s ease;
    margin-bottom: 0.5rem;
    line-height: 2.2rem;
    width: max-content;
}

.w47-blogdetail-2__main__second__blog__wrap__items__des__view {
}

.w47-blogdetail-2__main__second__blog__wrap__items__des__user {
    align-items: center;
    display: none;
    margin-right: 1rem;
}

.w47-blogdetail-2__main__second__blog__wrap__items__des__user__imgbox {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-size: cover;
}

.w47-blogdetail-2__main__second__blog__wrap__items__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w47-blogdetail-2__main__second__blog__wrap__items__des__user__text {
    margin-left: 1rem;
}

.w47-blogdetail-2__main__second__blog__wrap__items__icon {
    display: block !important;
    font-size: 3rem;
    width: max-content;
    margin-left: auto;
}

.w47-blogdetail-2 .table__responsive {
    overflow-y: scroll;
}

    .w47-blogdetail-2 .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w47-blogdetail-2 .table__responsive::-webkit-scrollbar-track {
    }

    .w47-blogdetail-2 .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w47-blogdetail-2 .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w47-blogdetail-2 .table__responsive table {
        width: max-content;
    }

.w47-blogdetail-2__main__first__text table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w47-blogdetail-2__main__first__text table td,
    .w47-blogdetail-2__main__first__text table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }

.w47-blogdetail-2__bottom {
    margin-top: 2rem;
}

.w47-blogdetail-2__bottom__text {
    font-size: 2rem;
    font-weight: 600;
}

.w47-blogdetail-2__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w47-blogdetail-2__items__item {
    width: 23.5%;
    margin-left: 2%;
    border-radius: 0.5rem;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (min-width: 50rem) {
    .w47-blogdetail-2__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w47-blogdetail-2__items__item {
        width: 49%;
    }

        .w47-blogdetail-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w47-blogdetail-2__items__item:hover .w47-blogdetail-2__items__item__box {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w47-blogdetail-2__items__item:nth-child(2) {
    flex-direction: row-reverse;
}

.blogdetail__second__blog__wrap__link_ {
    display: block;
    overflow: hidden;
}

.blogdetail__second__blog__wrap__link__imgbox {
    background-position: center;
    background-size: cover;
    width: 100%;
    height: auto;
    cursor: pointer;
    transition: all .5s;
}

.w47-blogdetail-2__items__item:hover .blogdetail__second__blog__wrap__link__imgbox {
    transform: scale(1.05);
}

.blogdetail__second__blog__wrap__link__imgbox__img {
    width: 100%;
}

.w47-blogdetail-2__items__item__box {
    width: 100%;
    position: relative;
    background-color: #F6F6F6;
    cursor: pointer;
    align-self: center;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w47-blogdetail-2__items__item__box__cate {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    margin-top: 1rem;
    width: 100%;
}

.w47-blogdetail-2__items__item__box__cate__time {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}

.w47-blogdetail-2__items__item__box__cate__time__hour {
    margin-left: .5rem;
}

.w47-blogdetail-2__items__item__box__cate__time__text {
    margin-left: .5rem;
}

.w47-blogdetail-2__items__item__box__main {
    font-size: 1.6rem;
    margin-top: 0.5rem;
    font-weight: 600;
    display: block;
    width: 100%;
    line-height: 2.8rem;
}

.w47-blogdetail-2__items__item__box__sub {
    font-size: 1.6rem;
    margin-top: 0.5rem;
    display: block;
    line-height: 2.8rem;
}

.w47-blogdetail-2__items__item__box__des {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-top: 1rem;
    transition: all 0.2s ease;
    margin-bottom: 0.5rem;
    line-height: 2.2rem;
    width: max-content;
}

.w47-blogdetail-2__items__item__box__des__view {
}

.w47-blogdetail-2__items__item__box__des__user {
    align-items: center;
    display: none;
    margin-right: 1rem;
}

.w47-blogdetail-2__items__item__box__des__user__imgbox {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    background-size: cover;
}

.w47-blogdetail-2__items__item__box__des__user__imgbox__img {
    width: 100%;
    height: 100%;
}

.w47-blogdetail-2__items__item__box__des__user__text {
    margin-left: 1rem;
}

.w47-blogdetail-2__items__item__box__icon {
    display: block !important;
    font-size: 3rem;
    width: max-content;
    margin-left: auto;
}

.w47-blogdetail-2__tableoct {
    width: 100%;
    padding: 0rem 1rem 2rem;
}

@media only screen and (max-width: 62.5rem) {
    .w47-blogdetail-2__tableoct {
        padding: 0rem 0rem 1rem;
    }
}

.w47-blogdetail-2__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: .2rem solid black;
    border-radius: .5rem;
    padding: .25rem .5rem;
}

.w47-blogdetail-2__tableoct__cbcl:checked ~ .w47-blogdetail-2__tableoct__clone {
    display: block;
}

.w47-blogdetail-2__tableoct__cbcl {
    display: none;
}

.w47-blogdetail-2__tableoct__checkbox {
    display: none;
}

    .w47-blogdetail-2__tableoct__checkbox:checked ~ .w47-blogdetail-2__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w47-blogdetail-2__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w47-blogdetail-2__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w47-blogdetail-2__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w47-blogdetail-2__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w47-blogdetail-2__tableoct__heading__title {
    display: flex;
}

.w47-blogdetail-2__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
}

.w47-blogdetail-2__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w47-blogdetail-2__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w47-blogdetail-2__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all .2s ease-in-out;
}

.w47-blogdetail-2__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w47-blogdetail-2__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w47-blogdetail-2__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w47-blogdetail-2__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w47-blogdetail-2__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w47-blogdetail-2__tableoct__body__ol {
    list-style: none;
}

.w47-blogdetail-2__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w47-blogdetail-2__tableoct__body__ol__text__vl {
    padding: .5rem 1rem .5rem 3rem;
}

.w47-blogdetail-2__tableoct__body__ol > .w47-blogdetail-2__tableoct__body__ol__text {
    font-size: 1.5rem;
}

.w47-blogdetail-2__tableoct__body__ol__text:hover .w47-blogdetail-2__tableoct__body__ol--1__text {
    color: #fff;
}

    .w47-blogdetail-2__tableoct__body__ol__text:hover .w47-blogdetail-2__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail-2__tableoct__body__ol__text.active {
}

    .w47-blogdetail-2__tableoct__body__ol__text.active .w47-blogdetail-2__tableoct__body__ol--1__text {
    }

.w47-blogdetail-2__tableoct__body__ol__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .75s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w47-blogdetail-2__tableoct__body__ol__text:hover::after {
    max-width: 120rem;
}


.w47-blogdetail-2__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w47-blogdetail-2__tableoct__body__ol__text:hover .w47-blogdetail-2__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w47-blogdetail-2__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w47-blogdetail-2__tableoct__body__ol__text__vl.active {
    }

    .w47-blogdetail-2__tableoct__body__ol__text__vl::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w47-blogdetail-2__tableoct__body__ol__text__vl.active::after {
        max-width: 100%;
    }

.w47-blogdetail-2__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w47-blogdetail-2__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    left: 1.5rem;
    top: .75rem;
    z-index: 1;
}

.w47-blogdetail-2__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
}

.w47-blogdetail-2__tableoct__body__ol--1__text > .w47-blogdetail-2__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w47-blogdetail-2__tableoct__body__ol--1__text > .w47-blogdetail-2__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w47-blogdetail-2__tableoct__body__ol__text__cbx {
    display: none;
}

    .w47-blogdetail-2__tableoct__body__ol__text__cbx:checked ~ .w47-blogdetail-2__tableoct__body__ol--1 {
        display: block;
    }

    .w47-blogdetail-2__tableoct__body__ol__text__cbx:checked ~ .w47-blogdetail-2__tableoct__body__ol__text__lbl .w47-blogdetail-2__tableoct__body__ol__text__lbl__icon {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

.w47-blogdetail-2__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w47-blogdetail-2__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.5rem;
}

    .w47-blogdetail-2__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 5rem;
    }

ol > li > ol > .w47-blogdetail-2__tableoct__body__ol--1__text {
}

ol ol ol .w47-blogdetail-2__tableoct__body__ol--1__text {
}

    ol ol ol .w47-blogdetail-2__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w47-blogdetail-2__tableoct__body__ol--1__text > a.active {
        }

        ol ol ol .w47-blogdetail-2__tableoct__body__ol--1__text > a::after {
            width: 100%;
            height: 100%;
            background-color: rgba(var(--main-color-w), 1);
            content: "";
            top: 0;
            left: 0;
            position: absolute;
            max-width: 0;
            transition: all .3s ease-in-out;
            border-radius: .3rem;
            z-index: -1;
        }

        ol ol ol .w47-blogdetail-2__tableoct__body__ol--1__text > a.active::after {
            max-width: 100%;
        }

.w47-blogdetail-2__tableoct__body__ol--1__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .3s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w47-blogdetail-2__tableoct__body__ol--1__text:hover::after {
    max-width: 120rem;
}

.w47-blogdetail-2__tableoct__body__ol--1__text:hover {
    color: white;
}

.w47-blogdetail-2__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w47-blogdetail-2__tableoct__body__ol--1__text > a.active {
    }

    .w47-blogdetail-2__tableoct__body__ol--1__text > a::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w47-blogdetail-2__tableoct__body__ol--1__text > a.active::after {
        max-width: 100%;
    }
/*ed*/
/*w16-bloglist-2*/
.w16-bloglist-2 {
    width: 100%;
    padding: 1rem 0rem;
    background-color: #fff;
}

.w16-bloglist-2__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem;
}

.w16-bloglist-2__heading {
    padding: 1rem 0rem 1rem;
}

.w16-bloglist-2__heading__name {
    font-size: 1.8rem;
    line-height: 3rem;
    font-weight: 600;
}

.w16-bloglist-2__main {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w16-bloglist-2__main {
        flex-direction: column-reverse;
        margin-top: 0rem;
        flex-wrap: wrap;
    }
}

.w16-bloglist-2__main__first {
    width: 74%;
}

@media only screen and (max-width: 62.5rem) {
    .w16-bloglist-2__main__first {
        width: 100%;
    }
}

.w16-bloglist-2__items {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 0.5rem;
    overflow: hidden;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #eee;
    margin-top: 3rem;
}

.w16-bloglist-2__items--2 {
    flex-direction: row-reverse;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist-2__items {
        flex-wrap: wrap;
        height: auto;
        align-items: flex-start;
    }
}

.w16-bloglist-2__items__imgbox {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 55%;
    height: 100%;
    margin-right: 1rem;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist-2__items__imgbox {
        width: 100%;
        margin-right: 0;
    }
}

.w16-bloglist-2__items__imgbox__img {
    width: 100%;
}

.w16-bloglist-2__items__content {
    width: 43%;
    padding: 2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist-2__items__content {
        width: 100%;
    }
}

.w16-bloglist-2__items__content__number {
    font-size: 4rem;
    font-weight: 700;
}

    .w16-bloglist-2__items__content__number::before {
        content: "";
        background-color: rgba(var(--main-color-w), 1);
        width: 8rem;
        height: 0.4rem;
        margin-left: -10rem;
        margin-right: 2rem;
        display: inline-block;
    }

    .w16-bloglist-2__items__content__number::after {
        content: "/";
        display: inline-block;
        font-size: 0.5rem;
        margin-left: 0.5rem;
    }

.w16-bloglist-2__items__content__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    text-transform: uppercase;
    font-weight: 700;
    margin-top: 1.5rem;
}

.w16-bloglist-2__items__content__des {
    font-size: 1.6rem;
    margin-top: 2rem;
    line-height: 2.8rem;
}

.w16-bloglist-2__items__content__button {
    padding: 0.75rem 3rem;
    background-color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
    text-transform: uppercase;
    border-radius: 2rem;
    display: inline-block;
    position: relative;
    height: max-content;
    margin-top: 2rem;
    transition: all 0.2s ease-in-out;
    cursor: pointer;
    border: none;
    outline: none;
    color: white;
}

    .w16-bloglist-2__items__content__button:hover {
        color: rgba(var(--second-color-w), 1);
        background: white;
        box-shadow: 0.1rem 0.1rem 1rem 0.1rem #eee;
    }

.w16-bloglist-2__paging {
    text-align: center;
    margin-top: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    flex-wrap: wrap;
}

.w16-bloglist-2__paging__items {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
    margin-left: 2rem;
    cursor: pointer;
    border: 0.1rem solid #eee;
    transition: all 0.2s;
    font-size: 1.6rem;
}

@media only screen and (max-width: 43.75rem) {
    .w16-bloglist-2__paging__items {
        width: 3rem;
        height: 3rem;
        font-size: 1.4rem;
        margin-left: 1rem;
    }
}

.w16-bloglist-2__paging__items:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
}

.w16-bloglist-2__paging .active {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
}

.w16-bloglist-2__paging__pre {
    cursor: pointer;
    margin-left: 1rem;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.4rem;
    border-radius: 50%;
    border: 0.1rem solid #eee;
    transition: all 0.2s;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .w16-bloglist-2__paging__pre:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: white;
    }

.w16-bloglist-2__paging__pre__icon {
}

.w16-bloglist-2 .table__responsive {
    overflow-y: scroll;
}

    .w16-bloglist-2 .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w16-bloglist-2 .table__responsive::-webkit-scrollbar-track {
    }

    .w16-bloglist-2 .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w16-bloglist-2 .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w16-bloglist-2 .table__responsive table {
        width: max-content;
    }

.w16-bloglist-2__add {
    margin: 1.5rem 0rem;
}

.w16-bloglist-2__add__text {
    color: var(--text-color-w);
    display: none;
}

.w16-bloglist-2__add__text__nd {
    margin-top: 1rem;
}

.w16-bloglist-2__add__text__tableoct {
    width: 100%;
    margin-top: 1rem;
}

.w16-bloglist-2__add__text__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border-radius: 0.5rem;
    overflow: hidden;
    border: solid .1rem #000;
}

.w16-bloglist-2__add__text__tableoct__cbcl:checked ~ .w16-bloglist-2__add__text__tableoct__clone {
    display: block;
}

.w16-bloglist-2__add__text__tableoct__cbcl {
    display: none;
}

.w16-bloglist-2__add__text__tableoct__checkbox {
    display: none;
}

    .w16-bloglist-2__add__text__tableoct__checkbox:checked ~ .w16-bloglist-2__add__text__tableoct__body {
        max-height: 100vh;
        overflow: unset;
        padding: 1rem 1rem 1rem;
    }

.w16-bloglist-2__add__text__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w16-bloglist-2__add__text__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: 0.1rem solid black;
    padding: 0.2rem 0.3rem;
    border-radius: 0.3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w16-bloglist-2__add__text__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: 0.1rem solid white;
    }

.w16-bloglist-2__add__text__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
}

.w16-bloglist-2__add__text__tableoct__heading__title {
    display: flex;
    align-items: center;
}

.w16-bloglist-2__add__text__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: 0.2rem;
}

.w16-bloglist-2__add__text__tableoct__heading__title__text {
    font-size: 1.8rem;
    font-weight: 600;
    margin-left: 1rem;
}

.w16-bloglist-2__add__text__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w16-bloglist-2__add__text__tableoct__checkbox:checked ~
.w16-bloglist-2__add__text__tableoct__heading
.w16-bloglist-2__add__text__tableoct__heading__icon {
    transform: rotate(180deg);
}

.w16-bloglist-2__add__text__tableoct__heading:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: white;
    transition: all 0.2s ease-in-out;
}

.w16-bloglist-2__add__text__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease-in;
    padding: 0 1rem;
    background-color: #fff;
}

.w16-bloglist-2__add__text__tableoct__body__ol {
    list-style: none;
    padding-left: 1rem;
}

.w16-bloglist-2__add__text__tableoct__body__ol__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    transition: all .25s;
    cursor: pointer;
}

    .w16-bloglist-2__add__text__tableoct__body__ol__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w16-bloglist-2__add__text__tableoct__body__ol__text {
    font-size: 1.5rem;
    line-height: 2.8rem;
    font-weight: 600;
    transition: all .25s;
    position: relative;
    display: flex;
    align-items: flex-start
}

    .w16-bloglist-2__add__text__tableoct__body__ol__text:before {
        content: "\f068";
        font-family: "Font Awesome 5 Pro";
        font-size: 1.2rem;
        font-weight: 600;
        margin-right: .75rem;
        margin-top: .2rem;
    }

    .w16-bloglist-2__add__text__tableoct__body__ol__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w16-bloglist-2__add__text__tableoct__body__ol--1__text {
    margin-top: 0.5rem;
    padding: 0.5rem 1rem 0.5rem 5rem;
    list-style: none;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.4rem;
    margin-bottom: .5rem;
}

    .w16-bloglist-2__add__text__tableoct__body__ol--1__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w16-bloglist-2__main__second {
    max-width: 25%;
    position: relative;
    margin-top: .75rem;
}

@media only screen and (max-width: 62.5rem) {
    .w16-bloglist-2__main__second {
        width: 100%;
        max-width: 100%;
        margin-top: 0rem;
    }
}

.w16-bloglist-2__main__second__box {
}

.w16-bloglist-2__tableoct {
    width: 100%;
    padding: 0rem 1rem 2rem;
}

@media only screen and (max-width: 62.5rem) {
    .w16-bloglist-2__tableoct {
        padding: 0rem 0rem 1rem;
    }
}

.w16-bloglist-2__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: .2rem solid black;
    border-radius: .5rem;
    padding: .25rem .5rem;
}

.w16-bloglist-2__tableoct__cbcl:checked ~ .w16-bloglist-2__tableoct__clone {
    display: block;
}

.w16-bloglist-2__tableoct__cbcl {
    display: none;
}

.w16-bloglist-2__tableoct__checkbox {
    display: none;
}

    .w16-bloglist-2__tableoct__checkbox:checked ~ .w16-bloglist-2__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w16-bloglist-2__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w16-bloglist-2__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w16-bloglist-2__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w16-bloglist-2__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w16-bloglist-2__tableoct__heading__title {
    display: flex;
}

.w16-bloglist-2__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
}

.w16-bloglist-2__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
    margin-left: .5rem;
}

.w16-bloglist-2__tableoct__heading__icon {
    font-size: 1.4rem;
}

.w16-bloglist-2__tableoct__heading:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    transition: all .2s ease-in-out;
}

.w16-bloglist-2__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w16-bloglist-2__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w16-bloglist-2__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w16-bloglist-2__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w16-bloglist-2__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w16-bloglist-2__tableoct__body__ol {
    list-style: none;
}

.w16-bloglist-2__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w16-bloglist-2__tableoct__body__ol__text__vl {
    padding: .5rem 1rem .5rem 3rem;
}

.w16-bloglist-2__tableoct__body__ol > .w16-bloglist-2__tableoct__body__ol__text {
    font-size: 1.5rem;
}

.w16-bloglist-2__tableoct__body__ol__text:hover .w16-bloglist-2__tableoct__body__ol--1__text {
    color: #fff;
}

    .w16-bloglist-2__tableoct__body__ol__text:hover .w16-bloglist-2__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w16-bloglist-2__tableoct__body__ol__text.active {
}

    .w16-bloglist-2__tableoct__body__ol__text.active .w16-bloglist-2__tableoct__body__ol--1__text {
    }

.w16-bloglist-2__tableoct__body__ol__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .75s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w16-bloglist-2__tableoct__body__ol__text:hover::after {
    max-width: 120rem;
}


.w16-bloglist-2__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w16-bloglist-2__tableoct__body__ol__text:hover .w16-bloglist-2__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w16-bloglist-2__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w16-bloglist-2__tableoct__body__ol__text__vl.active {
    }

    .w16-bloglist-2__tableoct__body__ol__text__vl::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w16-bloglist-2__tableoct__body__ol__text__vl.active::after {
        max-width: 100%;
    }

.w16-bloglist-2__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w16-bloglist-2__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    left: 1.5rem;
    top: .75rem;
    z-index: 1;
}

.w16-bloglist-2__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
}

.w16-bloglist-2__tableoct__body__ol--1__text > .w16-bloglist-2__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w16-bloglist-2__tableoct__body__ol--1__text > .w16-bloglist-2__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w16-bloglist-2__tableoct__body__ol__text__cbx {
    display: none;
}

    .w16-bloglist-2__tableoct__body__ol__text__cbx:checked ~ .w16-bloglist-2__tableoct__body__ol--1 {
        display: block;
    }

    .w16-bloglist-2__tableoct__body__ol__text__cbx:checked ~ .w16-bloglist-2__tableoct__body__ol__text__lbl .w16-bloglist-2__tableoct__body__ol__text__lbl__icon {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

.w16-bloglist-2__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w16-bloglist-2__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.5rem;
}

    .w16-bloglist-2__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 5rem;
    }

ol > li > ol > .w16-bloglist-2__tableoct__body__ol--1__text {
}

ol ol ol .w16-bloglist-2__tableoct__body__ol--1__text {
}

    ol ol ol .w16-bloglist-2__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w16-bloglist-2__tableoct__body__ol--1__text > a.active {
        }

        ol ol ol .w16-bloglist-2__tableoct__body__ol--1__text > a::after {
            width: 100%;
            height: 100%;
            background-color: rgba(var(--main-color-w), 1);
            content: "";
            top: 0;
            left: 0;
            position: absolute;
            max-width: 0;
            transition: all .3s ease-in-out;
            border-radius: .3rem;
            z-index: -1;
        }

        ol ol ol .w16-bloglist-2__tableoct__body__ol--1__text > a.active::after {
            max-width: 100%;
        }

.w16-bloglist-2__tableoct__body__ol--1__text::after {
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w), 1);
    content: "";
    top: 0;
    left: 0;
    position: absolute;
    max-width: 0;
    transition: all .3s ease-in-out;
    border-radius: .3rem;
    z-index: -1;
}

.w16-bloglist-2__tableoct__body__ol--1__text:hover::after {
    max-width: 120rem;
}

.w16-bloglist-2__tableoct__body__ol--1__text:hover {
    color: white;
}

.w16-bloglist-2__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w16-bloglist-2__tableoct__body__ol--1__text > a.active {
    }

    .w16-bloglist-2__tableoct__body__ol--1__text > a::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w16-bloglist-2__tableoct__body__ol--1__text > a.active::after {
        max-width: 100%;
    }
/*ed*/
/*w71-menu*/
.w71-menu {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 0rem 1rem;
}

    .w71-menu.ws1TransApply {
        position: absolute;
    }

@media only screen and (max-width:75rem) {
    .w71-menu {
        padding: 0rem;
        background-color: #fff;
    }
}

@media only screen and (max-width:62.5rem) {
}

@media only screen and (min-width:75rem) {
  
}

.w71-menu__check {
    display: none;
}

.w71-menu__label {
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    width: 100%;
    align-items: center;
    padding: 0rem 1rem;
    display: none;
    transition: all .5s;
    position: relative;
    height: 5rem;
    cursor: pointer;
}

.ws1StickyApply .w71-menu__label {
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w71-menu__label {
        display: flex;
    }

    .ws1TransApply .w71-menu__label {
        background: none;
        background-color: transparent;
    }

    .w71-menu__check:checked ~ .w71-menu__label {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 3;
    }

    .ws1TransApply .w71-menu__check:checked ~ .w71-menu__label {
        background-color: rgba(var(--main-color-w),1);
    }

    .w71-menu__label__text {
        margin-left: 4rem;
        font-size: 2rem;
        color: #fff;
    }
}

.w71-menu__label__main {
    display: flex;
    cursor: pointer;
    align-content: center;
    position: absolute;
    left: 1rem;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 2rem;
    z-index: 1;
}

    .w71-menu__label__main:before {
        width: 100%;
        height: .2rem;
        top: 0;
        background-color: #fff;
        content: "";
        position: absolute;
        transition: all .3s;
    }

.ws1StickyApply .w71-menu__label__main:before {
    background-color: #fff;
}

.ws1TransApply .w71-menu__label__main:before {
    background-color: #fff;
}

.w71-menu__label__main:after {
    width: 100%;
    height: .2rem;
    bottom: 0;
    background-color: #fff;
    content: "";
    position: absolute;
    transition: all .3s;
}

.ws1StickyApply .w71-menu__label__main:after {
    background-color: #fff;
}

.ws1TransApply .w71-menu__label__main:after {
    background-color: #fff;
}

.w71-menu__label__main__line {
    width: 100%;
    height: .2rem;
    background-color: #fff;
    transition: all .3s;
    position: absolute;
}

.ws1TransApply .w71-menu__label__main__line {
    background-color: #fff;
}

.ws1StickyApply .w71-menu__label__main__line {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w71-menu__check:checked ~ .w71-menu__label .w71-menu__label__main .w71-menu__label__main__line {
        transform: rotate(-45deg);
    }

    .w71-menu__check:checked ~
    .w71-menu__label
    .w71-menu__label__main:before {
        top: initial;
        transform: rotate(45deg);
    }

    .ws1TransApply .w71-menu__check:checked ~
    .w71-menu__label
    .w71-menu__label__main:before {
    }

    .w71-menu__check:checked ~
    .w71-menu__label
    .w71-menu__label__main:after {
        opacity: 0;
        visibility: hidden;
    }
}

.w71-menu__label__main__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    margin-left: 1.5rem;
}

.w71-menu__group {
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    max-width: 120rem;
    width: 100%;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w71-menu__group {
        margin: 0;
        width: 100%;
        padding: 0;
        background-color: #fff;
        overflow: hidden;
        position: fixed;
        z-index: 2;
        display: flex;
        align-items: center;
        top: 5rem;
        left: 0;
        height: calc(100vh - 7rem);
        transition: all .25s;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        padding: 1.5rem 5rem 1.5rem 5rem;
        transform-origin: center top 0px;
    }

    .w71-menu__check:checked ~ .w71-menu__group {
        transform: none;
    }
}
.w71-menu__second {
    transition: all .5s;
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second {
        width: 100%;
        margin-left: 0;
        flex-wrap: wrap;
        max-height: 100vh;
        overflow-y: scroll;
        padding-bottom: 15rem;
    }

        .w71-menu__second::-webkit-scrollbar {
            width: .4rem;
        }

        .w71-menu__second::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w71-menu__second::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w71-menu__group::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w71-menu__second__btnsearch {
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__btnsearch {
        display: none;
    }
}

.w71-menu__second__btnsearch__icon {
    font-size: 1.6rem;
    color: #3f3f3f;
    margin-left: 2rem;
    transition: all .5s;
}

.ws1TransApply .w71-menu__second__btnsearch__icon {
    color: #fff;
}

.w71-menu__second__btnsearch__icon:hover {
    color: rgba(var(--second-color-w),1);
}

.w71-menu__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items {
        width: 100%;
    }
}

.w71-menu__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item:first-child {
        margin-left: 0;
    }

    .w71-menu__second__items__item {
        margin-left: 3rem;
    }
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.w71-menu__second__items__item__check {
    display: none;
}

.w71-menu__second__items__item__main {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__main {
    }

        .w71-menu__second__items__item__main:before {
            top: 0;
            content: "";
            position: absolute;
            transition: all .5s;
            width: 0;
            height: .2rem;
            background-color: rgba(var(--main-color-w),1);
        }

    .ws1TransApply .w71-menu__second__items__item__main:before {
    }

    .w71-menu__second__items__item:hover .w71-menu__second__items__item__main:before {
        width: 100%;
    }
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__main {
        padding: 0 0 0 5rem;
    }

    .w71-menu__second__items__item:first-child
    .w71-menu__second__items__item__main {
        border-top: none;
    }
}

.w71-menu__second__items__item__main__name {
    font-size: 1.6rem;
    cursor: pointer;
    padding: 2.5rem 0rem 2.5rem 0;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__main__name {
        font-size: 1.6rem;
        font-weight: 600;
        transition: all .5s;
        padding: 1rem 0rem 1rem 0rem;
        width: 100%;
        color: rgba(var(--main-color-w), 1);
    }

    .w71-menu__second__items__item__main__name:hover {
    }
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__main__name {
        color: #3f3f3f;
        transition: all .5s;
        position: relative;
        text-align: left;
    }

    .ws1TransApply
    .w71-menu__second__items__item__main__name {
        color: #fff;
    }

    .w71-menu__second__items__item:last-child
    .w71-menu__second__items__item__main__name {
        border-right: none;
    }

    .w71-menu__second__items__item:hover .w71-menu__second__items__item__main__name {
    }

    .ws1TransApply .w71-menu__second__items__item:hover .w71-menu__second__items__item__main__name {
    }
}

.w71-menu__second__items__item__main__icon1 {
    font-size: 1.6rem;
    margin-right: .75rem;
    color: #3f3f3f;
    transition: all .5s;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w71-menu__second__items__item__main__icon1 {
        color: #fff;
    }
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__main__icon1 {
        width: 3rem;
        display: flex;
        height: 3rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        background-color: #fff;
        color: rgba(var(--main-color-w), 1);
        position: absolute;
        left: 1rem;
    }

    .w71-menu__second__items__item:hover
    .w71-menu__second__items__item__main__icon1 {
    }
}

.w71-menu__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__main__icon2 {
        display: flex;
        height: 100%;
        width: 4rem;
        right: 0;
        justify-content: center;
        align-items: center;
    }

    .w71-menu__second__items__item__check:checked ~
    .w71-menu__second__items__item__main
    .w71-menu__second__items__item__main__icon2 {
       
    }

    .w71-menu__second__items__item__main__icon2__value {
        font-weight: 600 !important;
        position: absolute;
        display: flex;
        width: 100%;
        height: 100%;
        justify-content: center;
        align-items: center;
        color: rgba(var(--main-color-w), 1);
    }

    .w71-menu__second__items__item__main__icon2
    .w71-menu__second__items__item__main__icon2__value:before {
        content: "\f068" !important;
        position: absolute;
    }

    .w71-menu__second__items__item__main__icon2
    .w71-menu__second__items__item__main__icon2__value:after {
        content: "\f068" !important;
        position: absolute;
        transform: rotate(90deg);
        transition: all .3s;
    }

    .w71-menu__second__items__item__check:checked ~
    .w71-menu__second__items__item__main
    .w71-menu__second__items__item__main__icon2
    .w71-menu__second__items__item__main__icon2__value:after {
        transform: rotate(180deg);
    }
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__main__icon2 {
        color: #333;
        display: none;
    }

    .ws1TransApply .w71-menu__second__items__item__main__icon2 {
        color: rgba(var(--second-color-w),1);
    }

    .w71-menu__second__items__item:hover .w71-menu__second__items__item__main__icon2 {
        color: #fff;
    }
}

.w71-menu__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__childs {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
    }

    .w71-menu__second__items__item__check:checked ~
    .w71-menu__second__items__item__childs {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 100%;
        border: solid #f8f8f8 .1rem;
        background-color: #fff;
        width: max-content;
        z-index: 0;
        visibility: hidden;
        transition: all .25s;
        pointer-events: none;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w71-menu__second__items__item:hover .w71-menu__second__items__item__childs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
        pointer-events: inherit;
        transform: none;
    }
}

.w71-menu__second__items__item__childs__item {
    position: relative;
}

    .w71-menu__second__items__item__childs__item:last-child {
        border: none;
    }

.w71-menu__second__items__item__childs__item__main {
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__main {
        border-color: #eee;
    }

    .w71-menu__second__items__item__childs__item:first-child .w71-menu__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__childs__item__main {
        padding-right: 1rem;
    }
}

.w71-menu__second__items__item__childs__item__main__name {
    font-size: 1.6rem;
    padding: 1.25rem 1rem;
    cursor: pointer;
    display: block;
    width: 100%;
    position: relative;
    margin-right: 1rem;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__childs__item__main__name {
        text-transform: capitalize;
        font-size: 1.5rem;
        font-weight: 600;
        padding: 1rem 0rem 1rem 5rem;
        transition: all .5s;
        color: rgba(var(--main-color-w), 1);
    }

   
}
@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__main__name {
        transition: all .5s;
    }

    .w71-menu__second__items__item__childs__item:hover .w71-menu__second__items__item__childs__item__main__name {
    }

    .ws1TransApply .w71-menu__second__items__item__childs__item:hover .w71-menu__second__items__item__childs__item__main__name {
    }

    .w71-menu__second__items__item__childs__item:hover .w71-menu__second__items__item__childs__item__main {
    }
}


@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w71-menu__second__items__item__childs__item__main__name:before {
        background-color: rgba(var(--second-color-w),1);
    }

    .w71-menu__second__items__item__childs__item:hover .w71-menu__second__items__item__childs__item__main__name:before {
        width: 100%;
    }
}

.w71-menu__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
    position: absolute;
    right: 1rem;
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__main__icon {
        color: #000;
    }

    .w71-menu__second__items__item__childs__item:hover .w71-menu__second__items__item__childs__item__main__icon {
        color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w71-menu__second__items__item__childs__item:hover .w71-menu__second__items__item__childs__item__main__icon {
        color: rgba(var(--second-color-w),1);
    }
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__childs__item__main__icon {
        padding: 0;
        width: 4rem;
        right: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: rgba(var(--main-color-w), 1);
    }

    .w71-menu__second__items__item__childs__item__check:checked ~
    .w71-menu__second__items__item__childs__item__main
    .w71-menu__second__items__item__childs__item__main__icon {
    }

    .w71-menu__second__items__item__childs__item__main__icon__value {
        position: absolute;
        width: 100%;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight: 900;
    }

        .w71-menu__second__items__item__childs__item__main__icon__value:before {
            content: "\f068" !important;
            position: absolute;
        }

        .w71-menu__second__items__item__childs__item__main__icon__value:after {
            content: "\f068" !important;
            position: absolute;
            transform: rotate(90deg);
            transition: all .3s;
        }

    .w71-menu__second__items__item__childs__item__check:checked ~
    .w71-menu__second__items__item__childs__item__main
    .w71-menu__second__items__item__childs__item__main__icon
    .w71-menu__second__items__item__childs__item__main__icon__value:after {
        transform: rotate(180deg);
    }
}

.w71-menu__second__items__item__childs__item__check {
    display: none;
}

.w71-menu__second__items__item__childs__item__grands {
}


@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands {
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
    }

    .w71-menu__second__items__item__childs__item__check:checked ~
    .w71-menu__second__items__item__childs__item__grands {
        max-height: 900vh;
    }
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands {
        position: absolute;
        left: 100%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        width: 21rem;
        transition: all .3s;
        transform: matrix3d(1, 0, 0, 0.008, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
        transform-origin: top left;
        transition: all .25s;
    }

    .w71-menu__second__items__item__childs__item:hover .w71-menu__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
        transform: none;
    }
}

.w71-menu__second__items__item__childs__item__grands__box {
    list-style: none;
    transition: all .25s;
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands__box {
        background-color: #fff;
        width: max-content;
        margin-left: 1rem;
        box-shadow: 0 0px 20px rgba(0, 0,0,0.1);
        border-radius: .3rem;
    }
}

.w71-menu__second__items__item__childs__item__grands__box__item {
}

.w71-menu__second__items__item__childs__item__grands__box__item__main {
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands__box__item__main {
        border-color: #eee;
    }

    .w71-menu__second__items__item__childs__item__grands__box__item:first-child .w71-menu__second__items__item__childs__item__grands__box__item__main {
        border: none;
    }

    .w71-menu__second__items__item__childs__item__grands__box__item:hover .w71-menu__second__items__item__childs__item__grands__box__item__main {
    }
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands__box__item__main {
    }
}

.w71-menu__second__items__item__childs__item__grands__box__item__main__name {
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    padding: 1.25rem 1rem;
    position: relative;
    color: #3f3f3f;
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1.25rem 1rem;
    }

    .w71-menu__second__items__item__childs__item__grands__box__item__main:hover .w71-menu__second__items__item__childs__item__grands__box__item__main__name {
    }

    .ws1TransApply .w71-menu__second__items__item__childs__item__grands__box__item__main:hover .w71-menu__second__items__item__childs__item__grands__box__item__main__name {
    }
}

@media only screen and (min-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        height: .2rem;
        left: 0;
        bottom: 0;
        content: "";
        position: absolute;
        transition: all .5s;
        width: 0;
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w71-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        background-color: rgba(var(--second-color-w),1);
    }

    .w71-menu__second__items__item__childs__item__grands__box__item:hover .w71-menu__second__items__item__childs__item__grands__box__item__main__name:before {
        width: 100%;
    }
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__items__item__childs__item__grands__box__item__main__name {
        padding: 1rem 0rem 1rem 7rem;
        text-transform: capitalize;
        font-size: 1.6rem;
        color: rgba(var(--main-color-w), 1);
    }

    .w71-menu__second__items__item__childs__item__grands__box__item__main:hover .w71-menu__second__items__item__childs__item__grands__box__item__main__name {
    }
}

.w71-menu__search {
    position: fixed;
    z-index: 0;
    visibility: hidden;
    opacity: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w71-menu__cksearch {
    display: none;
}

    .w71-menu__cksearch:checked ~ .w71-menu__search {
        z-index: 1;
        visibility: visible;
        opacity: 1;
    }

.w71-menu__search__bg {
    position: absolute;
    left: 0;
    height: 100%;
    top: 0;
    width: 100%;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
}

.w71-menu__search__main {
    z-index: 1;
    width: 50rem;
    max-width: 90%;
    position: relative;
    background-color: rgba(255,255,255,.4);
    border-radius: 3rem;
    border: solid .1rem rgba(255,255,255,.4);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s;
    opacity: 0;
}

.w71-menu__cksearch:checked ~ .w71-menu__search
.w71-menu__search__main {
    opacity: 1;
}

.w71-menu__search__main__input {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 2rem;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w71-menu__search__main__input::placeholder {
        color: #fff;
    }

.w71-menu__search__main__button {
    position: absolute;
    color: #fff;
    right: 2rem;
    font-size: 2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w71-menu__search__main__button:hover {
        transform: scale(1.05);
    }

.w71-menu__second__search {
    width: 100%;
    margin: 1rem auto;
    position: relative;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 3rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
    align-items: center;
    justify-content: center;
    transition: all 1s;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w71-menu__second__search {
        display: flex;
    }
}

.w71-menu__second__search__input {
    width: 100%;
    border: none;
    outline: none;
    background-color: transparent;
    padding: 1rem;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w71-menu__second__search__input::placeholder {
        color: #fff;
    }

.w71-menu__second__search__button {
    position: absolute;
    color: #fff;
    right: 2rem;
    font-size: 2rem;
}

.w71-menu__bottom {
    bottom: 0rem;
    position: absolute;
    left: 0;
    width: 100%;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem 1rem 1rem;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w71-menu__bottom {
        display: block;
    }
}

.w71-menu__bottom__button {
    display: flex;
    justify-content: center;
}

.w71-menu__bottom__button__item {
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    font-size: 1.6rem;
    cursor: pointer;
    margin-left: 1rem;
}

    .w71-menu__bottom__button__item:nth-child(2n+1) {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w71-menu__bottom__button__item:first-child {
        margin-left: 0;
    }

.w71-menu__bottom__button__item__icon {
}

.w71-menu__bottom__button__item__name {
    margin-left: .5rem;
    font-weight: 600;
}
/*ed*/
/*w71-introducer*/
.w71-introducer {
    width: 100%;
    padding: 3rem 1rem 3rem;
    display: flex;
    justify-content: center;
    position: relative;
    background-color: #fff;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w71-introducer {
        padding-bottom: 0;
    }
}

.w71-introducer__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

.w71-introducer__first {
    width: 48%;
}

@media only screen and (max-width:75rem) {
    .w71-introducer__first {
        width: 100%;
        margin-right: 0%;
    }
}

.w71-introducer__first__heading {
}

@media only screen and (max-width:75rem) {
    .w71-introducer__first__heading {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w71-introducer__first__heading__name {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    font-weight: 600;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
}

    .w71-introducer__first__heading__name:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w71-introducer__first__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w71-introducer__first__detail {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
    color: #3f3f3f;
}

.w71-introducer__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w71-introducer__first__items__item {
    margin-top: 2rem;
    display: flex;
    width: 48%;
    margin-left: 4%;
}

    .w71-introducer__first__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w71-introducer__first__items__item__main {
    align-items: center;
    background-color: #fff;
    padding: 2rem 1rem;
    box-shadow: 0 0 3px rgba(var(--main-color-w), .2);
    overflow: hidden;
    border-radius: .3rem;
    transition: all .5s;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    cursor: pointer;
    transition: all .3s;
    color: rgba(var(--main-color-w),1);
}

    .w71-introducer__first__items__item__main:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w71-introducer__first__items__item__main__icon {
    font-size: 3rem;
}

.w71-introducer__first__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    width: 100%;
    margin-top: 1rem;
    font-weight: 600;
}

.w71-introducer__second {
    width: 48%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w71-introducer__second {
        width: 100%;
        margin-top: 4rem;
        padding-bottom: 7rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w71-introducer__second {
        padding-bottom: 0rem;
    }
}

.w71-introducer__second__one {
    width: 80%;
    position: absolute;
    z-index: 4;
    left: 0;
    top: 0;
    transition: all .3s;
}

    .w71-introducer__second__one:hover {
        filter: brightness(.9);
    }

.w71-introducer__second__one__figure {
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
    height: 31rem;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w71-introducer__second__one__figure {
        height: 60rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w71-introducer__second__one__figure {
        height: 44rem;
    }
}

@media only screen and (max-width:50rem) {
    .w71-introducer__second__one__figure {
        height: 40rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w71-introducer__second__one__figure {
        height: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w71-introducer__second__one__figure {
        height: 20rem;
    }
}

.w71-introducer__second__one__figure__img {
    width: 100%;
}

.w71-introducer__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w71-introducer__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w71-introducer__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w71-introducer__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w71-introducer__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w71-introducer__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w71-introducer__second__two:hover {
    filter: brightness(.9);
}

.w71-introducer__second__two__figure {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    height: 17rem;
}

@media only screen and (max-width:75rem) {
    .w71-introducer__second__two__figure {
        height: 20rem;
    }
}

@media only screen and (max-width:50rem) {
    .w71-introducer__second__two__figure {
        height: 18rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w71-introducer__second__two__figure {
        height: 15rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w71-introducer__second__two__figure {
        height: 12rem;
    }
}

.w71-introducer__second__figure1 {
    background-size: contain;
    width: 15rem;
    height: 15rem;
    border-radius: 50%;
    background-position: top center;
    position: absolute;
    z-index: 5;
    transition: all .3s;
    top: 25rem;
    right: 3rem;
}

@media only screen and (max-width:75rem) {
    .w71-introducer__second__figure1 {
        top: 52rem;
        right: 15rem;
        width: 18rem;
        height: 18rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w71-introducer__second__figure1 {
        top: 36rem;
        right: 13rem;
    }
}

@media only screen and (max-width:50rem) {
    .w71-introducer__second__figure1 {
        top: 33rem;
        right: 6rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w71-introducer__second__figure1 {
        top: 22rem;
        right: 1rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w71-introducer__second__figure1 {
        width: 15rem;
        height: 15rem;
        top: 13rem;
    }
}

.w71-introducer__second__figure1:hover {
    filter: brightness(.9);
}

.w71-introducer__second__figure2 {
    background-size: contain;
    width: 54rem;
    height: 54rem;
    max-width: 100%;
    background-position: center;
    z-index: 2;
    animation-name: key-w71-introducer__second__figure2;
    animation-iteration-count: infinite;
    animation-duration: 15s;
}

@-webkit-keyframes key-w71-introducer__second__figure2 {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width:75rem) {
    .w71-introducer__second__figure2 {
        width: 75rem;
        height: 75rem;
    }
}

@media only screen and (max-width:43.75rem) {
    .w71-introducer__second__figure2 {
        height: 65rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w71-introducer__second__figure2 {
        height: 55rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w71-introducer__second__figure2 {
        height: 38rem;
    }
}
/*ed*/
/*w71-product-2*/
.w71-product-2 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #f4f6fc;
    position: relative;
    z-index: 0;
}

.w71-product-2__group {
    margin: 0 auto;
    max-width: 120rem;
}

.w71-product-2__heading {
}

.w71-product-2__heading__name {
    font-size: 3rem;
    line-height: 5rem;
    color: rgba(var(--main-color-w),1);
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w71-product-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w71-product-2__mains {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    background-color: #fff;
    overflow: hidden;
    border-radius: .5rem;
    margin-top: 2rem;
}

.w71-product-2__mains__tabs {
    overflow: hidden;
    width: 100%;
    display: flex;
}

.w71-product-2__mains__tabs__tab {
    min-width: 100%;
    width: max-content;
    display: flex;
    align-items: center;
    border-bottom: solid .1rem #f1f1f1;
    justify-content: space-between;
    overflow-x: hidden;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-2__mains__tabs__tab {
        overflow-x: scroll;
        justify-content: flex-start;
        padding: 1rem;
    }

        .w71-product-2__mains__tabs__tab::-webkit-scrollbar {
            height: .1rem;
        }

        .w71-product-2__mains__tabs__tab::-webkit-scrollbar-track {
            border-radius: .1rem;
        }

        .w71-product-2__mains__tabs__tab::-webkit-scrollbar-thumb {
            border-radius: .1rem;
            background: #f1f1f1;
        }

            .w71-product-2__mains__tabs__tab::-webkit-scrollbar-thumb:hover {
                background: #f1f1f1;
            }
}

.w71-product-2__mains__tabs__tab__first {
    display: flex;
    width: max-content;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-2__mains__tabs__tab__first {
        width: 10rem;
        justify-content: center;
        position: absolute;
        left: 1rem;
        display: none;
    }
}

.w71-product-2__mains__tabs__tab__first__item {
    padding: 1rem 1.5rem;
    position: relative;
    min-width: max-content;
}

.w71-product-2__mains__tabs__tab__first__item__imgbox {
    height: 5rem;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-2__mains__tabs__tab__first__item__imgbox {
        height: 4rem;
    }
}

.w71-product-2__mains__tabs__tab__first__item__imgbox:hover {
    transform: scale(1.05);
}

.w71-product-2__mains__tabs__tab__first__item__imgbox__img {
}

.w71-product-2__mains__tabs__tab__first__item__line {
    position: absolute;
    bottom: 0;
    height: .2rem;
    width: 0;
    left: 0;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .3s;
}

.w71-product-2__mains__tabs__tab__first__item:first-child
.w71-product-2__mains__tabs__tab__first__item__line {
    width: 100%;
}

.w71-product-2__mains__tabs__tab__first__item:hover
.w71-product-2__mains__tabs__tab__first__item__line {
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-2__mains__tabs__tab__first__item__line {
        top: 0;
        bottom: initial;
    }
}

.w71-product-2__mains__tabs__tab__second {
    display: flex;
    align-items: center;
    width: 100%;
    height: 100%;
    justify-content: space-around;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-2__mains__tabs__tab__second {
        width: max-content;
    }
}

.w71-product-2__mains__tabs__tab__second__item {
    padding: 1rem 1.5rem;
    overflow: hidden;
    height: 100%;
    min-width: max-content;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    position: relative;
}

.w71-product-2__mains__tabs__tab__second__item__line {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    transition: all .5s;
    height: .2rem;
    background-color: rgba(var(--main-color-w), 1)
}

.w71-product-2__mains__tabs__tab__second__item:hover .w71-product-2__mains__tabs__tab__second__item__line {
    width: 100%;
}

.w71-product-2__mains__tabs__tab__second__item__name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s;
    color: #3f3f3f;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-2__mains__tabs__tab__second__item__name {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w71-product-2__mains__tabs__tab__second__item__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w71-product-2__mains__countdown {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 7rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 4rem;
    width: max-content;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w71-product-2__mains__countdown {
        padding: 1rem;
        width: 90%;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w71-product-2__mains__countdown__text {
    font-size: 1.6rem;
    color: #fff;
    white-space: nowrap;
}

.w71-product-2__mains__countdown__items {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

.w71-product-2__mains__countdown__items__item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #fff;
    border-radius: .5rem;
    border: solid .1rem #f1f1f1;
    width: 3.6rem;
}

@media only screen and (max-width:81.25rem) {
    .w71-product-2__mains__countdown__items__dot {
    }
}

.w71-product-2__mains__countdown__items__item__num {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    justify-content: center;
}

    .w71-product-2__mains__countdown__items__item__num:nth-child(2) {
    }


    .w71-product-2__mains__countdown__items__item__num:first-child {
        margin-left: 0;
    }

.w71-product-2__mains__countdown__items__dot {
    color: #fff;
    font-size: 1.4rem;
    font-weight: 700;
    display: flex;
    margin: 0 1rem;
    justify-content: center;
    height: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w71-product-2__mains__countdown__items__dot {
        margin: 0 .5rem;
    }
}

.w71-product-2__mains__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1.5rem;
    margin-top: 2rem;
}

.w71-product-2__mains__items__item {
    width: 19.2%;
    margin-bottom: 1.5rem;
    padding: 1rem;
    margin-left: 1%;
    cursor: pointer;
    background-color: white;
    border-radius: 0.5rem;
    border: solid .1rem #f1f1f1;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    transition: all .3s;
}

    .w71-product-2__mains__items__item:hover {
        border: solid .1rem rgba(var(--main-color-w), .3);
    }

@media only screen and (min-width: 68.75em) {
    .w71-product-2__mains__items__item:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 68.75em) {
    .w71-product-2__mains__items__item {
        width: 24.25%;
    }

        .w71-product-2__mains__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 50rem) {
    .w71-product-2__mains__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w71-product-2__mains__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w71-product-2__mains__items__item__link {
    display: block;
    overflow: hidden;
}

.w71-product-2__mains__items__item__link__imgbox {
    width: 100%;
    margin: 0 auto;
    display: block;
    background-size: contain;
    background-position: center;
    border-radius: 0.5rem;
    transition: all .5s;
}

    .w71-product-2__mains__items__item__link__imgbox:hover {
        transform: scale(1.05);
    }

.w71-product-2__mains__items__item__link__imgbox__img {
    width: 100%;
}

.w71-product-2__mains__items__item__km {
    position: absolute;
    left: 1rem;
    top: 1rem;
    text-align: center;
    background-color: orange;
    width: auto;
    padding: 0.3rem;
    display: flex;
    align-items: center;
}

.w71-product-2__mains__items__item__text {
    display: block;
    font-size: 1.6rem;
    text-align: left;
    line-height: 2.6rem;
    transition: all 0.5s ease;
    margin: 1rem 0rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w71-product-2__mains__items__item:hover .w71-product-2__mains__items__item__text {
    color: rgba(var(--second-color-w), 1);
    text-decoration: underline;
}

.w71-product-2__mains__items__item__pricing {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    justify-content: space-between;
    margin-top: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-product-2__mains__items__item__pricing {
        flex-wrap: wrap;
    }
}

.w71-product-2__mains__items__item__pricing__main {
    margin-bottom: 1rem;
    width: 100%;
}

.w71-product-2__mains__items__item__pricing__main__vl {
    font-size: 1.4rem;
    color: #7d7d7d;
    margin-right: 0.5rem;
    display: flex;
    align-items: center;
    margin-top: .75rem;
}

.w71-product-2__mains__items__item__pricing__main__vl__num {
    text-decoration: line-through;
}

.w71-product-2__mains__items__item__pricing__main__vl__per {
    color: rgba(var(--second-color-w), 1);
    margin-left: 1rem;
}

.w71-product-2__mains__items__item__pricing__main__first__count {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.8rem;
    font-weight: bold;
    display: block;
}

.w71-product-2__mains__items__item__bar {
    background-color: rgba(var(--main-color-w), 1);
    width: 100%;
    position: relative;
    display: flex;
    border-radius: 3rem;
    margin-top: 1rem;
    padding: .25rem 0;
    align-items: center;
}

.w71-product-2__mains__items__item__bar__imgbox {
    position: absolute;
    width: 2rem;
    height: 2rem;
    background-size: contain;
    background-position: center;
    left: .75rem;
    z-index: 2;
}

.w71-product-2__mains__items__item__bar__text {
    padding-top: 0.3rem;
    padding-bottom: 0.3rem;
    text-align: center;
    display: block;
    width: 100%;
    color: white;
    font-weight: 600;
    font-size: 1.4rem;
    z-index: 2;
    position: relative;
}

.w71-product-2__mains__items__item__grbtn {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
}

.w71-product-2__mains__items__item__grbtn__btn {
    padding: .75rem;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    border: 1px solid rgba(var(--main-color-w), 1);
    width: 100%;
    font-size: 1.4rem;
    cursor: pointer;
    border-radius: .3rem;
    transition: all .2s ease;
    font-weight: 600;
    letter-spacing: 1px;
    text-align: center;
}

    .w71-product-2__mains__items__item__grbtn__btn:nth-child(2) {
        background-color: transparent;
        margin-left: 1rem;
        color: rgba(var(--main-color-w), 1);
    }

    .w71-product-2__mains__items__item__grbtn__btn:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: white;
    }

.w71-product-2__bottom {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    margin-top: 1rem;
}

.w71-product-2__bottom__btn {
    margin-top: 1rem;
    color: rgba(var(--main-color-w), 1);
    padding: .75rem 2rem;
    font-size: 1.4rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
}

    .w71-product-2__bottom__btn:hover {
        color: #fff;
        background-color: rgba(var(--main-color-w), 1);
    }

.w71-product-2__bottom__btn__icon {
    margin-left: 1rem;
}
/*ed*/


/*w71-product-1*/
.w71-product-1 {
    width: 100%;
    padding: 3rem 1rem .5rem;
    background-color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-1 {
        padding: 3rem 1rem 1rem;
    }
}

.w71-product-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w71-product-1__heading {
    display: flex;
    align-items: center;
    position: relative;
    background-color: rgba(var(--second-color-w), 1);
    border-radius: 0 .3rem 0 0;
}

.w71-product-1__heading__name {
    width: max-content;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem 0 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: 1rem 5rem 1rem 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-product-1__heading__name {
        padding: 1rem;
        width: 100%;
        border-radius: .3rem;
    }
}

.w71-product-1__heading__name__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    color: #fff;
}

.w71-product-1__heading__name__text {
    color: #fff;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
}

.w71-product-1__heading__name__triangle {
    background-color: rgba(var(--second-color-w), 1);
    height: 10rem;
    width: 10rem;
    position: absolute;
    right: -8rem;
    transform: rotate(-45deg);
    top: -5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-product-1__heading__name__triangle {
        display: none;
    }
}

.w71-product-1__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w71-product-1__heading__line {
        background-color: rgba(var(--second-color-w), 1);
        animation-name: key-w71-product-1__heading__line;
        animation-iteration-count: infinite;
        animation-duration: 5s;
    }

    @-webkit-keyframes key-w71-product-1__heading__line {
        0% {
            width: 0;
        }

        50% {
            width: 100%;
        }

        100% {
            width: 0;
        }
    }
}

.w71-product-1__heading__items {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-product-1__heading__items {
        display: none;
    }
}

.w71-product-1__heading__items__item {
    margin-left: 1rem;
    width: max-content;
}

@media only screen and (max-width: 50rem) {
    .w71-product-1__heading__items__item {
        display: none;
    }
}

.w71-product-1__heading__items__item__text {
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    cursor: pointer;
    display: block;
    border: solid rgba(255,255,255,0) .1rem;
}

    .w71-product-1__heading__items__item__text:hover {
        background-color: #fff;
        color: #fff;
        border: solid #f1f1f1 .1rem;
        color: rgba(var(--main-color-w), 1);
    }

.w71-product-1__heading__items__last {
    margin-left: 1rem;
    width: max-content;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    transition: all .25s;
    cursor: pointer;
}

    .w71-product-1__heading__items__last:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w),1);
    }

.w71-product-1__heading__items__last__icon {
    margin-left: .5rem;
    font-size: 1.4rem;
}

.w71-product-1__items {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap
}

.w71-product-1__items__first {
    width: 23.5%;
    margin-left: 0;
    margin-bottom: 2.5rem;
    overflow: hidden;
    border: solid .1rem #f7f7f7;
    cursor: pointer;
    border-radius: .3rem;
}

@media only screen and (max-width:62.5rem) {
    .w71-product-1__items__first {
        width: 49%;
    }
}

.w71-product-1__items__first__imgbox {
    width: 100%;
    background-size: cover;
    height: 100%;
    transition: all .5s;
}

    .w71-product-1__items__first__imgbox:hover {
        transform: scale(1.05);
    }

.w71-product-1__items__first__imgbox__img {
    width: 100%;
}

.w71-product-1__items__item {
    display: flex;
    flex-wrap: wrap;
    width: 23.5%;
    margin-left: 2%;
    padding: 0;
    background: #fff;
    margin-bottom: 2.5rem;
    color: #3f3f3f;
    border: solid .1rem #f1f1f1;
    overflow: hidden;
    border-radius: .3rem;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    transition: all .3s;
}

    .w71-product-1__items__item:hover {
        border: solid .1rem rgba(var(--main-color-w), .3);
    }

.w71-product-1__items__item__link {
    overflow: hidden;
    display: block;
    position: relative;
    width: 100%;
    height: max-content;
}

.w71-product-1__items__item__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    position: relative;
    cursor: pointer;
    transition: all .5s;
}

.w71-product-1__items__item__link__imgbox__img {
    width: 100%;
}

.w71-product-1__items__item__link__imgbox:hover {
    transform: scale(1.05);
}

.w71-product-1__items__item__link__tabs {
    position: absolute;
    right: 1rem;
    top: 1rem;
}

.w71-product-1__items__item__link__tabs__item {
    display: inline-block;
    color: #fff;
    padding: .3rem 1rem;
    border-radius: .3rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
}

.w71-product-1__items__item__link__tabs__last {
    display: inline-block;
    color: #fff;
    padding: .3rem 1rem;
    border-radius: .3rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
}

.w71-product-1__items__item__link__status {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.31);
}

.w71-product-1__items__item__info {
    width: 100%;
}

.w71-product-1__items__item__info__name {
    display: block;
    font-size: 1.6rem;
    font-weight: 600;
    color: #3f3f3f;
    cursor: pointer;
    transition: all .25s;
    line-height: 2.6rem;
    padding: 1rem 1.25rem;
}

    .w71-product-1__items__item__info__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w71-product-1__items__item__info__attrs {
    background-color: #f7f7f7;
    border-radius: .3rem;
    padding: 0rem 1rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w71-product-1__items__item__info__attrs__child {
    font-size: 1.4rem;
    display: flex;
    color: #3f3f3f;
    margin: 0 0 .75rem;
    width: 100%;
}

    .w71-product-1__items__item__info__attrs__child:first-child {
        margin-top: .75rem;
    }

.w71-product-1__items__item__info__attrs__child__imgbox {
    background-size: contain;
    height: 1.75rem;
    width: 1.75rem;
    background-position: center;
    margin-right: .5rem;
    align-items: center;
}

.w71-product-1__items__item__info__attrs__child__title {
    margin-right: .5rem;
}

.w71-product-1__items__item__info__attrs__child__name {
    font-weight: 600;
}

.w71-product-1__items__item__info__attrs__child__name__text2 {
    font-weight: 600;
    color: #3f3f3f;
}

.w71-product-1__items__item__info__price {
    font-size: 1.6rem;
    display: flex;
    flex-wrap: wrap;
    padding: 1.25rem;
}

.w71-product-1__items__item__info__price__first {
}

.w71-product-1__items__item__info__price__second {
    margin-left: auto;
}

.w71-product-1__items__item__info__price__first__text2 {
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w71-product-1__items__item__info__price__second__text2 {
    text-decoration: line-through;
    color: #999;
}

.w71-product-1__items__item__info__price__second__text1:after {
    content: ":";
    display: inline-block;
}

@media only screen and (min-width:62.5rem) {
    .w71-product-1__items__item:nth-child(4n+1) {
        margin-left: 0
    }
}

@media only screen and (max-width:62.5rem) {

    .w71-product-1__items__item {
        width: 49%;
        margin-bottom: 2rem;
    }

        .w71-product-1__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:50rem) {
    .w71-product-1__tabs {
        display: block
    }

    .w71-product-1__tabs__last {
        justify-content: center;
        margin: 0;
        display: none;
    }
}

/*ed*/
/*w71-ads-1*/
.w71-ads-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    overflow: hidden;
    color: #3f3f3f;
}

@media only screen and (max-width:75rem) {
    .w71-ads-1 {
        padding: 1rem 1rem 0rem;
    }
}

.w71-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w71-ads-1__heading {
    display: flex;
    align-items: center;
    position: relative;
    background-color: rgba(var(--second-color-w), 1);
    border-radius: 0 .3rem 0 0;
}

.w71-ads-1__heading__name {
    width: max-content;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem 0 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: 1rem 5rem 1rem 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-ads-1__heading__name {
        padding: 1rem;
        width: 100%;
        border-radius: .3rem;
    }
}

.w71-ads-1__heading__name__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    color: #fff;
}

.w71-ads-1__heading__name__text {
    color: #fff;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
}

.w71-ads-1__heading__name__triangle {
    background-color: rgba(var(--second-color-w), 1);
    height: 10rem;
    width: 10rem;
    position: absolute;
    right: -8rem;
    transform: rotate(-45deg);
    top: -5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-ads-1__heading__name__triangle {
        display: none;
    }
}

.w71-ads-1__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w71-ads-1__heading__line {
        background-color: rgba(var(--second-color-w), 1);
        animation-name: key-w71-ads-1__heading__line;
        animation-iteration-count: infinite;
        animation-duration: 5s;
    }

    @-webkit-keyframes key-w71-ads-1__heading__line {
        0% {
            width: 0;
        }

        50% {
            width: 100%;
        }

        100% {
            width: 0;
        }
    }
}

.w71-ads-1__heading__items {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-ads-1__heading__items {
        display: none;
    }
}

.w71-ads-1__heading__items__item {
    margin-left: 1rem;
    width: max-content;
}

@media only screen and (max-width: 50rem) {
    .w71-ads-1__heading__items__item {
        display: none;
    }
}

.w71-ads-1__heading__items__item__text {
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    cursor: pointer;
    display: block;
    border: solid rgba(255,255,255,0) .1rem;
}

    .w71-ads-1__heading__items__item__text:hover {
        background-color: #fff;
        color: #fff;
        border: solid #f1f1f1 .1rem;
        color: rgba(var(--main-color-w), 1);
    }

.w71-ads-1__heading__items__last {
    margin-left: 1rem;
    width: max-content;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    transition: all .25s;
    cursor: pointer;
}

    .w71-ads-1__heading__items__last:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w),1);
    }

.w71-ads-1__heading__items__last__icon {
    margin-left: .5rem;
    font-size: 1.4rem;
    color: #fff;
}

.w71-ads-1__heading__items__last:hover .w71-ads-1__heading__items__last__icon {
    color: rgba(var(--main-color-w),1);
}

.w71-ads-1__items {
    overflow: hidden;
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    margin-top: 1rem;
}

.w71-ads-1__items__item {
    width: 100%;
}

    .w71-ads-1__items__item.swiper-slide-active {
    }

    .w71-ads-1__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w71-ads-1__items__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w71-ads-1__items__mains__main {
    margin-left: 2%;
    width: 8.2%;
    background-color: #fff;
    margin-top: 1rem;
}

@media only screen and (min-width:75rem) {
    .w71-ads-1__items__mains__main:nth-child(10n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w71-ads-1__items__mains__main {
        width: 18.4%;
    }

        .w71-ads-1__items__mains__main:nth-child(5n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w71-ads-1__items__mains__main {
    }
}

.w71-ads-1__items__mains__main__first {
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: .3rem;
}

.w71-ads-1__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .25s;
    width: 100%;
    cursor: pointer;
}

.w71-ads-1__items__mains__main:hover
.w71-ads-1__items__mains__main__first__imgbox {
    transform: scale(1.05);
}

.w71-ads-1__items__mains__main__first__imgbox__img {
    width: 100%;
}

.w71-ads-1__items__mains__main__name {
    margin-top: .5rem;
    font-weight: 600;
    font-size: 1.4rem;
    line-height: 2.5rem;
    display: block;
    text-align: center;
    cursor: pointer;
    transition: all .25s;
}

    .w71-ads-1__items__mains__main__name:hover {
        color: rgba(var(--main-color-w),1)
    }

@media only screen and (max-width:50rem) {
    .w71-ads-1__items__mains__main__name {
        font-size: 1.3rem;
        line-height: 2.3rem;
    }
}
/*ed*/
/*w71-abimg-1*/
.w71-abimg-1 {
    width: 100%;
    padding: 3rem 0rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w71-abimg-1__group {
    padding: 0rem;
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w71-abimg-1__heading {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 0 .3rem 0 0;
    background-color: rgba(var(--second-color-w), 1);
}

.w71-abimg-1__heading__name {
    width: max-content;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem 0 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: 1rem 5rem 1rem 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-abimg-1__heading__name {
        padding: 1rem;
        width: 100%;
        border-radius: .3rem;
    }
}

.w71-abimg-1__heading__name__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    color: #fff;
}

.w71-abimg-1__heading__name__text {
    color: #fff;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
}

.w71-abimg-1__heading__name__triangle {
    background-color: rgba(var(--second-color-w), 1);
    height: 10rem;
    width: 10rem;
    position: absolute;
    right: -8rem;
    transform: rotate(-45deg);
    top: -5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-abimg-1__heading__name__triangle {
        display: none;
    }
}

.w71-abimg-1__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w71-abimg-1__heading__line {
        background-color: rgba(var(--second-color-w), 1);
        animation-name: key-w71-abimg-1__heading__line;
        animation-iteration-count: infinite;
        animation-duration: 5s;
    }

    @-webkit-keyframes key-w71-abimg-1__heading__line {
        0% {
            width: 0;
        }

        50% {
            width: 100%;
        }

        100% {
            width: 0;
        }
    }
}

.w71-abimg-1__heading__items {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-abimg-1__heading__items {
        display: none;
    }
}

.w71-abimg-1__heading__items__item {
    margin-left: 1rem;
    width: max-content;
}

@media only screen and (max-width: 50rem) {
    .w71-abimg-1__heading__items__item {
        display: none;
    }
}

.w71-abimg-1__heading__items__item__text {
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    cursor: pointer;
    display: block;
    border: solid rgba(255,255,255,0) .1rem;
}

    .w71-abimg-1__heading__items__item__text:hover {
        background-color: #fff;
        color: #fff;
        border: solid #f1f1f1 .1rem;
        color: rgba(var(--main-color-w), 1);
    }

.w71-abimg-1__heading__items__last {
    margin-left: 1rem;
    width: max-content;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    transition: all .25s;
    cursor: pointer;
}

    .w71-abimg-1__heading__items__last:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w),1);
    }

.w71-abimg-1__heading__items__last__icon {
    margin-left: .5rem;
    font-size: 1.4rem;
    color: #fff;
}

.w71-abimg-1__heading__items__last:hover .w71-abimg-1__heading__items__last__icon {
    color: rgba(var(--main-color-w),1);
}

.w71-abimg-1__mains {
    margin-top: 2rem;
}

.w71-abimg-1__mains__main {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 0;
}

.w71-abimg-1__mains__main__items {
    padding-bottom: 2rem;
}

.w71-abimg-1__mains__main__items__item {
    width: calc(19.2% - .2rem);
    margin-right: 1%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    overflow: hidden;
    flex-wrap: wrap;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
    transition: all .5s;
}

    .w71-abimg-1__mains__main__items__item:hover {
        border: solid .1rem rgba(var(--main-color-w), .3);
    }

@media only screen and (max-width:50rem) {
    .w71-abimg-1__mains__main__items__item {
        width: calc(49% - .2rem);
        margin-right: 2%;
    }
}

.w71-abimg-1__mains__main__items__item .swiper-slide-active {
}

.w71-abimg-1__mains__main__items__item__top {
    display: flex;
    align-items: center;
    width: 100%;
    overflow: hidden;
    justify-content: center;
}

.w71-abimg-1__mains__main__items__item__top__imgbox {
    background-size: cover;
    background-position: center;
    cursor: pointer;
    width: 100%;
    transition: all .5s;
}

.w71-abimg-1__mains__main__items__item:hover .w71-abimg-1__mains__main__items__item__top__imgbox {
    transform: scale(1.05);
}

.w71-abimg-1__mains__main__items__item__top__imgbox__img {
    width: 100%;
}

.w71-abimg-1__mains__main__items__item__content {
    width: 100%;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

    .w71-abimg-1__mains__main__items__item__content:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w71-abimg-1__mains__main__items__item__content__name {
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    font-weight: 600;
    padding: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w71-abimg-1__mains__main__items__item__content__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w71-abimg-1__mains__main__next.swiper-button-next,
.w71-abimg-1__mains__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w71-abimg-1__mains__main__prev {
    left: 1rem;
}

.w71-abimg-1__mains__main__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w71-abimg-1__mains__main__prev {
        left: 1rem;
    }

    .w71-abimg-1__mains__main__next {
        right: 1rem;
    }
}

.w71-abimg-1__mains__main__next:hover,
.w71-abimg-1__mains__main__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w71-abimg-1__mains__main__next:after,
.w71-abimg-1__mains__main__prev:after {
    display: none;
}

.w71-abimg-1__mains__main__items__item__top__zoom {
    position: absolute;
    z-index: 1;
    width: 3.4rem;
    height: 3.4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),.8);
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
    opacity: 0;
    visibility: hidden;
}

.w71-abimg-1__mains__main__items__item:hover .w71-abimg-1__mains__main__items__item__top__zoom {
    opacity: 1;
    visibility: visible;
}

.w71-abimg-1__mains__main__items__item__top__zoom__icon {
    transition: all .5s;
}

.w71-abimg-1__mains__main__items__item__top__zoom:hover .w71-abimg-1__mains__main__items__item__top__zoom__icon {
    transform: rotate(360deg);
}
/*ed*/
/*w71-testimonial*/
.w71-testimonial {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: white;
    background-image: url(/img/w40/bg-client.jpg);
    background-size: cover;
}

.w71-testimonial__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0 .5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-testimonial__group {
        padding: 0rem;
    }
}

.w71-testimonial__heading {
    display: flex;
    align-items: center;
    position: relative;
    background-color: rgba(var(--second-color-w), 1);
    border-radius: 0 .3rem 0 0;
}

.w71-testimonial__heading__name {
    width: max-content;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem 0 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: 1rem 5rem 1rem 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-testimonial__heading__name {
        padding: 1rem;
        width: 100%;
        border-radius: .3rem;
    }
}

.w71-testimonial__heading__name__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    color: #fff;
}

.w71-testimonial__heading__name__text {
    color: #fff;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
}

.w71-testimonial__heading__name__triangle {
    background-color: rgba(var(--second-color-w), 1);
    height: 10rem;
    width: 10rem;
    position: absolute;
    right: -8rem;
    transform: rotate(-45deg);
    top: -5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-testimonial__heading__name__triangle {
        display: none;
    }
}

.w71-testimonial__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w71-testimonial__heading__line {
        background-color: rgba(var(--second-color-w), 1);
        animation-name: key-w71-testimonial__heading__line;
        animation-iteration-count: infinite;
        animation-duration: 5s;
    }

    @-webkit-keyframes key-w71-testimonial__heading__line {
        0% {
            width: 0;
        }

        50% {
            width: 100%;
        }

        100% {
            width: 0;
        }
    }
}

.w71-testimonial__heading__items {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-testimonial__heading__items {
        display: none;
    }
}

.w71-testimonial__heading__items__item {
    margin-left: 1rem;
    width: max-content;
}

@media only screen and (max-width: 50rem) {
    .w71-testimonial__heading__items__item {
        display: none;
    }
}

.w71-testimonial__heading__items__item__text {
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    cursor: pointer;
    display: block;
    border: solid rgba(255,255,255,0) .1rem;
}

    .w71-testimonial__heading__items__item__text:hover {
        background-color: #fff;
        color: #fff;
        border: solid #eeeeee .1rem;
        color: rgba(var(--main-color-w), 1);
    }

.w71-testimonial__heading__items__last {
    margin-left: 1rem;
    width: max-content;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    transition: all .25s;
    cursor: pointer;
}

    .w71-testimonial__heading__items__last:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w),1);
    }

.w71-testimonial__heading__items__last__icon {
    margin-left: .5rem;
    font-size: 1.4rem;
    color: #fff;
}

.w71-testimonial__heading__items__last:hover .w71-testimonial__heading__items__last__icon {
    color: rgba(var(--main-color-w),1);
}

.w71-testimonial__mains {
    position: relative;
    display: flex;
    overflow: hidden;
    margin-top: 2rem;
    align-items: center;
    padding-bottom: 1rem;
}

.w71-testimonial__mains__items__item.swiper-slide {
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    display: flex;
    flex-direction: column;
    text-align: center;
    width: calc(32% - 2.2rem);
    padding: 1rem;
    margin-right: 2%;
    border: solid .1rem #f1f1f1;
    overflow: hidden;
    border-radius: .5rem;
    transition: all .5s;
}

.w71-testimonial__mains__items__item:hover {
    border: solid .1rem rgba(var(--main-color-w), .3);
}

@media only screen and (max-width: 62.5rem) {
    .w71-testimonial__mains__items__item.swiper-slide {
        width: calc(49% - 2.2rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w71-testimonial__mains__items__item.swiper-slide {
        width: calc(98% - 2.2rem);
        margin-right: 1%;
        margin-left: 1%;
    }
}

.w71-testimonial__mains__items__item__heading {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding-bottom: 1rem;
    border-bottom: solid .1rem #eeeeee;
}

.w71-testimonial__mains__items__item__heading__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w71-testimonial__mains__items__item__heading__des {
    font-size: 1.6rem;
    color: #3f3f3f;
    font-weight: 600;
}

.w71-testimonial__mains__items__item__heading__des {
}

.w71-testimonial__mains__pagination {
    bottom: 0 !important;
}

    .w71-testimonial__mains__pagination .swiper-pagination-bullet-active {
        background-color: rgba(var(--main-color-w),1);
    }

.w71-testimonial__mains__next.swiper-button-next,
.w71-testimonial__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w71-testimonial__mains__prev {
    left: 1rem;
}

.w71-testimonial__mains__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w71-testimonial__mains__prev {
        left: 1rem;
    }

    .w71-testimonial__mains__next {
        right: 1rem;
    }
}

.w71-testimonial__mains__next:hover,
.w71-testimonial__mains__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w71-testimonial__mains__next:after,
.w71-testimonial__mains__prev:after {
    display: none;
}

.w71-testimonial__mains__items__item__bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 1rem;
}

.w71-testimonial__mains__items__item__bottom__star {
    display: flex;
    align-items: center;
}

.w71-testimonial__mains__items__item__bottom__star__icon {
    color: #ffc107;
    font-size: 1.6rem;
    margin-right: .5rem;
}

.w71-testimonial__mains__items__item__text {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
    display: block;
    text-align: justify;
}

.w71-testimonial__mains__items__item__bottom__first__imgbox {
    overflow: hidden;
    background-size: contain;
    background-position: center;
    height: 7rem;
}

/*ed*/
/*w71-article-1*/
.w71-article-1 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w71-article-1 {
        padding: 0rem 1rem 2rem;
    }
}

.w71-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w71-article-1__heading {
    display: flex;
    align-items: center;
    position: relative;
    border-radius: 0 .3rem 0 0;
    background-color: rgba(var(--second-color-w), 1);
}

.w71-article-1__heading__name {
    width: max-content;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .3rem 0 0 0;
    display: flex;
    position: relative;
    overflow: hidden;
    align-items: center;
    padding: 1rem 5rem 1rem 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-article-1__heading__name {
        padding: 1rem;
        width: 100%;
        border-radius: .3rem;
    }
}

.w71-article-1__heading__name__icon {
    font-size: 1.6rem;
    margin-right: 1rem;
    color: #fff;
}

.w71-article-1__heading__name__text {
    color: #fff;
    font-size: 2rem;
    line-height: 2rem;
    font-weight: 600;
}

.w71-article-1__heading__name__triangle {
    background-color: rgba(var(--second-color-w), 1);
    height: 10rem;
    width: 10rem;
    position: absolute;
    right: -8rem;
    transform: rotate(-45deg);
    top: -5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-article-1__heading__name__triangle {
        display: none;
    }
}

.w71-article-1__heading__line {
    background-color: rgba(var(--main-color-w), 1);
    height: .2rem;
    width: 100%;
    position: absolute;
    bottom: 0;
}

@media only screen and (max-width: 37.5rem) {
    .w71-article-1__heading__line {
        background-color: rgba(var(--second-color-w), 1);
        animation-name: key-w71-article-1__heading__line;
        animation-iteration-count: infinite;
        animation-duration: 5s;
    }

    @-webkit-keyframes key-w71-article-1__heading__line {
        0% {
            width: 0;
        }

        50% {
            width: 100%;
        }

        100% {
            width: 0;
        }
    }
}

.w71-article-1__heading__items {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    padding-right: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w71-article-1__heading__items {
        display: none;
    }
}

.w71-article-1__heading__items__item {
    margin-left: 1rem;
    width: max-content;
}

@media only screen and (max-width: 50rem) {
    .w71-article-1__heading__items__item {
        display: none;
    }
}

.w71-article-1__heading__items__item__text {
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    cursor: pointer;
    display: block;
    border: solid rgba(255,255,255,0) .1rem;
}

    .w71-article-1__heading__items__item__text:hover {
        background-color: #fff;
        color: #fff;
        border: solid #f1f1f1 .1rem;
        color: rgba(var(--main-color-w), 1);
    }

.w71-article-1__heading__items__last {
    margin-left: 1rem;
    width: max-content;
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #fff;
    padding: .35rem 1.25rem;
    border-radius: 2rem;
    transition: all .25s;
    cursor: pointer;
}

    .w71-article-1__heading__items__last:hover {
        background-color: #fff;
        color: rgba(var(--main-color-w),1);
    }

.w71-article-1__heading__items__last__icon {
    margin-left: .5rem;
    font-size: 1.4rem;
    color: #fff;
}

.w71-article-1__heading__items__last:hover .w71-article-1__heading__items__last__icon {
    color: rgba(var(--main-color-w),1);
}

.w71-article-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w71-article-1__items__item {
    margin-top: 2rem;
    width: 100%;
}

    .w71-article-1__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w71-article-1__items__item__heading {
    margin-bottom: 2rem;
    width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w71-article-1__items__item__heading {
        justify-content: center;
    }
}

.w71-article-1__items__item__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 31.25rem) {
    .w71-article-1__items__item__heading__text {
        font-size: 2rem;
        line-height: 4rem;
    }
}

.w71-article-1__items__item__heading__text:hover {
    transform: scale(1.05);
}

.w71-article-1__items__item__heading__btn {
    margin-left: auto;
    display: flex;
    align-items: center;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w71-article-1__items__item__heading__btn {
        display: none;
    }
}

.w71-article-1__items__item__heading__btn:hover {
    transform: scale(1.05);
}

.w71-article-1__items__item__heading__btn__text {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w), 1);
}

.w71-article-1__items__item__heading__btn__icon {
    font-size: 1.5rem;
    margin-left: .5rem;
    color: rgba(var(--main-color-w), 1);
}

.w71-article-1__items__item__heading__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    margin-top: 1rem;
}

.w71-article-1__items__item__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w71-article-1__items__item__mains__main {
    margin-bottom: 2rem;
    width: 23.5%;
    margin-left: 2%;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    border: solid .1rem #f1f1f1;
    padding: 1rem;
    border-radius: .3rem;
    transition: all .5s;
}

    .w71-article-1__items__item__mains__main:hover {
        border: solid .1rem rgba(var(--main-color-w), .3);
    }

@media only screen and (min-width:62.5rem) {
    .w71-article-1__items__item__mains__main:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w71-article-1__items__item__mains__main {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w71-article-1__items__item__mains__main:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w71-article-1__items__item__mains__main {
        width: 48%;
        margin-left: 4%;
    }

        .w71-article-1__items__item__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w71-article-1__items__item__mains__main__first {
    overflow: hidden;
    border-radius: .5rem;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w71-article-1__items__item__mains__main__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

.w71-article-1__items__item__mains__main:hover .w71-article-1__items__item__mains__main__first:after {
    animation: key-w71-article-1__items__item__mains__main__first 1.5s;
}

@keyframes key-w71-article-1__items__item__mains__main__first {
    100% {
        left: 125%;
    }
}

.w71-article-1__items__item__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: .5rem;
    transition: all .5s;
}

    .w71-article-1__items__item__mains__main__first__imgbox:hover {
        transform: scale(1.1);
    }

.w71-article-1__items__item__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w71-article-1__items__item__mains__main__second__name {
    font-size: 1.6rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    margin-top: 1rem;
    cursor: pointer;
}

    .w71-article-1__items__item__mains__main__second__name:hover {
        color: rgba(var(--second-color-w), 1);
    }
/*ed*/
/*w71-faq-1*/
.w71-faq-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #f4f6fc;
}

@media only screen and (max-width:62.5rem) {
}

.w71-faq-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w71-faq-1__heading {
    display: flex;
    justify-content: center;
    width: 100%;
    flex-wrap: wrap;
}

.w71-faq-1__heading__name {
    cursor: pointer;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}


@media only screen and (max-width:37.5rem) {
    .w71-faq-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w71-faq-1__heading__line__center {
    height: 100%;
    position: absolute;
    width: 1.5rem;
    height: 1.5rem;
    background-color: rgba(var(--second-color-w), 1);
    transform: rotate(45deg);
}

.w71-faq-1__heading__line__2 {
    width: 50%;
    height: 100%;
    background-color: rgba(var(--second-color-w), 1);
}

.w71-faq-1__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w71-faq-1__heading__des b {
        font-weight: 600;
    }

.w71-faq-1__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 3rem;
}

.w71-faq-1__main__first {
    width: 64%;
    padding: 1.5rem;
    background-color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.2);
    border-radius: .3rem;
}

@media only screen and (max-width:62.5rem) {
    .w71-faq-1__main__first {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
    }
}


.w71-faq-1__main__first__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w71-faq-1__main__first__items {
        width: 100%;
    }
}

.w71-faq-1__main__first__items__item {
    width: 100%;
    border-radius: .5rem;
    position: relative;
    background-color: #fff;
}

    .w71-faq-1__main__first__items__item:first-child {
        margin-top: 0;
    }

    .w71-faq-1__main__first__items__item:first-child {
        width: 100%;
        border-top: none;
    }

.w71-faq-1__main__first__items__item__content {
    display: flex;
    transition: all .5s;
}

.w71-faq-1__main__first__items__item__content__box {
    padding: 1rem;
    border-bottom: 1px solid #f1f1f1;
    border-radius: 1rem;
    transition: all .5s;
    width: 100%;
}

.w71-faq-1__main__first__items__item:last-child
.w71-faq-1__main__first__items__item__content__box {
    border-bottom: none;
}

.w71-faq-1__main__first__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
}

.w71-faq-1__main__first__items__item__content__box__name__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    margin-right: .5rem;
    color: #3f3f3f;
}

.w71-faq-1__main__first__items__item__content__box__name:hover {
    color: rgba(var(--main-color-w), 1);
}

.w71-faq-1__main__first__items__item__content__box__name__icon {
    font-size: 1.6rem;
    margin-left: auto;
    transition: all .5s;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #3f3f3f;
}

.w71-faq-1__main__first__items__item__content__check:checked ~
.w71-faq-1__main__first__items__item__content__box {
    background-color: #fff;
}

    .w71-faq-1__main__first__items__item__content__check:checked ~
    .w71-faq-1__main__first__items__item__content__box
    .w71-faq-1__main__first__items__item__content__box__name
    .w71-faq-1__main__first__items__item__content__box__name__icon {
        transform: rotate(135deg);
        color: rgba(var(--main-color-w), 1);
    }

    .w71-faq-1__main__first__items__item__content__check:checked ~
    .w71-faq-1__main__first__items__item__content__box
    .w71-faq-1__main__first__items__item__content__box__name
    .w71-faq-1__main__first__items__item__content__box__name__text {
        color: rgba(var(--main-color-w), 1);
    }

.w71-faq-1__main__first__items__item__content__box__des {
    max-height: 0;
    overflow: hidden;
    transition: all .2s;
}

.w71-faq-1__main__first__items__item__content__check {
    display: none;
}

    .w71-faq-1__main__first__items__item__content__check:checked ~
    .w71-faq-1__main__first__items__item__content__box
    .w71-faq-1__main__first__items__item__content__box__des {
        max-height: 999vh;
    }

.w71-faq-1__main__first__items__item__content__box__des__text {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    transition: all .5s;
}

    .w71-faq-1__main__first__items__item__content__box__des__text ul,
    .w71-faq-1__main__first__items__item__content__box__des__text ol {
        margin-left: 2.5rem;
    }

    .w71-faq-1__main__first__items__item__content__box__des__text b {
        color: rgba(var(--main-color-w),1);
    }

.w71-faq-1__main__second {
    width: 34%;
}

@media only screen and (max-width:62.5rem) {
    .w71-faq-1__main__second {
        width: 100%;
    }
}

.w71-faq-1__main__second__item {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 1.5rem;
    margin-top: 2rem;
    box-shadow: 0 0 3px rgba(var(--main-color-w), .2);
    overflow: hidden;
    border-radius: .3rem;
    transition: all .5s;
}

    .w71-faq-1__main__second__item:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

    .w71-faq-1__main__second__item:first-child {
        margin-top: 0;
    }

.w71-faq-1__main__second__item__main {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 5rem;
    cursor: pointer;
}

.w71-faq-1__main__second__item__main__icon {
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    left: 0rem;
    transition: all .5s;
}

.w71-faq-1__main__second__item:hover .w71-faq-1__main__second__item__main__icon {
    background-color: rgba(var(--second-color-w), 1);
}

.w71-faq-1__main__second__item__main__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    transition: all .5s;
}

.w71-faq-1__main__second__item:hover .w71-faq-1__main__second__item__main__name {
    color: #fff;
}

.w71-faq-1__main__second__alter {
    display: block;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1.5rem;
    margin-top: 2rem;
    box-shadow: 0 0 3px rgba(var(--main-color-w), .2);
    overflow: hidden;
    border-radius: .3rem;
    transition: all .5s;
}

    .w71-faq-1__main__second__alter:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

    .w71-faq-1__main__second__alter:first-child {
        margin-top: 0;
    }

.w71-faq-1__main__second__alter__main {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 5rem;
    cursor: pointer;
}

.w71-faq-1__main__second__alter__main__icon {
    position: absolute;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    left: 0rem;
    transition: all .5s;
}

.w71-faq-1__main__second__alter__main__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
    transition: all .5s;
}

.w71-faq-1__main__second__alter:hover .w71-faq-1__main__second__alter__main__name {
    color: #fff;
}
/*ed*/
/*w71-footer-1*/
.w71-footer-1 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
}

.w71-footer-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w71-footer-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w71-footer-1__items__item {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

    .w71-footer-1__items__item:nth-child(3n+1) {
        margin-left: 0;
    }

.w71-footer-1__items__item__heading {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    font-weight: 600;
    position: relative;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s;
    padding-right: 1rem;
    overflow: hidden;
    border-radius: .3rem;
}

    .w71-footer-1__items__item__heading:hover {
        color: rgba(var(--second-color-w),1);
    }

.w71-footer-1__items__item__heading__num {
    padding: .5rem 1rem;
    background-color: rgba(var(--second-color-w),1);
}

.w71-footer-1__items__item__heading:hover .w71-footer-1__items__item__heading__num {
    color: #fff;
}

.w71-footer-1__items__item__heading__text {
    margin-left: .5rem;
}

.w71-footer-1__items__item__heading__button {
    margin-left: auto;
}

.w71-footer-1__items__item__childs {
    margin-top: 1.5rem;
}

.w71-footer-1__items__item__childs__child {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .75rem;
    display: flex;
    align-items: center;
    color: #3f3f3f;
    transition: all .3s;
}

    .w71-footer-1__items__item__childs__child:hover {
        color: rgba(var(--main-color-w),1);
    }

.w71-footer-1__items__item__childs__child__text {
    margin-left: 1rem;
}

.w71-footer-1__items__item__childs__child__icon {
    transition: all .3s;
    cursor: pointer;
}

.w71-footer-1__items__item__childs__child__text {
    transition: all .3s;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w71-footer-1__items__item {
        width: 49%;
    }

        .w71-footer-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w71-footer-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}
/*ed*/
/*w13-support-10*/
.w13-support-10 {
    z-index: 11;
    width: max-content;
    height:fit-content;
}

@media only screen and (max-width:87.5rem) {
    .w13-support-10 {
    }
}

.w13-support-10__item {
    position: relative;
    cursor: pointer;
}

.w13-support-10__item__figure {
    background-size: cover;
    width: 20rem;
    overflow: hidden;
    border-radius: .3rem;
}

.w13-support-10__item__figure__img {
    width: 100%;
}
/*ed*/
/*w24-ads-1*/
.w24-ads-1 {
  width: 100%;
  position: relative; }
  .w24-ads-1__group {
    max-width: 120rem;
    display: flex;
    margin: 0 auto;
    padding: 1rem; }
    @media only screen and (max-width: 900px) {
      .w24-ads-1__group {
        flex-wrap: wrap; } }
  .w24-ads-1__first {
    background-color: white;
    width: 100%;
    padding: 2rem;
    border: 0.5rem solid rgba(247, 247, 247, 0.125);
    border-radius: 2rem;
    box-shadow: 0 0 1rem rgba(244, 244, 244, 0.641); }
    .w24-ads-1__first__menu {
      display: flex;
      width: 100%; }
      @media only screen and (max-width: 600px) {
        .w24-ads-1__first__menu {
          align-items: center; } }
      .w24-ads-1__first__menu__logobox {
        max-width: 5em; }
        .w24-ads-1__first__menu__logobox__img {
          height: 100%;
          width: 100%; }
      .w24-ads-1__first__menu__items {
        display: flex;
        align-items: center;
        width: 100%;
        margin-left: 2rem;
        flex-wrap: wrap; }
        @media only screen and (max-width: 600px) {
          .w24-ads-1__first__menu__items {
            flex-direction: row-reverse; } }
        .w24-ads-1__first__menu__items__item {
          padding: .5rem;
          margin-right: .5rem; }
          @media only screen and (max-width: 900px) {
            .w24-ads-1__first__menu__items__item:nth-child(3) {
              display: none; } }
          @media only screen and (max-width: 600px) {
            .w24-ads-1__first__menu__items__item:nth-child(3) {
              display: none; } }
          .w24-ads-1__first__menu__items__item__text {
            font-size: 1.3rem;
            font-weight: bold; }
          .w24-ads-1__first__menu__items__item__iconbox {
            margin-left: .5rem; }
        .w24-ads-1__first__menu__items__btn {
          background-color: black;
          padding: 1rem 1.5rem;
          font-weight: bold;
          border-radius: 2rem;
          font-size: 1.3rem;
          margin-left: auto;
          display: block;
          color: white;
          text-align: center; }
          @media only screen and (max-width: 800px) {
            .w24-ads-1__first__menu__items__btn {
              display: none; } }
    .w24-ads-1__first__text {
      font-size: 5rem;
      color: black;
      font-weight: bold;
      text-align: justify;
      display: block;
      margin-top: 2rem;
      min-height: 20rem;
      line-height: 1.6em; }
      @media only screen and (max-width: 1200px) {
        .w24-ads-1__first__text {
          min-height: 32rem; } }
      @media only screen and (max-width: 600px) {
        .w24-ads-1__first__text {
          font-size: 2rem;
          min-height: 10rem; } }
    .w24-ads-1__first__guide {
      display: flex;
      margin-top: 2rem; }
      @media only screen and (max-width: 600px) {
        .w24-ads-1__first__guide {
          flex-wrap: wrap; } }
      .w24-ads-1__first__guide__sec {
        width: 90%; }
        @media only screen and (max-width: 600px) {
          .w24-ads-1__first__guide__sec {
            width: 100%; } }
        .w24-ads-1__first__guide__sec__text {
          border: 1px solid black;
          width: 100%;
          padding: 2rem 1rem;
          font-size: 1.6rem;
          border-radius: .2rem;
          display: block;
          text-align: justify;
          width: 90%;
          min-height: 11rem; }
          @media only screen and (max-width: 600px) {
            .w24-ads-1__first__guide__sec__text {
              width: 100%;
              min-height: 11rem; } }
          @media only screen and (max-width: 400px) {
            .w24-ads-1__first__guide__sec__text {
              width: 100%;
              min-height: 13rem; } }
        .w24-ads-1__first__guide__sec__contact {
          display: flex;
          width: 90%;
          justify-content: center;
          margin-top: 3rem; }
          @media only screen and (max-width: 600px) {
            .w24-ads-1__first__guide__sec__contact {
              width: 100%;
              margin-top: 1.5rem; } }
          .w24-ads-1__first__guide__sec__contact__input {
            border: 1px solid #333;
            padding: 1rem 2rem;
            border-radius: 3rem;
            outline: none; }
            @media only screen and (max-width: 600px) {
              .w24-ads-1__first__guide__sec__contact__input {
                border-radius: 2rem; } }
            @media only screen and (max-width: 400px) {
              .w24-ads-1__first__guide__sec__contact__input {
                padding: .5rem 1rem; } }
          .w24-ads-1__first__guide__sec__contact__btn {
            background-color: black;
            color: white;
            display: inline-flex;
            align-items: center;
            text-align: center;
            padding: 1rem 2rem;
            border-radius: 3rem;
            margin-left: 2rem;
            font-weight: bold;
            font-size: 1.4rem; }
            @media only screen and (max-width: 600px) {
              .w24-ads-1__first__guide__sec__contact__btn {
                font-size: 1.3rem; } }
            @media only screen and (max-width: 400px) {
              .w24-ads-1__first__guide__sec__contact__btn {
                font-size: 1.1rem; } }
        .w24-ads-1__first__guide__sec__plan {
          width: 90%;
          margin-top: 4rem; }
          .w24-ads-1__first__guide__sec__plan__ser {
            width: 100%; }
            .w24-ads-1__first__guide__sec__plan__ser__text--1 {
              text-align: justify;
              font-size: 1.6rem;
              text-align: center;
              padding: 1rem;
              border-radius: 2rem;
              font-weight: bold; }
          .w24-ads-1__first__guide__sec__plan__qc {
            display: flex;
            justify-content: center;
            margin-top: 2rem; }
            .w24-ads-1__first__guide__sec__plan__qc__item {
              display: flex;
              align-items: center;
              flex-direction: column; }
              .w24-ads-1__first__guide__sec__plan__qc__item__imgbox {
                width: 10rem;
                height: 10rem;
                background-size: cover;
                background-position: -100%;
                border-radius: 50%;
                box-shadow: 0 0 1rem rgba(0, 0, 0, 0.204);
                padding: 1rem; }
                .w24-ads-1__first__guide__sec__plan__qc__item__imgbox__img {
                  width: 100%;
                  height: 100%;
                  padding: 1rem; }
                .w24-ads-1__first__guide__sec__plan__qc__item__imgbox__text {
                  display: block;
                  font-size: 1.3rem;
                  text-align: center;
                  margin-top: 1rem;
                  padding: .7rem 2rem;
                  border-radius: 2rem;
                  background-color: black;
                  margin-left: 1rem;
                  color: white;
                  font-weight: bold; }
      .w24-ads-1__first__guide__videobox {
        width: 40%;
        border-radius: 2rem;
        position: relative;
        height: 100%; }
        @media only screen and (max-width: 600px) {
          .w24-ads-1__first__guide__videobox {
            width: 100%;
            margin-top: 2rem;
            display: none; } }
        .w24-ads-1__first__guide__videobox__video {
          z-index: 2;
          position: relative;
          width: 100%;
          height: 100%;
          border-radius: 2rem; }
        .w24-ads-1__first__guide__videobox::after {
          content: "";
          position: absolute;
          width: calc(100% + 1rem);
          height: calc(100% + 1rem);
          left: -.5rem;
          top: -.5rem;
          border-radius: 2rem;
          z-index: 0;
          background-color: rgba(0, 0, 0, 0.019);
          backdrop-filter: blur(2rem);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.181); }
  .w24-ads-1__second {
    min-width: 25rem;
    background: linear-gradient(#00000088, #0000003f);
    margin-left: 2rem;
    backdrop-filter: blur(5rem);
    border-radius: 2rem;
    border: 1px solid white;
    padding-top: .5rem; }
    @media only screen and (max-width: 900px) {
      .w24-ads-1__second {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem; } }
    .w24-ads-1__second__row {
      display: flex;
      margin-top: 1rem; }
      .w24-ads-1__second__row .w24-ads-1__second__family {
        width: 47%;
        padding-right: 0; }
    .w24-ads-1__second__title {
      width: 100%;
      display: flex;
      border-bottom: 1px solid rgba(255, 255, 255, 0.5);
      padding: 1rem 1.5rem;
      flex-wrap: wrap;
      align-items: center; }
      .w24-ads-1__second__title__text {
        color: white;
        font-size: 1.6rem; }
      .w24-ads-1__second__title__iconbox {
        color: white;
        margin-left: auto; }
        .w24-ads-1__second__title__iconbox__icon--1 {
          margin-left: 1rem;
          font-size: 1.6rem; }
      .w24-ads-1__second__title__heading {
        display: flex;
        width: 100%;
        border: 1px solid rgba(255, 255, 255, 0.397);
        border-radius: 2rem;
        margin-top: 1rem;
        margin-bottom: 1rem;
        overflow: hidden; }
        .w24-ads-1__second__title__heading__text {
          display: block;
          padding: 1rem;
          color: white;
          text-transform: uppercase;
          border: 1px solid rgba(255, 255, 255, 0.438);
          border-bottom: none;
          border-top: none;
          width: 25%;
          font-size: 1.2rem;
          text-align: center;
          border-right: none; }
          .w24-ads-1__second__title__heading__text:first-child {
            border-left: none;
            background: linear-gradient(#ffffffc0, #b1b1b149);
            font-weight: bold; }
    .w24-ads-1__second__family {
      padding: 0 1.5rem;
      margin-bottom: 1rem; }
      .w24-ads-1__second__family__text {
        color: white;
        font-size: 1.3rem; }
      .w24-ads-1__second__family__drop {
        display: flex;
        border: 1px solid rgba(255, 255, 255, 0.218);
        padding: 1rem;
        margin-top: .5rem;
        margin-bottom: .5rem;
        color: white;
        align-items: center; }
        .w24-ads-1__second__family__drop__text {
          font-size: 1.3rem; }
        .w24-ads-1__second__family__drop__icon {
          margin-left: auto;
          font-size: 1.3rem; }
      .w24-ads-1__second__family__color {
        display: flex;
        align-items: center;
        border: 1px solid rgba(255, 255, 255, 0.259);
        padding: 1rem;
        margin-top: .5rem; }
        .w24-ads-1__second__family__color__bg {
          height: 2rem;
          width: 2rem;
          background-color: #ffffff; }
        .w24-ads-1__second__family__color__text {
          color: white;
          font-size: 1.3rem;
          margin-left: 1rem;
          text-transform: uppercase; }
      .w24-ads-1__second__family__align {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-top: .5rem;
        border: 1px solid #ffffff49;
        padding: 1rem; }
        .w24-ads-1__second__family__align__icon {
          color: white;
          font-size: 1.6rem; }
    .w24-ads-1__second__refer {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 1rem;
      border: 1px solid rgba(255, 255, 255, 0.281);
      width: 90%;
      margin: 1rem auto;
      border-radius: 2rem;
      background-image: linear-gradient(rgba(232, 232, 232, 0.386), rgba(211, 211, 211, 0.54));
      backdrop-filter: blur(5rem); }
      .w24-ads-1__second__refer__text {
        color: white;
        font-size: 1.3rem;
        margin-left: 1.5rem; }
      .w24-ads-1__second__refer__icon {
        color: white;
        font-size: 1.6rem;
        margin-right: 1.6rem;
        margin-left: auto; }

/*ed*/
/*w24-ads-3*/
.w24-ads-3 {
    width: 100%;
}

.w24-ads-3__group {
    max-width: 120rem;
    display: flex;
    margin: 0 auto;
    padding: 1rem;
    align-items: center;
}

@media only screen and (max-width: 900px) {
    .w24-ads-3__group {
        flex-wrap: wrap;
    }
}

.w24-ads-3__first {
    border: 1px solid rgba(255, 255, 255, 0.516);
    border-radius: 4rem;
    width: 35rem;
    min-width: 35rem;
    height: 70rem;
    background-image: linear-gradient(rgba(0, 0, 0, 0.512), rgba(255, 255, 255, 0.2));
    padding: 2rem;
    backdrop-filter: blur(3rem);
    position: relative;
    box-shadow: 0 0 1rem #4f357e77;
}

@media only screen and (max-width: 900px) {
    .w24-ads-3__first {
        width: 100%;
    }
}

@media only screen and (max-width: 600px) {
    .w24-ads-3__first {
        height: 71rem;
    }
}

.w24-ads-3__first__bar {
    display: flex;
    justify-content: space-between;
}

.w24-ads-3__first__bar__time {
    color: white;
    font-size: 1.4rem;
}

.w24-ads-3__first__bar__iconbox {
    display: flex;
}

.w24-ads-3__first__bar__iconbox__icon {
    margin: 0 .5rem;
    color: white;
    font-size: 1.4rem;
}

.w24-ads-3__first__iconbox {
    display: flex;
    justify-content: space-between;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.w24-ads-3__first__iconbox__icon {
    color: white;
    font-size: 1.6rem;
}

.w24-ads-3__first__resize {
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 2rem rgba(55, 55, 55, 0.307);
    border: 1px solid rgba(255, 255, 255, 0.078);
}

    .w24-ads-3__first__resize .w24Ads3BoxMove {
        width: 50rem;
        height: 50rem;
        transition: all 1.2s ease-in-out;
    }

@media only screen and (max-width: 900px) {
    .w24-ads-3__first__resize .w24Ads3BoxMove {
        width: 100rem;
    }
}

.w24-ads-3__first__resize__box {
    top: 45%;
    left: 50%;
    border: 2px dashed white;
    transform: translate(-50%, -50%);
    height: 15rem;
    width: 10rem;
    position: absolute;
    box-shadow: 0 0 40rem 40rem rgba(0, 0, 0, 0.803);
}

    .w24-ads-3__first__resize__box .w24Ads3IDownMove {
        bottom: -10rem;
        transition: all .2s ease-in-out;
        opacity: 0;
    }

    .w24-ads-3__first__resize__box .w24Ads3IUpMove {
        top: -10rem;
        transition: all .2s ease-in-out;
        opacity: 0;
    }

    .w24-ads-3__first__resize__box .w24Ads3ILeftMove {
        left: -10rem;
        transition: all .2s ease-in-out;
        opacity: 0;
    }

    .w24-ads-3__first__resize__box .w24Ads3IRightMove {
        right: -10rem;
        transition: all .2s ease-in-out;
        opacity: 0;
    }

.w24-ads-3__first__resize__box__icon {
    color: white;
    font-size: 4rem;
    transform: translate(-50%, -50%);
}

.w24-ads-3__first__resize__box__icon--right {
    position: absolute;
    right: -6.5rem;
    top: 50%;
}

.w24-ads-3__first__resize__box__icon--up {
    position: absolute;
    top: -3rem;
    left: 50%;
}

.w24-ads-3__first__resize__box__icon--left {
    position: absolute;
    left: -3rem;
    top: 50%;
}

.w24-ads-3__first__resize__box__icon--down {
    position: absolute;
    bottom: -7rem;
    left: 50%;
}

.w24-ads-3__first__resize__imgbox {
    border-radius: .5rem;
    border: 1px solid rgba(255, 255, 255, 0.363);
    width: 100%;
    height: 35rem;
    background-size: cover;
}

@media only screen and (max-width: 900px) {
    .w24-ads-3__first__resize__imgbox {
        background-position: 60% 20%;
    }
}

.w24-ads-3__first__text {
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 2rem;
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 1rem;
    border-radius: 1rem;
    color: white;
    font-weight: bold;
    letter-spacing: 1px;
    box-shadow: 0 0 3.5em rgba(219, 219, 219, 0.1);
    backdrop-filter: blur(2rem);
    padding: 1rem 2rem;
    width: 100%;
    border: 1px solid rgba(255, 255, 255, 0.105);
    backdrop-filter: blur(3rem);
}

.w24-ads-3__first__compress {
    display: block;
    position: relative;
    box-shadow: 0 0 3.5em rgba(219, 219, 219, 0.1);
    backdrop-filter: blur(5rem);
    background-color: rgba(8, 8, 8, 0.877);
    border-radius: 2rem;
    margin-top: 2rem;
    padding-top: 1rem;
}

.w24-ads-3__first__compress__text {
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 2rem;
    padding: 1rem 2rem;
    width: fit-content;
    margin: 0 auto;
    border-radius: 1rem;
    color: white;
    letter-spacing: 1px;
}

.w24-ads-3__first__compress__content {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

.w24-ads-3__first__compress__content__text {
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 2rem;
    padding: 1rem 2rem;
    width: fit-content;
    margin: 0 auto;
    border-radius: 1rem;
    color: white;
}

.w24-ads-3__first__compress__content__vl {
    font-weight: bolder;
    text-transform: uppercase;
    text-align: center;
    display: block;
    font-size: 3rem;
    width: fit-content;
    margin: 0 auto;
    border-radius: 1rem;
    color: white;
    text-shadow: 0 0 1rem white;
    letter-spacing: 3px;
}

.w24-ads-3__first__compress__info {
    display: block;
    margin: 1em;
    background-color: rgba(255, 255, 255, 0.766);
    padding: 1rem;
    border-radius: 2rem;
    backdrop-filter: blur(3rem);
    border: 2px double white;
    position: relative;
}

@media only screen and (max-width: 37.5rem) {
    .w24-ads-3__first__compress__info {
        margin: 2em 1em;
    }
}

.w24-ads-3__first__compress__info__bar {
    width: 100%;
    display: block;
    height: .5em;
    border-radius: .5em;
    background: linear-gradient(to right, #338BE6, #F20DE3);
}

.w24-ads-3__first__compress__info__bar--2 {
    background: linear-gradient(to left, #338BE6, #F20DE3);
}

.w24-ads-3__first__compress__info__circle {
    width: 2em;
    height: 2em;
    position: absolute;
    backdrop-filter: blur(0.3em);
    -webkit-backdrop-filter: blur(0.3em);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    background-color: rgba(255, 255, 255, 0.1);
    top: .2rem;
    border-radius: 50%;
}

.w24-ads-3__first__compress__info__circle--1 {
    cursor: pointer;
    left: 2em;
    animation: w24featurecir2 2s infinite alternate;
}

.w24-ads-3__first__compress__info__circle--2 {
    cursor: pointer;
    left: 2em;
}

@keyframes w24featurecir2 {
    20% {
    }

    100% {
        transform: translate(20em, 0);
    }
}

.w24-ads-3__second {
    backdrop-filter: blur(5rem);
    -webkit-backdrop-filter: blur(5em);
    background-image: linear-gradient(#ffffffbc, #fbfbfb3b);
    box-shadow: 0 0 1em rgba(0, 0, 0, 0.2);
    margin-left: 2rem;
    padding: 2rem;
    border-radius: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: fit-content;
}

@media only screen and (max-width: 900px) {
    .w24-ads-3__second {
        margin-left: 0;
        margin-top: 1rem;
    }
}

.w24-ads-3__second__title {
    font-size: 5rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bold;
    color: #000000;
    text-align: center;
    padding: 1rem;
    text-shadow: 5px 5px 5px #09080946;
    line-height: 1.3em;
}

@media only screen and (max-width: 600px) {
    .w24-ads-3__second__title {
        font-size: 3.5rem;
    }
}

.w24-ads-3__second__content__item {
    display: flex;
    align-items: center;
    color: black;
    font-size: 2.2rem;
    background-image: linear-gradient(#ffffffc4, #ffffffe1);
    box-shadow: 0 0 1rem rgba(137, 137, 137, 0.162);
    padding: 2rem;
    margin: 1rem 0;
    border-radius: 4rem;
    font-weight: bold;
    margin-bottom: 2rem;
    letter-spacing: 1px;
    border: 1px solid rgba(0, 0, 0, 0.114);
}

@media only screen and (max-width: 600px) {
    .w24-ads-3__second__content__item {
        font-size: 1.6rem;
    }
}

.w24-ads-3__second__content__item__text {
    margin-left: 1rem;
}

/*ed*/
/*w24-ads-4*/
.w24-ads-4 {
    width: 100%;
    padding: 1rem;
}

.w24-ads-4__group {
    max-width: 120rem;
    display: flex;
    margin: 0 auto;
    align-items: center;
}

.w24-ads-4__content {
    position: relative;
}

.w24-ads-4__content__imgboxcrm {
    border-radius: 2rem;
    box-shadow: 0 0 2rem rgba(0, 0, 0, 0.15);
}

.w24-ads-4__content__item {
    display: flex;
    margin-top: -20rem;
    position: relative;
    justify-content: space-evenly;
    align-items: center;
}

@media only screen and (max-width: 800px) {
    .w24-ads-4__content__item {
        margin-top: -10rem;
    }
}

@media only screen and (max-width: 600px) {
    .w24-ads-4__content__item {
        margin-top: -5rem;
        flex-wrap: wrap;
    }
}

.w24-ads-4__content__item__imgboxtmdt {
    z-index: 2;
    display: block;
    width: 30%;
    border-radius: 2rem;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.26);
    left: 1rem;
    height: 100%;
    background-size: cover;
}

.w24-ads-4__content__item__imgboxtmdt__img {
    height: 100%;
    width: 100%;
}

.w24-ads-4__content__item__showva {
    display: block;
    padding: 1rem;
    backdrop-filter: blur(5rem);
    border-radius: 2rem;
    margin-left: 1rem;
}

.w24-ads-4__content__item__showva__line {
    display: flex;
    align-items: center;
    color: black;
    font-size: 2.2rem;
    background-image: linear-gradient(#ffffffc4, #ffffffe1);
    box-shadow: 0 0 1rem rgba(137, 137, 137, 0.162);
    padding: 2rem;
    border-radius: 4rem;
    font-weight: bold;
    margin-bottom: 2rem;
    letter-spacing: 1px;
    border: 1px solid rgba(0, 0, 0, 0.114);
}

@media only screen and (max-width: 600px) {
    .w24-ads-4__content__item__showva__line {
        font-size: 1.6rem;
        padding: 1rem;
        margin-bottom: 1rem;
    }
}

.w24-ads-4__content__item__showva__line__text {
    margin-left: 1rem;
}

/*ed*/
/*w58-topbar*/
.w58-topbar {
    width: 100%;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:1200px) {
    .w58-topbar {
        padding: 0;
    }
}

.w58-topbar__check {
    display: none;
}

.w58-topbar__label {
    background: #f4f4f4;
    color: #000;
    display: flex;
    align-items: center;
    gap: 1rem;
    padding: 0rem 1rem;
    cursor: pointer;
    display: none;
    transition: all .5s;
    margin-left: auto;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 9;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__label {
        display: flex;
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }
}

.w58-topbar__label__icon {
    font-size: 2rem;
    font-weight: normal;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__check:checked ~
    .w58-topbar__label
    .w58-topbar__label__icon:before {
        content: "\f39c";
    }
}

.w58-topbar__label__name {
    font-size: 2rem;
    font-weight: 500;
    text-transform: uppercase;
    display: none;
}

.w58-topbar__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__group {
        padding: 1rem 0rem;
    }
}

.w58-topbar__first__gallery {
    width: 50%;
    overflow: hidden;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__first__gallery {
        width: 100%;
        margin-left: 0;
        padding: 0 1rem;
    }
}

.w58-topbar__first__gallery__wrapper {
    width: 100%;
    display: flex;
}

.w58-topbar__first__gallery__wrapper__item.swiper-slide {
    display: flex;
    gap: .5rem;
    align-items: center;
    cursor: pointer;
    color: #fff;
    transition: all .5s;
    width: max-content;
    margin-right: 2rem;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__first__gallery__wrapper__item.swiper-slide {
        width: 100%;
        margin-right: 0;
    }
}

.w58-topbar__first__gallery__wrapper__item:hover {
    color: #fff;
}

.w58-topbar__first__gallery__wrapper__item__icon {
    font-size: 1.4rem;
}

.w58-topbar__first__gallery__wrapper__item__text {
    font-size: 1.4rem;
    text-transform: capitalize;
}
.w58-topbar__second {
    transition: all .5s;
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second {
        margin: 0;
        width: 90%;
        background: #fff;
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        overflow: hidden;
        position: fixed;
        z-index: 9;
        transition: all .6s cubic-bezier(.6,.1,.68,.53);
        display: block;
        top: 0;
        left: -100%;
        height: 100vh;
    }

    .w58-topbar__check:checked ~ .w58-topbar__second {
        left: 0;
    }
}

.w58-topbar__second__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items {
        width: 100%;
        height: 90vh;
        overflow-y: scroll;
        border-bottom: solid #f1f1f1 .1rem;
        display: block;
    }

        .w58-topbar__second__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w58-topbar__second__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w58-topbar__second__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w58-topbar__second__items::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

.w58-topbar__second__items__item {
    list-style-type: none;
    position: relative;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item {
        width: 100%;
    }

        .w58-topbar__second__items__item:last-child {
            border-bottom: solid #f1f1f1 .1rem;
        }
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item {
    }

        .w58-topbar__second__items__item:last-child {
            border-right: none;
        }
}


.w58-topbar__second__items__item__check {
    display: none;
}

.w58-topbar__second__items__item__main {
    display: flex;
    gap: 1rem;
    align-items: center;
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__main {
        padding: .75rem 1rem;
        transition: .5s;
    }

        .w58-topbar__second__items__item__main:hover {
            background-color: rgba(var(--main-color-w),1);
        }

        .w58-topbar__second__items__item__main:hover {
            background-color: rgba(var(--main-color-w),1);
        }
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__main {
        padding: 0 0 0 1rem;
        border-top: solid #f1f1f1 .1rem;
    }
}

.w58-topbar__second__items__item__main__name {
    font-size: 1.4rem;
    cursor: pointer;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__main__name {
        text-transform: capitalize;
        font-size: 1.6rem;
        font-weight: 500;
        transition: all .5s;
        padding: .8rem 0rem;
        color: rgba(var(--main-color-w), 1);
    }

    .w58-topbar__second__items__item:hover .w58-topbar__second__items__item__main__name {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__main__name {
        color: #fff;
        transition: all .5s;
    }

    .w58-topbar__second__items__item:hover .w58-topbar__second__items__item__main__name {
        color: #fff;
    }
}

.w58-topbar__second__items__item__main__icon1 {
    font-size: 1.3rem;
    display: none !important;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__main__icon1 {
        display: inline-block !important;
        padding: .9rem 0rem;
    }
}

.w58-topbar__second__items__item__main__icon2 {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__main__icon2 {
        padding: 1.4rem 1.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid .1rem #f1f1f1;
        color: rgba(var(--main-color-w),1);
    }

        .w58-topbar__second__items__item__main__icon2:before {
            content: "\f105" !important;
        }

    .w58-topbar__second__items__item__check:checked ~
    .w58-topbar__second__items__item__main
    .w58-topbar__second__items__item__main__icon2 {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

        .w58-topbar__second__items__item__check:checked ~
        .w58-topbar__second__items__item__main
        .w58-topbar__second__items__item__main__icon2:before {
        }
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__main__icon2 {
        color: #fff;
    }

        .w58-topbar__second__items__item__main__icon2:before {
        }
}

.w58-topbar__second__items__item__childs {
    list-style-type: none;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs {
        overflow-y: scroll;
        position: fixed;
        height: 89.5vh;
        top: 5vh;
        z-index: 2;
        left: -100%;
        width: 89.8%;
        background: #fff;
        transition: all .5s;
    }

        .w58-topbar__second__items__item__childs::-webkit-scrollbar {
            width: .4rem;
        }

        .w58-topbar__second__items__item__childs::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w58-topbar__second__items__item__childs::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w58-topbar__second__items__item__childs::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w58-topbar__second__items__item__check:checked ~
    .w58-topbar__second__items__item__childs {
        left: 0;
    }
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__childs {
        position: absolute;
        left: 0;
        top: 6rem;
        border: solid rgba(var(--main-color-w),1) .1rem;
        width: 20rem;
        z-index: 0;
        visibility: hidden;
        transition: all .5s;
        background-color: #fff;
        opacity:0;
    }

    .w58-topbar__second__items__item:hover .w58-topbar__second__items__item__childs {
        z-index: 1;
        visibility: visible;
        top: 3.3rem;
        opacity:1;
    }
}

.w58-topbar__second__items__item__childs__item {
    position: relative;
}

.w58-topbar__second__items__item__childs__item--parent {
    display: none;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item--parent {
        display: flex;
        background: rgba(var(--main-color-w), 1);
        position: relative;
        justify-content: center;
        align-items: center;
    }
}

.w58-topbar__second__items__item__childs__item:last-child {
}

.w58-topbar__second__items__item__childs__item__label {
    display: flex;
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.w58-topbar__second__items__item__childs__item__label__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w58-topbar__second__items__item__childs__item__main {
    display: flex;
    gap: 1rem;
    padding: .75rem 1rem;
    border-bottom: solid #f1f1f1 .1rem;
    align-items: center;
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__childs__item__main {
        border-color: rgba(var(--main-color-w),1);
    }

    .w58-topbar__second__items__item__childs__item:first-child .w58-topbar__second__items__item__childs__item__main {
        border: none;
    }
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item__main {
        padding: 0 0 0 1rem;
    }

    .w58-topbar__second__items__item__childs__item--parent
    .w58-topbar__second__items__item__childs__item__main {
        border: none;
    }

    .w58-topbar__second__items__item__childs__item--parent
    .w58-topbar__second__items__item__childs__item__main__name {
        color: #fff;
    }
}

.w58-topbar__second__items__item__childs__item__main__name {
    font-size: 1.4rem;
    cursor: pointer;
    font-weight: 500;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item__main__name {
        font-size: 1.6rem;
        font-weight: 400;
        padding: .8rem 0rem;
        transition: all .5s;
    }

    .w58-topbar__second__items__item__childs__item:hover .w58-topbar__second__items__item__childs__item__main__name {
    }
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__childs__item__main__name {
        transition: all .5s;
        color: rgba(var(--main-color-w),1);
    }

    .w58-topbar__second__items__item__childs__item:hover .w58-topbar__second__items__item__childs__item__main__name {
        margin-left: 1rem;
        color: #fff;
    }

    .w58-topbar__second__items__item__childs__item:hover .w58-topbar__second__items__item__childs__item__main {
        background: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w58-topbar__second__items__item__childs__item:last-child
    .w58-topbar__second__items__item__childs__item__main {
        border: none;
    }
}

.w58-topbar__second__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    margin-left: auto;
    font-weight: normal;
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__childs__item__main__icon {
        color: rgba(var(--main-color-w),1);
    }

    .w58-topbar__second__items__item__childs__item:hover .w58-topbar__second__items__item__childs__item__main__icon {
        color: #fff;
    }
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item__main__icon {
        padding: 1.4rem;
        display: flex;
        justify-content: center;
        align-items: center;
        border-left: solid 0.1rem #f1f1f1;
        color: rgba(var(--main-color-w), 1);
    }

    .w58-topbar__second__items__item__childs__item__check:checked ~
    .w58-topbar__second__items__item__childs__item__main
    .w58-topbar__second__items__item__childs__item__main__icon {
        background-color: #f1f1f1;
    }

        .w58-topbar__second__items__item__childs__item__check:checked ~
        .w58-topbar__second__items__item__childs__item__main
        .w58-topbar__second__items__item__childs__item__main__icon:before {
        }
}

.w58-topbar__second__items__item__childs__item__check {
    display: none;
}

.w58-topbar__second__items__item__childs__item__grands {
    list-style: none;
    transition: all .5s;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item__grands {
        overflow-y: scroll;
        position: fixed;
        height: 89.5vh;
        top: 5vh;
        z-index: 2;
        left: -100%;
        width: 89.8%;
        background: #fff;
        transition: all .5s;
    }

        .w58-topbar__second__items__item__childs__item__grands::-webkit-scrollbar {
            width: .4rem;
        }

        .w58-topbar__second__items__item__childs__item__grands::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w58-topbar__second__items__item__childs__item__grands::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w58-topbar__second__items__item__childs__item__grands::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }

    .w58-topbar__second__items__item__childs__item__check:checked ~
    .w58-topbar__second__items__item__childs__item__grands {
        left: 0;
    }
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__childs__item__grands {
        position: absolute;
        left: 110%;
        z-index: 0;
        opacity: 0;
        visibility: hidden;
        top: 0;
        border: solid rgba(var(--main-color-w), 1) .1rem;
        background-color: #fff;
        width: 20rem;
    }

    .w58-topbar__second__items__item__childs__item:hover .w58-topbar__second__items__item__childs__item__grands {
        left: 100%;
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w58-topbar__second__items__item__childs__item__grands__item {
}

.w58-topbar__second__items__item__childs__item__grands__item--parent {
    display: none;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item__grands__item--parent {
        display: flex;
        background: rgba(var(--main-color-w), 1);
        position: relative;
        justify-content: center;
        align-items: center;
    }
}

.w58-topbar__second__items__item__childs__item__grands__item__label {
    display: flex;
    position: absolute;
    left: 0;
    width: 4rem;
    height: 100%;
    align-items: center;
    justify-content: center;
}

.w58-topbar__second__items__item__childs__item__grands__item__label__icon {
    font-size: 1.6rem;
    color: #fff;
}

.w58-topbar__second__items__item__childs__item__grands__item__main {
    padding: .75rem 1rem;
    border-top: dashed #fff .1rem;
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__childs__item__grands__item__main {
        border-bottom: solid rgba(var(--main-color-w),1) .1rem;
    }

    .w58-topbar__second__items__item__childs__item__grands__item:last-child .w58-topbar__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w58-topbar__second__items__item__childs__item__grands__item:first-child .w58-topbar__second__items__item__childs__item__grands__item__main {
        border: none;
    }

    .w58-topbar__second__items__item__childs__item__grands__item:hover .w58-topbar__second__items__item__childs__item__grands__item__main {
        background: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item__grands__item__main {
        padding-left: 1rem;
        padding-top: 1.4rem;
        padding-bottom: 1.4rem;
        border-top: solid #f1f1f1 .1rem;
    }

    .w58-topbar__second__items__item__childs__item__grands__item--parent
    .w58-topbar__second__items__item__childs__item__grands__item__main {
        border-top: none;
    }

    .w58-topbar__second__items__item__childs__item__grands__item--parent
    .w58-topbar__second__items__item__childs__item__grands__item__main__name {
        color: #fff;
    }
}

.w58-topbar__second__items__item__childs__item__grands__item__main__name {
    font-size: 1.4rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (min-width:1200px) {
    .w58-topbar__second__items__item__childs__item__grands__item__main__name {
        color: rgba(var(--main-color-w),1);
        font-weight: 500;
    }

    .w58-topbar__second__items__item__childs__item__grands__item__main:hover .w58-topbar__second__items__item__childs__item__grands__item__main__name {
        margin-left: 1rem;
        color: #fff;
    }
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__items__item__childs__item__grands__item__main__name {
        font-size: 1.6rem;
        color: rgba(var(--main-color-w),1);
    }

    .w58-topbar__second__items__item__childs__item__grands__item:hover .w58-topbar__second__items__item__childs__item__grands__item__main__name {
        margin-left: 1rem;
    }
}

.w58-topbar__bg {
    position: fixed;
    z-index: 8;
    top: 0;
    left: -100%;
    display: none;
    height: 100vh;
    background: rgb(0 0 0 / 70%);
    width: 100%;
    transition: all .35s;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__bg {
        display: block;
    }

    .w58-topbar__check:checked ~ .w58-topbar__bg {
        left: 0;
    }
}

.w58-topbar__second__heading {
    background: rgba(var(--main-color-w),1);
    justify-content: center;
    align-items: center;
    gap: 2rem;
    flex-wrap: wrap;
    display: none;
    padding: 1rem;
    width: 100%;
}

@media only screen and (max-width:1200px) {
    .w58-topbar__second__heading {
        display: flex;
        height: 5vh;
    }
}

.w58-topbar__second__heading__item {
    font-size: 2rem;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

    .w58-topbar__second__heading__item:hover {
        transform: scale(1.1);
    }

.w58-topbar__second__bottom {
    background: rgba(var(--main-color-w),1);
    justify-content: center;
    align-items: center;
    gap: 1rem;
    flex-wrap: wrap;
    padding: 1rem;
    width: 90%;
    position: fixed;
    bottom: -100%;
    left: 0;
    height: 5vh;
    justify-content: center;
    cursor: pointer;
    transition: all 1s;
    display: flex;
    opacity: 0;
    z-index: 0;
}

@-webkit-keyframes key-w58-topbar__second__bottom {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(0.95);
    }

    100% {
        transform: scale(1);
    }
}

@media only screen and (max-width:1200px) {
    .w58-topbar__check:checked ~
    .w58-topbar__second .w58-topbar__second__bottom {
        bottom: 0;
        opacity: 1;
        -webkit-animation: key-w58-topbar__second__bottom 1.5s infinite;
        animation: key-w58-topbar__second__bottom 1.5s infinite;
    }
}

.w58-topbar__second__bottom__icon {
    font-size: 2rem;
    color: #fff;
}

.w58-topbar__second__bottom__name {
    font-size: 1.6rem;
    color: #fff;
    text-transform: uppercase;
}
/*ed*/
/*w58-ads-1*/
.w58-ads-1 {
    width: 100%;
    padding: 3rem 1rem;
    background: #fff;
    overflow: hidden;
}

.w58-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w58-ads-1__heading {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w58-ads-1__heading__name {
    width: 100%;
    text-align: center;
    font-size: 3rem;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    line-height: 5rem;
}

@media only screen and (max-width:37.5rem) {
    .w58-ads-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-ads-1__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-ads-1__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-ads-1__items {
    display: flex;
    align-items: center;
    margin-top: 2.5rem;
    justify-content: center;
}

.w58-ads-1__items__item {
    position: relative;
    transition: all .5s;
    border-radius: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w58-ads-1__items__item--1 {
        width: 32%;
    }

    .w58-ads-1__items__item--3 {
        width: 32%;
    }
}

.w58-ads-1__items__item--2 {
    margin-left: 4%;
    margin-right: 4%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem;
}


@media only screen and (min-width:75rem) {
    @-webkit-keyframes key-w58-ads-1__items__item--1 {
        0% {
            transform: translateX(-15rem);
        }

        100% {
            transform: translateX(0);
        }
    }

    .w58-ads-1.in .w58-ads-1__items__item--1 {
        -webkit-animation: key-w58-ads-1__items__item--1 1.5s;
        animation: key-w58-ads-1__items__item--1 1.5s;
        animation-iteration-count: 1;
        opacity: 1;
    }

    @-webkit-keyframes key-w58-ads-1__items__item--2 {
        0% {
            transform: scale(2);
        }

        50% {
            transform: scale(0.5);
        }

        100% {
            transform: scale(1);
        }
    }

    .w58-ads-1.in .w58-ads-1__items__item--2 {
        -webkit-animation: key-w58-ads-1__items__item--2 1s;
        animation: key-w58-ads-1__items__item--2 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }

    @-webkit-keyframes key-w58-ads-1__items__item--3 {
        0% {
            transform: translateX(15rem);
        }

        100% {
            transform: translateX(0);
        }
    }

    .w58-ads-1.in .w58-ads-1__items__item--3 {
        -webkit-animation: key-w58-ads-1__items__item--3 1s;
        animation: key-w58-ads-1__items__item--3 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-ads-1__items__item--2 {
        width: 36%;
    }
}

.w58-ads-1__items__item__top {
    width: 100%;
    display: flex;
    justify-content: center;
}

.w58-ads-1__items__item__top__imgbox {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
    z-index: 1;
    transition: all .5s;
    cursor: pointer;
    border-radius: .3rem;
}

    .w58-ads-1__items__item__top__imgbox:hover {
        transform: scale(1.05);
    }

.w58-ads-1__items__item__content {
    color: #fff;
    text-align: center;
    width: 5rem;
    height: 5rem;
    border: solid .2rem rgba(var(--second-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: rgba(var(--main-color-w), 1);
    position: relative;
    transition: all .5s;
}

    .w58-ads-1__items__item__content:hover {
        background-color: rgba(var(--main-color-w), 1);
    }

.w58-ads-1__items__item__content__icon {
    font-size: 2.8rem;
    font-weight: 700;
    text-transform: uppercase;
    transition: all .5s;
    display: block;
    cursor: pointer;
}

    .w58-ads-1__items__item__content__icon:hover {
        transform: scale(1.1);
    }

.w58-ads-1__items__item__content__name {
    position: absolute;
    width: 15rem;
    padding: .5rem 1rem;
    text-align: center;
    background: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    transition: all .5s;
    border-radius: 2rem;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    top: -5.5rem;
    pointer-events: none;
    display: flex;
    justify-content: center;
}

.w58-ads-1__items__item__content:hover .w58-ads-1__items__item__content__name {
    opacity: 1;
    z-index: 2;
    visibility: visible;
    top: -4rem;
}

.w58-ads-1__items__item__content__name__text {
    color: #fff;
}

.w58-ads-1__items__item__content__name__arrow {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(var(--main-color-w), 1);
    bottom: -10px;
}
/*ed*/

/*w58-blankpage*/
.w58-blankpage {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color:#fff;
}

.w58-blankpage__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w58-blankpage__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w58-blankpage__heading__name {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    padding: .5rem 0rem;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
    cursor: pointer;
    transition: all .5s;
}

@media only screen and (max-width:31.25rem) {
    .w58-blankpage__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-blankpage__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-blankpage__heading__des {
    font-size: 1.6rem;
    line-height: 2rem;
    margin-top: 1rem;
}

.w58-blankpage__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-blankpage__main {
    margin-top: 2rem;
    overflow: hidden;
    width: 100%;
}

.w58-blankpage__main__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 10rem;
    overflow: hidden;
}

.w58-blankpage__main__check:checked ~ .w58-blankpage__main__content {
    height: max-content;
}

.w58-blankpage__main__check {
    display: none;
}

.w58-blankpage__main__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1.5rem;
}

.w58-blankpage__main__bottom__label {
    background-color: rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .5rem 2.5rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w58-blankpage__main__bottom__label--top {
    display: none;
}

.w58-blankpage__main__check:checked ~ .w58-blankpage__main__bottom .w58-blankpage__main__bottom__label--top {
    display: flex;
}

.w58-blankpage__main__check:checked ~ .w58-blankpage__main__bottom .w58-blankpage__main__bottom__label--down {
    display: none;
}

.w58-blankpage__main__bottom__label__text {
    font-size: 1.8rem;
}

.w58-blankpage__main__bottom__label__icon {
    font-size: 1.8rem;
    margin-left: 1rem;
}
/*ed*/
/*w58-service-1*/
.w58-service-1 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background: rgba(var(--main-color-w), 1);
}

.w58-service-1__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w58-service-1__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@-webkit-keyframes key-w58-service-1__heading {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w58-service-1__heading {
    -webkit-animation: key-w58-service-1__heading 1s;
    animation: key-w58-service-1__heading 1s;
    animation-iteration-count: 1;
}

.w58-service-1__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    font-weight: 500;
    font-family: "Saira-Medium";
    color: #fff;
    line-height: 5rem;
    transition: all .5s;
    width: 100%;
    text-align: center;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w58-service-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-service-1__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-service-1__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: #fff;
}

.w58-service-1__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    color: #fff;
    width: 100%;
}

.w58-service-1__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 0rem;
}

@-webkit-keyframes key-w58-service-1__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w58-service-1__mains {
    -webkit-animation: key-w58-service-1__mains 2s;
    animation: key-w58-service-1__mains 2s;
    animation-iteration-count: 1;
}

.w58-service-1__mains__items {
    display: flex;
    padding-bottom: 2.5rem;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: content-box;
}

.w58-service-1__mains__items__item {
    width: 25%;
    position: relative;
    outline: none;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w58-service-1__mains__items__item {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w58-service-1__mains__items__item {
        width: 100%;
        justify-content: flex-start;
    }
}

.w58-service-1__mains__items__item__content {
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w58-service-1__mains__items__item__content {
        width: 100%;
        display: flex;
        align-items: center;
    }
}

.w58-service-1__mains__items__item__content__bottom {
    padding: 0rem 15% 3rem;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 2rem;
    border-left: solid .2rem #fff;
    width: 70%;
}

.w58-service-1__mains__items__item:nth-child(4n+1) .w58-service-1__mains__items__item__content__bottom {
    border-left: none;
}

@media only screen and (max-width:50rem) {
    .w58-service-1__mains__items__item__content__bottom {
        border: none;
        margin: 0;
        padding: 0;
    }
}

.w58-service-1__mains__items__item__content__bottom__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: center;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w58-service-1__mains__items__item__content__bottom__des {
        text-align: left;
        margin-top: .25rem;
    }
}

.w58-service-1__mains__items__item__content__bottom__name {
    text-transform: uppercase;
    display: block;
    font-size: 1.8rem;
    font-weight: 600;
    cursor: pointer;
    text-align: center;
    transition: all .5s;
    color: #fff;
}

@media only screen and (max-width:31.25rem) {
    .w58-service-1__mains__items__item__content__bottom__name {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:50rem) {
    .w58-service-1__mains__items__item__content__bottom__name {
        text-align: left;
    }
}

.w58-service-1__mains__items__item__content__bottom__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-service-1__mains__items__item__content__top {
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem;
}

@media only screen and (max-width:50rem) {
    .w58-service-1__mains__items__item__content__top {
        width: 15%;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-service-1__mains__items__item__content__top {
        width: 20%;
    }
}

.w58-service-1__mains__items__item__content__top__imgbox {
    background-size: contain;
    transition: all 1s;
    cursor: pointer;
}

    .w58-service-1__mains__items__item__content__top__imgbox:hover {
        transform: scale(1.05);
    }
/*ed*/
/*w58-product-1*/
.w58-product-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fafafa;
    overflow: hidden;
}

.w58-product-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w58-product-1__heading {
}

.w58-product-1__heading__name {
    font-weight: 600;
    position: relative;
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    text-align: center;
}

@media only screen and (max-width:31.25rem) {
    .w58-product-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-product-1__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-product-1__heading__tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
    justify-content: center;
}

.w58-product-1__heading__tabs__item {
    color: #3f3f3f;
    padding: 0rem 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    border-left: solid .1rem #3f3f3f;
    margin-top: 1rem;
}

@media only screen and (min-width:31.25rem) {
    .w58-product-1__heading__tabs__item:hover, .w58-product-1__heading__tabs__item.active {
        color: rgba(var(--main-color-w),1);
    }

    .w58-product-1__heading__tabs__item:first-child {
        border: none;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-product-1__heading__tabs__item {
        font-size: 1.4rem;
        text-align: center;
    }

    .w58-product-1__heading__tabs__item {
        width: 49%;
        margin-left: 2%;
        border: none;
        border: solid .1rem rgba(var(--text-color-w),.3);
        border-radius: .5rem;
        margin-top: 1rem;
        padding: .5rem;
    }

        .w58-product-1__heading__tabs__item:hover, .w58-product-1__heading__tabs__item.active {
            background: rgba(var(--main-color-w),1);
            color: #fff;
            border: solid .1rem rgba(var(--main-color-w),1);
        }

        .w58-product-1__heading__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w58-product-1__heading__tabs__active {
    color: #3f3f3f;
    padding: 0rem 1rem;
    font-size: 1.6rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
    border-left: solid .1rem #3f3f3f;
}

@media only screen and (min-width:31.25rem) {
    .w58-product-1__heading__tabs__active {
        color: rgba(var(--main-color-w),1);
    }

        .w58-product-1__heading__tabs__active:first-child {
            border: none;
        }
}

@media only screen and (max-width:31.25rem) {
    .w58-product-1__heading__tabs__active {
        font-size: 1.4rem;
        text-align: center;
    }

    .w58-product-1__heading__tabs__active {
        width: 49%;
        margin-left: 2%;
        border: none;
        border: solid .1rem rgba(var(--text-color-w),.3);
        border-radius: .5rem;
        margin-top: 1rem;
        padding: .5rem;
    }

        .w58-product-1__heading__tabs__active:hover, .w58-product-1__heading__tabs__active.active {
            background: rgba(var(--main-color-w),1);
            color: #fff;
            border: solid .1rem rgba(var(--main-color-w),1);
        }

        .w58-product-1__heading__tabs__active:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w58-product-1__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #2d2a2a;
    width: 100%;
    position: relative;
}

    .w58-product-1__heading__des b {
        font-weight: 600;
    }

.w58-product-1__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
    z-index:0;
}

.w58-product-1__mains__main {
    display: flex;
    padding-bottom: 1rem;
}

.w58-product-1__mains__main__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (max-width:75rem) {
    .w58-product-1__mains__main__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w58-product-1__mains__main__item.swiper-slide {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-product-1__mains__main__item.swiper-slide {
        width: 100%;
        margin: 0;
    }
}

.w58-product-1__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    background-color: #fff;
    transition: all .5s;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
}

.w58-product-1__mains__main__item__content__bottom {
    padding: 1rem;
    display: block;
    position: relative;
    text-align: center;
}

.w58-product-1__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-weight: 600;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w58-product-1__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w58-product-1__mains__main__item__content__bottom__des {
    font-size: 1.6rem;
    color: #3f3f3f;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w58-product-1__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w58-product-1__mains__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    display: inline-block;
    transition: all .5s;
}

.w58-product-1__mains__main__item__content__head {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.w58-product-1__mains__main__item__content__head__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

    .w58-product-1__mains__main__item__content__head__top:hover {
        margin-left: -100%;
    }

.w58-product-1__mains__main__item__content__head__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w58-product-1__mains__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w58-product-1__mains__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    margin-right: 1rem;
}

.w58-product-1__mains__main__item__content__head__top:hover .w58-product-1__mains__main__item__content__sale {
}

.w58-product-1__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
}

.w58-product-1__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s;
}
.w58-product-1__mains__main__item__content__price__sub {
    color: #999;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-right:1rem;
}

.w58-product-1__mains__main__item__content__head__childs {
    width: 100%;
    display: flex;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: center;
    padding: 0 1rem;
    position: absolute;
    transition: all .5s;
    bottom: 1rem;
    visibility: visible;
    opacity: 1;
}

.w58-product-1__mains__main__item__content__head__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.5rem;
    border: solid .1rem #858585;
    border-radius: .2rem;
    padding: .2rem;
    cursor: pointer;
    margin-left: 1rem;
}

    .w58-product-1__mains__main__item__content__head__childs__imgbox:first-child {
        margin-left: 0;
    }

    .w58-product-1__mains__main__item__content__head__childs__imgbox:hover {
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w58-product-1__mains__pagination {
    bottom: 0 !important;
}

.w58-product-1__mains__bottom {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 2rem;
}

.w58-product-1__mains__bottom__btn {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
}

.w58-product-1__mains__bottom__btn__text {
    margin: 0 3rem;
}

.w58-product-1__mains__bottom__btn:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-product-1__mains__next.swiper-button-next,
.w58-product-1__mains__prev.swiper-button-prev {
    font-size: 2rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(250,250,250,.6);
    color: rgba(var(--main-color-w), 1);
    position: relative;
    margin: 0;
    top: initial;
}

.w58-product-1__mains__next:hover,
.w58-product-1__mains__prev:hover {
    background-color: #fff;
}

.w58-product-1__mains__next:after,
.w58-product-1__mains__prev:after {
    display: none;
}
/*ed*/
/*w58-article-1*/
.w58-article-1 {
    width: 100%;
    padding: 3rem 1rem;
    background: rgba(var(--main-color-w), .7);
}

.w58-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w58-article-1__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@-webkit-keyframes key-w58-article-1__heading {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w58-article-1__heading {
    -webkit-animation: key-w58-article-1__heading 1s;
    animation: key-w58-article-1__heading 1s;
    animation-iteration-count: 1;
}

.w58-article-1__heading__main {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:62.5rem) {
    .w58-article-1__heading__main {
        width: 100%;
    }
}

.w58-article-1__heading__main__name {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    color: #fff;
    font-weight: 500;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:31.25rem) {
    .w58-article-1__heading__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-article-1__heading__main__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-article-1__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: #fff;
}

.w58-article-1__heading__second {
    width: 58%;
    margin-left: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w58-article-1__heading__second {
        width: 100%;
        margin-left: 0;
    }
}

.w58-article-1__heading__second__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #fff;
}

.w58-article-1__heading__bottom {
    margin-left: auto;
    margin-top: 1rem;
    color: #fff;
    font-size: 1.6rem;
    text-transform: uppercase;
    border-bottom: solid .2rem #bfbfbf;
    transition: all .5s;
    cursor: pointer;
}

    .w58-article-1__heading__bottom:hover {
        border-color: #fff;
    }

.w58-article-1__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

@-webkit-keyframes key-w58-article-1__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w58-article-1__mains {
    -webkit-animation: key-w58-article-1__mains 2s;
    animation: key-w58-article-1__mains 2s;
    animation-iteration-count: 1;
}

.w58-article-1__mains__items {
    display: flex;
    padding-bottom: 1rem;
}

.w58-article-1__mains__items__item.swiper-slide {
    width: 32%;
    margin-right: 2%;
    background: rgba(var(--main-color-w), 1);
    margin-top: 1rem;
    position: relative;
    border-radius: .5rem;
}

.w58-article-1__mains__items__item__content {
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
}

    .w58-article-1__mains__items__item__content:after {
        content: "";
        width: 0;
        height: 0.4rem;
        background: #fff;
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: 2s;
    }

    .w58-article-1__mains__items__item__content:hover:after {
        width: 100%;
    }

.w58-article-1__mains__items__item__content__bottom {
    padding: 2rem;
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 1rem;
}

.w58-article-1__mains__items__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    line-height: 2.6rem;
    color: #fff;
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width:600px) {
    .w58-article-1__mains__items__item__content__bottom__name {
        font-size: 1.6rem;
    }
}

.w58-article-1__mains__items__item__content__bottom__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-article-1__mains__items__item__content__top {
    overflow: hidden;
}

.w58-article-1__mains__items__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    cursor: pointer;
}

    .w58-article-1__mains__items__item__content__top__imgbox:hover {
        transform: scale(1.05);
    }

.w58-article-1__mains__prev.swiper-button-prev,
.w58-article-1__mains__next.swiper-button-next {
    font-size: 3rem;
    color: #fff;
    width: auto;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}

.w58-article-1__mains:hover .w58-article-1__mains__next.swiper-button-next,
.w58-article-1__mains:hover .w58-article-1__mains__prev.swiper-button-prev {
    visibility: initial;
    opacity: 1;
}

.w58-article-1__mains__prev.swiper-button-prev {
}

.w58-article-1__mains__next.swiper-button-next {
}

.w58-article-1__mains__prev:after,
.w58-article-1__mains__next:after {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w58-article-1__mains__items__item.swiper-slide {
        width: 49%;
    }
}
/*ed*/
/*w58-video-1*/
.w58-video-1 {
    position: relative;
    display: block;
    width: 100%;
    background: rgba(var(--main-color-w), 1);
    padding: 3rem 1rem;
}

@-webkit-keyframes key-w58-video-1 {
    0% {
        transform: translateY(3rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.w58-video-1.in {
    -webkit-animation: key-w58-video-1 1s;
    animation: key-w58-video-1 1s;
    animation-iteration-count: 1;
}

.w58-video-1__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto
}

.w58-video-1__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w58-video-1__heading__name {
    display: block;
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    width: 100%;
    font-weight: 500;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w58-video-1__heading__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:31.5rem) {
    .w58-video-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-video-1__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: #fff;
}

.w58-video-1__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    color: #fff;
}

.w58-video-1__imgbox {
    width: 100%;
    background-size: contain;
    margin-top: 2rem;
}

.w58-video-1__sub {
    display: block;
    margin-top: 2rem;
    color:#fff;
    font-size:1.6rem;
    line-height:2.6rem;
}

    .w58-video-1__sub iframe {
        width: 100%;
        height: 68rem;
        border: none;
    }

@media only screen and (max-width:50rem) {
    .w58-video-1__sub iframe {
        height: 43rem;
    }
}
/*ed*/
/*w58-faq-1*/
.w58-faq-1 {
    width: 100%;
    padding: 3rem 1rem;
    background: #fff;
}

@-webkit-keyframes key-w58-faq-1 {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

@media only screen and (min-width:75rem) {
    .w58-faq-1.in {
        -webkit-animation: key-w58-faq-1 1s;
        animation: key-w58-faq-1 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

.w58-faq-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w58-faq-1__group {
        box-shadow: 0 2px 8px rgba(0,0,0,0.16);
    }
}

.w58-faq-1__heading__name {
    display: block;
    font-size: 3rem;
    line-height: 5rem;
    cursor: pointer;
    transition: all .5s;
    text-align: center;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:62.5rem) {
    .w58-faq-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-faq-1__heading__name:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-faq-1__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-faq-1__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    text-align: center;
}

.w58-faq-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    width: 100%;
    background: rgba(var(--main-color-w), 1);
    padding: 0rem 2rem;
    border-radius: .5rem;
    position: relative;
}

.w58-faq-1__items__item {
    width: 100%;
    border-top: solid rgb(231 228 228 / 84%) .1rem;
    padding: 1.5rem 0;
}

    .w58-faq-1__items__item:first-child {
        width: 100%;
        border-top: none;
    }

.w58-faq-1__items__item__content {
    display: flex;
    width: 100%;
}

.w58-faq-1__items__item__content__box {
    width: 100%;
}

.w58-faq-1__items__item__content__box__name {
    cursor: pointer;
    display: flex;
    width: 100%;
    gap: 0rem 1rem;
}

.w58-faq-1__items__item__content__box__name__text {
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
}

.w58-faq-1__items__item__content__box__name:hover {
}

.w58-faq-1__items__item__content__box__name__icon {
    font-size: 2rem;
    font-weight: 300;
    margin-left: auto;
    color: #fff;
}

.w58-faq-1__items__item__content__box__check:checked ~
.w58-faq-1__items__item__content__box__name
.w58-faq-1__items__item__content__box__name__icon:before {
    content: "\f106" !important;
}

.w58-faq-1__items__item__content__box__check:checked ~
.w58-faq-1__items__item__content__box__name {
    border-bottom: dotted .1rem #fff;
    padding-bottom: 1.5rem;
}

.w58-faq-1__items__item__content__box__des {
    margin-top: 0rem;
    font-size: 1.5rem;
    line-height: 2.6rem;
    text-align: justify;
    height: 0;
    overflow: hidden;
    color: #fff;
    transition: all .5s;
}

.w58-faq-1__items__item__content__box__check {
    display: none;
}

    .w58-faq-1__items__item__content__box__check:checked ~
    .w58-faq-1__items__item__content__box__des {
        height: max-content;
        margin-top: 1rem;
    }

@-webkit-keyframes key-w58-faq-1__items__item__content__box__des {
    0% {
        max-height: 0;
    }

    100% {
        max-height: 900vh;
    }
}
/*ed*/
/*w58-ctaregister-1*/
.w58-ctaregister-1 {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 1rem;
    background-size: cover;
    background-color:#fff;
}

@-webkit-keyframes key-w58-ctaregister-1 {
    0% {
        transform: translateY(3rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.w58-ctaregister-1.in {
    -webkit-animation: key-w58-ctaregister-1 1s;
    animation: key-w58-ctaregister-1 1s;
    animation-iteration-count: 1;
}

.w58-ctaregister-1__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    width:100%;
}

.w58-ctaregister-1__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
}

.w58-ctaregister-1__main__first {
    width: 100%;
}

.w58-ctaregister-1__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 4rem;
    align-items: center;
    width: 100%;
}

.w58-ctaregister-1__main__first__items__item {
    width: 32%;
    margin-left: 2%;
    display: flex;
    margin-bottom: 2rem;
    position: relative;
    overflow:hidden;
}

@media only screen and (max-width:43.75rem) {
    .w58-ctaregister-1__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w58-ctaregister-1__main__first__items__item:nth-child(3n+1) {
    margin-left: 0;
}

.w58-ctaregister-1__main__first__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w58-ctaregister-1__main__first__items__item__input {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    border-radius: .25rem;
    border: solid .1rem #ced4da;
    transition: all .5s;
    font-family: inherit;
    color: #495057;
}

    .w58-ctaregister-1__main__first__items__item__input:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w58-ctaregister-1__main__first__items__item2 {
    width: 100%;
    margin-left: 0;
    display: flex;
    margin-bottom: 2rem;
    position: relative;
}

.w58-ctaregister-1__main__first__items__item2__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .25rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w58-ctaregister-1__main__first__items__item2__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w58-ctaregister-1__main__first__items__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w58-ctaregister-1__main__first__items__dropdown {
        width: 100%;
    }
}

.w58-ctaregister-1__main__first__items__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    border: solid .1rem #ced4da;
    border-radius: 0.8rem;
}

.w58-ctaregister-1__main__first__items__dropdown__check:checked ~
.w58-ctaregister-1__main__first__items__dropdown__label
.w58-ctaregister-1__main__first__items__dropdown__label__icon:before {
    content: "\f106";
}

.w58-ctaregister-1__main__first__items__dropdown__label__name {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w58-ctaregister-1__main__first__items__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #3f3f3f;
}

.w58-ctaregister-1__main__first__items__dropdown__check {
    display: none;
}

.w58-ctaregister-1__main__first__items__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #f1f1f1 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 19rem;
}

    .w58-ctaregister-1__main__first__items__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w58-ctaregister-1__main__first__items__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w58-ctaregister-1__main__first__items__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w58-ctaregister-1__main__first__items__dropdown__subs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w58-ctaregister-1__main__first__items__dropdown__check:checked ~
.w58-ctaregister-1__main__first__items__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: 5rem;
    opacity: 1;
}

.w58-ctaregister-1__main__first__items__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w58-ctaregister-1__main__first__items__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w58-ctaregister-1__main__first__items__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w58-ctaregister-1__main__first__btn {
    border-radius: 3rem;
    padding: .75rem 3rem;
    font-size: 1.6rem;
    border: none;
    outline: none;
    color: #fff;
    background: rgba(var(--main-color-w), 1);
    cursor: pointer;
    font-family: inherit;
    transition: all .5s;
    text-transform: uppercase;
    cursor: pointer;
    font-weight: 600;
    display:inline-block;
}

    .w58-ctaregister-1__main__first__btn:hover {
        background: rgba(var(--main-color-w), .7);
    }

.w58-ctaregister-1__heading {
}

.w58-ctaregister-1__heading__text {
    font-size: 3rem;
    line-height: 5rem;
    text-transform: uppercase;
    transition: all .5s;
    text-align: center;
    display: block;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w58-ctaregister-1__heading__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-ctaregister-1__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-ctaregister-1__heading__des {
    margin-top: 2rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    text-align: center;
}
/*ed*/
/*w58-ads-2*/
.w58-ads-2 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    background: #fff;
}

@-webkit-keyframes key-w58-ads-2 {
    0% {
        transform: translateY(3rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.w58-ads-2.in {
    -webkit-animation: key-w58-ads-2 1s;
    animation: key-w58-ads-2 1s;
    animation-iteration-count: 1;
}

.w58-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem 0rem 1rem;
    position: relative;
}

.w58-ads-2__heading {
    text-align: center;
}

.w58-ads-2__heading__name {
    font-size: 3rem;
    line-height: 5rem;
    text-transform: uppercase;
    transition: all .5s;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

@media only screen and (max-width:31.25rem) {
    .w58-ads-2__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-ads-2__heading__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-ads-2__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
    text-align: center;
}

.w58-ads-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
    padding-bottom: 2rem;
}

.w58-ads-2__mains__items {
    display: flex;
}

.w58-ads-2__mains__items__item.swiper-slide {
    width: 49%;
    margin-right: 1%;
    position: relative;
    outline: none;
    background: rgba(var(--main-color-w), 1);
    overflow: hidden;
    border-radius: .5rem;
}

@media only screen and (max-width:31.25rem) {
    .w58-ads-2__mains__items__item.swiper-slide {
        width: 100%;
        border-right: none;
    }
}

.w58-ads-2__mains__items__item__content {
    position: relative;
    overflow: hidden;
}

.w58-ads-2__mains__items__item__content__bottom {
    padding: 1.5rem 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1rem;
    position: relative;
}

.w58-ads-2__mains__items__item__content__bottom__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    color: #fff;
}

.w58-ads-2__mains__items__item__content__bottom__name {
    color: #fff;
    width: 100%;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    font-weight: 600;
}

    .w58-ads-2__mains__items__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:1000px) {
    .w58-ads-2__mains__items__item__content__bottom__name {
        font-size: 2rem;
    }
}

.w58-ads-2__mains__items__item__content__bottom__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .5s;
    color: #fff;
}

    .w58-ads-2__mains__items__item__content__bottom__btn:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w58-ads-2__mains__items__item__content__bottom__btn__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 700;
    cursor: pointer;
}

.w58-ads-2__mains__items__item__content__bottom__btn__icon {
    font-size: 1.6rem;
    transition: all .5s;
    margin-left: 1rem;
}

.w58-ads-2__mains__items__item__content__top {
    overflow: hidden;
}

.w58-ads-2__mains__items__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    cursor: pointer;
}

    .w58-ads-2__mains__items__item__content__top__imgbox:hover {
        transform: scale(1.05);
    }

.w58-ads-2__mains__pagination {
    bottom: 0 !important;
}

    .w58-ads-2__mains__pagination .swiper-pagination-bullet-active {
        background: rgba(var(--main-color-w),1);
    }

    .w58-ads-2__mains__pagination .swiper-pagination-bullet {
        background: rgba(var(--main-color-w),1);
    }
/*ed*/
/*w58-footer*/
.w58-footer {
    width: 100%;
    padding: 1rem 1rem 3rem;
    background: rgba(var(--main-color-w), 1);
    color: #fff;
    border-top: solid .2rem #fff;
}

.w58-footer-line {
    display: block;
    height: .1rem;
    background: rgba(var(--text-color-w),.3);
}

.w58-footer__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w58-footer__items {
    display: flex;
    flex-wrap: wrap;
}

.w58-footer__items__first {
    width: 20%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 2rem;
}

@-webkit-keyframes key-w58-footer__items__first {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w58-footer__items__first {
    -webkit-animation: key-w58-footer__items__first 1.5s;
    animation: key-w58-footer__items__first 1.5s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:1200px) {
    .w58-footer__items__first {
        width: 100%;
    }
}

@media only screen and (max-width:700px) {
    .w58-footer__items__first {
        width: 100%;
    }
}

.w58-footer__items__first__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .5s;
    width: 12rem;
    height: 12rem;
    border-radius: 50%;
    background-size: 80%;
    border: solid .1rem #fff;
}

    .w58-footer__items__first__imgbox:hover {
        transform: scale(1.1);
    }

.w58-footer__items__second {
    width: 27%;
    margin-left: 2%;
    margin-top: 2rem;
}

@-webkit-keyframes key-w58-footer__items__second {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w58-footer__items__second {
    -webkit-animation: key-w58-footer__items__second 1s;
    animation: key-w58-footer__items__second 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:1200px) {
    .w58-footer__items__second {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width:700px) {
    .w58-footer__items__second {
        width: 100%;
        margin-left: 0;
    }
}

.w58-footer__items__second__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    transition: all .5s;
    display: block;
    color: #fff;
}

    .w58-footer__items__second__name:hover {
        color: #fff;
    }

.w58-footer__items__second__des {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    transition: all .5s;
    display: block;
    color: #fff;
    margin-top: 1rem;
}

.w58-footer__items__second__items {
}

.w58-footer__items__second__items__item {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}

.w58-footer__items__second__items__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
    color: #fff;
}

    .w58-footer__items__second__items__item__icon:hover {
        transform: scale(1.3);
    }

.w58-footer__items__second__items__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
}

    .w58-footer__items__second__items__item__name:hover {
        color: #fff;
    }

.w58-footer__items__second__ads {
    display: flex;
    margin-top: 2rem;
}

.w58-footer__items__second__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    background: #fff;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w58-footer__items__second__ads__item:first-child {
        margin-left: 0;
    }

    .w58-footer__items__second__ads__item:hover {
        color: #fff;
        background-color: rgba(var(--second-color-w), 1);
    }

.w58-footer__items__second__adv {
    display: block;
}

.w58-footer__items__second__adv__imgbox {
    background-size: contain;
    margin-top: 2rem;
}

.w58-footer__items__second__code {
    width: 100%;
    overflow: hidden;
    padding: 1rem 0;
}

    .w58-footer__items__second__code iframe {
        max-width: 100%;
    }

.w58-footer__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 2rem;
}

@-webkit-keyframes key-w58-footer__items__item {
    0% {
        transform: translateX(10rem);
    }

    70% {
        transform: translateX(-1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w58-footer__items__item {
    -webkit-animation: key-w58-footer__items__item 1s;
    animation: key-w58-footer__items__item 1s;
    animation-iteration-count: 1;
}

@media only screen and (min-width:1200px) {
    .w58-footer__items__item:nth-child(4n+1) {
        margin-left: 0;
        width: 20%;
    }

    .w58-footer__items__item:nth-child(4n+2) {
        width: 27%;
    }
}

@media only screen and (max-width:1200px) {
    .w58-footer__items__item {
        width: 49%;
        margin-left: 2%;
        padding: 1rem;
        border: solid .1rem rgba(var(--text-color-w),.3);
        border-radius: .5rem;
    }

        .w58-footer__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:450px) {
    .w58-footer__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w58-footer__items__item__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
}

    .w58-footer__items__item__name:hover {
        color: #fff;
    }

.w58-footer__items__item__items {
}

.w58-footer__items__item__items__item {
    display: flex;
    gap: 1rem;
    margin-bottom: 1rem;
    align-items: center;
}

.w58-footer__items__item__items__item__icon {
    font-size: 1.5rem;
    transition: all .5s;
    font-weight: 900;
    color: #fff;
}

    .w58-footer__items__item__items__item__icon:hover {
        transform: scale(1.3);
        color: rgba(var(--main-color-w), 1);
    }

.w58-footer__items__item__items__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
}

    .w58-footer__items__item__items__item__name:hover {
        color: #fff;
    }

.w58-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
}

.w58-footer__items__item__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 2.8rem;
    height: 2.8rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    background: #fff;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w58-footer__items__item__ads__item:first-child {
        margin-left: 0;
    }

    .w58-footer__items__item__ads__item:hover {
        color: #fff;
        background-color: rgba(var(--second-color-w), 1);
    }

.w58-footer__items__item__adv {
    display: block;
}

.w58-footer__items__item__adv__imgbox {
    background-size: contain;
    margin-top: 2rem;
}

.w58-footer__items__item__code {
    width: 100%;
    overflow: hidden;
    padding: 1rem 0;
}

    .w58-footer__items__item__code iframe {
        max-width: 100%;
    }
/*ed*/
/*w24-ads-5*/
.w24-ads-5 {
  width: 100%;
  padding: 1rem; }
  .w24-ads-5__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 1rem;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.34);
    backdrop-filter: blur(1rem);
    border-radius: 2rem;
    padding-top: 2rem; }
  .w24-ads-5__title {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 4rem;
    color: rgba(var(--main-color-w), 1);
    text-shadow: 1rem 1rem 5px rgba(255, 221, 0, 0.2); }
  .w24-ads-5__content {
    margin-top: 3.5rem;
    padding-bottom: 4rem; }
    @media only screen and (max-width: 800px) {
      .w24-ads-5__content {
        display: flex;
        justify-content: center;
        flex-direction: column;
        align-items: center;
        margin-top: 1rem; } }
    .w24-ads-5__content__item {
      display: flex;
      align-items: center;
      margin-top: 1.5rem; }
      @media only screen and (max-width: 600px) {
        .w24-ads-5__content__item {
          margin-top: 1rem; } }
      .w24-ads-5__content__item__number {
        color: black;
        font-size: 3.5rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: rgba(255, 255, 255, 0.112);
        backdrop-filter: blur(2rem);
        font-weight: bold;
        border: 1px solid rgba(255, 255, 255, 0.234);
        border-radius: 4rem;
        padding: 1rem;
        min-height: 4rem;
        width: 9rem; }
        .w24-ads-5__content__item__number--1 {
          color: #713EC9;
          text-shadow: .5rem .5rem 1rem #713EC9; }
        .w24-ads-5__content__item__number--2 {
          color: #34A7F2;
          text-shadow: .5rem .5rem 1rem #34A7F2; }
        .w24-ads-5__content__item__number--3 {
          color: #CC71E8;
          text-shadow: .5rem .5rem 1rem #CC71E8; }
        .w24-ads-5__content__item__number--4 {
          color: #FF665C;
          text-shadow: .5rem .5rem 1rem #ff675cc7; }
        @media only screen and (max-width: 600px) {
          .w24-ads-5__content__item__number {
            font-size: 2rem;
            height: 2rem;
            width: 2rem; } }
      .w24-ads-5__content__item__text {
        color: black;
        backdrop-filter: blur(2rem);
        padding: 2rem 3rem;
        border-radius: 4rem;
        margin-left: 1rem;
        box-shadow: .5rem .5rem 1rem #00000019;
        font-size: 2.4rem;
        color: white;
        line-height: 1.6em;
        background-color: rgba(255, 255, 255, 0.405);
        letter-spacing: 1px;
        width: 100%;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        .w24-ads-5__content__item__text--1 {
          color: #713EC9;
          text-shadow: 5px 5px 5px rgba(113, 62, 201, 0.2);
          font-weight: bold; }
        .w24-ads-5__content__item__text--2 {
          color: #34A7F2;
          text-shadow: 5px 5px 5px rgba(52, 166, 242, 0.2);
          font-weight: bold; }
        .w24-ads-5__content__item__text--3 {
          color: #CC71E8;
          text-shadow: 5px 5px 5px rgba(204, 113, 232, 0.2);
          font-weight: bold; }
        .w24-ads-5__content__item__text--4 {
          color: #FF665C;
          text-shadow: 2px 2px 3px rgba(255, 103, 92, 0.2);
          font-weight: bold; }
        @media only screen and (max-width: 600px) {
          .w24-ads-5__content__item__text {
            font-size: 2rem; } }

/*ed*/
/*w58-blogdetail*/
.w58-blogdetail {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 1rem 0rem;
    background: #fff;
}

.w58-blogdetail__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w58-blogdetail__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w58-blogdetail__heading__name {
    font-size: 3rem;
    line-height: 5rem;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    position: relative;
    font-weight: 600;
}

@media only screen and (max-width:31.25rem) {
    .w58-blogdetail__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-blogdetail__heading__name__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1)
}

.w58-blogdetail__heading__tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
}

.w58-blogdetail__heading__tabs__item {
    color: #3f3f3f;
    padding: 0rem .75rem;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
}

    .w58-blogdetail__heading__tabs__item:hover, .w58-blogdetail__heading__tabs__item.active {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:31.25rem) {
    .w58-blogdetail__heading__tabs__item {
        font-size: 1.4rem;
        text-align: center;
    }

    .w58-blogdetail__heading__tabs__item {
        width: 49%;
        margin-left: 2%;
        border: none;
        border: solid .1rem rgba(var(--text-color-w),.3);
        border-radius: .5rem;
        margin-bottom: 1rem;
        padding: .5rem;
    }

        .w58-blogdetail__heading__tabs__item:hover, .w58-blogdetail__heading__tabs__item.active {
            background: rgba(var(--main-color-w),1);
            color: #fff;
            border: solid .1rem rgba(var(--main-color-w),1);
        }

        .w58-blogdetail__heading__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w58-blogdetail__name {
    display: flex;
    gap: 1.2rem;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 2rem;
}

.w58-blogdetail__name__text {
    width: 100%;
    font-size: 2rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w58-blogdetail__name__line {
    width: 100%;
    border-bottom: .1rem solid #dadada;
    position: relative;
}

    .w58-blogdetail__name__line:before {
        content: "";
        background: rgba(var(--main-color-w),1);
        width: 7rem;
        height: .4rem;
        position: absolute;
        left: 0;
        top: -.2rem;
    }

.w58-blogdetail__name__date {
    display: flex;
    width: 100%;
    font-size: 1.6rem;
    align-items: center;
    color: #3f3f3f;
}

.w58-blogdetail__name__date__icon {
}

.w58-blogdetail__name__date__text {
    margin-left: 1rem;
}

.w58-blogdetail__detail {
    margin-top: 2rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

@media only screen and (max-width:31.25rem) {
    .w58-blogdetail__detail {
        margin-top: 1rem;
    }
}

.w58-blogdetail__detail__content {
    font-size: 1.5rem;
    line-height: 2rem;
    overflow: hidden;
    color: #3f3f3f;
}
    .w58-blogdetail__detail__content iframe {
        width: 100%;
        height: 68rem;
    }

@media only screen and (max-width:75rem) {
    .w58-blogdetail__detail__content iframe {
        height: 58rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w58-blogdetail__detail__content iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w58-blogdetail__detail__content iframe {
        height: 40rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-blogdetail__detail__content iframe {
        height: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-blogdetail__detail__content iframe {
        height: 24rem;
    }
}
.w58-blogdetail .w23-tableoct {
    width: 100%;
    padding: .5rem;
    background: #fff;
    margin-top: 2rem;
    border-radius: 1rem;
}

.w58-blogdetail .w23-tableoct__group {
    padding: .5rem;
}

.w58-blogdetail__bottom {
    display: flex;
    margin-top: 2rem;
    justify-content: center;
    width: 100%;
}

.w58-blogdetail__bottom__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    background: rgba(var(--main-color-w),1);
    border: solid .1rem rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    transition: all 1s;
    margin-left: 2rem;
}

    .w58-blogdetail__bottom__item:first-child {
        margin-left: 0;
    }

    .w58-blogdetail__bottom__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w58-blogdetail__list {
    margin-top: 3rem;
    width: 100%;
}

.w58-blogdetail__list__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w58-blogdetail__list__heading {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

@-webkit-keyframes key-w58-blogdetail__list__heading {
    0% {
        transform: translateY(-10rem);
    }

    70% {
        transform: translateY(1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w58-blogdetail__list__heading {
    -webkit-animation: key-w58-blogdetail__list__heading 1s;
    animation: key-w58-blogdetail__list__heading 1s;
    animation-iteration-count: 1;
}

.w58-blogdetail__list__heading__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:62.5rem) {
    .w58-blogdetail__list__heading__main {
        width: 100%;
    }
}

.w58-blogdetail__list__heading__main__name {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    width: 100%;
    transition: all .5s;
}

@media only screen and (max-width:31.25rem) {
    .w58-blogdetail__list__heading__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-blogdetail__list__heading__main__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w),1)
}

.w58-blogdetail__list__heading__main__figure {
    background-size: contain;
    margin-top: .5rem;
}

.w58-blogdetail__list__heading__bottom {
    margin-left: auto;
    margin-top: .5rem;
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    text-transform: uppercase;
    padding-bottom: .25rem;
    border-bottom: solid .2rem #bfbfbf;
    transition: all .5s;
    cursor: pointer;
}

    .w58-blogdetail__list__heading__bottom:hover {
        border-color: rgba(var(--main-color-w),1);
    }

.w58-blogdetail__list__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

@-webkit-keyframes key-w58-blogdetail__list__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w58-blogdetail__list__mains {
    -webkit-animation: key-w58-blogdetail__list__mains 2s;
    animation: key-w58-blogdetail__list__mains 2s;
    animation-iteration-count: 1;
}

.w58-blogdetail__list__mains__items {
    display: flex;
    padding-bottom: 1rem;
}

.w58-blogdetail__list__mains__items__item.swiper-slide {
    width: calc(32% - .2rem);
    margin-right: 2%;
    margin-top: 1rem;
    position: relative;
    border-radius: .5rem;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    border: solid .1rem #f1f1f1;
}

.w58-blogdetail__list__mains__items__item__content {
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
}

    .w58-blogdetail__list__mains__items__item__content:after {
        content: "";
        width: 0;
        height: 0.4rem;
        background: rgba(var(--main-color-w), 1);
        overflow: hidden;
        position: absolute;
        left: 0;
        bottom: 0;
        transition: 2s;
    }

    .w58-blogdetail__list__mains__items__item__content:hover:after {
        width: 100%;
    }

.w58-blogdetail__list__mains__items__item__content__bottom {
    padding: 1rem;
    display: block;
    position: relative;
    font-weight: 400;
    font-size: 1rem;
}

.w58-blogdetail__list__mains__items__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

    .w58-blogdetail__list__mains__items__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w58-blogdetail__list__mains__items__item__content__top {
    overflow: hidden;
}

.w58-blogdetail__list__mains__items__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    cursor: pointer;
}

    .w58-blogdetail__list__mains__items__item__content__top__imgbox:hover {
        transform: scale(1.05);
    }

.w58-blogdetail__list__mains__prev.swiper-button-prev,
.w58-blogdetail__list__mains__next.swiper-button-next {
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    width: auto;
    transition: all .3s;
    visibility: hidden;
    opacity: 0;
}

.w58-blogdetail__list__mains:hover .w58-blogdetail__list__mains__next.swiper-button-next,
.w58-blogdetail__list__mains:hover .w58-blogdetail__list__mains__prev.swiper-button-prev {
    visibility: initial;
    opacity: 1;
}

.w58-blogdetail__list__mains__prev.swiper-button-prev {
}

.w58-blogdetail__list__mains__next.swiper-button-next {
}

.w58-blogdetail__list__mains__prev:after,
.w58-blogdetail__list__mains__next:after {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w58-blogdetail__list__mains__items__item.swiper-slide {
        width: calc(49% - .2rem);
    }
}
/*ed*/
/*w58-bloglist*/
.w58-bloglist {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 1rem 3rem;
    background: #fff;
}

.w58-bloglist__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w58-bloglist__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}

.w58-bloglist__heading__name {
    font-size: 3rem;
    line-height: 5rem;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    position: relative
}

.w58-bloglist__heading__name__line {
    width: 8rem;
    margin: .5rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width:31.25rem) {
    .w58-bloglist__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-bloglist__heading__tabs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 2rem;
}

.w58-bloglist__heading__tabs__item {
    color: #3f3f3f;
    padding: 0rem .75rem;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    font-weight: 600;
}

    .w58-bloglist__heading__tabs__item:hover, .w58-bloglist__heading__tabs__item.active {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:31.25rem) {
    .w58-bloglist__heading__tabs__item {
        font-size: 1.4rem;
        text-align: center;
    }

    .w58-bloglist__heading__tabs__item {
        width: 49%;
        margin-left: 2%;
        border: none;
        border: solid .1rem rgba(var(--text-color-w),.3);
        border-radius: .5rem;
        margin-bottom: 1rem;
        padding: .5rem;
    }

        .w58-bloglist__heading__tabs__item:hover, .w58-bloglist__heading__tabs__item.active {
            background: rgba(var(--main-color-w),1);
            color: #fff;
            border: solid .1rem rgba(var(--main-color-w),1);
        }

        .w58-bloglist__heading__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w58-bloglist__main {
    margin-top: 2rem;
    width: 100%;
}

.w58-bloglist__main__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w58-bloglist__main__items__item {
    margin-bottom: 2.5rem;
    position: relative;
    border: solid .1rem #f1f1f1;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (max-width:37.5rem) {
    .w58-bloglist__main__items__item {
        margin-bottom: 1rem
    }
}

@media only screen and (min-width:1000px) {
    .w58-bloglist__main__items__item {
        margin-left: 2%;
        width: 32%;
    }

        .w58-bloglist__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:1000px) {
    .w58-bloglist__main__items__item {
        margin-left: 2%;
        width: 49%;
    }

        .w58-bloglist__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w58-bloglist__main__items__item:after {
    content: "";
    width: 0;
    height: 0.4rem;
    background: rgba(var(--main-color-w),1);
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: 2s;
}

.w58-bloglist__main__items__item:hover:after {
    width: 100%;
}

.w58-bloglist__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    transition: all .5s;
    cursor: pointer;
}

    .w58-bloglist__main__items__item__imgbox:hover {
        transform: scale(1.01);
    }

.w58-bloglist__main__items__item__main {
    padding: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w58-bloglist__main__items__item__main {
        padding: 1rem;
    }
}

.w58-bloglist__main__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

    .w58-bloglist__main__items__item__main__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w58-bloglist__main__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.w58-bloglist__main__paging__item {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w58-bloglist__main__paging__item__text {
    font-size: 1.6rem;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: solid 0.1rem #f1f1f1;
    background: #fff;
    cursor: pointer;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w58-bloglist__main__paging__item:hover .w58-bloglist__main__paging__item__text,
.w58-bloglist__main__paging__item.active .w58-bloglist__main__paging__item__text {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w58-bloglist__detail {
    margin-top: 2rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

@media only screen and (max-width:31.25rem) {
    .w58-bloglist__detail {
        margin-top: 1rem;
    }
}

.w58-bloglist__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 10rem;
    overflow: hidden;
    color: #3f3f3f;
}

.w58-blogdetail__detail__content iframe {
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:75rem) {
    .w58-blogdetail__detail__content iframe {
        height: 58rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w58-blogdetail__detail__content iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w58-blogdetail__detail__content iframe {
        height: 40rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-blogdetail__detail__content iframe {
        height: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-blogdetail__detail__content iframe {
        height: 24rem;
    }
}

.w58-bloglist__detail__check:checked ~ .w58-bloglist__detail__content {
    height: max-content;
}

.w58-bloglist__detail__check {
    display: none;
}

.w58-bloglist__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w58-bloglist__detail__bottom__label {
    background-color: rgba(var(--main-color-w),1);
    border: rgba(var(--main-color-w),1) solid .1rem;
    border-radius: 2rem;
    padding: .5rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    gap: .5rem;
    transition: all .5s;
}

    .w58-bloglist__detail__bottom__label:hover {
        background-color: rgba(var(--main-color-w), 1);
        transform: scale(1.05);
    }

.w58-bloglist__detail__bottom__label--top {
    display: none;
}

.w58-bloglist__detail__check:checked ~ .w58-bloglist__detail__bottom .w58-bloglist__detail__bottom__label--top {
    display: flex;
}

.w58-bloglist__detail__check:checked ~ .w58-bloglist__detail__bottom .w58-bloglist__detail__bottom__label--down {
    display: none;
}

.w58-bloglist__detail__bottom__label__text {
    font-size: 1.6rem;
}

.w58-bloglist__detail__bottom__label__icon {
    font-size: 1.6rem;
}
/*ed*/
/*w58-productdetail*/
.w58-productdetail {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    background: #fff;
}

.w58-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w58-productdetail__top {
    flex-wrap: wrap;
    outline: none;
    display: grid;
    grid-template-columns: 50% 50%;
    position:relative;
    z-index:0;
}

@media only screen and (max-width:1200px) {
    .w58-productdetail__top {
        display: flex;
        flex-wrap: wrap;
    }
}

.w58-productdetail__top__first {
}

@media only screen and (max-width:1200px) {
    .w58-productdetail__top__first {
        width: 60%;
    }
}

@media only screen and (max-width:1000px) {
    .w58-productdetail__top__first {
        width: 100%;
    }
}

.w58-productdetail__top__first__1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w58-productdetail__top__first__1__mains {
    width: 100%;
    overflow: hidden;
}

.w58-productdetail__top__first__1__mains__thumb {
    position: relative;
    width: 100%;
    margin-top: 1rem;
}

.w58-productdetail__top__first__1__mains__thumb__box {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.w58-productdetail__top__first__1__mains__thumb__box__items__item::-webkit-scrollbar {
    width: .3rem;
}

.w58-productdetail__top__first__1__mains__thumb__box__items__item::-webkit-scrollbar-thumb {
    background: #ccc;
}

.w58-productdetail__top__first__1__mains__items__imgbox {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    border-radius: .3rem;
}

    .w58-productdetail__top__first__1__mains__items__imgbox .zoomImg {
        background: #fff;
    }

.w58-productdetail__top__first__1__mains__items__imgbox__img {
    width: 100%;
}

.main .w58-productdetail__top__first__1__mains__items__imgbox img.w58-productdetail__top__first__1__mains__items__imgbox__img {
    opacity: 1;
}

.w58-productdetail__top__first__1__mains__thumb__box__items__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    transition: all .5s;
}

.w58-productdetail__top__first__1__mains__thumb__box__items__item:hover {
    border-color: rgba(var(--main-color-w), 1);
}

.w58-productdetail__top__first__1__mains__thumb__box__items__item__imgbox {
    background-size: cover;
    border: solid .1rem #e0e0e0;
}

.w58-productdetail__top__first__1__mains__thumb__box__next.swiper-button-next,
.w58-productdetail__top__first__1__mains__thumb__box__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    transition: all .5s;
    background: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    border-radius: .3rem;
    color: rgba(var(--main-color-w),1);
}

.w58-productdetail__top__first__1__mains__thumb__box__next.swiper-button-next {
    right: -.7rem;
}

.w58-productdetail__top__first__1__mains__thumb__box__prev.swiper-button-prev {
    left: -.7rem;
}

.w58-productdetail__top__first__1__mains__thumb__box__next:hover,
.w58-productdetail__top__first__1__mains__thumb__box__prev:hover {
    color: rgba(var(--second-color-w),1);
}

.w58-productdetail__top__first__1__mains__thumb__box__next:after,
.w58-productdetail__top__first__1__mains__thumb__box__prev:after {
    display: none;
}

.w58-productdetail__top__first__1__mains__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background: rgb(255 255 255 / 70%);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w58-productdetail__top__first__1__mains__items__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background: rgb(241 241 241 / 70%);
    }

.w58-productdetail__top__first__1__mains__items__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
    animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-wd-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w58-productdetail__top__first__1__mains__items__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w58-productdetail__top__first__1__mains__items__imgbox__zoom:hover .w58-productdetail__top__first__1__mains__items__imgbox__zoom__text {
    display: block;
}

.w58-productdetail__top__first__1__form {
    margin-top: 1rem;
    background-color: #b90d0d;
    border-radius: .5rem;
    padding: 2rem;
    position: relative;
    color: #fff;
    width: 100%;
}

.w58-productdetail__top__second {
    padding-left: 6rem;
}

@media only screen and (max-width:1200px) {
    .w58-productdetail__top__second {
        width: 40%;
        border-right: none;
    }
}

@media only screen and (max-width:1000px) {
    .w58-productdetail__top__second {
        border-top: .1rem solid #dee2e6;
        width: 100%;
        border-left: none;
        margin-top: 2rem;
        padding: 0;
    }
}

.w58-productdetail__top__second__name {
    font-size: 2.4rem;
    line-height: 3.4rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w58-productdetail__top__second__price {
    margin-top: 1rem;
    display: flex;
    align-items: center;
    gap: 1rem;
}

.w58-productdetail__top__second__price__1 {
    color: rgba(var(--second-color-w),1);
    font-size: 2.4rem;
    font-weight: 600;
}

.w58-productdetail__top__second__price__1--hide {
    opacity: 0;
    visibility: hidden;
}

.w58-productdetail__top__second__price__2 {
    text-decoration: line-through;
    font-size: 2.4rem;
    color: #999;
}

.w58-productdetail__top__second__price__2--hide {
    display: none;
}

.w58-productdetail__top__second__rate {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.w58-productdetail__top__second__rate__items__star {
    color: rgba(var(--second-color-w),1);
    display: inline-block;
    margin-right: .5rem;
    font-size: 1.2rem;
}

.w58-productdetail__top__second__rate__number {
    color: rgba(var(--main-color-w),1);
    font-size: 1.4rem;
}

.w58-productdetail__top__second__rate__share {
    margin-left: auto;
    width: 13.5rem;
    border-radius: 0.5rem;
    padding: 0.25rem 0.5rem;
    overflow: hidden;
}

    .w58-productdetail__top__second__rate__share .fb-like > span,
    .w58-productdetail__top__second__rate__share .fb-share-button > span {
        width: 16rem !important;
    }

.w58-productdetail__top__second__discount {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
}

@media only screen and (max-width:1000px) {
    .w58-productdetail__top__second__discount {
        justify-content: center;
    }
}

.w58-productdetail__top__second__discount__name {
    font-size: 1.6rem;
    width: 100%;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w58-productdetail__top__second__discount__button {
    margin-top: 2rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.w58-productdetail__top__second__discount__button__name {
    background: rgba(var(--main-color-w), 1);
    padding: .5rem 1rem;
    border-radius: .3rem;
    position: relative;
    display: flex;
    align-items: center;
    width: max-content;
    cursor: pointer;
    justify-content: center;
}

.w58-productdetail__top__second__discount__button__name__text {
    font-size: 1.4rem;
    color: #fff;
}

.w58-productdetail__top__second__discount__button__name__box {
    position: absolute;
    width: 16rem;
    padding: 1rem;
    text-align: center;
    background: #ccc;
    color: #3f3f3f;
    font-size: 1.4rem;
    line-height: 2.4rem;
    transition: all .5s;
    z-index: 9;
    top: -7.5rem;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    border-radius: .5rem;
}

    .w58-productdetail__top__second__discount__button__name__box:after {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #ccc;
        bottom: -10px;
        left: 45%;
    }

.w58-productdetail__top__second__discount__button__name:hover .w58-productdetail__top__second__discount__button__name__box {
    top: -11rem;
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w58-productdetail__top__second__discount__button__name:before,
.w58-productdetail__top__second__discount__button__name:after {
    position: absolute;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    content: "";
    background: rgba(var(--main-color-w), 1);
}

.w58-productdetail__top__second__discount__button__name:before {
    left: -.3rem;
}

.w58-productdetail__top__second__discount__button__name:after {
    right: -.3rem;
}

.w58-productdetail__top__second__discount__button__icon {
    position: relative;
}

.w58-productdetail__top__second__discount__button__icon__fa {
    font-size: 2.6rem;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w58-productdetail__top__second__discount__button__icon__box {
    position: absolute;
    width: 16rem;
    left: -7.5rem;
    padding: 1rem;
    text-align: center;
    background: #ccc;
    color: #3f3f3f;
    font-size: 1.4rem;
    transition: all .5s;
    z-index: 9;
    top: -7.5rem;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    border-radius: .5rem;
}

.w58-productdetail__top__second__discount__button__icon:hover
.w58-productdetail__top__second__discount__button__icon__box {
    top: -7rem;
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w58-productdetail__top__second__discount__button__icon__box:after {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #ccc;
    bottom: -10px;
    left: 45%;
}

.w58-productdetail__top__second__size {
    margin-top: 1.5rem;
}

.w58-productdetail__top__second__size--hide {
    display: none;
}

.w58-productdetail__top__second__size__text {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
    display: flex;
}

.w58-productdetail__top__second__size__text__value {
    margin-left: 1rem;
}

.w58-productdetail__top__second__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0rem;
}

.w58-productdetail__top__second__size__items__item {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1rem;
    background: rgba(var(--main-color-w),1);
    border-radius: .4rem;
    padding: .5rem;
    position: relative;
    overflow: hidden;
    color: #fff;
    display: block !important;
    position: relative;
    filter: brightness(1) !important;
}

.w58-productdetail__top__second__size__items__item--hide {
    display: none !important;
}

.w58-productdetail__top__second__size__items__item--hethang {
    cursor: not-allowed;
}

    .w58-productdetail__top__second__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w58-productdetail__top__second__size__items__item__check {
    display: none;
}

.w58-productdetail__top__second__size__items__item:nth-child(3n+1) {
}

.w58-productdetail__top__second__size__items__item__label {
    display: flex;
    gap: .5rem;
    align-items: center;
    cursor: pointer;
}

.w58-productdetail__top__second__size__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w58-productdetail__top__second__size__items__item.active .w58-productdetail__top__second__size__items__item__label__icon,
.w58-productdetail__top__second__size__items__item__check:checked ~
.w58-productdetail__top__second__size__items__item__label
.w58-productdetail__top__second__size__items__item__label__icon {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

    .w58-productdetail__top__second__size__items__item.active .w58-productdetail__top__second__size__items__item__label__icon:before,
    .w58-productdetail__top__second__size__items__item__check:checked ~
    .w58-productdetail__top__second__size__items__item__label
    .w58-productdetail__top__second__size__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w58-productdetail__top__second__size__items__item__label__text {
    font-size: 1.2rem;
}

.w58-productdetail__top__second__size__items__item__price {
    position: absolute;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    top: 0;
    width: 0%;
    right: 0;
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
}

.w58-productdetail__top__second__size__items__item.active .w58-productdetail__top__second__size__items__item__price,
.w58-productdetail__top__second__size__items__item:hover .w58-productdetail__top__second__size__items__item__price {
    width: 86%;
}

.w58-productdetail__top__second__color {
    margin-top: 1rem;
}

.w58-productdetail__top__second__size {
    display: none;
}

.w58-productdetail__top__second__color__text {
    font-size: 1.6rem;
    font-weight: 600;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
    display: flex;
}

.w58-productdetail__top__second__color__text__value {
    margin-left: 1rem;
}

.w58-productdetail__top__second__color__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0rem;
}

.w58-productdetail__top__second__color__items__item {
    width: 31%;
    margin-left: 1%;
    margin-right: 1%;
    margin-bottom: 1rem;
    background: rgba(var(--main-color-w),1);
    border-radius: .4rem;
    padding: .5rem;
    position: relative;
    overflow: hidden;
    color: #fff;
    display: block !important;
    filter: brightness(1) !important;
    position: relative;
}

.w58-productdetail__top__second__color__items__item--hide {
    display: none !important;
}

.w58-productdetail__top__second__color__items__item--hethang {
    cursor: not-allowed;
}

    .w58-productdetail__top__second__color__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w58-productdetail__top__second__color__items__item__check {
    display: none;
}

.w58-productdetail__top__second__color__items__item:nth-child(3n+1) {
}

.w58-productdetail__top__second__color__items__item__label {
    display: flex;
    gap: .5rem;
    align-items: center;
    cursor: pointer;
}

.w58-productdetail__top__second__color__items__item__label__icon {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    font-family: "Font Awesome 5 Pro";
    border-radius: 50%;
}

.w58-productdetail__top__second__color__items__item.active .w58-productdetail__top__second__color__items__item__label__icon,
.w58-productdetail__top__second__color__items__item__check:checked ~
.w58-productdetail__top__second__color__items__item__label
.w58-productdetail__top__second__color__items__item__label__icon {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

    .w58-productdetail__top__second__color__items__item.active .w58-productdetail__top__second__color__items__item__label__icon:before,
    .w58-productdetail__top__second__color__items__item__check:checked ~
    .w58-productdetail__top__second__color__items__item__label
    .w58-productdetail__top__second__color__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w58-productdetail__top__second__color__items__item__label__text {
    font-size: 1.2rem;
}

.w58-productdetail__top__second__color__items__item__price {
    position: absolute;
    background: #fff;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.2rem;
    top: 0;
    width: 0%;
    right: 0;
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
    transition: all .5s;
    overflow: hidden;
    cursor: pointer;
}

.w58-productdetail__top__second__color__items__item.active .w58-productdetail__top__second__color__items__item__price,
.w58-productdetail__top__second__color__items__item:hover .w58-productdetail__top__second__color__items__item__price {
    width: 86%;
}

.w58-productdetail__top__second__detail {
    margin-top: 1.5rem;
    overflow: hidden;
    width: 100%;
}

.w58-productdetail__top__second__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #3f3f3f;
}

    .w58-productdetail__top__second__detail__content ul,
    .w58-productdetail__top__second__detail__content ol {
        margin: 0 0 0 1.5rem;
        padding: 0;
        position: relative;
    }

    .w58-productdetail__top__second__detail__content li::marker {
        content: "\f14a";
        font-family: "Font Awesome 5 Pro";
        position: absolute;
        top: 0;
        left: .5rem;
    }

    .w58-productdetail__top__second__detail__content li {
        padding-left: .75rem;
        position: relative;
    }

.w58-productdetail__top__second__1__support {
    background: #f6f3ec;
    border: .1rem solid #e6dbc0;
    border-radius: 5px;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w58-productdetail__top__second__cart {
    display: flex;
    align-items: center;
    margin-top: 2rem;
    position: relative;
    flex-wrap: wrap;
}

.w58-productdetail__top__second__cart__soluong__text {
    font-size: 1.6rem;
    margin-right: 1rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w58-productdetail__top__second__cart__soluong__minus, .w58-productdetail__top__second__cart__soluong__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w58-productdetail__top__second__cart__soluong__minus {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .4rem 0 0 .4rem;
    transition: all .5s;
}

    .w58-productdetail__top__second__cart__soluong__minus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w58-productdetail__top__second__cart__soluong__plus {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 .4rem .4rem 0;
    transition: all .5s;
}

    .w58-productdetail__top__second__cart__soluong__plus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w58-productdetail__top__second__cart__soluong__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    width: 4rem;
    height: 4rem;
    color: #777;
    outline: none;
    text-align: center;
    font-size: 1.6rem;
}

.w58-productdetail__top__second__cart__btn {
    width: 100%;
    display: flex;
    margin-top: 2rem;
}

.w58-productdetail__top__second__cart__btn__item {
    border-radius: 5px;
    background: rgba(var(--main-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    padding: 1rem 1rem;
    color: #fff;
    font-size: 1.4rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    display: flex;
    align-items: center;
}

.w58-productdetail__top__second__cart__btn__item__text {
    font-weight: 600;
    margin-left: 1rem;
}

.w58-productdetail__top__second__cart__btn__item:hover {
    background: rgba(var(--main-color-w),1);
}

.w58-productdetail__top__second__cart__btn__item__icon {
}

.w58-productdetail__top__second__cart__btn__buy {
    border-radius: 5px;
    background: rgba(var(--second-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    padding: 1rem 1rem;
    margin-left: 2%;
    color: #fff;
    font-size: 1.4rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    text-transform: uppercase;
    display: flex;
    gap: .5rem;
    align-items: center;
}

.w58-productdetail__top__second__cart__btn__buy__text {
    font-weight: 600;
    margin-left: 1rem;
}

.w58-productdetail__top__second__cart__btn__buy:hover {
    background: rgba(var(--main-color-w),1);
}

.w58-productdetail__top__second__cart__btn__buy__icon {
}

.w58-productdetail__top__second__cart__btn__buy:nth-child(2n+1) {
    margin-left: 0;
}

.w58-productdetail__top__second__cart__soluong {
    display: flex;
    align-items: center;
}

.w58-productdetail__top__second__cart__soluong__input::-webkit-outer-spin-button,
.w58-productdetail__top__second__cart__soluong__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w58-productdetail__top__second__btncart {
    width: 100%;
    text-transform: uppercase;
    background: red;
    margin: 0;
    display: block;
}

.w58-productdetail__top__second__bottom {
    margin-top: 2rem;
    background: #f1f1f1;
    padding: .5rem 1rem;
    border-top: .3rem solid rgba(var(--main-color-w),1);
}

.w58-productdetail__top__second__bottom__item {
    display: flex;
    padding: .5rem 0rem;
    align-items: center;
}

.w58-productdetail__top__second__bottom__item__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
}

.w58-productdetail__top__second__bottom__item__name {
    color: #3f3f3f;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-left: .5rem;
}

.w58-productdetail__main {
    margin-top: 2rem;
    background: #f1f1f1;
    padding: .5rem 1.5rem 1.5rem;
    border-radius: .5rem;
}

@media only screen and (max-width:1200px) {
    .w58-productdetail__main {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:1200px) {
    .w58-productdetail__main__first {
        width: 100%;
    }
}

.w58-productdetail__main__first__tabs {
    display: flex;
    border-bottom: .1rem solid rgba(var(--main-color-w),1);
    display: flex;
    flex-wrap: wrap;
}

.w58-productdetail__main__first__tabs__item {
    font-size: 1.6rem;
    padding: .5rem 1rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
    color: #3f3f3f;
    font-weight: 600;
    margin-top: 1rem;
}

@media only screen and (max-width:500px) {
    .w58-productdetail__main__first__tabs__item {
        width: 100%;
    }
}

.w58-productdetail__main__first__tabs__item:first-child {
    border: none;
}

.w58-productdetail__main__first__tabs__item.active,
.w58-productdetail__main__first__tabs__item:hover {
    background: rgba(var(--main-color-w),1);
    color: #fff;
}

.w58-productdetail__main__first__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding: 1rem;
    margin-top: 1rem;
    color: #3f3f3f;
}

    .w58-productdetail__main__first__content ul,
    .w58-productdetail__main__first__content ol {
        margin-left: 2.5rem;
    }

    .w58-productdetail__main__first__content iframe {
        width: 100%;
        height: 65rem;
    }

@media only screen and (max-width:75rem) {
    .w58-productdetail__main__first__content iframe {
        height: 58rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w58-productdetail__main__first__content iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__main__first__content iframe {
        height: 40rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-productdetail__main__first__content iframe {
        height: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-productdetail__main__first__content iframe {
        height: 24rem;
    }
}

.w58-productdetail__bottoms {
    margin-top: 2rem;
}

.w58-productdetail__bottoms__name {
    text-align: center;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    font-size: 3rem;
    line-height: 5rem;
}

@media only screen and (max-width:31.25rem) {
    .w58-productdetail__bottoms__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-productdetail__bottoms__bottom {
    width: 100%;
    overflow: hidden;
    position: relative;
    margin-top: 2rem;
}

.w58-productdetail__bottoms__bottom__main {
    display: flex;
    padding-bottom: 1rem;
}

.w58-productdetail__bottoms__bottom__main__item.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    margin-top: 1rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (max-width:75rem) {
    .w58-productdetail__bottoms__bottom__main__item.swiper-slide {
        width: 32%;
    }
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__bottoms__bottom__main__item.swiper-slide {
        width: 49%;
    }
}

.w58-productdetail__bottoms__bottom__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    background-color: #fff;
    transition: all .5s;
    border: solid .1rem #f1f1f1;
    border-radius: .3rem;
}

.w58-productdetail__bottoms__bottom__main__item__content__bottom {
    padding: 1rem;
    display: block;
    position: relative;
    text-align: center;
}

.w58-productdetail__bottoms__bottom__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
}

    .w58-productdetail__bottoms__bottom__main__item__content__bottom__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w58-productdetail__bottoms__bottom__main__item__content__bottom__des {
    font-size: 1.6rem;
    color: #3f3f3f;
    line-height: 2.6rem;
    margin-top: .5rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.w58-productdetail__bottoms__bottom__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1.4rem;
    gap: .5rem;
}

.w58-productdetail__bottoms__bottom__main__item__content__bottom__rates__item {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.4rem;
    display: inline-block;
    transition: all .5s;
}

.w58-productdetail__bottoms__bottom__main__item__content__head {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.w58-productdetail__bottoms__bottom__main__item__content__head__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    cursor: pointer;
    transition: 0.5s all ease-in-out;
    justify-content: center;
}

    .w58-productdetail__bottoms__bottom__main__item__content__head__top:hover {
        margin-left: -100%;
    }

.w58-productdetail__bottoms__bottom__main__item__content__head__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w58-productdetail__bottoms__bottom__main__item__content__sale {
    position: absolute;
    top: 1rem;
    left: 0;
    width: 100%;
    justify-content: right;
    display: flex;
    z-index: 1;
}

.w58-productdetail__bottoms__bottom__main__item__content__sale__text {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    padding: .25rem .5rem .35rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem;
    margin-right: 1rem;
}

.w58-productdetail__bottoms__bottom__main__item__content__head__top:hover .w58-productdetail__bottoms__bottom__main__item__content__sale {
}

.w58-productdetail__bottoms__bottom__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
}

.w58-productdetail__bottoms__bottom__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
    transition: all .5s;
}
.w58-productdetail__bottoms__bottom__main__item__content__price__sub {
    color: #999;
    font-size: 1.6rem;
    text-decoration: line-through;
}

.w58-productdetail__bottoms__bottom__main__item__content__head__childs {
    width: 100%;
    display: flex;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: center;
    padding: 0 1rem;
    position: absolute;
    bottom: 1rem;
    transition: all .5s;
}


.w58-productdetail__bottoms__bottom__main__item__content__head__childs__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.5rem;
    border: solid .1rem #858585;
    border-radius: .2rem;
    padding: .2rem;
    cursor: pointer;
    margin-left: 1rem;
}

    .w58-productdetail__bottoms__bottom__main__item__content__head__childs__imgbox:first-child {
        margin-left: 0;
    }

    .w58-productdetail__bottoms__bottom__main__item__content__head__childs__imgbox:hover {
        border: solid .1rem rgba(var(--main-color-w), 1);
    }

.w58-productdetail__bottoms__bottom__pagination {
    bottom: 0 !important;
}

.w58-productdetail__bottoms__bottom__button {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 1rem;
}

.w58-productdetail__bottoms__bottom__button__btn {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .5s;
    cursor: pointer;
    position: relative;
    text-align: center;
    display: block;
}

.w58-productdetail__bottoms__bottom__button__btn__text {
    margin: 0 3rem;
}

.w58-productdetail__bottoms__bottom__button__btn:hover {
    color: rgba(var(--second-color-w), 1);
}

.w58-productdetail__bottoms__bottom__button__next.swiper-button-next,
.w58-productdetail__bottoms__bottom__button__prev.swiper-button-prev {
    font-size: 2rem;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: rgb(250,250,250,.6);
    color: rgba(var(--main-color-w), 1);
    position: relative;
    margin: 0;
    top: initial;
}

.w58-productdetail__bottoms__bottom__button__next:hover,
.w58-productdetail__bottoms__bottom__button__prev:hover {
    background-color: #fff;
}

.w58-productdetail__bottoms__bottom__button__next:after,
.w58-productdetail__bottoms__bottom__button__prev:after {
    display: none;
}

.w58-productdetail__checkdis {
    display: none;
}

.w58-productdetail__discount {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 9;
    right: -100%;
    transition: all .5s;
}

.w58-productdetail__checkdis:checked ~
.w58-productdetail__discount {
    right: 0;
}

.w58-productdetail__discount__main {
    position: absolute;
    z-index: 2;
    right: 0;
    top: 0;
    background: #fff;
    height: 100vh;
}

.w58-productdetail__checkdis:checked ~
.w58-productdetail__discount
.w58-productdetail__discount__main {
    -webkit-animation: key-w58-productdetail__discount__main 1s;
    animation: key-w58-productdetail__discount__main 1s;
    animation-iteration-count: 1;
}


@media only screen and (min-width:600px) {
    .w58-productdetail__discount__main {
        width: 36rem;
    }

    @-webkit-keyframes key-w58-productdetail__discount__main {
        0% {
            width: 0;
        }

        50% {
            width: 40rem;
        }

        75% {
            width: 34rem;
        }

        100% {
            width: 36rem;
        }
    }
}

@media only screen and (max-width:600px) {
    .w58-productdetail__discount__main {
        width: 90%;
    }

    @-webkit-keyframes key-w58-productdetail__discount__main {
        0% {
            width: 0;
        }

        50% {
            width: 90%;
        }

        75% {
            width: 70%;
        }

        100% {
            width: 90%;
        }
    }
}

.w58-productdetail__discount__main__heading {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 1rem;
    background-color: rgba(var(--main-color-w), 1);
    box-shadow: 0px 0px 0px rgba(63, 63, 68, 0.05), 0px 1px 3px rgba(63, 63, 68, 0.15);
}

.w58-productdetail__discount__main__heading__name {
    color: #fff;
    font-size: 1.6rem;
}

.w58-productdetail__discount__main__heading__icon {
    position: absolute;
    left: 1rem;
    font-size: 1.6rem;
    cursor: pointer;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w58-productdetail__discount__main__heading__icon:hover {
        -webkit-animation: key-w58-productdetail__discount__main__heading__icon 1s;
        animation: key-w58-productdetail__discount__main__heading__icon 1s;
        animation-iteration-count: 1;
    }

@-webkit-keyframes key-w58-productdetail__discount__main__heading__icon {
    0% {
        transform: translateX(-.2rem);
    }

    50% {
        transform: translateX(.2rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

.w58-productdetail__discount__main__item {
    box-shadow: 0px 0px 0px rgba(63, 63, 68, 0.05), 0px 1px 3px rgba(63, 63, 68, 0.15);
    display: flex;
    width: 100%;
    padding: 2rem 1rem;
}

.w58-productdetail__discount__main__item__imgbox {
    background-size: contain;
    width: 25%;
    transition: all .5s;
}

    .w58-productdetail__discount__main__item__imgbox:hover {
        transform: scale(1.05);
    }

.w58-productdetail__discount__main__item__content {
    width: 70%;
    margin-left: 5%;
}

.w58-productdetail__discount__main__item__content__name {
    text-align: center;
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w58-productdetail__discount__main__item__content__des {
    text-align: center;
    display: block;
    font-size: 1.5rem;
    color: #727272;
    padding: .85rem 0;
}

.w58-productdetail__discount__main__item__content__button {
    background: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .5rem 1rem;
    font-size: 1.4rem;
    border-radius: .25rem;
    border: none;
    display: inline-block;
    margin-top: .75rem;
    transition: all .5s;
    cursor: pointer;
}

    .w58-productdetail__discount__main__item__content__button:hover {
        background: rgba(var(--second-color-w),1);
    }

.w58-productdetail__discount__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100vh;
    background: rgb(0 0 0 / 65%);
    z-index: 1;
}

.w58-productdetail__top__second__code {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    background-color: #f1f1f1;
    padding: 1rem;
    justify-content: space-between;
    border-radius: .3rem;
}

.w58-productdetail__top__second__code--hide {
    display: none;
}

.w58-productdetail__top__second__code__first {
    font-size: 1.6rem;
    display: flex;
}

.w58-productdetail__top__second__code__first__name {
    font-weight: 600;
}

.w58-productdetail__top__second__code__first__value {
    margin-left: .75rem;
}

.w58-productdetail__top__second__code__soluong {
    font-size: 1.6rem;
    display: flex;
}

.w58-productdetail__top__second__code__soluong__name {
    font-weight: 600;
}

.w58-productdetail__top__second__code__soluong__value {
    margin-left: .75rem;
}
.w58-productdetail__main__first__comment {
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__main__first__comment {
        margin-top: 1.5rem;
    }
}

.w58-productdetail__main__first__comment__name {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
}


.w58-productdetail__main__first__comment__title {
    font-size: 1.6rem;
    color: #24272C;
    margin-top: 1rem;
    font-weight: 600;
}

.w58-productdetail__main__first__comment__items {
    transition: all .5s ease;
    overflow: hidden;
    max-height: 50rem;
    position: relative;
}

.w58-productdetail__main__first__comment__items__bg {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(55, 100, 235, 0) 0%, #fff 100%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}

.w58-productdetail__main__first__comment__ck:checked ~
.w58-productdetail__main__first__comment__items
.w58-productdetail__main__first__comment__items__bg {
    opacity: 0;
    visibility: hidden;
}

.w58-productdetail__main__first__comment__ck:checked ~
.w58-productdetail__main__first__comment__items {
    max-height: 900vh;
    overflow: initial;
}

.w58-productdetail__main__first__comment__items__item {
    padding: 2rem;
    border-bottom: solid .1rem #ededed;
    background-color: #fff;
    border-radius: 2rem;
    margin-top: 2rem;
}

    .w58-productdetail__main__first__comment__items__item:last-child {
        border-bottom: none;
    }

.w58-productdetail__main__first__comment__items__item__create {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w58-productdetail__main__first__comment__items__item__create {
    }
}

.w58-productdetail__main__first__comment__items__item__create__date {
    font-size: 1.3rem;
    color: #696665;
}

.w58-productdetail__main__first__comment__items__item__create__by {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w58-productdetail__main__first__comment__items__item__create__by {
    }
}

.w58-productdetail__main__first__comment__items__item__create__by__imgbox {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

.w58-productdetail__main__first__comment__items__item__create__by__text {
}

.w58-productdetail__main__first__comment__items__item__create__by__text__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #24272C;
    font-weight: 600;
}

.w58-productdetail__main__first__comment__items__item__create__by__text__stars {
    margin-top: .75rem;
    display: flex;
}

.w58-productdetail__main__first__comment__items__item__create__by__text__stars__icon {
    font-size: 1rem;
    color: #ff7101;
}

    .w58-productdetail__main__first__comment__items__item__create__by__text__stars__icon:not(:first-child) {
        margin-left: .5rem;
    }

.w58-productdetail__main__first__comment__items__item__text {
    color: #696665;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 2rem;
}

.w58-productdetail__main__first__comment__ck {
    display: none;
}

.w58-productdetail__main__first__comment__more {
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-top: 1rem;
    cursor: pointer;
}

.w58-productdetail__main__first__comment__more__name {
    font-weight: 600;
    font-size: 1.6rem;
}

.w58-productdetail__main__first__comment__more__icon {
    margin-left: 1rem;
    transition: all .3s ease;
    font-size: 1rem;
    width: 1.7rem;
    font-size: .8rem;
    height: 1.7rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w58-productdetail__main__first__comment__ck:checked ~
.w58-productdetail__main__first__comment__more {
    display: none;
}

.w58-productdetail__main__first__comment__box {
    background-color: #fff;
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__main__first__comment__box {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-productdetail__main__first__comment__box {
        padding: 1.5rem;
    }
}

.w58-productdetail__main__first__comment__box__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__main__first__comment__box__heading {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-productdetail__main__first__comment__box__heading {
        margin-bottom: 2rem;
    }
}

.w58-productdetail__main__first__comment__box__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}


.w58-productdetail__main__first__comment__box__heading__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #696665;
}

.w58-productdetail__main__first__comment__box__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w58-productdetail__main__first__comment__box__items__item {
    width: 48%;
    margin-bottom: 3rem;
    margin-left: 4%;
}

@media only screen and (min-width:50rem) {
    .w58-productdetail__main__first__comment__box__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__main__first__comment__box__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-productdetail__main__first__comment__box__items__item {
        margin-bottom: 2rem;
    }
}

.w58-productdetail__main__first__comment__box__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w58-productdetail__main__first__comment__box__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w58-productdetail__main__first__comment__box__items__item__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w58-productdetail__main__first__comment__box__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w58-productdetail__main__first__comment__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w58-productdetail__main__first__comment__box__full {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__main__first__comment__box__full {
        margin-bottom: 2rem;
    }
}

.w58-productdetail__main__first__comment__box__full__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w58-productdetail__main__first__comment__box__full__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w58-productdetail__main__first__comment__box__full__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w58-productdetail__main__first__comment__box__btn {
    width: max-content;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 3rem;
    padding: 1.5rem 10rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w58-productdetail__main__first__comment__box__btn {
        width: 100%;
        padding: 1.5rem 1.5rem;
    }
}

.w58-productdetail__main__first__comment__box__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w58-productdetail__main__first__comment__box__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}
/*ed*/
/*w58-productlist*/
.w58-productlist {
    width: 100%;
    padding: 3rem 1rem;
    position: relative;
    background: #fff;
}

.w58-productlist__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w58-productlist__group {
        flex-wrap: wrap;
    }
}

.w58-productlist__menu {
    position: relative;
    width: 23%;
}

@media only screen and (max-width:62.5rem) {
    .w58-productlist__menu {
        width: 100%;
        overflow: hidden;
        max-height: 0;
        transition: all .5s;
    }

    .w58-productlist__mobile__check:checked ~
    .w58-productlist__menu {
        max-height: 900vh;
        padding: 1rem;
        border: rgba(var(--main-color-w),1) solid .1rem;
        border-radius: .5rem;
    }
}

.w58-productlist__menu__main {
    margin-top: 1rem;
}

    .w58-productlist__menu__main:first-child {
        margin-top: 0;
    }

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-w58-productlist__menu {
        0% {
            transform: translateX(-10rem);
        }

        70% {
            transform: translateX(1rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w58-productlist__menu {
        -webkit-animation: key-w58-productlist__menu 1s;
        animation: key-w58-productlist__menu 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    @-webkit-keyframes key-w58-productlist__menu {
        0% {
            transform: translateY(-10rem);
        }

        70% {
            transform: translateY(1rem);
        }

        100% {
            transform: translateY(0rem);
        }
    }

    section.in .w58-productlist__menu {
        -webkit-animation: key-w58-productlist__menu 1s;
        animation: key-w58-productlist__menu 1s;
        animation-iteration-count: 1;
    }
}

@media only screen and (max-width:81.25rem) {
    .w58-productlist__menu {
        grid-column-start: 1;
        grid-column-end: 5;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-productlist__menu {
        grid-column-start: 1;
        grid-column-end: 1;
    }
}
.w58-productlist__menu__container{
    position:sticky;
    top:1rem;
}
.w58-productlist__menu__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    width: 100%;
    color: rgba(var(--main-color-w),1);
    padding: 1rem 0;
}

.w58-productlist__menu__main__line {
    height: .3rem;
    background-color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    position: relative;
}

.w58-productlist__menu__main__menu {
    margin-top: 3rem;
}

.w58-productlist__menu__main__menu__item {
    margin-bottom: 1rem;
    display: flex;
    gap: 1rem 1rem;
    align-items: center;
    border-bottom: solid .1rem #dee2e6;
    padding-bottom: 1rem;
    transition: all .5s;
}

    .w58-productlist__menu__main__menu__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

    .w58-productlist__menu__main__menu__item:last-child {
        border-bottom: none;
    }

.w58-productlist__menu__main__menu__item__icon {
    font-size: 1.6rem;
}

.w58-productlist__menu__main__menu__item__name {
    font-size: 1.6rem;
}

.w58-productlist__menu__main__menu__item__number {
    font-size: 1.6rem;
    margin-left: auto;
}

.w58-productlist__menu__main__ads {
    display: flex;
    margin-top: 1rem;
}

.w58-productlist__menu__main__ads__item {
    display: flex !important;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 3.4rem;
    height: 3.4rem;
    background: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    font-size: 1.4rem;
    transition: all 1s;
    cursor: pointer;
    margin-left: 1rem;
}

    .w58-productlist__menu__main__ads__item:first-child {
        margin-left: 0;
    }

    .w58-productlist__menu__main__ads__item:hover {
        background-color: rgba(var(--text-color-w),1);
        color: #fff;
    }

.w58-productlist__menu__main__items {
    margin-top: 1.5rem;
}

.w58-productlist__menu__main__items__item {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: .5rem;
    cursor: pointer;
}

.w58-productlist__menu__main__items__item__check {
    display: none;
}

.w58-productlist__menu__main__items__item__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    border-radius: .2rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w), 1);
}

.w58-productlist__menu__main__items__item:hover .w58-productlist__menu__main__items__item__icon,
.w58-productlist__menu__main__items__item__check:checked ~ .w58-productlist__menu__main__items__item__icon {
    background: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w58-productlist__menu__main__items__item__check:checked ~ .w58-productlist__menu__main__items__item__icon:before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
    }

.w58-productlist__menu__main__items__item__name {
    font-size: 1.4rem;
    color: rgba(var(--text-color-w),1);
    transition: all .5s;
}

.w58-productlist__menu__main__items__item:hover .w58-productlist__menu__main__items__item__name {
    transform: scale(1.05);
}

.w58-productlist__menu__main__prices {
    margin-top: 1.5rem;
}

.w58-productlist__menu__main__prices__item {
    display: flex;
    align-items: center;
    padding: .5rem;
    cursor: pointer;
}

.w58-productlist__menu__main__prices__item__check {
    display: none;
}

.w58-productlist__menu__main__prices__item__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    border-radius: .2rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w), 1);
}

.w58-productlist__menu__main__prices__item:hover .w58-productlist__menu__main__prices__item__icon,
.w58-productlist__menu__main__prices__item__check:checked ~ .w58-productlist__menu__main__prices__item__icon {
    background: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w58-productlist__menu__main__prices__item__check:checked ~ .w58-productlist__menu__main__prices__item__icon:before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
    }

.w58-productlist__menu__main__prices__item__subs {
    font-size: 1.4rem;
    color: rgba(var(--text-color-w),1);
    transition: all .5s;
    display: flex;
    margin-left: 1rem;
}

.w58-productlist__menu__main__prices__item:hover .w58-productlist__menu__main__prices__item__subs {
    transform: scale(1.05);
}

.w58-productlist__menu__main__prices__item__subs__name {
}

.w58-productlist__menu__main__prices__item__subs__min {
    display: flex;
}

.w58-productlist__menu__main__prices__item--last
.w58-productlist__menu__main__prices__item__subs__min {
    margin-left: .5rem;
}

.w58-productlist__menu__main__prices__item__subs__min__donvi {
    margin-left: .25rem;
}

.w58-productlist__menu__main__prices__item__subs__max {
    display: flex;
    margin-left: .5rem;
}

.w58-productlist__menu__main__prices__item__subs__max__donvi {
    margin-left: .25rem;
}

.w58-productlist__menu__main__prices__item__subs__center {
    margin-left: .5rem;
}
.w58-productlist__main {
    width: 75%;
    margin-left: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w58-productlist__main {
        width: 100%;
        margin-left: 0;
    }
}

@-webkit-keyframes key-w58-productlist__main {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w58-productlist__main {
    -webkit-animation: key-w58-productlist__main 3s;
    animation: key-w58-productlist__main 3s;
    animation-iteration-count: 1;
}
.w58-productlist__mains__main {
    display: flex;
    padding-bottom: 1rem;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w58-productlist__mains__main__item {
    width: 23.5%;
    margin-left: 2%;
    border: 1px solid rgba(var(--main-color-w),.3);
    margin-top: 1.5rem;
    position: relative;
    outline: none;
    border-radius: .5rem;
    padding: 0rem;
}

@media only screen and (min-width:1200px) {
    .w58-productlist__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:1200px) {
    .w58-productlist__mains__main__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w58-productlist__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w58-productlist__mains__main__item {
        width: 49%;
    }

        .w58-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w58-productlist__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: 0 0rem 1rem 0rem;
    border-radius: .5rem .5rem 0 0;
}

.w58-productlist__mains__main__item__content__bottom {
    padding: 1rem .5rem 0rem;
    display: block;
    position: relative;
    text-align: center;
}

.w58-productlist__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w58-productlist__mains__main__item__content__bottom__name {
        font-size: 1.6rem;
    }
}

.w58-productlist__mains__main__item__content__bottom__name:hover {
    color: rgba(var(--second-color-w),1);
}

.w58-productlist__mains__main__item__content__bottom__rates {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 1rem;
    gap: .5rem;
}

.w58-productlist__mains__main__item__content__bottom__rates__item {
    color: #f80;
    font-size: 1rem;
    display: inline-block;
}

.w58-productlist__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem;
    display: flex;
    align-items: stretch;
    width: 200%;
    transition: 0.5s all ease-in-out;
}

    .w58-productlist__mains__main__item__content__top:hover {
        margin-left: -100%;
    }

.w58-productlist__mains__main__item__content__top__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    cursor: pointer;
    width: 100%;
}

.w58-productlist__mains__main__item__content__top__sale {
    position: absolute;
    top: 1rem;
    left: 1rem;
    background: linear-gradient(-60deg, transparent 12px, rgba(var(--main-color-w), 1) 0) right;
    color: #fff;
    padding: .5rem 1.2rem .5rem .5rem;
    font-size: 1.2rem;
    border-radius: .3rem 0 0 .3rem;
}

.w58-productlist__mains__main__item__content__top:hover .w58-productlist__mains__main__item__content__top__sale {
    right: 1rem;
    left: auto;
}

.w58-productlist__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    margin-top: 1rem;
    padding: 0 1rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:31.25rem) {
    .w58-productlist__mains__main__item__content__price {
        gap: .5rem;
    }
}

.w58-productlist__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
}

@media only screen and (max-width:50rem) {
    .w58-productlist__mains__main__item__content__price__main {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-productlist__mains__main__item__content__price__main {
        width: 100%;
        text-align: center;
    }
}

.w58-productlist__mains__main__item__content__price__sub {
    color: #999;
    font-size: 1.6rem;
    text-decoration: line-through;
}

@media only screen and (max-width:50rem) {
    .w58-productlist__mains__main__item__content__price__sub {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-productlist__mains__main__item__content__price__sub {
        width: 100%;
        text-align: center;
    }
}

.w58-productlist__mains__main__item__content__album {
    width: 100%;
    display: flex;
    gap: 1rem;
    margin-top: 1.4rem;
    align-items: stretch;
    justify-content: center;
    padding: 0 1rem;
}

.w58-productlist__mains__main__item__content__album__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 2.5rem;
    border: solid .1rem #858585;
    border-radius: .2rem;
    padding: .2rem;
    cursor: pointer;
    transition: all .5s;
}

    .w58-productlist__mains__main__item__content__album__imgbox:hover {
        border: solid .1rem rgba(var(--text-color-w),1);
    }
.w58-productlist__main__pagination {
    bottom: 0 !important;
}

    .w58-productlist__main__pagination .swiper-pagination-bullet {
        width: 3rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w58-productlist__main__pagination .swiper-pagination-bullet-active {
        width: 6rem;
        opacity: 1;
    }

.w58-productlist__main__next.swiper-button-next,
.w58-productlist__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    background-color: rgb(250 250 250 / 61%);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
}

@media only screen and (min-width:1000px) {
    .w58-productlist__main__next.swiper-button-next,
    .w58-productlist__main__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w58-productlist__main:hover .w58-productlist__main__next.swiper-button-next,
    .w58-productlist__main:hover .w58-productlist__main__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w58-productlist__main__next:hover,
.w58-productlist__main__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-productlist__main__next:after,
.w58-productlist__main__prev:after {
    display: none;
}

.w58-productlist__main__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    justify-content: center;
}

.w58-productlist__main__paging__item {
    list-style-type: none;
    transition: all .5s;
    cursor: pointer;
}

.w58-productlist__main__paging__item__text {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: solid .1rem rgba(var(--main-color-w),1);
}

.w58-productlist__main__paging__item:hover .w58-productlist__main__paging__item__text,
.w58-productlist__main__paging__item.active .w58-productlist__main__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w58-productlist__main__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}
@media only screen and (max-width:50rem) {
    .w58-productlist__main__heading {
        margin-top: 1rem;
    }
}
.w58-productlist__main__heading__name {
    display: flex;
    align-items: center;
    gap: .5rem;
    width: 100%;
    flex-wrap: wrap;
}

.w58-productlist__main__heading__name__text {
    font-size: 3rem;
    line-height: 5rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w58-productlist__main__heading__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-productlist__main__heading__name__number {
    font-size: 1.4rem;
    color: #3f3f3f;
}

.w58-productlist__main__heading__dropdown {
    margin-left: auto;
    position: relative;
    min-width: 15rem;
}

@media only screen and (max-width:50rem) {
    .w58-productlist__main__heading__dropdown {
        width: 100%;
        margin-top:1rem;
    }
}

.w58-productlist__main__heading__dropdown__label {
    background: #fff;
    padding: .75rem 1rem;
    border-radius: .5rem;
    border: rgba(var(--main-color-w),1) solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w58-productlist__main__heading__dropdown:hover .w58-productlist__main__heading__dropdown__label {
    background: rgba(var(--main-color-w),1);
    color: #fff;
}

.w58-productlist__main__heading__dropdown__check:checked ~
.w58-productlist__main__heading__dropdown__label {
    background: rgba(var(--main-color-w),1);
    color: #fff;
}

.w58-productlist__main__heading__dropdown__label__name {
    font-size: 1.4rem;
    margin-right:1rem;
}

.w58-productlist__main__heading__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}
.w58-productlist__main__heading__dropdown__check {
    display: none;
}

.w58-productlist__main__heading__dropdown__items {
    background: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--text-color-w),.3) solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
}

.w58-productlist__main__heading__dropdown__check:checked ~
.w58-productlist__main__heading__dropdown__items {
    visibility: visible;
    z-index: 1;
    top: 4rem;
    opacity: 1;
}

.w58-productlist__main__heading__dropdown__items__item {
    display: block;
    padding: .5rem;
    font-size: 1.4rem;
    line-height: 2.6rem;
    border-bottom: rgba(var(--text-color-w),.3) solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w58-productlist__main__heading__dropdown__items__item:hover {
        background: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w58-productlist__main__heading__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w58-productlist__main__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    width: 100%;
    color: #3f3f3f;
    font-weight: 600;
}
@media only screen and (max-width:50rem) {
    .w58-productlist__main__heading__des {
        margin-top: 2rem;
    }
}
.w58-productlist__main__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w58-productlist__main__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 0rem;
    overflow: hidden;
    color: #3f3f3f;
}
    .w58-productlist__main__detail__content iframe {
        width: 100%;
        height: 65rem;
    }

@media only screen and (max-width:75rem) {
    .w58-productlist__main__detail__content iframe {
        height: 58rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w58-productlist__main__detail__content iframe {
        height: 50rem;
    }
}

@media only screen and (max-width:50rem) {
    .w58-productlist__main__detail__content iframe {
        height: 40rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w58-productlist__main__detail__content iframe {
        height: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w58-productlist__main__detail__content iframe {
        height: 24rem;
    }
}
    .w58-productlist__main__detail__content.ws-content__light a {
        color: rgba(var(--second-color-w),1);
    }

.w58-productlist__main__detail__check:checked ~ .w58-productlist__main__detail__content {
    height: max-content;
}

.w58-productlist__main__detail__check {
    display: none;
}

.w58-productlist__main__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 0rem;
}
.w58-productlist__main__detail__check:checked ~ .w58-productlist__main__detail__bottom {
    margin-top: 2rem;
}
.w58-productlist__main__detail__bottom__label {
    background-color: rgba(var(--main-color-w),1);
    border-radius: 2rem;
    padding: .5rem 2rem;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    gap: .5rem;
    transition: all .5s;
}

    .w58-productlist__main__detail__bottom__label:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w58-productlist__main__detail__bottom__label--top {
    display: none;
}

.w58-productlist__main__detail__check:checked ~ .w58-productlist__main__detail__bottom .w58-productlist__main__detail__bottom__label--top {
    display: flex;
}

.w58-productlist__main__detail__check:checked ~ .w58-productlist__main__detail__bottom .w58-productlist__main__detail__bottom__label--down {
    display: none;
}

.w58-productlist__main__detail__bottom__label__text {
    font-size: 1.6rem;
}

.w58-productlist__main__detail__bottom__label__icon {
    font-size: 1.6rem;
}

.w58-productlist__mobile {
    display: none;
}

.w58-productlist__mobile__check {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w58-productlist__mobile {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 1rem;
        border: solid .1rem rgba(var(--main-color-w),1);
        border-radius: .5rem;
        cursor: pointer;
        margin-bottom: 1rem;
        transition: all .5s;
        align-items:center;
    }

    .w58-productlist__mobile__check:checked ~
    .w58-productlist__mobile {
        background: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w58-productlist__mobile svg {
        fill: rgba(var(--main-color-w),1);
        width: 2rem;
    }

    .w58-productlist__mobile__check:checked ~
    .w58-productlist__mobile
    svg {
        fill: #fff;
    }

    .w58-productlist__mobile__name {
        font-size: 1.6rem;
        text-transform: uppercase;
        color: rgba(var(--main-color-w),1);
        margin-left: 1rem;
    }

    .w58-productlist__mobile__check:checked ~
    .w58-productlist__mobile
    .w58-productlist__mobile__name {
        color: #fff;
    }
}

.w58-productlist__main__loading {
    width: 100%;
    display: none;
    justify-content: center;
    margin-top: 2rem;
}

    .w58-productlist__main__loading.active {
        display: flex;
    }

.w58-productlist__main__loading__main {
    background-color: rgba(var(--text-color-w),1);
    color: #fff;
    padding: 1rem 2rem;
    border-radius: 2rem;
    display: flex;
    gap: 1rem;
    align-items: center;
}

.w58-productlist__main__loading__main__icon {
    font-size: 1.4rem;
    -webkit-animation: key-w58-productlist__main__loading__main__icon 1.5s linear infinite;
    animation: key-w58-productlist__main__loading__main__icon 1.5s linear infinite
}

@-webkit-keyframes key-w58-productlist__main__loading__main__icon {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w58-productlist__main__loading__main__text {
    font-size: 1.4rem;
    text-transform: uppercase;
}

.w58-productlist__main__nodata {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    font-size: 1.6rem;
    color: rgba(var(--second-color-w), 1);
}

.w58-productlist__main__append {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w58-productlist__main__append__text {
    background: rgba(var(--text-color-w),1);
    border: rgba(var(--text-color-w),1) solid .1rem;
    border-radius: .2rem;
    color: #fff;
    font-size: 1.4rem;
    padding: .75rem 2rem;
    transition: all .5s;
    text-transform: uppercase;
    cursor: pointer;
}

    .w58-productlist__main__append__text:hover {
        background: rgba(var(--text-color-w),.8);
    }
/*ed*/
/*w20-support*/
.w20-support {
    background-color: #f2f2f2;
    border: .1rem solid #e4e4e4;
    box-shadow: .1rem .1rem .5rem #f2f2f2;
    z-index: 1;
    width: max-content;
    border-radius: .3rem;
    z-index: 11;
    height:fit-content;
}

.w20-support__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 1rem;
    cursor: pointer;
}

.w20-support__item__imgbox {
    width: 3.5rem;
    height: 3.5rem;
    background-size: contain;
    background-position: center;
}

.w20-support__item__imgbox__img {
    width: 100%;
}

.w20-support__item__text {
    font-weight: 600;
    margin-top: .5rem;
    font-size: 1.2rem;
    transition: all .3s;
}

.w20-support__item:hover {
    color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w13-support-9*/
.w13-support-9 {
    background-color: #2196f3;
    white-space: nowrap;
    display: inline-flex;
    align-items: center;
    border-radius: 2rem;
    z-index:11;
    width:max-content;
    height:fit-content;
}

    .w13-support-9:hover .w13-support-9__text {
        filter: brightness(0.9);
    }

.w13-support-9__imgbox {
    background-color: #2196f3;
    padding: 0.7rem;
    color: white;
    display: inline-flex;
    align-items: center;
    border-radius: 50%;
    position: relative;
    width: 3.5rem;
    background-size: contain;
    background-position: center;
}

    .w13-support-9__imgbox::after {
        content: "";
        height: 150%;
        width: 150%;
        position: absolute;
        background-color: rgba(33, 150, 243, 0.7);
        box-shadow: 0 0 0 0 #2196f3;
        z-index: -1;
        left: -25%;
        top: -25%;
        border-radius: 50%;
        animation: ws-zoom-w13-support-9 1s infinite;
        transition: all 0.5s ease;
        cursor: pointer;
    }

@keyframes ws-zoom-w13-support-9 {
    0% {
        transform: scale(1);
    }

    20% {
        transform: scale(0.9);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0.1em 1.5em #2195f300;
    }
}

.w13-support-9__imgbox__img {
    height: 100%;
    animation: ws-lac 1s infinite;
}

.w13-support-9__text {
    padding: 1rem;
    display: inline-block;
    font-weight: 600;
    color: white;
    font-size: 1.2rem;
    cursor: pointer;
}
/*ed*/
/*w52-ads-3*/
.w52-ads-3 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 3rem;
    color: #363636;
}

.w52-ads-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w52-ads-3__heading {
}

.w52-ads-3__heading__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w52-ads-3__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w52-ads-3__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w52-ads-3__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    justify-content: center;
}

.w52-ads-3__items__item {
    width: 18.4%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    border-radius: .3rem;
    z-index: 0;
}

@media only screen and (min-width: 50rem) {
    .w52-ads-3__items__item:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w52-ads-3__items__item {
        width: 49%;
        margin-top: 1rem;
    }

        .w52-ads-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w52-ads-3__items__item__effect {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none;
}

.w52-ads-3__items__item:hover .w52-ads-3__items__item__effect {
}

@keyframes key-w52-ads-3__items__item__effect {
    100% {
        left: 125%;
    }
}

.w52-ads-3__items__item__link {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.w52-ads-3__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 20rem;
    height: 20rem;
    border-radius: 50%;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 75rem) {
    .w52-ads-3__items__item__link__imgbox {
        width: 18rem;
        height: 18rem;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w52-ads-3__items__item__link__imgbox {
        width: 14rem;
        height: 14rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w52-ads-3__items__item__link__imgbox {
        width: 22rem;
        height: 22rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w52-ads-3__items__item__link__imgbox {
        width: 19rem;
        height: 19rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w52-ads-3__items__item__link__imgbox {
        width: 15rem;
        height: 15rem;
    }
}

.w52-ads-3__items__item:hover .w52-ads-3__items__item__link__imgbox {
    animation: key-w52-ads-3__items__item__link__imgbox 1s;
}

@keyframes key-w52-ads-3__items__item__link__imgbox {
    0% {
        transform: rotate(0deg) scale(1);
    }

    50% {
        transform: rotate(30deg) scale(1);
    }

    100% {
        transform: rotate(0deg) scale(1);
    }
}

.w52-ads-3__items__item__info {
    display: block;
    width: 100%;
    padding: 1rem 1rem 1rem;
    margin-top: .5rem;
}

.w52-ads-3__items__item__info__name {
    font-weight: 600;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    cursor: pointer;
    transition: all .3s;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 62.5rem) {
    .w52-ads-3__items__item__info__name {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w52-ads-3__items__item__info__name {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w52-ads-3__items__item__info__name {
        font-size: 1.4rem;
    }
}

.w52-ads-3__items__item__info__name:hover {
    color: rgba(var(--second-color-w),1);
}

.w52-ads-3__items__item__info__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: white;
}

/*ed*/
/*w58-ads-3*/
.w58-ads-3 {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

.w58-ads-3__group {
    position: relative;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w58-ads-3__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w58-ads-3__heading__name {
    text-align: center;
    font-size: 3rem;
    line-height: 5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    width: 100%;
}

@media only screen and (min-width:62.5rem) {
    .w58-ads-3__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w58-ads-3__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    width:100%;
}

.w58-ads-3__heading__line {
    width: 8rem;
    margin: 1rem auto 0;
    height: .4rem;
    background-color: rgba(var(--main-color-w), 1);
}

.w58-ads-3__main {
    margin-top: 1rem;
    width: 100%;
}



.w58-ads-3__main__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w58-ads-3__main__items__item {
    margin-top: 2rem;
    outline: none;
    background: #f3f3f3;
    position: relative;
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (min-width:62.5rem) {
    .w58-ads-3__main__items__item {
        margin-left: 2%;
        width: 32%;
    }

        .w58-ads-3__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w58-ads-3__main__items__item {
        margin-left: 2%;
        width: 49%;
    }

        .w58-ads-3__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w58-ads-3__main__items__item {
        margin-left: 0;
        width: 100%;
        display: flex;
        align-items: center;
    }

        .w58-ads-3__main__items__item:nth-child(2n+1) {
            flex-direction: row-reverse;
        }
}

.w58-ads-3__main__items__item__hinhanh {
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w58-ads-3__main__items__item__hinhanh {
        width: 49%;
    }
}

.w58-ads-3__main__items__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    cursor: pointer;
    transition: all .5s;
}

    .w58-ads-3__main__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w58-ads-3__main__items__item__content {
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w58-ads-3__main__items__item__content {
        width: 49%;
    }
}

.w58-ads-3__main__items__item__content__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: block;
    font-weight: 600;
    text-align: center;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
}

    .w58-ads-3__main__items__item__content__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w58-ads-3__main__items__item__content__btn {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: .5rem;
    display: flex;
    align-items: center;
    text-align: center;
    transition: all .5s;
    cursor: pointer;
    justify-content: center;
    width: max-content;
    padding: .25rem 2rem;
    border-radius: 2rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w58-ads-3__main__items__item__content__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w58-ads-3__main__items__item__content__btn__icon {
    margin-left: .5rem;
}

.w58-ads-3__main__items__item__hinhanh__bg1 {
    position: absolute;
    height: 0;
    top: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    left: 10%;
    z-index: 2;
    animation-name: key-w58-ads-3__main__items__item__hinhanh__bg1;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w58-ads-3__main__items__item__hinhanh__bg1 {
    0% {
        height: 0;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w58-ads-3__main__items__item__hinhanh__bg2 {
    position: absolute;
    height: .1rem;
    width: 0;
    left: 0;
    background-color: rgba(255,255,255,.5);
    top: 10%;
    z-index: 2;
    animation-name: key-w58-ads-3__main__items__item__hinhanh__bg2;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w58-ads-3__main__items__item__hinhanh__bg2 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,.0);
    }

    50% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w58-ads-3__main__items__item__hinhanh__bg3 {
    position: absolute;
    height: 0;
    background-color: rgba(255,255,255,.7);
    width: .1rem;
    right: 10%;
    top: 0;
    z-index: 2;
    animation-name: key-w58-ads-3__main__items__item__hinhanh__bg3;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w58-ads-3__main__items__item__hinhanh__bg3 {
    0% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        height: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }

    100% {
        height: 100%;
        background-color: rgba(255,255,255,.5);
    }
}

.w58-ads-3__main__items__item__hinhanh__bg4 {
    position: absolute;
    height: .1rem;
    width: 0;
    background-color: rgba(255,255,255,.5);
    top: 90%;
    right: 0;
    z-index: 2;
    animation-name: key-w58-ads-3__main__items__item__hinhanh__bg4;
    animation-iteration-count: infinite;
    animation-duration: 4s; 
}

@-webkit-keyframes key-w58-ads-3__main__items__item__hinhanh__bg4 {
    0% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    25% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    50% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    75% {
        width: 0%;
        background-color: rgba(255,255,255,0);
    }

    100% {
        width: 100%;
        background-color: rgba(255,255,255,0.5);
    }
}
/*ed*/
/*w57-footer-2*/
.w57-footer-2 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: rgba(var(--main-color-w,1));
}

.w57-footer-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w57-footer-2__main {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w57-footer-2__main__first {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 60%;
}
@media only screen and (max-width:50rem) {
    .w57-footer-2__main__first {
        width: 100%;
    }
}
.w57-footer-2__main__first__logo {
}

.w57-footer-2__main__first__logo__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
}

.w57-footer-2__main__first__text {
    text-align: center;
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    color: #fff;
}

.w57-footer-2__main__second {
    width: 34%;
    display:flex;
    flex-wrap:wrap;
    align-items:flex-start;
}
@media only screen and (max-width:50rem) {
    .w57-footer-2__main__second {
        width: 100%;
        margin-top: 2rem;
    }
}
.w57-footer-2__main__second__item {
    margin-top: 2rem;
    width:100%;
}

    .w57-footer-2__main__second__item:first-child {
        margin-top: 0;
    }

.w57-footer-2__main__second__item__name {
    font-size: 1.8rem;
    color: rgba(var(--second-color-w,1));
    font-weight: 600;
}

.w57-footer-2__main__second__item__subs {
    margin-top: 1rem;
}

.w57-footer-2__main__second__item__subs__sub {
    display: flex;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
    margin-top: 1rem;
}

.w57-footer-2__main__second__item__subs__sub__icon {
    margin-right: 1rem;
    margin-top: .5rem;
}

.w57-footer-2__main__second__item__subs__sub__name {
    transition: all .5s;
    cursor: pointer;
}

    .w57-footer-2__main__second__item__subs__sub__name:hover {
        color: rgba(var(--second-color-w,1));
    }

.w57-footer-2__content {
    line-height: 2.6rem;
    font-size: 1.6rem;
    color: #fff;
    text-align: center;
    margin-top: 3rem;
    border-top: rgba(255,255,255,.25) solid .1rem;
    padding-top: 1rem;
    width: 100%;
}

    .w57-footer-2__content a {
        color: inherit;
    }
/*ed*/
/*w72-counter*/
.w72-counter{
    background-color:#fff;
    padding:0;
    width:100%;
}
.w72-counter__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 2rem .5rem;
}

@media only screen and (max-width: 50rem) {
    .w72-counter__group {
        padding: .5rem;
    }
}

.w72-counter__containers {
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

@media only screen and (max-width: 50rem) {
    .w72-counter__containers {
        flex-wrap: wrap;
    }
}

.w72-counter__containers__text {
    min-width: 50%;
    margin-top: 2rem;
    border-radius: .5rem;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w72-counter__containers__text {
        width: 100%;
        margin-top: 0;
    }
}

.w72-counter__containers__container {
    width: 48%;
    margin-top: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w72-counter__containers__container {
        width: 100%;
    }
}

.w72-counter__containers__container__name {
    font-weight: bold;
    font-size: 3rem;
    width: fit-content;
    color: #1c325e;
    display: block;
    margin-top: 2rem;
}

.w72-counter__containers__container__imgbox {
    margin: 1rem 0;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-counter__containers__container__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-counter__containers__container__des {
    text-align: justify;
    text-align-last: center;
    font-size: 1.6rem;
    line-height: 2.2rem;
    line-height: 1.6em;
}

.w72-counter__items {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    flex-wrap: wrap;
}

.w72-counter__items__item {
    border: 3px solid #F27024;
    display: flex;
    align-items: center;
    width: 24%;
    justify-content: center;
    border-radius: .5rem;
    margin-top: 1rem;
    padding: 2rem;
}

.w72-counter__items__item__imgbox {
    min-width: 40%;
    width: 40%;
}

@media only screen and (max-width: 50rem) {
    .w72-counter__items__item__imgbox {
        min-width: 20%;
        width: 20%;
    }
}

@media only screen and (min-width: 50rem) {
    .w72-counter__items__item:not(:first-child) {
        margin-left: 1.333%;
    }

    .w72-counter__items__item:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w72-counter__items__item {
        width: 48%;
    }

        .w72-counter__items__item:not(:first-child) {
            margin-left: 4%;
        }

        .w72-counter__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w72-counter__items__item__box {
    margin-left: 2REM;
}

.w72-counter__items__item__box__text {
    font-size: 3rem;
    font-weight: bold;
    color: #1c325e;
    letter-spacing: 1PX;
    text-shadow: 1rem 1rem 1rem rgba(28, 50, 94, 0.4);
}

@media only screen and (max-width: 37.5rem) {
    .w72-counter__items__item__box__text {
        font-size: 2rem;
    }
}

.w72-counter__items__item__box__text--1 {
    color: #1c325e;
    font-style: italic;
    font-size: 1.6rem;
    margin-top: 1REM;
    letter-spacing: 1PX;
    text-shadow: 1rem 1rem 1rem rgba(28, 50, 94, 0.4);
}

@media only screen and (max-width: 37.5rem) {
    .w72-counter__items__item__box__text--1 {
        font-size: 1.4REM;
    }
}

/*ed*/
/*w72-ctaregister*/
.w72-ctaregister{
    background-color:#fff;
    width:100%;
}
.w72-ctaregister__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 0 .5rem;
}

.w72-ctaregister__name {
    font-weight: bold;
    font-size: 3rem;
    margin: 0 auto;
    width: fit-content;
    color: #1c325e;
    display: block;
    text-align: center;
    margin-top: 2rem;
}

.w72-ctaregister__imgbox {
    margin: 2rem auto;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-ctaregister__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-ctaregister__des {
    text-align: justify;
    text-align-last: center;
    font-size: 1.6rem;
    line-height: 2.2rem;
}
.w72-ctaregister__items{
    display:flex;
    flex-wrap:wrap;
}
.w72-ctaregister__items__item {
    margin-top: 2rem;
    width:100%;
}

.w72-ctaregister__items__item__title {
    color: #1c325e;
    font-size: 2rem;
    text-transform: uppercase;
    font-weight: bold;
    margin-bottom: 1rem;
}

.w72-ctaregister__items__item__input {
    border: 1px solid #cfcfcf;
    padding: 1rem;
    outline: none;
    font-size: 1.6rem;
    width: 100%;
    border-radius: 2rem;
    display: block;
    margin-top: 1rem;
}

.w72-ctaregister__items__item__vung {
    padding: 1em;
    position: relative;
    width: auto;
    border: 1px solid #cfcfcf;
    border-radius: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w72-ctaregister__items__item__vung {
        margin-left: auto;
    }
}

.w72-ctaregister__items__item__vung__checkbox {
    display: none;
}

    .w72-ctaregister__items__item__vung__checkbox:checked ~ .w72-ctaregister__items__item__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w72-ctaregister__items__item__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.6rem;
    cursor: pointer;
}

.w72-ctaregister__items__item__vung__ad__name {
    color: #1c325e;
    white-space: nowrap;
}

.w72-ctaregister__items__item__vung__ad__icon {
    margin-left: 0.5rem;
    color: #1c325e;
}

.w72-ctaregister__items__item__vung__items {
    position: absolute;
    top: calc(100% + 1rem);
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
    border-radius: 2rem;
}

    .w72-ctaregister__items__item__vung__items .active {
        font-weight: 800;
    }

.w72-ctaregister__items__item__vung__items__item {
    font-size: 1.6rem;
    display: block;
    cursor: pointer;
    padding: 1rem;
    white-space: nowrap;
}

    .w72-ctaregister__items__item__vung__items__item:hover {
        background-color: #eee;
    }

.w72-ctaregister__grbtn {
    margin: 1rem 0;
    color: #F27024;
    border: 1px double #F27024;
    background-color: transparent;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: .5rem;
    letter-spacing: 1px;
    transition: all .2s ease;
    width: fit-content;
    margin: 2rem auto;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

    .w72-ctaregister__grbtn:hover {
        transform: scale(1.2);
    }

.w72-ctaregister__grbtn__icon {
    margin-top: .2rem;
    margin-left: .5rem;
}

/*ed*/
/*w72-footer*/
.w72-footer{
    background-color:#fff;
    width:100%;
}
.w72-footer__group {
    display: flex;
    margin: 0 auto;
    max-width: 120rem;
    padding: 2rem .5rem;
    flex-wrap: wrap;
}

.w72-footer__first {
    width: 32%;
}

@media only screen and (max-width: 37.5rem) {
    .w72-footer__first {
        width: 100%;
    }
}

.w72-footer__first__logobox {
    width: 100%;
    margin: 0 auto;
}

.w72-footer__first__items__item {
    margin-top: 2rem;
}

.w72-footer__first__items__item__name {
    font-weight: bold;
    color: #F27024;
    font-size: 1.6rem;
    display:block;
}

.w72-footer__first__items__item__text {
    font-size: 1.4rem;
    margin-top: 1rem;
}

.w72-footer__first__items__item__box {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    padding: .5rem;
    border-bottom: 1px solid #F27024;
    width: fit-content;
    border-radius: 1rem;
}

.w72-footer__first__items__item__box__icon {
    font-size: 1.4rem;
    margin-right: 1rem;
}

.w72-footer__first__items__item__box__text {
    font-size: 1.6rem;
}

.w72-footer__second {
    width: 32%;
    margin-left: 1%;
}

@media only screen and (max-width: 37.5rem) {
    .w72-footer__second {
        width: 100%;
        margin-left: 0;
        margin-top: 1rem;
    }
}

.w72-footer__second__items {
    margin-bottom: 1rem;
}

.w72-footer__second__items__name {
    font-weight: bold;
    color: #1c325e;
    font-size: 1.6rem;
    border-bottom: 1px solid #F27024;
    padding: 1rem 0;
    display:block;
}
.w72-footer__second__items__box {
    display: flex;
    align-items: center;
    margin-top: .5rem;
    padding: .5rem;
    width: fit-content;
    border-radius: 1rem;
}

.w72-footer__second__items__box__icon {
    font-size: 1.4rem;
    margin-right: 1rem;
    color: #F27024;
}

.w72-footer__second__items__box__text {
    font-size: 1.6rem;
}

.w72-footer__second__items__gricon {
    display: flex;
}

.w72-footer__second__items__gricon__iconbox {
    height: 3rem;
    width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 2px solid rgba(28, 50, 94, 0.882);
    margin: 1rem .5rem;
}

.w72-footer__second__items__gricon__iconbox__icon {
    font-size: 2rem;
    color: rgba(28, 50, 94, 0.926);
    cursor: pointer;
}

.w72-footer__second__items__gricon__iconbox:hover {
    transform: scale(1.1);
    transition: all .2s ease;
}

.w72-footer__second__items__text {
    width: 100%;
    margin-top: 1rem;
    text-align: center;
}

    .w72-footer__second__items__text .iframe {
        margin: 0 auto;
    }

/*ed*/
/*w72-header*/
.w72-header {
    background-image: url('../../Img/w72/header_bg2.png');
    background-position:center;
    background-size:cover;
    width:100%;
}
.w72-header__group {
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 56.25rem) {
    .w72-header__group {
        flex-wrap: wrap;
    }
}

.w72-header__logobox {
    width: 22rem;
    min-width: 10rem;
}

.w72-header__logobox__img {
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 56.25rem) {
    .w72-header__logobox {
        display: none;
    }
}

.w72-header__items {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 56.25rem) {
    .w72-header__items {
        width: 100%;
        flex-wrap: wrap;
    }
}

.w72-header__items__item {
    color: white;
    margin: 1rem;
    display: block;
}

@media only screen and (min-width: 56.25rem) {
    .w72-header__items__item:not(:first-child) {
        margin-left: 5rem;
    }
}

.w72-header__items__item__name {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 1.6rem;
}

@media only screen and (max-width: 56.25rem) {
    .w72-header__items__item__name {
        font-size: 1.4rem;
    }
}

.w72-header__items__item__text {
    white-space: nowrap;
    margin-bottom: .5rem;
    font-size: 1.4rem;
}

@media only screen and (max-width: 56.25rem) {
    .w72-header__items__item__text {
        font-size: 1.2rem;
    }
}

/*ed*/
/*w72-introducer-1*/
.w72-introducer-1 {
    position: relative;
    background-size: cover;
    width:100%;
    background-image: url('../../img/w72/graduation-ceremony-scaled.jpg');
}

.w72-introducer-1__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 0 .5rem;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer-1__group {
        padding: .5rem;
        margin-top: 1rem;
    }
}

.w72-introducer-1__bg {
    background-color: rgba(28, 50, 94, 0.8);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
}

.w72-introducer-1__containers {
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer-1__containers {
        flex-wrap: wrap;
    }
}

.w72-introducer-1__containers__imgbox {
    min-width: 50%;
    margin-top: 2rem;
    border-radius: .5rem;
    overflow: hidden;
    width: 50%;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer-1__containers__imgbox {
        width: 100%;
    }
}

.w72-introducer-1__containers__container {
    width: 48%;
    margin-top: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer-1__containers__container {
        width: 100%;
    }
}

.w72-introducer-1__containers__container__name {
    font-weight: bold;
    font-size: 3rem;
    width: fit-content;
    color: white;
    display: block;
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer-1__containers__container__name {
        margin-top: 1rem;
    }
}

.w72-introducer-1__containers__container__imgbox {
    margin: 1rem 0;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-introducer-1__containers__container__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-introducer-1__containers__container__des {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.2rem;
    line-height: 1.6em;
    color: white;
}

/*ed*/
/*w72-introducer*/
.w72-introducer {
    background-color: #E1E1E1;
    width:100%;
}

.w72-introducer__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 0 .5rem;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer__group {
        padding: .5rem;
        margin-top: 1rem;
    }
}

.w72-introducer__containers {
    display: flex;
    justify-content: space-between;
    align-items:flex-start;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer__containers {
        flex-wrap: wrap;
    }
}

.w72-introducer__containers__imgbox {
    min-width: 50%;
    margin-top: 2rem;
    border-radius: .5rem;
    overflow: hidden;
    width: 50%;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer__containers__imgbox {
        width: 100%;
        margin-top: 0;
    }
}

.w72-introducer__containers__container {
    width: 48%;
    margin-top: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer__containers__container {
        width: 100%;
    }
}

.w72-introducer__containers__container__name {
    font-weight: bold;
    font-size: 3rem;
    width: fit-content;
    color: #1c325e;
    display: block;
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w72-introducer__containers__container__name {
        margin-top: 1rem;
    }
}

.w72-introducer__containers__container__imgbox {
    margin: 1rem 0;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-introducer__containers__container__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-introducer__containers__container__des {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.2rem;
    line-height: 1.6em;
}

/*ed*/
/*w72-menu*/
.w72-menu {
    z-index: 1;
    position: relative;
    background-color: #fff;
    width: 100%;
}

.w72-menu__group {
    margin: 0 auto;
    max-width: 120rem;
    position: relative;
}

@media only screen and (min-width: 50rem) {
    .w72-menu__group {
        margin: 1rem auto;
    }
}

.w72-menu__checkboxMobileMenu {
    display: none;
}

.w72-menu__lblicon {
    display: none;
}

.w72-menu__checkboxMobileMenu:checked ~ .w72-menu__items {
    margin-left: 0;
    box-shadow: 0 0 0 50rem rgba(0, 0, 0, 0.836);
}

.w72-menu__checkboxMobileMenu:checked ~ .w72-menu__lblicon {
    display: block;
}

.w72-menu__container {
    display: flex;
    align-items: center;
    background-color: #1c325ed0;
    justify-content: space-between;
    width:100%;
}

@media only screen and (min-width: 50rem) {
    .w72-menu__container {
        display: none;
    }
}

.w72-menu__container__lbl {
    color: white;
    font-size: 3rem;
    margin-left: 1rem;
    cursor: pointer;
    padding: 1rem;
}

.w72-menu__container__logobox {
    height: 10rem;
    margin-left:auto;
    max-width:70%;
    background-position:center;
}

@media only screen and (min-width: 50rem) {
    .w72-menu__container__logobox {
        display: none;
    }
}

.w72-menu__container__logobox__img {
    width: 100%;
    max-height:10rem;
}

.w72-menu__lblicon {
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    padding: 1rem;
    font-size: 3rem;
    z-index: 1;
}

.w72-menu__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items {
        background-color: #1c325e;
        position: fixed;
        top: 0;
        width: 30rem;
        height: 100%;
        flex-direction: column;
        align-items: initial;
        overflow-x: scroll;
        margin-left: -50rem;
        transition: all .2s ease;
    }
}

.w72-menu__items__mobile {
    background-color: rgba(0, 0, 0, 0.837);
    align-items: center;
    justify-content: center;
    width: 80%;
    margin: 0 auto;
    margin-top: 2rem;
    border-radius: 2rem;
}

@media only screen and (min-width: 50rem) {
    .w72-menu__items__mobile {
        display: none;
    }
}

.w72-menu__items__mobile__value {
    background-color: #ffffff1d;
    display: flex;
    justify-content: space-between;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.229);
    border-radius: 2rem;
    padding: 1rem 2rem;
}

.w72-menu__items__mobile__value__input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1.2rem;
    color: white;
}

    .w72-menu__items__mobile__value__input::placeholder {
        color: white;
    }

.w72-menu__items__mobile__value__btn {
    color: white;
    font-size: 1.8rem;
    cursor: pointer;
}

    .w72-menu__items__mobile__value__btn:hover {
        transition: all .2s ease;
        transform: scale(1.3);
    }

.w72-menu__items__mobile__value__lbl {
    position: absolute;
    color: white;
    top: -5rem;
    font-size: 3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    cursor: pointer;
}

    .w72-menu__items__mobile__value__lbl:hover {
        transition: all .2s ease;
        transform: scale(1.3);
    }

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
}

.w72-menu__items__item__inner {
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    position: relative;
}

    .w72-menu__items__item__inner:hover .w72-menu__items__item__inner__text {
        color: #f37029;
        transition: all .2s ease;
    }

    .w72-menu__items__item__inner:hover .w72-menu__items__item__inner__icon {
        color: #f37029;
        transition: all .2s ease;
    }

.w72-menu__items__item__inner__text {
    font-size: 1.8rem;
    color: #1c325e;
    font-weight: bold;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__inner__text {
        color: white;
        font-size: 1.6rem;
    }
}

.w72-menu__items__item__inner__icon {
    color: #1c325e;
    margin-left: .5rem;
    font-size: 1.6rem;
    margin-top: .5rem;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__inner__icon {
        color: white;
        margin-left: auto;
        font-size: 3rem;
    }
}

.w72-menu__items__item__inner__icondirect {
    color: #f37029;
    margin-left: .5rem;
    font-size: 1.3rem;
    margin-top: .5rem;
    position: absolute;
    bottom: -5px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    opacity: 0;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__inner__icondirect {
        display: none !important;
    }
}

.w72-menu__items__item:hover .w72-menu__items__item__drops {
    display: block;
}

.w72-menu__items__item:hover .w72-menu__items__item__inner__icondirect {
    opacity: 1;
    z-index: 1;
}

.w72-menu__items__item__inputcheck {
    display: none;
}

    .w72-menu__items__item__inputcheck:checked ~ .w72-menu__items__item__drops {
        margin-left: 0;
        height: fit-content;
    }

    .w72-menu__items__item__inputcheck:checked ~ .w72-menu__items__item__inner .w72-menu__items__item__inner__icon {
        transform: rotate(180deg);
        transition: all .2s ease;
    }

.w72-menu__items__item__drops {
    display: none;
    position: absolute;
    width: 100%;
    left: 0;
}

@media only screen and (min-width: 50rem) {
    .w72-menu__items__item__drops {
        background-color: white;
    }
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__drops {
        position: relative;
        flex-direction: column;
        margin-left: -50rem;
        height: 0;
        transition: all .2s ease;
        display: block;
    }

        .w72-menu__items__item__drops:not(:last-child) {
            border-bottom: 1px outset rgba(255, 255, 255, 0.2);
        }
}

.w72-menu__items__item__drop {
    width: 100%;
    border: 1px solid rgba(0, 0, 0, 0.048);
    border-top: 6px solid #f37029;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.221);
    display: flex;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__drop {
        flex-direction: column;
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w72-menu__items__item__drop__imgpack {
    width: 30%;
    position: relative;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__drop__imgpack {
        width: 100%;
    }
}

.w72-menu__items__item__drop__imgpack__imgbox {
    background-position: center;
    background-size: cover;
    height: 100%;
    width: 100%;
}

.w72-menu__items__item__drop__imgpack__text {
    position: absolute;
    font-size: 2.5rem;
    margin: 0 auto;
    bottom: 0;
    left: 0;
    right: 0;
    color: white;
    display: block;
    font-weight: bold;
    text-shadow: 0 0 1rem rgba(255, 255, 255, 0.216);
    width: 100%;
    text-align: center;
    padding-top: 6rem;
    padding-bottom: 1.5rem;
    background: linear-gradient(to bottom, #1c325e00, #1c325e);
}

.w72-menu__items__item__drop__contents {
    width: 100%;
}

.w72-menu__items__item__drop__contents__content {
    width: 100%;
    font-size: 1.8rem;
    color: #1c325e;
    font-weight: bold;
    padding: 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__drop__contents__content {
        color: white;
    }
}

.w72-menu__items__item__drop__contents__content:not(:last-child) {
    border-bottom: 1px solid #1c325e16;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__drop__contents__content:not(:last-child) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__item__drop__contents__content__text {
        font-size: 1.4rem;
    }
}

.w72-menu__items__item__drop__contents__content:hover .w72-menu__items__item__drop__contents__content__icon {
    transition: all .3s ease;
    opacity: 1;
}

.w72-menu__items__item__drop__contents__content__icon {
    margin-left: 1rem;
    opacity: 0;
    animation: w72menuRaVao 1s infinite alternate;
    color: #f37029;
}

@keyframes w72menuRaVao {
    0% {
        transform: translateX(1rem);
    }

    50% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(3rem);
    }
}

.w72-menu__items__search {
    margin-left: auto;
    margin-right: .5rem;
}

@media only screen and (max-width: 50rem) {
    .w72-menu__items__search {
        display: none;
    }
}

.w72-menu__items__search__btn {
    background-color: #1c325e;
    height: 3rem;
    width: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .2s ease;
}

.w72-menu__items__search__btn__icon {
    color: white;
    font-size: 1.7rem;
}

.w72-menu__items__search__btn:hover {
    background-color: #1c325e16;
    color: #1c325e;
    border: 1px solid #1c325e;
}

    .w72-menu__items__search__btn:hover .w72-menu__items__search__btn__icon {
        transition: all .2s ease;
        color: #1c325e;
        transform: rotate(90deg);
    }

.w72-menu__items__search__searchcheckbox:checked ~ .w72-menu__items__search__box {
    display: flex;
}

.w72-menu__items__search__searchcheckbox {
    display: none;
}

.w72-menu__items__search__box {
    background-color: rgba(0, 0, 0, 0.837);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    display: none;
    align-items: center;
    justify-content: center;
    z-index: 2;
}

.w72-menu__items__search__box__value {
    background-color: #ffffff1d;
    padding: 2rem 4rem;
    border-radius: 5rem;
    width: 80rem;
    display: flex;
    justify-content: space-between;
    position: relative;
    border: 1px solid rgba(255, 255, 255, 0.229);
}

.w72-menu__items__search__box__value__input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 3rem;
    color: white;
}

    .w72-menu__items__search__box__value__input::placeholder {
        color: white;
    }

.w72-menu__items__search__box__value__btn {
    color: white;
    font-size: 3rem;
    cursor: pointer;
}

    .w72-menu__items__search__box__value__btn:hover {
        transition: all .2s ease;
        transform: scale(1.3);
    }

.w72-menu__items__search__box__value__lbl {
    position: absolute;
    color: white;
    top: -5rem;
    font-size: 3rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: fit-content;
    cursor: pointer;
}

    .w72-menu__items__search__box__value__lbl:hover {
        transition: all .2s ease;
        transform: scale(1.3);
    }

/*ed*/

/*w72-service-1*/
.w72-service-1 {
    position: relative;
    padding: .5rem;
    background-size: cover;
    width:100%;
    background-color:#fff;
}

.w72-service-1__group {
    margin: 0 auto;
    max-width: 120rem;
    z-index: 1;
    position: relative;
}

.w72-service-1__bg {
    background-color: rgba(28, 50, 94, 0.8);
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    position: absolute;
    z-index: 0;
}

.w72-service-1__name {
    font-weight: bold;
    font-size: 3rem;
    margin: 0 auto;
    width: fit-content;
    color: white;
    display: block;
    text-align: center;
    margin-top: 2rem;
}

.w72-service-1__imgbox {
    margin: 2rem auto;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-service-1__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-service-1__des {
    text-align: justify;
    text-align-last: center;
    font-size: 1.6rem;
    line-height: 2.2rem;
    color: white;
}

.w72-service-1__items {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap;
}

.w72-service-1__items__item {
    width: 32%;
    background-color: #1c325e;
    padding: 2rem;
    border-top-right-radius: 3rem;
    border-top-left-radius: 1rem;
    border-top: 3px solid #F27024;
    margin-top: 1rem;
    position: relative;
    box-shadow: 0 0 1rem #1c325e;
    margin-bottom: 8rem;
}

    .w72-service-1__items__item:not(:first-child) {
        margin-left: 2%;
    }

    .w72-service-1__items__item:nth-child(3n + 1) {
        margin-left: 0;
    }

.w72-service-1__items__item__bg {
    position: absolute;
    bottom: -3rem;
    height: 40%;
    background-color: #F27024;
    width: 100%;
    left: 0;
    z-index: -1;
    border-radius: 2rem;
    transition: all .2s ease;
    box-shadow: 0 0 1rem #F27024;
    transform: skewY(10deg);
}

.w72-service-1__items__item__bg--1 {
    position: absolute;
    bottom: -5rem;
    height: 40%;
    background-color: #1aab4b;
    width: 100%;
    left: 0;
    z-index: -2;
    border-radius: 2rem;
    transition: all .2s ease;
    box-shadow: 0 0 1rem #1aab4b;
    transform: skewY(10deg);
}

.w72-service-1__items__item:hover .w72-service-1__items__item__bg--1 {
    transform: skewY(-3deg);
}

@media only screen and (max-width: 37.5rem) {
    .w72-service-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w72-service-1__items__item__box {
    color: white;
}

.w72-service-1__items__item__box__text {
    font-size: 2rem;
    font-weight: bold;
}

.w72-service-1__items__item__box__text--1 {
    margin-top: 2rem;
    font-size: 1.5rem;
    line-height: 1.6em;
    text-align: justify;
}

.w72-service-1__items__item__grbtn {
    color: #F27024;
    display: flex;
    align-items: center;
    border: 2px solid #F27024;
    width: fit-content;
    padding: 1rem;
    border-radius: .5rem;
    margin-top: 2rem;
    background-color: white;
    cursor: pointer;
    transition: all .3s ease;
}

    .w72-service-1__items__item__grbtn:hover {
        background-color: #F27024;
        color: white;
        border: 2px solid white;
    }

.w72-service-1__items__item__grbtn__btn {
    font-size: 2rem;
    font-weight: bold;
}

.w72-service-1__items__item__grbtn__icon {
    font-size: 2rem;
    margin-left: .5rem;
    margin-top: .3rem;
}

/*ed*/
/*w72-service-2*/
.w72-service-2 {
    position: relative;
    background-color:#fff;
    width:100%;
}

.w72-service-2__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 2rem .5rem;
}

.w72-service-2__name {
    font-weight: bold;
    font-size: 3rem;
    margin: 0 auto;
    width: fit-content;
    color: #1c325e;
    display: block;
    text-align: center;
    margin-top: 2rem;
}

.w72-service-2__imgbox {
    margin: 2rem auto;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-service-2__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-service-2__des {
    text-align: justify;
    text-align-last: center;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.w72-service-2__items {
    display: flex;
    flex-wrap: wrap;
}

.w72-service-2__items__item {
    width: 24%;
    margin-top: 2rem;
    background-color: white;
    border: 2px solid #F27024;
    border-bottom-left-radius: 1rem;
    border-bottom-right-radius: 1rem;
    overflow: hidden;
}

    .w72-service-2__items__item:hover .w72-service-2__items__item__imgbox {
        filter: opacity(0.5);
    }

@media only screen and (min-width: 50rem) {
    .w72-service-2__items__item:not(:first-child) {
        margin-left: 1.333%;
    }

    .w72-service-2__items__item:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w72-service-2__items__item {
        width: 48%;
    }

        .w72-service-2__items__item:not(:first-child) {
            margin-left: 4%;
        }

        .w72-service-2__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w72-service-2__items__item__grimg {
    position: relative;
    background-color: #1c325e;
    display:block;
}

.w72-service-2__items__item__grimg__imgbox {
    filter: opacity(0.4);
    width: 101%;
    height: 100%;
    transition: all .3s ease;
    border-radius: .5rem;
}

.w72-service-2__items__item__grimg__imgbox--1 {
    position: absolute;
    bottom: -1px;
    width: 101%;
}

.w72-service-2__items__item__box {
    padding: 1rem;
    display: block;
}

.w72-service-2__items__item__box__text {
    font-size: 3rem;
    text-align: center;
    color: #1c325e;
    font-weight: bold;
    display:block;
    margin-bottom: 2rem;
}

.w72-service-2__items__item__box__contents {
    display: flex;
    align-items: center;
    color: #1c325e;
    font-size: 1.6rem;
    margin-top: 1rem;
}

.w72-service-2__items__item__box__contents__icon {
    color: #F27024;
    margin-right: 1rem;
}

.w72-service-2__items__item__box__contents__text {
    font-style: italic;
}

/*ed*/
/*w72-service*/
.w72-service {
    position: relative;
    padding: .5rem;
    background-color:#fff;
    width:100%;
    position:relative;
    z-index:0;
}

.w72-service__group {
    margin: 0 auto;
    max-width: 120rem;
    position:relative;
    z-index:1;
}

.w72-service__name {
    font-weight: bold;
    font-size: 3rem;
    margin: 0 auto;
    width: fit-content;
    color: #1c325e;
    display: block;
    text-align: center;
    margin-top: 2rem;
}

.w72-service__imgbox {
    margin: 2rem auto;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-service__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-service__des {
    text-align: justify;
    text-align-last: center;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.w72-service__items {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w72-service__items__item {
    width: 24%;
    background-color: #1c325e;
    margin-top: 1rem;
    border-radius: .5rem;
    position: relative;
    transition: all .3s ease;
}

    .w72-service__items__item:hover .w72-service__items__item__imgbox {
        filter: opacity(0.5);
    }

@media only screen and (min-width: 50rem) {
    .w72-service__items__item:not(:first-child) {
        margin-left: 1.333%;
    }

    .w72-service__items__item:nth-child(4n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w72-service__items__item {
        width: 48%;
    }

        .w72-service__items__item:not(:first-child) {
            margin-left: 4%;
        }

        .w72-service__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w72-service__items__item:hover {
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}

.w72-service__items__item__imgbox {
    filter: opacity(0.2);
    width: 100%;
    height: 100%;
    transition: all .3s ease;
    border-radius: .5rem;
}

.w72-service__items__item__imgbox--1 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    height: 30%;
    width: 30%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 37.5rem) {
    .w72-service__items__item__imgbox--1 {
        bottom: unset;
        top: 10%;
        transform: unset;
    }
}

.w72-service__items__item__imgbox--1__img {
    width: 100%;
    height: 100%;
}

.w72-service__items__item__box {
    position: absolute;
    bottom: 0;
    color: white;
    padding: 1.5rem;
    text-align: center;
    width: 100%;
}

.w72-service__items__item__box__text {
    font-size: 1.6rem;
    margin-bottom: 1rem;
    font-weight: bold;
    display:block;
}

@media only screen and (max-width: 37.5rem) {
    .w72-service__items__item__box__text {
        font-size: 1.4rem;
    }
}

.w72-service__items__item__box__text--1 {
    font-size: 1.4rem;
}

@media only screen and (max-width: 37.5rem) {
    .w72-service__items__item__box__text--1 {
        font-size: 1.2rem;
    }
}

.w72-service__contents {
    margin-top: 5rem;
    padding-bottom: 2rem;
}

.w72-service__contents__name {
    font-weight: bold;
    font-size: 2.5rem;
    margin: 0 auto;
    width: fit-content;
    color: white;
    display: block;
}

.w72-service__contents__grbtn {
    display: flex;
    margin: 0 auto;
    width: fit-content;
    margin-top: 1rem;
}

.w72-service__contents__grbtn__btn {
    margin: 1rem;
    color: #1c325e;
    background-color: white;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: .5rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all .2s ease;
}

    .w72-service__contents__grbtn__btn:hover {
        transform: scale(1.3);
    }

.w72-service__contents__grbtn__btn--1 {
    margin: 1rem;
    color: orange;
    border: 1px double orange;
    background-color: transparent;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: .5rem;
    letter-spacing: 1px;
    transition: all .2s ease;
    cursor: pointer;
}

    .w72-service__contents__grbtn__btn--1:hover {
        transform: scale(1.3);
    }

.w72-service__bg {
    background-color: #1c325e;
    height: 50%;
    position: absolute;
    width: 100%;
    top: 50%;
    z-index: 0;
    left: 0;
}

/*ed*/
/*w72-testimonial*/
.w72-testimonial {
    position: relative;
    background-color:#fff;
    width:100%;
}

.w72-testimonial__group {
    margin: 0 auto;
    max-width: 120rem;
    padding: 1rem .5rem;
}

.w72-testimonial__name {
    font-weight: bold;
    font-size: 3rem;
    margin: 0 auto;
    width: fit-content;
    color: #1c325e;
    display: block;
    text-align: center;
    margin-top: 2rem;
}

.w72-testimonial__imgbox {
    margin: 2rem auto;
    width: 10rem;
    display: block;
    background-size: cover;
}

.w72-testimonial__imgbox__img {
    width: 100%;
    height: 100%;
}

.w72-testimonial__des {
    text-align: justify;
    text-align-last: center;
    font-size: 1.6rem;
    line-height: 2.2rem;
}

.w72-testimonial .ws-swiper {
    padding-bottom: 4rem;
}

.w72-testimonial__items {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
    overflow: hidden;
    position: relative;
}

    .w72-testimonial__items .swiper-slide {
        width: 33%;
        box-sizing: border-box;
        cursor: pointer;
    }

        .w72-testimonial__items .swiper-slide:not(:last-child) {
            margin-right: 0.5%;
        }

@media only screen and (max-width: 37.5rem) {
    .w72-testimonial__items .swiper-slide {
        width: 100%;
        margin-right: 0.5%;
    }
}

.w72-testimonial__items .swiper-button-next {
    color: white;
    border: 2px solid white;
    height: 2rem;
    width: 2rem;
    padding: 2rem;
    border-radius: 50%;
    cursor: pointer;
}

    .w72-testimonial__items .swiper-button-next::after {
        font-size: 2em;
        top: 0;
        padding: 0.3em 0.5em;
    }

.w72-testimonial__items .swiper-button-prev {
    color: white;
    border: 2px solid white;
    height: 2rem;
    width: 2rem;
    padding: 2rem;
    border-radius: 50%;
}

    .w72-testimonial__items .swiper-button-prev::after {
        font-size: 2em;
        top: 0;
        padding: 0.3em 0.5em;
    }

.w72-testimonial__items .swiper-pagination-bullet {
    width: 3rem;
    border-radius: .5rem;
    background-color: #F27024;
    transition: all .5s;
    opacity: .5;
}

.w72-testimonial__items .swiper-pagination-bullet-active {
    width: 6rem;
    opacity: 1;
    background-color: #F27024;
}

.w72-testimonial__items .swiper-pagination {
    position: relative;
    display: block;
    top: 2rem;
}

.w72-testimonial__items__item {
    background-color: #1c325e;
    margin-top: 1rem;
    border-radius: .5rem;
    position: relative;
    transition: all .3s ease;
    padding: 1rem;
    padding-top: 2rem;
}

.w72-testimonial__items__item__imgbox {
    width: 50%;
    border-radius: 50%;
    margin: 0 auto;
    border: 5px solid #F27024;
}

.w72-testimonial__items__item__box {
    color: white;
    text-align: center;
    margin-top: 2rem;
    padding: 1rem .5rem;
}

.w72-testimonial__items__item__box__text {
    font-size: 2rem;
    font-weight: bold;
}

@media only screen and (max-width: 37.5rem) {
    .w72-testimonial__items__item__box__text {
        font-size: 1.4rem;
    }
}

.w72-testimonial__items__item__box__text--1 {
    font-size: 1.4rem;
    margin-top: .5rem;
    line-height: 1.8em;
}

@media only screen and (max-width: 37.5rem) {
    .w72-testimonial__items__item__box__text--1 {
        font-size: 1.2rem;
    }
}

.w72-testimonial__contents {
    margin-top: 5rem;
    padding-bottom: 2rem;
}

.w72-testimonial__contents__name {
    font-weight: bold;
    font-size: 2.5rem;
    margin: 0 auto;
    width: fit-content;
    color: white;
    display: block;
}

.w72-testimonial__contents__grbtn {
    display: flex;
    margin: 0 auto;
    width: fit-content;
    margin-top: 1rem;
}

.w72-testimonial__contents__grbtn__btn {
    margin: 1rem;
    color: #1c325e;
    background-color: white;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: .5rem;
    letter-spacing: 1px;
    cursor: pointer;
    transition: all .2s ease;
}

    .w72-testimonial__contents__grbtn__btn:hover {
        transform: scale(1.3);
    }

.w72-testimonial__contents__grbtn__btn--1 {
    margin: 1rem;
    color: orange;
    border: 1px double orange;
    background-color: transparent;
    padding: 1rem;
    font-weight: bold;
    font-size: 1.4rem;
    border-radius: .5rem;
    letter-spacing: 1px;
    transition: all .2s ease;
    cursor: pointer;
}

    .w72-testimonial__contents__grbtn__btn--1:hover {
        transform: scale(1.3);
    }

/*ed*/
/*w73-article-3*/
.w73-article-3 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w73-article-3__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w73-article-3__heading {
    width: 100%;
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-article-3__heading {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-article-3__heading {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.w73-article-3__heading__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w73-article-3__heading__main__title {
    display: flex;
    align-items: center;
    position: relative;
}

.w73-article-3__heading__main__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-article-3__heading__main__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: rgba(var(--main-color-w),1);
}

@-webkit-keyframes key-w73-article-3__heading__main__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-article-3__heading__main__title__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin-left: 6rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-article-3__heading__main__title__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-article-3__heading__main__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
    margin-top: 1rem;
}

.w73-article-3__items {
    width: 100%;
    overflow: hidden;
    padding-bottom: 3rem;
    padding: 0 1%;
}

@media only screen and (max-width:68.75rem) {
}

.w73-article-3__items__mains {
    width: 100%;
    display: flex;
    padding-bottom: 3rem;
}

.w73-article-3__items__mains__main {
    width: 31.333333%;
    margin-right: 3%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    box-shadow: 0px 7px 20px rgba(0, 0, 0, 0.07);
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (max-width:68.75rem) {
    .w73-article-3__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

    @media only screen and (min-width:37.5rem) {
        .w73-article-3__items__mains__main:nth-child(2n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-article-3__items__mains__main {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w73-article-3__items__mains__main__first {
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.w73-article-3__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

.w73-article-3__items__mains__main:hover
.w73-article-3__items__mains__main__first__imgbox {
    transform: scale(1.05);
}

.w73-article-3__items__mains__main__second {
    width: calc(100% - 6rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 3rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w73-article-3__items__mains__main__second {
        width: calc(100% - 3rem);
        padding: 1.5rem;
    }
}

.w73-article-3__items__mains__main__second__box {
    position: relative;
    z-index: 1;
}

.w73-article-3__items__mains__main__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

    .w73-article-3__items__mains__main__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w73-article-3__items__mains__main__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1.5rem;
    display: flex;
}

.w73-article-3__items__mains__main__second__box__des__text {
    color: #2f2f2f;
}

.w73-article-3__items__mains__main__second__box__botom {
    margin-top: 2rem;
    padding-top: 2rem;
    border-top: 1px solid rgba(18, 74, 47, 0.1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #2f2f2f;
    font-size: 1.5rem;
    overflow: hidden;
}

.w73-article-3__items__mains__main__second__box__botom__icon {
}

.w73-article-3__items__mains__main__second__box__botom__name {
    margin-left: 1rem;
}

.w73-article-3__items__mains__main__second__danhmuc {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 1rem;
    cursor: pointer;
}

.w73-article-3__items__mains__main__second__danhmuc__line {
    height: .2rem;
    width: 4rem;
    background-color: rgba(var(--main-color-w), 1);
    border-radius: .1rem;
}

.w73-article-3__items__mains__main__second__danhmuc__name {
    color: #2f2f2f;
    font-size: 1.6rem;
    margin-left: 1.5rem;
    font-weight: 600;
    transition: all .3s;
}

.w73-article-3__items__mains__main__second__danhmuc:hover
.w73-article-3__items__mains__main__second__danhmuc__name {
    text-decoration: underline;
    color: rgba(var(--main-color-w), 1);
}

.w73-article-3__items__next.swiper-button-next,
.w73-article-3__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 40%;
    opacity: 1 !important;
}

.w73-article-3__items__next.swiper-button-next {
    right: 3rem;
}

.w73-article-3__items__prev.swiper-button-prev {
    left: 3rem;
}

.w73-article-3__items__next:hover,
.w73-article-3__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w73-article-3__items__next:after,
.w73-article-3__items__prev:after {
    display: none;
}

.w73-article-3__bottom {
    display: flex;
    justify-content: center;
}

.w73-article-3__bottom__main {
    display: flex;
    justify-content: center;
    padding: 1rem 3rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    border-radius: 3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w73-article-3__bottom__main:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w73-article-3__bottom__main__text {
    font-size: 1.8rem;
    font-weight: 600;
}

.w73-article-3__bottom__main__icon {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin: 0 5rem;
    position: relative;
}

.w73-article-3__bottom__main__icon__value {
    position: absolute;
    width: 6rem;
    height: 6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
}

.w73-article-3__bottom__main:hover .w73-article-3__bottom__main__icon__value {
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    border-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w73-blogdetail*/
.w73-blogdetail {
    background-color: #fff;
    padding: 3rem 1rem;
}

.w73-blogdetail__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w73-blogdetail__mains__first__heading {
    display: flex;
    align-items: center;
    position: relative;
}

.w73-blogdetail__mains__first__heading__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: key-w73-blogdetail__mains__first__heading__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: rgba(var(--main-color-w), 1);
    margin-right:1rem;
}

@-webkit-keyframes key-w73-blogdetail__mains__first__heading__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-blogdetail__mains__first__heading__text {
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w73-blogdetail__mains__first__heading__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-blogdetail__mains__first__des {
    margin-top: 2rem;
    padding-left: 3rem;
    position: relative;
}

.w73-blogdetail__mains__first__des__bg {
    height: 100%;
    width: 4px;
    left: 0;
    top: 0;
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
    position: absolute;
}

.w73-blogdetail__mains__first__des__text {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    padding: .5rem 0;
}

.w73-blogdetail__mains__first__sub {
    margin-top: 2rem;
    font-size: 1.6rem;
}

.w73-blogdetail__mains {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w73-blogdetail__mains__first {
    width: 66%;
}

@media only screen and (max-width:62.5rem) {
    .w73-blogdetail__mains__first {
        width: 100%;
    }
}

.w73-blogdetail__mains__second {
    width: 31%
}

@media only screen and (max-width:62.5rem) {
    .w73-blogdetail__mains__second {
        margin-top: 3rem;
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-blogdetail__mains__second {
        margin-top: 2rem;
    }
}
.w73-blogdetail__mains__second__container{
    position:sticky;
    top:1rem;
}
.w73-blogdetail__mains__second__timkiem {
    background-color: #fcfaf7;
    border: 1px solid rgba(11, 61, 44, 0.1);
    border-radius: 2rem;
    padding: 3rem;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w73-blogdetail__mains__second__timkiem {
        padding: 1.5rem;
        border-radius: 2rem;
    }
}

.w73-blogdetail__mains__second__timkiem__heading {
    padding-bottom: 2.5rem;
    border-bottom: 3px solid rgba(11, 61, 44, 0.1);
    position: relative;
}

.w73-blogdetail__mains__second__timkiem__heading__name {
    font-size: 2.2rem;
    color: rgba(var(--main-color-w),1);
    line-height: 3.2rem;
    font-weight: 600;
}

.w73-blogdetail__mains__second__timkiem__heading__line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 85px;
    height: 3px;
    background-color: rgba(var(--main-color-w),1);
}

.w73-blogdetail__mains__second__timkiem__box {
    margin-top: 2rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w73-blogdetail__mains__second__timkiem__box__input {
    padding: 1.5rem 2.5rem;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    background: #fff;
    box-shadow: 0px 7px 60px rgba(0, 0, 0, 0.07);
    border-radius: 2rem;
    width: 100%;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w),0);
    outline: none;
}

    .w73-blogdetail__mains__second__timkiem__box__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w73-blogdetail__mains__second__timkiem__box__icon {
    font-size: 2rem;
    right: 2rem;
    transition: all .5s;
    cursor: pointer;
    position: absolute;
    color: rgba(var(--main-color-w),1);
}

    .w73-blogdetail__mains__second__timkiem__box__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w73-blogdetail__mains__second__baiviet {
    background-color: #fff;
    border: 1px solid rgba(11, 61, 44, 0.1);
    border-radius: 2rem;
    padding: 3rem;
    position: relative;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-blogdetail__mains__second__baiviet {
        margin-top: 1.5rem;
        border-radius: 2rem;
        padding: 1.5rem;
    }
}

.w73-blogdetail__mains__second__baiviet__heading {
    padding-bottom: 2.5rem;
    border-bottom: 3px solid rgba(11, 61, 44, 0.1);
    position: relative;
}

.w73-blogdetail__mains__second__baiviet__heading__name {
    font-size: 2.2rem;
    color: rgba(var(--main-color-w),1);
    line-height: 3.2rem;
    font-weight: 600;
}

.w73-blogdetail__mains__second__baiviet__heading__line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 85px;
    height: 3px;
    background-color: rgba(var(--main-color-w),1);
}

.w73-blogdetail__mains__second__baiviet__items__item {
    padding: 1.75rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w73-blogdetail__mains__second__baiviet__items__item {
        padding: 1.5rem 0;
    }
}

.w73-blogdetail__mains__second__baiviet__items__item:not(:last-child) {
    border-bottom: 1px solid rgba(18, 74, 47, 0.1);
}

.w73-blogdetail__mains__second__baiviet__items__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.w73-blogdetail__mains__second__baiviet__items__item__hinhanh {
    overflow: hidden;
    border-radius: 2rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
}

.w73-blogdetail__mains__second__baiviet__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .5s ease-in-out;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.w73-blogdetail__mains__second__baiviet__items__item__hinhanh:hover .w73-blogdetail__mains__second__baiviet__items__item__hinhanh__imgbox {
    transform: scale(1.05);
}

.w73-blogdetail__mains__second__baiviet__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w73-blogdetail__mains__second__baiviet__items__item__hinhanh__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-blogdetail__mains__second__baiviet__items__item__hinhanh:hover .w73-blogdetail__mains__second__baiviet__items__item__hinhanh__effect {
    animation: .5s ease-in-out key-w73-blogdetail__mains__second__baiviet__items__item__hinhanh__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-blogdetail__mains__second__baiviet__items__item__hinhanh__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-blogdetail__mains__second__baiviet__items__item__box {
    width: calc(100% - 10rem);
}

.w73-blogdetail__mains__second__baiviet__items__item__box__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s;
}

    .w73-blogdetail__mains__second__baiviet__items__item__box__name:hover {
        text-decoration: underline;
    }

.w73-blogdetail__mains__second__baiviet__items__item__box__date {
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #2f2f2f;
}

.w73-blogdetail__mains__second__ads__item {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-blogdetail__mains__second__ads__item {
        margin-top: 1.5rem;
    }
}

.w73-blogdetail__mains__second__ads__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
    width: 100%;
    position: relative;
    z-index: 0;
    filter: brightness(.8);
}

.w73-blogdetail__mains__second__ads__item__imgbox__img {
    width: 100%;
}

.w73-blogdetail__mains__second__ads__item:hover .w73-blogdetail__mains__second__ads__item__imgbox {
    transform: scale(1.05)
}

.w73-blogdetail__mains__second__ads__item__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-blogdetail__mains__second__ads__item:hover .w73-blogdetail__mains__second__ads__item__effect {
    animation: .5s ease-in-out key-w73-blogdetail__mains__second__ads__item__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-blogdetail__mains__second__ads__item__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-blogdetail__mains__second__ads__item__box {
    flex-wrap: wrap;
    position: absolute;
    z-index: 2;
    top: 4rem;
    left: 4rem;
    max-width: calc(100% - 6rem);
}

.w73-blogdetail__mains__second__ads__item__box__name {
    width: 100%;
    text-align: left;
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 700;
    color: #fff;
}

.w73-blogdetail__mains__second__ads__item__box__btn {
    display: flex;
    align-items: center;
    padding: 1.5rem 3rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 2rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    z-index: 0;
    width: max-content;
    margin-top: 1rem;
    justify-content: center;
    overflow: hidden;
    transition: all .5s;
}

    .w73-blogdetail__mains__second__ads__item__box__btn:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w73-blogdetail__mains__second__ads__item__box__btn__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w73-blogdetail__mains__second__ads__item__box__btn__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}
/*ed*/
/*w73-bloglist*/
.w73-bloglist {
    background-color: #fff;
    padding: 3rem 1rem;
}

.w73-bloglist__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w73-bloglist__heading {
    display: flex;
    align-items: center;
    position: relative;
}

.w73-bloglist__heading__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: key-w73-bloglist__heading__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: rgba(var(--main-color-w),1);
    margin-right: 1rem;
}

@-webkit-keyframes key-w73-bloglist__heading__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-bloglist__heading__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__heading__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-bloglist__sub {
    margin-top: 2rem;
    font-size: 1.6rem;
}

.w73-bloglist__mains {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.w73-bloglist__mains__first {
    width: 66%;
}

@media only screen and (max-width:62.5rem) {
    .w73-bloglist__mains__first {
        width: 100%;
    }
}

.w73-bloglist__mains__first__items__item {
    background-color: #fcfaf7;
    box-shadow: 0px 7px 60px rgba(0, 0, 0, 0.07);
    padding: 3.5rem;
    border-radius: 3rem;
    margin-bottom: 3em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__first__items__item {
        padding: 1.5rem;
        margin-bottom: 1.5rem;
    }
}

.w73-bloglist__mains__first__items__item__hinhanh {
    overflow: hidden;
    border-radius: 2rem;
    width: 38%;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__first__items__item__hinhanh {
        border-radius: 1rem;
    }
}

.w73-bloglist__mains__first__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .5s ease-in-out;
    cursor: pointer;
}

.w73-bloglist__mains__first__items__item__hinhanh:hover .w73-bloglist__mains__first__items__item__hinhanh__imgbox {
    transform: scale(1.05);
}

.w73-bloglist__mains__first__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w73-bloglist__mains__first__items__item__hinhanh__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-bloglist__mains__first__items__item__hinhanh:hover .w73-bloglist__mains__first__items__item__hinhanh__effect {
    animation: .5s ease-in-out key-w73-bloglist__mains__first__items__item__hinhanh__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-bloglist__mains__first__items__item__hinhanh__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-bloglist__mains__first__items__item__box {
    margin-left: 3rem;
    width: calc(62% - 3rem);
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__first__items__item__box {
        margin-left: 2rem;
        width: calc(62% - 2rem);
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__first__items__item__box {
        margin-left: 2rem;
    }
}

.w73-bloglist__mains__first__items__item__box__name {
    font-size: 2rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 3.4rem;
    cursor: pointer;
    transition: all .3s;
}

@media only screen and (max-width:31.25rem) {
    .w73-bloglist__mains__first__items__item__box__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w73-bloglist__mains__first__items__item__box__name:hover {
    text-decoration: underline;
}

.w73-bloglist__mains__first__items__item__box__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media only screen and (max-width:31.25rem) {
    .w73-bloglist__mains__first__items__item__box__des {
        display: none;
    }
}

.w73-bloglist__mains__first__paging {
    margin: 4rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w73-bloglist__mains__first__paging__item {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2rem;
    transition: all .5s;
}

    .w73-bloglist__mains__first__paging__item:hover {
        transform: translateY(-2rem);
    }

    .w73-bloglist__mains__first__paging__item:first-child {
        margin-left: 0;
    }

.w73-bloglist__mains__first__paging__item__text {
    font-size: 1.6rem;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid 0.1rem #f1f1f1;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w73-bloglist__mains__first__paging__item:hover .w73-bloglist__mains__first__paging__item__text,
.w73-bloglist__mains__first__paging__item.active .w73-bloglist__mains__first__paging__item__text {
    background-color: rgba(var(--second-color-w),1);
}

.w73-bloglist__mains__second {
    width: 31%
}

@media only screen and (max-width:62.5rem) {
    .w73-bloglist__mains__second {
        margin-top: 3rem;
        width: 100%;
    }
}
.w73-bloglist__mains__second__container{
    position:sticky;
    top:1rem;
}
.w73-bloglist__mains__second__timkiem {
    background-color: #fcfaf7;
    border: 1px solid rgba(11, 61, 44, 0.1);
    border-radius: 2rem;
    padding: 3rem;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__second__timkiem {
        padding: 1.5rem;
    }
}

.w73-bloglist__mains__second__timkiem__heading {
    padding-bottom: 2.5rem;
    border-bottom: 3px solid rgba(11, 61, 44, 0.1);
    position: relative;
}

.w73-bloglist__mains__second__timkiem__heading__name {
    font-size: 2.2rem;
    color: rgba(var(--main-color-w),1);
    line-height: 3.2rem;
    font-weight: 600;
}

.w73-bloglist__mains__second__timkiem__heading__line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 85px;
    height: 3px;
    background-color: rgba(var(--main-color-w),1);
}

.w73-bloglist__mains__second__timkiem__box {
    margin-top: 2rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w73-bloglist__mains__second__timkiem__box__input {
    padding: 1.5rem 2.5rem;
    font-style: normal;
    font-weight: 400;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w),1);
    background: #fff;
    box-shadow: 0px 7px 60px rgba(0, 0, 0, 0.07);
    border-radius: 2rem;
    width: 100%;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w),0);
    outline: none;
}

    .w73-bloglist__mains__second__timkiem__box__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w73-bloglist__mains__second__timkiem__box__icon {
    font-size: 2rem;
    right: 2rem;
    transition: all .5s;
    cursor: pointer;
    position: absolute;
    color: rgba(var(--main-color-w),1);
}

    .w73-bloglist__mains__second__timkiem__box__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w73-bloglist__mains__second__baiviet {
    background-color: #fff;
    border: 1px solid rgba(11, 61, 44, 0.1);
    border-radius: 2rem;
    padding: 3rem;
    position: relative;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__second__baiviet {
        margin-top: 1.5rem;
        padding: 1.5rem;
    }
}

.w73-bloglist__mains__second__baiviet__heading {
    padding-bottom: 2.5rem;
    border-bottom: 3px solid rgba(11, 61, 44, 0.1);
    position: relative;
}

.w73-bloglist__mains__second__baiviet__heading__name {
    font-size: 2.2rem;
    color: rgba(var(--main-color-w),1);
    line-height: 3.2rem;
    font-weight: 600;
}

.w73-bloglist__mains__second__baiviet__heading__line {
    position: absolute;
    bottom: -3px;
    left: 0;
    width: 85px;
    height: 3px;
    background-color: rgba(var(--main-color-w),1);
}

.w73-bloglist__mains__second__baiviet__items__item {
    padding: 1.75rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__second__baiviet__items__item {
        padding: 1.5rem 0;
    }
}

.w73-bloglist__mains__second__baiviet__items__item:not(:last-child) {
    border-bottom: 1px solid rgba(18, 74, 47, 0.1);
}

.w73-bloglist__mains__second__baiviet__items__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.w73-bloglist__mains__second__baiviet__items__item__hinhanh {
    overflow: hidden;
    border-radius: 2rem;
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
}

.w73-bloglist__mains__second__baiviet__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .5s ease-in-out;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.w73-bloglist__mains__second__baiviet__items__item__hinhanh:hover .w73-bloglist__mains__second__baiviet__items__item__hinhanh__imgbox {
    transform: scale(1.05);
}

.w73-bloglist__mains__second__baiviet__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w73-bloglist__mains__second__baiviet__items__item__hinhanh__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-bloglist__mains__second__baiviet__items__item__hinhanh:hover .w73-bloglist__mains__second__baiviet__items__item__hinhanh__effect {
    animation: .5s ease-in-out key-w73-bloglist__mains__second__baiviet__items__item__hinhanh__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-bloglist__mains__second__baiviet__items__item__hinhanh__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-bloglist__mains__second__baiviet__items__item__box {
    width: calc(100% - 10rem);
}

.w73-bloglist__mains__second__baiviet__items__item__box__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s;
}

    .w73-bloglist__mains__second__baiviet__items__item__box__name:hover {
        text-decoration: underline;
    }

.w73-bloglist__mains__second__baiviet__items__item__box__date {
    font-size: 1.4rem;
    line-height: 2.6rem;
    color: #2f2f2f;
}

.w73-bloglist__mains__second__ads__item {
    width: 100%;
    display: block;
    position: relative;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-bloglist__mains__second__ads__item {
        margin-top: 1.5rem;
    }
}

.w73-bloglist__mains__second__ads__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    cursor: pointer;
    width: 100%;
    position: relative;
    z-index: 0;
    filter: brightness(.8);
}

.w73-bloglist__mains__second__ads__item__imgbox__img {
    width: 100%;
}

.w73-bloglist__mains__second__ads__item:hover .w73-bloglist__mains__second__ads__item__imgbox {
    transform: scale(1.05)
}

.w73-bloglist__mains__second__ads__item__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-bloglist__mains__second__ads__item:hover .w73-bloglist__mains__second__ads__item__effect {
    animation: .5s ease-in-out key-w73-bloglist__mains__second__ads__item__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-bloglist__mains__second__ads__item__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-bloglist__mains__second__ads__item__box {
    flex-wrap: wrap;
    position: absolute;
    z-index: 2;
    top: 4rem;
    left: 4rem;
    max-width: calc(100% - 6rem);
}

.w73-bloglist__mains__second__ads__item__box__name {
    width: 100%;
    text-align: left;
    font-size: 2.4rem;
    line-height: 4rem;
    font-weight: 700;
    color: #fff;
}

.w73-bloglist__mains__second__ads__item__box__btn {
    display: flex;
    align-items: center;
    padding: 1.5rem 3rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    cursor: pointer;
    position: relative;
    border-radius: 2rem;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    z-index: 0;
    width: max-content;
    margin-top: 1rem;
    justify-content: center;
    overflow: hidden;
    transition: all .5s;
}

    .w73-bloglist__mains__second__ads__item__box__btn:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w73-bloglist__mains__second__ads__item__box__btn__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w73-bloglist__mains__second__ads__item__box__btn__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}
/*ed*/


/*w73-breadcrumb*/
.w73-breadcrumb {
    padding: 0rem 1rem;
    background-image: url('../../img/w73/29.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: white;
    width: 100%;
    z-index: 0;
}

.w73-breadcrumb__group {
    position: relative;
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    padding: 20rem 0;
    z-index: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w73-breadcrumb__group {
        padding: 14rem 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w73-breadcrumb__group {
        padding: 10rem 0;
    }
}

.w73-breadcrumb__name {
    font-weight: 600;
    font-size: 6rem;
    line-height: 7.6rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w73-breadcrumb__name {
        font-size: 4rem;
        line-height: 5.6rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w73-breadcrumb__name {
        font-size: 3rem;
        line-height: 4.6rem;
    }
}

.w73-breadcrumb__items {
    position: absolute;
    bottom: 0;
    width: 100%;
    background-color: rgba(var(--main-color-w), .8);
    border-radius: 3rem 3rem 0 0;
    padding: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w73-breadcrumb__items__item {
    line-height: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    font-size: 2rem;
    line-height: 3.6rem;
    font-weight: 600;
}

@media only screen and (max-width: 50rem) {
    .w73-breadcrumb__items__item {
        font-size: 2rem;
        line-height: 2.6rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w73-breadcrumb__items__item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w73-breadcrumb__items__item:hover {
    text-decoration: underline;
}

.w73-breadcrumb__items__icon {
    font-size: 2.6rem;
    margin: 0 2rem;
}

@media only screen and (max-width: 50rem) {
    .w73-breadcrumb__items__icon {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w73-breadcrumb__items__icon {
        font-size: 1.6rem;
        margin: 0 1rem;
    }
}

.w73-breadcrumb__items__icon:last-child {
    display: none;
}
/*ed*/
/*w73-counter-1*/
.w73-counter-1 {
    width: 100%;
    padding: 8rem 1rem 8rem;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-image: url(../../img/w73/03.jpg);
    background-position: center;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w73-counter-1 {
        padding: 3rem 1rem 3rem;
    }
}

.w73-counter-1__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(var(--main-color-w),.8);
}

.w73-counter-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {
    .w73-counter-1__group {
    }
}

.w73-counter-1__first {
    width: 56%;
}

@media only screen and (max-width:75rem) {
    .w73-counter-1__first {
        width: 100%;
        margin-right: 0%;
    }
}

.w73-counter-1__first__heading {
}

@media only screen and (max-width:75rem) {
    .w73-counter-1__first__heading {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-counter-1__first__heading__name {
    color: #fff;
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    width: 100%;
    transition: all .5s;
    margin-top: 2rem;
}

    .w73-counter-1__first__heading__name:hover {
    }

@media only screen and (max-width:37.5rem) {
    .w73-counter-1__first__heading__name {
        font-size: 3rem;
        line-height: 4.6rem;
        margin-top: 1rem;
    }
}

.w73-counter-1__first__heading__title {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
}

.w73-counter-1__first__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-counter-1__first__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w73-counter-1__first__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-counter-1__first__heading__title__text {
    margin-left: 1rem;
    font-size: 2rem;
    margin-left: 6rem;
}

.w73-counter-1__first__detail {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
    color: #fff;
}

.w73-counter-1__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w73-counter-1__first__items__item {
    margin-top: 2rem;
    display: flex;
    margin-right: 2rem;
}

.w73-counter-1__first__items__item__main {
    align-items: center;
    background-color: #fff;
    padding: 1rem 2rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    transition: all .3s;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: 2rem;
}

    .w73-counter-1__first__items__item__main:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w73-counter-1__first__items__item__main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w73-counter-1__first__items__item__main__top__icon {
    font-size: 3rem;
}

.w73-counter-1__first__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
    margin-left: 1rem;
}

    .w73-counter-1__first__items__item__main__name:hover {
    }

.w73-counter-1__second {
    width: 41%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w73-counter-1__second {
        width: 100%;
        margin-top: 2rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-counter-1__second {
    }
}

.w73-counter-1__second__one {
    overflow: hidden;
    border-radius: 3.5rem;
    width: 100%;
}

    .w73-counter-1__second__one:hover {
    }

.w73-counter-1__second__one__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
}

    .w73-counter-1__second__one__imgbox:hover {
        transform: scale(1.05);
    }

@-webkit-keyframes key-w58-faq-1 {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.w73-counter-1__second__one__imgbox__img {
    width: 100%;
}

.w73-counter-1__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w73-counter-1__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-counter-1__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-counter-1__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-counter-1__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-counter-1__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w73-counter-1__second__two:hover {
    filter: brightness(.9);
}

.w73-counter-1__second__items {
    width: 100%;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w73-counter-1__second__items__item {
    width: 48%;
    margin-left: 2%;
    margin-top: 2rem;
}

    .w73-counter-1__second__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w73-counter-1__second__items__item__first {
    display: flex;
    font-size: 5rem;
    color: #fff;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    text-shadow: 0px 0px 20px rgba(255, 255, 255, 0.30);
}

.w73-counter-1__second__items__item__first__value {
    letter-spacing: .2rem;
}

.w73-counter-1__second__items__item__first__name {
    margin-left: 1rem;
}

.w73-counter-1__second__item__name {
    font-size: 1.8rem;
    font-weight: 600;
    color: #fff;
    line-height: 2.8rem;
    text-align: center;
}
/*ed*/
/*w73-ctaregister*/
.w73-ctaregister {
    position: relative;
    display: block;
    width: 100%;
    padding: 3rem 0rem 3rem;
    background-color: #fff;
}

.w73-ctaregister__group {
    max-width: 120rem;
    padding: 0 1rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.w73-ctaregister__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    flex-wrap: wrap;
    position: relative;
}

.w73-ctaregister__main__first {
    width: 60%;
    box-shadow: 0px 7px 60px rgba(0, 0, 0, 0.07);
    padding: 6rem;
    background-color: #fff;
    position: absolute;
    right: 0;
    top: 0;
    border-radius: 2rem;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-wd55-form__main__first {
        0% {
            transform: translateX(-10rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w73-ctaregister__main__first {
        -webkit-animation: key-wd55-form__main__first 1s;
        animation: key-wd55-form__main__first 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-ctaregister__main__first {
        width: 100%;
        margin-left: 0;
        margin-top: 2rem;
        position: relative;
        padding: 2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w73-ctaregister__main__first {
            padding: 2rem;
        }
    }
}

.w73-ctaregister__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: center;
    width: 100%;
}

    .w73-ctaregister__main__first__items:first-child {
        margin-top: 0;
    }

.w73-ctaregister__main__first__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    position: relative;
    align-items: center;
}

.w73-ctaregister__main__first__items__item__icon {
    position: absolute;
    left: 2rem;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w73-ctaregister__main__first__items__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w73-ctaregister__main__first__items__item__dropdown {
        width: 100%;
    }
}

.w73-ctaregister__main__first__items__item__dropdown__label {
    background-color: #fff;
    padding: 1.5rem 2rem;
    border-radius: 1rem;
    border: rgba(var(--second-color-w),.3) solid .1em;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

.w73-ctaregister__main__first__items__item__dropdown__check:checked ~
.w73-ctaregister__main__first__items__item__dropdown__label
.w73-ctaregister__main__first__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w73-ctaregister__main__first__items__item__dropdown__label__map {
    font-size: 1.6rem;
}

.w73-ctaregister__main__first__items__item__dropdown__label__name {
    font-size: 1.6rem;
    margin-left: 2rem;
}

.w73-ctaregister__main__first__items__item__dropdown__label__icon {
    font-size: 1.6rem;
    margin-left: auto;
}

.w73-ctaregister__main__first__items__item__dropdown__check {
    display: none;
}

.w73-ctaregister__main__first__items__item__dropdown__items {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: rgba(var(--second-color-w),.3) solid .1em;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .5s;
    opacity: 0;
    max-height: 20rem;
    overflow-y: scroll;
}

    .w73-ctaregister__main__first__items__item__dropdown__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w73-ctaregister__main__first__items__item__dropdown__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w73-ctaregister__main__first__items__item__dropdown__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w73-ctaregister__main__first__items__item__dropdown__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w73-ctaregister__main__first__items__item__dropdown__check:checked ~
.w73-ctaregister__main__first__items__item__dropdown__items {
    visibility: visible;
    z-index: 2;
    top: 6.5rem;
    opacity: 1;
}

.w73-ctaregister__main__first__items__item__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1em;
    transition: all .5s;
    cursor: pointer;
}

    .w73-ctaregister__main__first__items__item__dropdown__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w73-ctaregister__main__first__items__item__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

@media only screen and (max-width:62.5rem) {
    .w73-ctaregister__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w73-ctaregister__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w73-ctaregister__main__first__items__item__input {
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 5rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    border: 1px solid rgba(11, 61, 44, 0.1);
    transition: all .5s;
    font-family: inherit;
    color: rgba(var(--main-color-w),1);
    border-radius: 1rem;
}

    .w73-ctaregister__main__first__items__item__input::placeholder {
        color: rgba(var(--main-color-w),1);
    }

    .w73-ctaregister__main__first__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w73-ctaregister__main__first__items__item__textarea {
    width: 100%;
    padding: 1rem 2rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    font-family: inherit;
    transition: all .5s;
    border: solid 1px rgba(11, 61, 44, 0.1);
    border-radius: 1rem;
}

    .w73-ctaregister__main__first__items__item__textarea::placeholder {
        color: rgba(var(--main-color-w),1);
    }

    .w73-ctaregister__main__first__items__item__textarea:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w73-ctaregister__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w73-ctaregister__main__first__bottom {
    display: flex;
    width: 100%;
}

.w73-ctaregister__main__first__bottom__btn {
    padding: 1.5rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
    border: none;
    outline: none;
    transition: all .5s;
    cursor: pointer;
    font-family: inherit;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 3rem;
}

    .w73-ctaregister__main__first__bottom__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w73-ctaregister__main__second {
    width: 60%;
}

@media only screen and (max-width:62.5rem) {
    .w73-ctaregister__main__second {
        width: 100%;
        margin-left: 0;
    }
}

.w73-ctaregister__main__second__heading {
    width: 45rem;
    padding-left: 3rem;
}

@media only screen and (max-width:75rem) {
    .w73-ctaregister__main__second__heading {
        display: flex;
        flex-wrap: wrap;
        width: 42rem;
    }
}

@media only screen and (max-width:68.75rem) {
    .w73-ctaregister__main__second__heading {
        width: 38rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-ctaregister__main__second__heading {
        width: 100%;
        padding-left: 0;
    }
}

.w73-ctaregister__main__second__heading__name {
    color: rgba(var(--main-color-w), 1);
    font-size: 4rem;
    font-weight: bold;
    line-height: 6rem;
    width: 100%;
    transition: all .5s;
    margin-top: 3rem;
}

    .w73-ctaregister__main__second__heading__name:hover {
    }

@media only screen and (max-width:37.5rem) {
    .w73-ctaregister__main__second__heading__name {
        font-size: 3rem;
        line-height: 4.6rem;
        margin-top: 1.5rem;
    }
}

.w73-ctaregister__main__second__heading__title {
    display: flex;
    align-items: center;
    color: rgba(var(--second-color-w), 1);
    position: relative;
}

.w73-ctaregister__main__second__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-ctaregister__main__second__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w73-ctaregister__main__second__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-ctaregister__main__second__heading__title__text {
    margin-left: 1rem;
    font-size: 2rem;
    margin-left: 6rem;
}

.w73-ctaregister__main__second__map {
    width: 100%;
    margin-top: 4rem
}

@media only screen and (max-width:62.5rem) {
    .w73-ctaregister__main__second__map {
        margin-top: 2rem;
    }
}

.w73-ctaregister__main__second__map iframe {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 60rem;
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w73-ctaregister__main__second__map iframe {
        height: 40rem;
    }
}
/*ed*/
/*w73-footer*/
.w73-footer {
    width: 100%;
    padding: 20rem 0rem 0rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (min-width:2300px) {
    .w73-footer {
        padding-top: 25rem;
    }
}

@media only screen and (min-width:3800px) {
    .w73-footer {
        padding: 0;
    }
}

@media only screen and (max-width:1500px) {
    .w73-footer {
        padding-top: 15rem;
    }
}

@media only screen and (max-width:81.25rem) {
    .w73-footer {
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-footer {
        padding-top: 11rem;
    }
}

@media only screen and (max-width:56.25rem) {
    .w73-footer {
    }
}

@media only screen and (max-width:50rem) {
    .w73-footer {
        padding-top: 8rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-footer {
        padding-top: 6rem;
    }
}

.w73-footer__bg {
    background-color: rgba(var(--main-color-w), 1);
    position: absolute;
    left: 0;
    width: 400%;
    z-index: 0;
    height: 120%;
    left: -150%;
    top: 0;
}

@media only screen and (max-width:1700px) {
    .w73-footer__bg {
        top: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w73-footer__bg {
        top: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-footer__bg {
        top: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w73-footer__bg {
        top: 0;
    }
}

@media only screen and (max-width:43.75rem) {
    .w73-footer__bg {
        top: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-footer__bg {
        top: 0;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-footer__bg {
        top: 0;
    }
}

@media only screen and (max-width:25rem) {
    .w73-footer__bg {
        top: 0;
    }
}

.w73-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 3rem 1rem 3rem;
}

.w73-footer__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 0rem;
    position: relative;
    z-index: 1;
}

@-webkit-keyframes key-wd-footer-11__items {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w73-footer__items {
    -webkit-animation: key-wd-footer-11__items 1s;
    animation: key-wd-footer-11__items 1s;
    animation-iteration-count: 1;
}

.w73-footer__items__first {
    width: 22.75%;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    margin-left: 3%;
}

    .w73-footer__items__first:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:81.25rem) {
    .w73-footer__items__first {
        width: 49%;
    }
}

@media only screen and (max-width:43.75rem) {
    .w73-footer__items__first {
        width: 100%;
    }
}

.w73-footer__items__first__logo {
    display: flex;
    justify-content: center;
    margin-top: 1rem;
    width: 100%;
}

.w73-footer__items__first__logo__imgbox {
    background-size: contain;
}

.w73-footer__items__first__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    color: #fff;
    margin-top: 2rem;
}

.w73-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w73-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w73-footer__items__item {
    width: 22.75%;
    margin-left: 3%;
    margin-bottom: 2rem;
}

@media only screen and (max-width:31.25rem) {
    .w73-footer__items__item {
        margin-bottom: 0rem;
    }
}

.w73-footer__items__item:nth-child(4n+1) {
    margin-left: 0;
}

@media only screen and (max-width:81.25rem) {
    .w73-footer__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w73-footer__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w73-footer__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w73-footer__items__item__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w73-footer__items__item__name:hover {
        letter-spacing: .1rem;
    }

.w73-footer__items__item__name__line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6rem;
    height: .2rem;
    background-color: #f1d2a9;
    transition: all .5s;
}

.w73-footer__items__item__name:hover .w73-footer__items__item__name__line {
    width: 9rem;
    background-color: rgba(var(--second-color-w),1);
}

.w73-footer__items__item__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w73-footer__items__item__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w73-footer__items__item__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w73-footer__items__item__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w73-footer__items__item__childs {
    margin-top: 2rem;
}

.w73-footer__items__item__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w73-footer__items__item__childs__item__icon {
    font-size: 1.4rem;
    transition: all .5s;
    margin-top: .3rem;
    color: #fff;
    display: none;
    margin-right: .5rem;
}

.w73-footer__items__item__childs__item:hover
.w73-footer__items__item__childs__item__icon {
    color: rgba(var(--second-color-w), 1);
}

.w73-footer__items__item__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w73-footer__items__item__childs__item:hover
.w73-footer__items__item__childs__item__name {
    text-decoration: underline;
}

.w73-footer__items__item__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w73-footer__items__item__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w73-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w73-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w73-footer__items__last__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w73-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w56-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__item__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__item__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__item__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w56-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__first__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__first__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__first__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w56-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__last__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__last__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__last__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w73-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w73-footer__items__item__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w73-footer__items__item__ads__child:first-child {
        margin-left: 0;
    }

    .w73-footer__items__item__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w73-footer__items__first__childs {
    margin-top: 2rem;
    width: 100%;
}

.w73-footer__items__first__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w73-footer__items__first__childs__item__icon {
    font-size: 1.8rem;
    transition: all .5s;
    margin-top: .3rem;
    color: #fff;
}

.w73-footer__items__first__childs__item:hover
.w73-footer__items__first__childs__item__icon {
    color: rgba(var(--second-color-w), 1);
}

.w73-footer__items__first__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    margin-left: 1rem;
    color: #fff;
    cursor: pointer;
}

.w73-footer__items__first__childs__item:hover
.w73-footer__items__first__childs__item__name {
    text-decoration: underline;
}

.w73-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w73-footer__items__first__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w73-footer__items__first__ads__child:first-child {
        margin-left: 0;
    }

    .w73-footer__items__first__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w73-footer__items__last__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w73-footer__items__last__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w73-footer__items__last__ads__child:first-child {
        margin-left: 0;
    }

    .w73-footer__items__last__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w73-footer__items__last__items {
    margin-top: 2rem;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w73-footer__items__last__items__item {
    margin-top: 1rem;
    width: 30.66666%;
    margin-left: 4%;
    overflow: hidden;
    border: .75rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border-radius: 1rem;
}

    .w73-footer__items__last__items__item:nth-child(3n+1) {
        margin-left: 0;
    }

.w73-footer__items__last__items__item__imgbox {
    width: 100%;
    transition: all .3s;
    background-size: cover;
    background-position: center;
}

.w73-footer__items__last__items__item:hover .w73-footer__items__last__items__item__imgbox {
    transform: scale(1.1);
    opacity: 0.6;
}

.w73-footer__items__last__items__item__imgbox__img {
    width: 100%;
}

.w73-footer__items__last__items__item__icon {
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1d2a9;
    font-size: 1.4rem;
    color: rgba(var(--second-color-w),1);
    transition: all .3s;
    transform: rotate(-45deg);
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.w73-footer__items__last__items__item:hover .w73-footer__items__last__items__item__icon {
    opacity: 1;
    visibility: visible;
}

.w73-footer__items__last__items__item__icon:hover {
    transform: rotate(0deg);
}

.w73-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w73-footer__code {
    width: 100%;
    margin-top: 1rem;
}

.w73-footer__items__last {
    width: 22.5%;
    margin-left: 3%;
    margin-bottom: 2rem;
}

    .w73-footer__items__last:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:81.25rem) {
    .w73-footer__items__last {
        width: 49%;
        margin-left: 2%;
    }

        .w73-footer__items__last:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w73-footer__items__last {
        width: 100%;
        margin-left: 0;
    }
}

.w73-footer__items__last__name {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w73-footer__items__last__name:hover {
        letter-spacing: .1rem;
    }

.w73-footer__items__last__name__line {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 6rem;
    height: .2rem;
    background-color: #f1d2a9;
    content: "";
    transition: all .5s;
}

.w73-footer__items__last__name:hover .w73-footer__items__last__name__line {
    width: 9rem;
    background-color: rgba(var(--second-color-w),1);
}

.w73-footer__items__last__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w73-footer__items__last__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w73-footer__items__last__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w73-footer__items__last__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w73-footer__items__last__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w73-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w73-footer__items__last__ads {
    display: flex;
    margin-top: 3rem;
    width: 100%;
}

.w73-footer__items__last__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w73-footer__items__last__ads__child:first-child {
        margin-left: 0;
    }

    .w73-footer__items__last__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w73-footer__center {
    display: flex;
    position: relative;
    width: 100%;
    margin: 3rem 0 5rem;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.w73-footer__center__line {
    width: 100%;
    height: 1px;
    background-color: #FFFFFF29;
}

.w73-footer__center__box {
    position: absolute;
    width: 5rem;
    height: 5rem;
    background-color: #F1D2A9;
    color: #fff;
    border-radius: 50%;
    border: solid 3px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s;
    filter: brightness(1);
    overflow: hidden;
}

.w73-footer__center__box__icon {
    font-size: 2rem;
}

.w73-footer__center__box:hover .w73-footer__center__box__icon {
    -webkit-animation: key-w73-footer__center__box__icon .5s;
    animation: key-w73-footer__center__box__icon .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w73-footer__center__box__icon {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-5rem);
        opacity: 1;
    }

    51% {
        transform: translateY(-5rem);
        opacity: 0;
    }

    52% {
        transform: translateY(5rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w73-footer__center__box:hover {
    filter: brightness(.8);
}

.w73-footer__bottom {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
}

.w73-footer__bottom__name {
    font-size: 1.4rem;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w73-footer__bottom__name {
        width: 100%;
        text-align: center;
    }
}

.w73-footer__bottom__social {
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w73-footer__bottom__social {
        width: 100%;
        justify-content: center;
        margin-top: 2rem;
    }
}

.w73-footer__bottom__social__item {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #f1d2a9;
    border-radius: .3rem;
    margin-right: 2rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: 50%;
}

    .w73-footer__bottom__social__item:hover {
        color: rgba(var(--main-color-w,1));
        background-color: #fff;
        transform: translateY(-1rem);
    }

.w73-footer__top {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 0;
    left: 0;
    overflow: hidden;
}

@media only screen and (min-width:3800px) {
    .w73-footer__top {
        display: none;
    }
}

.w73-footer__top__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    margin-top: -2px;
}

@media only screen and (max-width:37.5rem) {
    .w73-footer__top__imgbox {
        margin-top: -4px;
    }
}

.w73-footer__top__imgbox__img {
    width: 100%;
}

.w73-footer__top svg {
    width: 100%;
    height: 280px;
}

@media only screen and (min-width:2800px) {
    .w73-footer__top svg {
        height: 300px;
    }
}

@media only screen and (max-width:1500px) {
    .w73-footer__top svg {
        height: 180px;
    }
}

@media only screen and (max-width:75rem) {
    .w73-footer__top svg {
        height: 200px;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-footer__top svg {
        height: 140px;
    }
}

@media only screen and (max-width:50rem) {
    .w73-footer__top svg {
        height: 100px;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-footer__top svg {
        height: 90px;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-footer__top svg {
    }
}

.w73-footer__top svg path {
    fill: rgba(var(--main-color-w),1);
}

.w73-footer__effect {
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 11rem;
    left: 0;
    animation: 4s ease 0s infinite normal none key-w73-footer__effect;
}

@media only screen and (min-width:2000px) {
    .w73-footer__effect {
    }
}

@media only screen and (min-width:2600px) {
    .w73-footer__effect {
    }
}

@media only screen and (min-width:2800px) {
    .w73-footer__effect {
    }
}

@media only screen and (min-width:3830px) {
    .w73-footer__effect {
        display: none;
    }
}

@media only screen and (max-width:1700px) {
    .w73-footer__effect {
    }
}

@media only screen and (max-width:81.25rem) {
    .w73-footer__effect {
        width: 130%;
        top: 12rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-footer__effect {
        top: 8rem;
    }
}

@media only screen and (max-width:56.25rem) {
    .w73-footer__effect {
    }
}

@media only screen and (max-width:50rem) {
    .w73-footer__effect {
        top: 8rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-footer__effect {
        top: 8rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-footer__effect {
    }
}

@media only screen and (min-width:87.5rem) {
    @-webkit-keyframes key-w73-footer__effect {
        0%, 100% {
            transform: translate3d(0px, -50px, 0px);
        }

        50% {
            transform: translate3d(0px, 5px, 0px);
        }
    }
}
@media only screen and (max-width:87.5rem) {
    @-webkit-keyframes key-w73-footer__effect {
        0%, 100% {
            transform: translate3d(0px, -60px, 0px);
        }

        50% {
            transform: translate3d(0px, 5px, 0px);
        }
    }
}
.w73-footer__effect__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center
}

@media only screen and (max-width:1700px) {
    .w73-footer__effect__imgbox {
    }
}

.w73-footer__effect__imgbox__img {
    width: 100%;
}
/*ed*/
/*w73-introducer-1*/
.w73-introducer-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w73-introducer-1 {
        padding-bottom: 0;
    }
}

.w73-introducer-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    flex-direction: row-reverse;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-1__group {
        flex-direction: column-reverse;
    }
}

.w73-introducer-1__first {
    width: 44%;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-1__first {
        width: 100%;
        margin-right: 0%;
    }
}

.w73-introducer-1__first__heading {
}

@media only screen and (max-width:75rem) {
    .w73-introducer-1__first__heading {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-introducer-1__first__heading__name {
    color: rgba(var(--main-color-w),1);
    font-size: 4rem;
    font-weight: 700;
    line-height: 6rem;
    width: 100%;
    transition: all .5s;
    margin-top: 2rem;
}

    .w73-introducer-1__first__heading__name:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__first__heading__name {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-introducer-1__first__heading__title {
    display: flex;
    align-items: center;
    color: rgba(var(--second-color-w),1);
    position: relative;
}

.w73-introducer-1__first__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-introducer-1__first__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@keyframes key-w73-introducer-1__first__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-introducer-1__first__heading__title__text {
    margin-left: 1rem;
    font-size: 2rem;
    margin-left: 6rem;
}

.w73-introducer-1__first__detail {
    margin-top: 2rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
    color: #3f3f3f;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__first__detail {
        margin-top: 1rem;
    }
}

.w73-introducer-1__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w73-introducer-1__first__items__item {
    margin-top: 2rem;
    display: flex;
    width: 47%;
    margin-left: 6%;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-1__first__items__item {
        width: 49%;
        margin-left: 2%;
    }
}

@media only screen and (max-width:50rem) {
    .w73-introducer-1__first__items__item {
        width: 48%;
        margin-left: 4%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__first__items__item {
        width: 49%;
        margin-left: 2%;
    }
}

.w73-introducer-1__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__first__items__item {
        margin-top: 1rem;
    }
}

.w73-introducer-1__first__items__item__main {
    align-items: center;
    background-color: #fff;
    padding: 3.5rem;
    overflow: hidden;
    transition: all .5s;
    flex-wrap: wrap;
    width: 100%;
    display: flex;
    transition: all .3s;
    color: rgba(var(--main-color-w),1);
    border-radius: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__first__items__item__main {
        padding: 1.5rem;
    }
}

.w73-introducer-1__first__items__item__main:hover {
    background-color: #fcfaf7;
}

.w73-introducer-1__first__items__item__main__top {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
}

.w73-introducer-1__first__items__item__main__top__icon {
    font-size: 6rem;
}

.w73-introducer-1__first__items__item__main__top__btn {
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
    font-size: 2rem;
    color: #fff;
    transition: all .3s;
    transform: scale(.8);
    opacity: 0;
}

.w73-introducer-1__first__items__item:hover
.w73-introducer-1__first__items__item__main__top__btn {
    transform: scale(1);
    opacity: 1;
}

.w73-introducer-1__first__items__item__main__top__btn__icon {
    transform: rotate(-45deg);
    transition: all .3s;
}

.w73-introducer-1__first__items__item__main__top__btn:hover .w73-introducer-1__first__items__item__main__top__btn__icon {
    transform: rotate(0deg);
}

.w73-introducer-1__first__items__item__main__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    width: 100%;
    margin-top: 2rem;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__first__items__item__main__name {
        margin-top: 1rem;
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w73-introducer-1__first__items__item__main__name:hover {
    color: rgba(var(--second-color-w),1);
}

.w73-introducer-1__second {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-1__second {
        width: 100%;
        margin-bottom: 4rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-1__second {
        padding-bottom: 0rem;
    }
}

.w73-introducer-1__second__one {
    overflow: hidden;
    border-radius: 3.5rem;
    width: 100%;
    position: relative;
}

.w73-introducer-1__second__one__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-introducer-1__second__one:hover .w73-introducer-1__second__one__effect {
    animation: .5s ease-in-out key-w73-introducer-1__second__one__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-introducer-1__second__one__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-introducer-1__second__one__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
}

    .w73-introducer-1__second__one__imgbox:hover {
        transform: scale(1.05);
    }

.w73-introducer-1__second__one__imgbox__img {
    width: 100%;
}

.w73-introducer-1__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-1__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-1__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-introducer-1__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-introducer-1__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w73-introducer-1__second__two:hover {
    filter: brightness(.9);
}

.w73-introducer-1__second__two__figure {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    height: 17rem;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-1__second__two__figure {
        height: 20rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-introducer-1__second__two__figure {
        height: 18rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-1__second__two__figure {
        height: 15rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-introducer-1__second__two__figure {
        height: 12rem;
    }
}
/*ed*/
/*w73-introducer-2*/
.w73-introducer-2 {
    width: 100%;
    padding: 8rem 1rem 8rem;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-image: url(../../img/w73/06.png);
    background-position: center;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-2 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.w73-introducer-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-2__group {
    }
}

.w73-introducer-2__first {
    width: 47%;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-2__first {
        width: 100%;
        margin-right: 0%;
    }
}

.w73-introducer-2__first__heading {
}

@media only screen and (max-width:75rem) {
    .w73-introducer-2__first__heading {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-introducer-2__first__heading__name {
    color: #fff;
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-2__first__heading__name {
        font-size: 3rem;
        line-height: 4.6rem;
        margin-top: 1rem;
    }
}

.w73-introducer-2__first__heading__name:hover {
}

.w73-introducer-2__first__heading__title {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
}

.w73-introducer-2__first__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-introducer-2__first__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w73-introducer-2__first__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-introducer-2__first__heading__title__text {
    margin-left: 1rem;
    font-size: 2rem;
    margin-left: 6rem;
}

.w73-introducer-2__first__detail {
    margin-top: 2rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-2__first__detail {
        margin-top: 1rem;
    }
}

.w73-introducer-2__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w73-introducer-2__first__items__item {
    margin-top: 2rem;
    display: flex;
    margin-right: 2rem;
}

.w73-introducer-2__first__items__item__main {
    align-items: center;
    background-color: #fff;
    padding: 1rem 2rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    transition: all .3s;
    color: rgba(var(--main-color-w),1);
    border-radius: 2rem;
}

    .w73-introducer-2__first__items__item__main:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w73-introducer-2__first__items__item__main:hover {
    }

.w73-introducer-2__first__items__item__main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w73-introducer-2__first__items__item__main__top__icon {
    font-size: 3rem;
}

.w73-introducer-2__first__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
    margin-left: 1rem;
}

    .w73-introducer-2__first__items__item__main__name:hover {
    }

.w73-introducer-2__second {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-2__second {
        width: 100%;
        margin-top: 3rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-2__second {
    }
}

.w73-introducer-2__second__one {
    border-radius: 3.5rem;
    width: 100%;
    position: relative;
    overflow:hidden;
}

.w73-introducer-2__second__one__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-introducer-2__second__one:hover .w73-introducer-2__second__one__effect {
    animation: .5s ease-in-out key-w73-introducer-2__second__one__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-introducer-2__second__one__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-introducer-2__second__one__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
}

    .w73-introducer-2__second__one__imgbox:hover {
        animation: .75s ease-in-out key-w73-introducer-2__second__one__imgbox;
        animation-iteration-count: 1;
    }

@-webkit-keyframes key-w73-introducer-2__second__one__imgbox {
    0% {
        transform: scale(1);
        opacity: 1;
    }

    40% {
        transform: scale(1.05);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: .5;
    }
}

.w73-introducer-2__second__one__imgbox__img {
    width: 100%;
}

.w73-introducer-2__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-2__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-2__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-introducer-2__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-2__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-introducer-2__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w73-introducer-2__second__two:hover {
    filter: brightness(.9);
}

.w73-introducer-2__second__two__figure {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    height: 17rem;
}

@media only screen and (max-width:75rem) {
    .w73-introducer-2__second__two__figure {
        height: 20rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-introducer-2__second__two__figure {
        height: 18rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-2__second__two__figure {
        height: 15rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-introducer-2__second__two__figure {
        height: 12rem;
    }
}
/*ed*/

/*w73-introducer-3*/
.w73-introducer-3 {
    width: 100%;
    padding: 8rem 1rem 8rem;
    background-color: #fff;
    z-index: 0;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.w73-introducer-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3__group {
        flex-direction: column-reverse;
    }
}

.w73-introducer-3__first {
    width: 44%;
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3__first {
        width: 100%;
        margin-right: 0%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__first {
    }
}

.w73-introducer-3__first__heading {
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3__first__heading {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-introducer-3__first__heading__name {
    color: rgba(var(--main-color-w),1);
    font-size: 4rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-top: 2rem;
}

    .w73-introducer-3__first__heading__name:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__first__heading__name {
        font-size: 3rem;
        line-height: 4.6rem;
        margin-top: 1rem;
    }
}

.w73-introducer-3__first__heading__title {
    display: flex;
    align-items: center;
    color: rgba(var(--second-color-w),1);
    position: relative;
}

.w73-introducer-3__first__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-introducer-3__first__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w73-introducer-3__first__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-introducer-3__first__heading__title__text {
    margin-left: 1rem;
    font-size: 2rem;
    margin-left: 6rem;
}

.w73-introducer-3__first__detail {
    margin-top: 2rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
    color: #3f3f3f;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__first__detail {
        margin-top: 1rem;
    }
}

.w73-introducer-3__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__first__items {
        margin-top: .5rem;
    }
}

.w73-introducer-3__first__items__item {
    margin-top: 1.5rem;
    display: flex;
    width: 100%;
}

.w73-introducer-3__first__items__item__main {
    background-color: #fff;
    width: 100%;
    display: flex;
    transition: all .3s;
    color: rgba(var(--main-color-w),1);
}

.w73-introducer-3__first__items__item__main__top {
    display: flex;
    width: 2.8rem;
    height: 2.8rem;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 50%;
}

.w73-introducer-3__first__items__item__main__top__icon {
    font-size: 1.4rem;
    color: #fff;
}

.w73-introducer-3__first__items__item__main__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
    margin-left: 1rem;
    width: calc(100% - 3.8rem);
}

    .w73-introducer-3__first__items__item__main__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w73-introducer-3__second {
    width: 46%;
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.w73-introducer-3__first__btns {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}

.w73-introducer-3__first__btns__item {
    display: flex;
    margin-right: 2rem;
    cursor: pointer;
}

.w73-introducer-3__first__btns__item__main {
    align-items: center;
    background-color: #fff;
    padding: 1.25rem 3rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    transition: all .3s;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 0px 30px 0px 30px;
}

    .w73-introducer-3__first__btns__item__main:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w73-introducer-3__first__btns__item__main:hover {
    }

.w73-introducer-3__first__btns__item__main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w73-introducer-3__first__btns__item__main__top__icon {
    font-size: 3rem;
}

.w73-introducer-3__first__btns__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    transition: all .3s;
    margin-left: 1.5rem;
}

    .w73-introducer-3__first__btns__item__main__name:hover {
    }

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3__second {
        width: 100%;
        margin-bottom: 8rem;
    }
}

.w73-introducer-3__second__main {
    width: 70%;
    position: relative;
    z-index: 2;
}

@media only screen and (max-width:50rem) {
    .w73-introducer-3__second__main {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-end;
    }
}

.w73-introducer-3__second__main:hover {
}

.w73-introducer-3__second__main__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
    border-radius: 3rem;
}

@media only screen and (max-width:50rem) {
    .w73-introducer-3__second__main__imgbox {
        width: 80%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__second__main__imgbox {
        width: 90%;
    }
}

.w73-introducer-3__second__main__imgbox__img {
    width: 100%;
}

.w73-introducer-3__second__main__heading {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
    margin-left: 7rem;
}

@media only screen and (max-width:50rem) {
    .w73-introducer-3__second__main__heading {
        margin-left: 0;
    }
}

.w73-introducer-3__second__main__heading__name {
    font-size: 6rem;
    font-weight: 700;
    color: rgba(var(--second-color-w),1);
    display: flex;
    align-items: center;
}

@media only screen and (max-width:68.75rem) {
    .w73-introducer-3__second__main__heading__name {
        font-size: 5rem;
    }
}

@media only screen and (max-width:25rem) {
    .w73-introducer-3__second__main__heading__name {
        font-size: 3rem;
    }
}

.w73-introducer-3__second__main__heading__name__text {
}

.w73-introducer-3__second__main__heading__name__des {
}

.w73-introducer-3__second__main__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-left: 2rem;
    font-weight: 600;
}

@media only screen and (max-width:68.75rem) {
    .w73-introducer-3__second__main__heading__des {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

@media only screen and (max-width:25rem) {
    .w73-introducer-3__second__main__heading__des {
        margin-left: 1rem;
    }
}

.w73-introducer-3__second__imgbox {
    width: 17rem;
    height: 18rem;
    background-size: cover;
    background-position: center;
    position: absolute;
    top: -2rem;
    left: 3rem;
    z-index: 1;
    border-radius: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3__second__imgbox {
        width: 25rem;
        height: 30rem;
        left: 8rem;
        top: 0rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__second__imgbox {
        left: 2rem;
        width: 20rem;
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-introducer-3__second__imgbox {
        left: 0;
        width: 15rem;
        height: 20rem
    }
}

@media only screen and (max-width:25rem) {
    .w73-introducer-3__second__imgbox {
        width: 10rem;
        height: 15rem
    }
}

.w73-introducer-3__second__imgbox__img {
    width: 100%;
}

.w73-introducer-3__second__imgbox--2 {
    width: 16rem;
    height: 28rem;
    background-size: contain;
    background-position: center;
    position: absolute;
    top: 21rem;
    left: -2rem;
    z-index: 1;
    border-radius: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3__second__imgbox--2 {
        width: 20rem;
        height: 36rem;
        top: 33rem;
        left: 6rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__second__imgbox--2 {
        left: 0;
        width: 14rem;
        height: 30rem;
        top: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-introducer-3__second__imgbox--2 {
        left: -3rem;
        width: 10rem;
        height: 27rem;
        top: 26rem;
    }
}

@media only screen and (max-width:25rem) {
    .w73-introducer-3__second__imgbox--2 {
        top: 20rem;
    }
}

.w73-introducer-3__second__imgbox--2__img {
    width: 100%;
}

.w73-introducer-3__second__tron {
    position: absolute;
    top: 13rem;
    left: -7rem;
    width: 32rem;
    height: 32rem;
    background-color: rgba(42, 125, 46, 0.12);
    border-radius: 50%;
    z-index: 0;
}

@media only screen and (max-width:62.5rem) {
    .w73-introducer-3__second__tron {
        top: 29rem;
        left: -2rem;
        width: 39rem;
        height: 39rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-introducer-3__second__tron {
        top: 26rem;
        left: -5rem;
        width: 30rem;
        height: 30rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-introducer-3__second__tron {
        width: 24rem;
        height: 24rem;
        top: 25rem;
    }
}

@media only screen and (max-width:25rem) {
    .w73-introducer-3__second__tron {
        top: 20rem;
    }
}
/*ed*/
/*w73-menu*/
.w73-menu {
    z-index: 1;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    padding: 0rem;
    width: 100%;
}

@media only screen and (min-width: 50rem) {
    .w73-menu {
    }
}

.w73-menu.ws1StickyApply {
    background-color: rgba(var(--main-color-w), 1);
}

.w73-menu__group {
    margin: 0 auto;
    max-width: 100%;
}

.w73-menu__detail {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.ws1StickyApply .w73-menu__detail {
    align-items: normal;
}

.w73-menu__checkboxMobileMenu:checked ~
.w73-menu__detail {
    position: fixed;
    left: 0;
    top: 0;
    height: 10rem;
    width: 100%;
    z-index: 1;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail {
        background-color: rgba(var(--main-color-w),1);
    }

    .ws1TransApply .w73-menu__detail {
        background-color: transparent;
    }
}

.w73-menu__detail__logo {
    width: 18%;
    justify-content: center;
    align-items: center;
    position: relative;
    padding: 6rem 3rem 6rem 5rem;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w73-menu__detail__logo {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__logo {
        width: 20%;
        padding: 0rem 0rem 0rem 2rem;
        height: 10rem;
        position: relative;
        z-index: 2;
    }
}

@media only screen and (max-width: 50rem) {
    .w73-menu__detail__logo {
        width: 30%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w73-menu__detail__logo {
        width: 37%;
    }
}

.w73-menu__detail__logo__link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.w73-menu__detail__logo__link__imgbox {
    background-size: contain;
    background-position: center;
    max-height: 10rem;
}

.w73-menu__detail__logo__link__imgboxghim {
    background-size: contain;
    background-position: center;
    max-height: 10rem;
    display: none;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w73-menu__detail__logo__link__imgbox {
        display: none;
    }

    .ws1StickyApply .w73-menu__detail__logo__link__imgboxghim {
        display: block;
    }
}

.w73-menu__detail__logo__bg {
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    left: -40%;
    width: 150%;
    height: calc(100% - 2rem);
    border-radius: 0 1.5rem 1rem 0;
    transform: skewX(-25deg);
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__logo__bg {
        left: -20%;
        width: 140%;
    }
}

.w73-menu__detail__two {
    width: 82%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.ws1StickyApply .w73-menu__detail__two {
    align-items: center;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two {
        align-items: center;
        width: 70%;
        z-index: 1;
    }
}

.w73-menu__detail__two__mains {
    width: 85%;
    height: max-content;
    position: absolute;
    left: 3%;
    bottom: 0;
    display: flex;
    align-items: center;
}

.ws1StickyApply .w73-menu__detail__two__mains {
    position: relative;
    bottom: initial;
}

@media only screen and (max-width: 93.75rem) {
    .w73-menu__detail__two__mains {
        width: 97%;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains {
        width: 100%;
        left: 0;
        position: relative;
        border: initial;
    }
}

.w73-menu__checkboxMobileMenu {
    display: none;
}

.w73-menu__detail__two__mains__lblicon {
    display: none;
}


.w73-menu__checkboxMobileMenu:checked ~ .w73-menu__detail__two__mains__lblicon {
    display: block;
}

.w73-menu__detail__two__mains__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 2rem;
    margin-right: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w73-menu__detail__two__mains__container {
        margin-left: 2rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__container {
        display: none;
    }
}

.w73-menu__detail__two__mains__container__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
}

.w73-menu__detail__two__mains__container__lbl__top {
    position: absolute;
    width: 20px;
    height: 2px;
    top: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w73-menu__checkboxMobileMenu:checked ~
.w73-menu__detail
.w73-menu__detail__two
.w73-menu__detail__two__mains
.w73-menu__detail__two__mains__container
.w73-menu__detail__two__mains__container__lbl
.w73-menu__detail__two__mains__container__lbl__top {
    transform: rotate(45deg);
    top: 14px;
}

.w73-menu__detail__two__mains__container__lbl__center {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: rgba(var(--second-color-w),1);
}

.w73-menu__checkboxMobileMenu:checked ~
.w73-menu__detail
.w73-menu__detail__two
.w73-menu__detail__two__mains
.w73-menu__detail__two__mains__container
.w73-menu__detail__two__mains__container__lbl
.w73-menu__detail__two__mains__container__lbl__center {
    width: 0;
}

.w73-menu__detail__two__mains__container__lbl__bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    bottom: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w73-menu__checkboxMobileMenu:checked ~
.w73-menu__detail
.w73-menu__detail__two
.w73-menu__detail__two__mains
.w73-menu__detail__two__mains__container
.w73-menu__detail__two__mains__container__lbl
.w73-menu__detail__two__mains__container__lbl__bottom {
    bottom: 14px;
    transform: rotate(-45deg);
}

.w73-menu__detail__two__mains__lblicon {
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    padding: 1rem;
    font-size: 3rem;
    z-index: 1;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main {
        background-color: rgba(var(--main-color-w),1);
        position: fixed;
        top: 0;
        width: 30rem;
        height: 100%;
        left: -100%;
        transition: all .2s ease;
        padding: 12rem 1rem 2rem 1.5rem;
        z-index: 1;
        overflow: hidden;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w73-menu__detail__two__mains__main {
        width: 29rem;
    }
}

.w73-menu__checkboxMobileMenu:checked ~
.w73-menu__detail
.w73-menu__detail__two
.w73-menu__detail__two__mains
.w73-menu__detail__two__mains__main {
    left: 0;
}

.w73-menu__detail__two__mains__main__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ws1RightMenubox .w73-menu__detail__two__mains__main__items {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items {
        width: 100%;
        position: relative;
        z-index: 2;
        max-height: 67vh;
        overflow-y: scroll;
        padding-right: .5rem;
    }

        .w73-menu__detail__two__mains__main__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w73-menu__detail__two__mains__main__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w73-menu__detail__two__mains__main__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w73-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w73-menu__detail__two__mains__main__items__item {
    display: flex;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item {
        width: 100%;
        display: block;
    }

        .w73-menu__detail__two__mains__main__items__item:last-child {
            border-bottom: none;
        }
}

.w73-menu__detail__two__mains__main__items__item__inner {
    display: flex;
    align-items: center;
    padding: 3rem 2rem 3.5rem;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

.ws1RightMenubox .w73-menu__detail__two__mains__main__items__item__inner {
    padding: 3rem 1rem 3.5rem;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w73-menu__detail__two__mains__main__items__item__inner {
        align-items: center;
        padding: 3.5rem 2rem 3.5rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__inner {
        padding: 1rem 0;
        border-bottom: solid 1px rgba(255, 255, 255, .25);
        justify-content: flex-start;
    }

    .w73-menu__detail__two__mains__main__items__item:last-child .w73-menu__detail__two__mains__main__items__item__inner {
        border-bottom: none;
    }
}

.w73-menu__detail__two__mains__main__items__item__inner:hover .w73-menu__detail__two__mains__main__items__item__inner__text {
    text-decoration: underline;
}

.w73-menu__detail__two__mains__main__items__item__inner:hover .w73-menu__detail__two__mains__main__items__item__inner__icon {
    transition: all .2s ease;
}

.w73-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 600;
}

.ws1RightMenubox .w73-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__inner__text {
        color: white;
        font-size: 1.6rem;
    }
}

.w73-menu__detail__two__mains__main__items__item__inner__icon {
    color: #fff;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__inner__icon {
        color: white;
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        background-color: rgba(var(--second-color-w),0);
        border: solid .1rem #ebebeb;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
    }

    .w73-menu__detail__two__mains__main__items__item__inner__icon__value {
        font-weight: 400;
        transition: none;
    }

    .w73-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w73-menu__detail__two__mains__main__items__item__inner
    .w73-menu__detail__two__mains__main__items__item__inner__icon {
        border-color: rgba(235,235,235,0);
        background-color: rgba(var(--second-color-w),1)
    }
}

.w73-menu__detail__two__mains__main__items__item__inner__icondirect {
    color: #fff;
    font-size: 3.6rem;
    position: absolute;
    bottom: -15px;
    opacity: 0;
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__inner__icondirect {
        transform: rotate(180deg);
        top: calc(100% - 13px);
        bottom: initial;
        color: rgba(var(--main-color-w),1)
    }

    .ws1TransApply .w73-menu__detail__two__mains__main__items__item__inner__icondirect {
        transform: rotate(0deg);
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__inner__icondirect {
        display: none !important;
    }
}

.w73-menu__detail__two__mains__main__items__item:hover .w73-menu__detail__two__mains__main__items__item__inner__icondirect {
    opacity: 1;
    z-index: 1;
}

.w73-menu__detail__two__mains__main__items__item__inputcheck {
    display: none;
}


    .w73-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w73-menu__detail__two__mains__main__items__item__inner
    .w73-menu__detail__two__mains__main__items__item__inner__icon
    .w73-menu__detail__two__mains__main__items__item__inner__icon__value {
        transform: rotate(180deg);
    }

.w73-menu__detail__two__mains__main__items__item__drops {
    position: absolute;
    border-radius: 1rem;
    margin-bottom: 0;
    min-width: 26rem;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops {
        width: max-content;
        visibility: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        -moz-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        opacity: 0;
        top: 100%;
    }

    .w73-menu__detail__two__mains__main__items__item:hover .w73-menu__detail__two__mains__main__items__item__drops {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    .w73-menu__detail__two__mains__main__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media only screen and (min-width: 50rem) {
    .w73-menu__detail__two__mains__main__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
    }

    .w73-menu__detail__two__mains__main__items__item__inputcheck:checked ~ .w73-menu__detail__two__mains__main__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }

    .w73-menu__detail__two__mains__main__items__item__inputcheck:not(:checked) ~ .w73-menu__detail__two__mains__main__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w73-menu__detail__two__mains__main__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop {
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
        border: 1px solid rgba(var(--main-color-w),1);
        margin-top: 1rem;
        padding: .5rem 0;
        border-radius: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop {
        height: fit-content;
    }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents {
    width: 100%;
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--second-color-w),1);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
        padding: 1rem 0rem 1rem 1rem;
    }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box:hover {
    }

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
    transition: all .3s;
}


@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
        margin-left: 2.5rem;
        text-decoration: underline;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
        color: white;
    }

    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
        margin-left: 2.75rem;
    }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
    }
}



.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__icon {
    color: rgba(var(--second-color-w),1);
    transform: translateY(100%);
    position: absolute;
    opacity: 0;
    transition: all .5s;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__icon {
        color: #fff;
    }
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__icon {
        transform: translateY(0);
        opacity: 1;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__icon {
        transform: translateY(0);
        opacity: 1;
    }

    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__icon {
        transition: none;
    }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
    position: absolute;
    left: calc(100% + 5rem);
    width: max-content;
    top: -1rem;
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        overflow: hidden;
    }

    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~ .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub {
    margin-left: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    padding: 0rem 0;
    margin-bottom: 0;
    min-width: 20rem;
    width: max-content;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border: 1px solid rgba(var(--second-color-w), 1);
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub {
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 1rem 0 0;
    }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: 1rem 1.5rem;
    color: rgba(var(--second-color-w),1);
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child {
        color: #fff;
        padding: 1rem 1rem 1rem 1.75rem;
    }

        .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__icon {
    transition: all .5s;
    position: absolute;
    opacity: 0;
    transform: translateY(100%)
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child:hover .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__icon {
    opacity: 1;
    transform: translateY(0);
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child:hover .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__text {
    margin-left: 2.5rem;
    text-decoration: underline;
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check {
    display: none;
}

.w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
    margin-left: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
        position: absolute;
        margin: 0;
        right: 0;
        top: .5rem;
        transform: rotate(90deg);
        font-weight: 400;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
    .w73-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
        transform: rotate(270deg);
    }
}

.w73-menu__detail__two__mains__main__supports {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__main__supports {
        display: flex;
        position: absolute;
        left: 0;
        bottom: 0rem;
        width: 100%;
        background-color: rgba(var(--main-color-w), 1);
        padding-bottom: 2rem;
        justify-content: center;
        z-index: 3;
    }
}

.w73-menu__detail__two__mains__main__supports__support {
    display: flex;
    align-items: center;
    margin-left: .5rem;
    margin-right: .5rem;
    font-size: 1.6rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border-radius: 2rem;
    padding: .75rem 0 .75rem 0;
    justify-content: center;
    width: max-content;
    transition: all .3s;
    cursor: pointer;
    position: relative;
    box-shadow: 4px 5px 30px rgba(255, 255, 255, 0.5);
}

    .w73-menu__detail__two__mains__main__supports__support:hover {
    }

.w73-menu__detail__two__mains__main__supports__support__icon {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: .5rem;
    font-size: 1.4rem;
    transition: all .5s;
}

.w73-menu__detail__two__mains__main__supports__support:hover
.w73-menu__detail__two__mains__main__supports__support__icon {
    left: calc(100% - 31px - .5rem);
    transform: rotate(260deg);
}

.w73-menu__detail__two__mains__main__supports__support__name {
    margin-left: 4.25rem;
    margin-right: 1.5rem;
    font-weight: 600;
    transition: all .25s;
}

.w73-menu__detail__two__mains__main__supports__support:hover
.w73-menu__detail__two__mains__main__supports__support__name {
    margin-left: 1.5rem;
    margin-right: 4.25rem;
}

.w73-menu__bg {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.7);
    z-index: 0;
}

.w73-menu__checkboxMobileMenu:checked ~
.w73-menu__bg {
    left: 0;
}

.w73-menu__detail__two__mains__search {
    margin-left: 3rem;
    width: 3rem;
    height: 3rem;
    background-color: rgba(var(--second-color-w),.75);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .w73-menu__detail__two__mains__search:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 93.75rem) {
    .w73-menu__detail__two__mains__search {
        margin-left: auto;
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__search {
        display: flex;
        margin-left: 2rem;
        margin-right: 0;
    }
}

.w73-menu__detail__two__mains__search__btn {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .2s ease;
    color: #fff;
}

.w73-menu__detail__two__mains__search__btn__icon {
    color: white;
    font-size: 1.7rem;
    transition: all .3s;
}

.w73-menu__detail__two__mains__search__btn:hover {
}

.w73-menu__detail__two__mains__search__searchcheckbox:checked ~
.w73-menu__detail__two__mains__search__btn
.w73-menu__detail__two__mains__search__btn__icon {
    transform: rotate(0);
}

    .w73-menu__detail__two__mains__search__searchcheckbox:checked ~
    .w73-menu__detail__two__mains__search__btn
    .w73-menu__detail__two__mains__search__btn__icon:before {
        content: "\f00d";
    }

.w73-menu__detail__two__mains__search__searchcheckbox {
    display: none;
}

.w73-menu__detail__two__mains__search__box {
    background-color: #fff;
    position: absolute;
    width: 30rem;
    right: 0;
    top: 8rem;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(var(--second-color-w),1);
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border-radius: 3rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.w73-menu__detail__two__mains__search__searchcheckbox:checked ~ .w73-menu__detail__two__mains__search__box {
    top: 6rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__search__searchcheckbox:checked ~ .w73-menu__detail__two__mains__search__box {
        top: 7rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w73-menu__detail__two__mains__search__box {
        width: 29rem;
    }
}

.w73-menu__detail__two__mains__search__box__value {
    padding: 1rem 2rem;
    border-radius: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 81.25rem) {
    .w73-menu__detail__two__mains__search__box__value {
        width: 90%;
    }
}

.w73-menu__detail__two__mains__search__box__value__input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 50rem) {
    .w73-menu__detail__two__mains__search__box__value__input {
        font-size: 1.8rem;
    }
}

.w73-menu__detail__two__mains__search__box__value__input::placeholder {
}

.w73-menu__detail__two__mains__search__box__value__btn {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    right: 1.25rem;
}

@media only screen and (max-width: 81.25rem) {
    .w73-menu__detail__two__mains__search__box__value__btn {
        right: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w73-menu__detail__two__mains__search__box__value__btn {
        font-size: 1.8rem;
    }
}

.w73-menu__detail__two__mains__search__box__value__btn:hover {
    transition: all .2s ease;
    transform: scale(1.3);
}

.w73-menu__detail__two__top {
    background-color: #fff;
    width: 100%;
    padding: 1.25rem 5rem;
    border-radius: 3rem 0 0 3rem;
    margin-top: 1rem;
    height: max-content;
}

.ws1TransApply .w73-menu__detail__two__top {
    background-color: transparent;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__top {
        display: none;
    }
}

.ws1StickyApply .w73-menu__detail__two__top {
    display: none;
}

.w73-menu__detail__two__top__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width: 87.5rem) {
    .w73-menu__detail__two__top__items {
    }
}

.w73-menu__detail__two__top__items__item {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    margin: .5rem 0;
}

@media only screen and (max-width: 93.75rem) {
    .w73-menu__detail__two__top__items__item {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 87.5rem) {
}

.w73-menu__detail__two__top__items__item__icon {
    color: rgba(var(--second-color-w),1);
    cursor: pointer;
}

.w73-menu__detail__two__top__items__item__name {
    margin-left: 1rem;
    transition: all .3s;
    cursor: pointer;
}

    .w73-menu__detail__two__top__items__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w73-menu__detail__two__top__items__item__icon2 {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 10rem;
    font-size: .6rem;
    color: rgba(var(--second-color-w),1);
}

.ws1RightMenubox .w73-menu__detail__two__top__items__item__icon2 {
    width: 3rem;
}

@media only screen and (max-width: 87.5rem) {
    .w73-menu__detail__two__top__items__item__icon2 {
        width: 3rem;
    }
}

.w73-menu__detail__two__top__items__item:last-child .w73-menu__detail__two__top__items__item__icon2 {
    display: none;
}

.w73-menu__detail__two__mains__cart {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    cursor: pointer;
}

@media only screen and (max-width: 81.25rem) {
    .w73-menu__detail__two__mains__cart {
        display: none;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__cart {
        display: flex;
        margin-left: auto;
    }
}

.w73-menu__detail__two__mains__cart__first {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w73-menu__detail__two__mains__cart__first__icon {
    font-size: 2rem;
    color: #fff;
}

.w73-menu__detail__two__mains__cart__first__sum {
    color: #fff;
    position: absolute;
    top: -1.5rem;
    padding: .2rem 0.5rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    left: 1.5rem;
    background-color: #e94b35;
    transition: all .3s;
}

.w73-menu__detail__two__mains__cart:hover .w73-menu__detail__two__mains__cart__first__sum {
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
}

.w73-menu__detail__two__mains__cart__first__second {
    display: flex;
    align-items: center;
    margin-left: 2rem;
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
}

.w73-menu__detail__two__mains__cart__first__second__sum {
}

.w73-menu__detail__two__mains__cart__first__second__donvi {
    margin-left: .5rem;
}

.w73-menu__detail__two__mains__taikhoans {
    margin-left: auto;
}

@media only screen and (max-width: 106.25rem) {
    .w73-menu__detail__two__mains__taikhoans {
        display: none;
    }
}

.w73-menu__detail__two__mains__taikhoans__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items {
        width: 100%;
        position: relative;
        z-index: 2;
        max-height: calc(85vh - 12rem);
        overflow-y: scroll;
        padding-right: .5rem;
    }

        .w73-menu__detail__two__mains__taikhoans__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w73-menu__detail__two__mains__taikhoans__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w73-menu__detail__two__mains__taikhoans__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w73-menu__detail__two__mains__taikhoans::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item {
    display: flex;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item {
        width: 100%;
        display: block;
    }

        .w73-menu__detail__two__mains__taikhoans__items__item:last-child {
            border-bottom: none;
        }
}

.w73-menu__detail__two__mains__taikhoans__items__item__inner {
    display: flex;
    align-items: center;
    padding: 3rem 2rem 3.5rem;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w73-menu__detail__two__mains__taikhoans__items__item__inner {
        align-items: center;
        padding: 3.5rem 2rem 3.5rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__inner {
        padding: 1rem 0;
        border-bottom: solid 1px rgba(255, 255, 255, .25);
        justify-content: flex-start;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item:last-child .w73-menu__detail__two__mains__taikhoans__items__item__inner {
        border-bottom: none;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__inner:hover .w73-menu__detail__two__mains__taikhoans__items__item__inner__text {
    text-decoration: underline;
}

.w73-menu__detail__two__mains__taikhoans__items__item__inner:hover .w73-menu__detail__two__mains__taikhoans__items__item__inner__icon {
    transition: all .2s ease;
}

.w73-menu__detail__two__mains__taikhoans__items__item__inner__text {
    font-size: 1.8rem;
    color: #fff;
    font-weight: 600;
}

.ws1RightMenubox .w73-menu__detail__two__mains__taikhoans__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__inner__text {
        color: white;
        font-size: 1.6rem;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__inner__icon {
    color: #fff;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__inner__icon {
        color: white;
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        background-color: rgba(var(--second-color-w),0);
        border: solid .1rem #ebebeb;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__inner__icon__value {
        font-weight: 400;
        transition: none;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__inputcheck:checked ~
    .w73-menu__detail__two__mains__taikhoans__items__item__inner
    .w73-menu__detail__two__mains__taikhoans__items__item__inner__icon {
        border-color: rgba(235,235,235,0);
        background-color: rgba(var(--second-color-w),1)
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__inner__icondirect {
    color: #fff;
    font-size: 3.6rem;
    position: absolute;
    bottom: -15px;
    opacity: 0;
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__inner__icondirect {
        transform: rotate(180deg);
        top: calc(100% - 13px);
        bottom: initial;
        color: rgba(var(--main-color-w),1)
    }

    .ws1TransApply .w73-menu__detail__two__mains__taikhoans__items__item__inner__icondirect {
        transform: rotate(0deg);
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__inner__icondirect {
        display: none !important;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item:hover .w73-menu__detail__two__mains__taikhoans__items__item__inner__icondirect {
    opacity: 1;
    z-index: 1;
}

.w73-menu__detail__two__mains__taikhoans__items__item__inputcheck {
    display: none;
}


    .w73-menu__detail__two__mains__taikhoans__items__item__inputcheck:checked ~
    .w73-menu__detail__two__mains__taikhoans__items__item__inner
    .w73-menu__detail__two__mains__taikhoans__items__item__inner__icon
    .w73-menu__detail__two__mains__taikhoans__items__item__inner__icon__value {
        transform: rotate(180deg);
    }

.w73-menu__detail__two__mains__taikhoans__items__item__drops {
    position: absolute;
    border-radius: 1rem;
    margin-bottom: 0;
    min-width: 26rem;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops {
        width: max-content;
        visibility: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        -moz-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        opacity: 0;
        top: 100%;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item:hover .w73-menu__detail__two__mains__taikhoans__items__item__drops {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media only screen and (min-width: 50rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__inputcheck:checked ~ .w73-menu__detail__two__mains__taikhoans__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__inputcheck:not(:checked) ~ .w73-menu__detail__two__mains__taikhoans__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop {
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
        border: 1px solid rgba(var(--main-color-w),1);
        margin-top: 1rem;
        padding: .5rem 0;
        border-radius: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop {
        height: fit-content;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents {
    width: 100%;
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--second-color-w),1);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content {
        padding: 1rem 0rem 1rem 1rem;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box:hover {
    }

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box__text {
    transition: all .3s;
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content:hover .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box__text {
    margin-left: 2.5rem;
    text-decoration: underline;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content {
        color: white;
    }

        .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content:hover .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box__text {
            margin-left: 2.75rem;
        }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box__text {
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content:hover .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box__icon {
    transform: translateY(0);
    opacity: 1;
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box__icon {
    color: rgba(var(--second-color-w),1);
    transform: translateY(100%);
    position: absolute;
    opacity: 0;
    transition: all .5s;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__box__icon {
        color: #fff;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs {
    position: absolute;
    left: calc(100% + 5rem);
    width: max-content;
    top: -1rem;
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        overflow: hidden;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__check:checked ~ .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }
}

@media only screen and (min-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content:hover .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub {
    margin-left: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    padding: 0rem 0;
    margin-bottom: 0;
    min-width: 20rem;
    width: max-content;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border: 1px solid rgba(var(--second-color-w), 1);
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub {
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 1rem 0 0;
    }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: 1rem 1.5rem;
    color: rgba(var(--second-color-w),1);
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child {
        color: #fff;
        padding: 1rem 1rem 1rem 1.75rem;
    }

        .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child__icon {
    transition: all .5s;
    position: absolute;
    opacity: 0;
    transform: translateY(100%)
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child:hover .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child__icon {
    opacity: 1;
    transform: translateY(0);
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child:hover .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__subs__sub__child__text {
    margin-left: 2.5rem;
    text-decoration: underline;
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__check {
    display: none;
}

.w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__icon {
    margin-left: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__icon {
        position: absolute;
        margin: 0;
        right: 0;
        top: .5rem;
        transform: rotate(90deg);
        font-weight: 400;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__check:checked ~
    .w73-menu__detail__two__mains__taikhoans__items__item__drops__drop__contents__content__icon {
        transform: rotate(270deg);
    }
}

.w73-menu__detail__two__mains__taikhoans__supports {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 75rem) {
    .w73-menu__detail__two__mains__taikhoans__supports {
        display: flex
    }
}

.w73-menu__detail__two__mains__taikhoans__supports__support {
    display: flex;
    align-items: center;
    margin-left: .5rem;
    margin-right: .5rem;
    font-size: 1.6rem;
    margin-top: 3rem;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border-radius: 2rem;
    padding: .75rem 0 .75rem 0;
    justify-content: center;
    width: max-content;
    transition: all .3s;
    cursor: pointer;
    position: relative;
    box-shadow: 4px 5px 30px rgba(255, 255, 255, 0.5);
}

    .w73-menu__detail__two__mains__taikhoans__supports__support:hover {
    }

.w73-menu__detail__two__mains__taikhoans__supports__support__icon {
    width: 31px;
    height: 31px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #1a6017;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    left: .5rem;
    font-size: 1.4rem;
    transition: all .5s;
}

.w73-menu__detail__two__mains__taikhoans__supports__support:hover
.w73-menu__detail__two__mains__taikhoans__supports__support__icon {
    left: calc(100% - 31px - .5rem);
    transform: rotate(260deg);
}

.w73-menu__detail__two__mains__taikhoans__supports__support__name {
    margin-left: 4.25rem;
    margin-right: 1.5rem;
    font-weight: 600;
    transition: all .25s;
}
.w73-menu__detail__two__mains__taikhoans__supports__support:hover
.w73-menu__detail__two__mains__taikhoans__supports__support__name {
    margin-left: 1.5rem;
    margin-right: 4.25rem;
}

/*ed*/

/*w73-product-1*/
.w73-product-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w73-product-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w73-product-1__items__heading {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-1__items__heading {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-product-1__items__heading {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.w73-product-1__items__heading__main {
}

@media only screen and (max-width:75rem) {
    .w73-product-1__items__heading__main {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-product-1__items__heading__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w73-product-1__items__heading__main__title {
    display: flex;
    align-items: center;
    position: relative;
}

.w73-product-1__items__heading__main__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-product-1__items__heading__main__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: rgba(var(--main-color-w),1);
}

@-webkit-keyframes key-w73-product-1__items__heading__main__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-product-1__items__heading__main__title__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin-left: 6rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-1__items__heading__main__title__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-product-1__items {
    width: 100%;
    overflow: hidden;
    padding-bottom: 3rem;
}

.w73-product-1__items__mains {
    width: 100%;
    display: flex;
}

.w73-product-1__items__mains__main {
    width: 31.333333%;
    margin-right: 3%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
}

@media only screen and (max-width:68.75rem) {
    .w73-product-1__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

    @media only screen and (max-width:37.5rem) {
        .w73-product-1__items__mains__main {
            width: 100%;
        }
    }
}

.w73-product-1__items__mains__main__first {
    width: calc(100% - 3rem);
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
}

@keyframes key-w73-product-1__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w73-product-1__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    border-radius: 2rem 2rem 2rem 0;
}

.w73-product-1__items__mains__main__first__icon {
    position: absolute;
    width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -3rem;
    left: 2.5rem;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
    font-size: 2.6rem;
    border-radius: 50%;
}

    .w73-product-1__items__mains__main__first__icon:hover {
        box-shadow: 0px 10px 60px rgba(var(--main-color-w), .4);
    }

.w73-product-1__items__mains__main__first__icon__value {
    z-index: 0;
}

.w73-product-1__items__mains__main:hover .w73-product-1__items__mains__main__first__icon__value {
    color: #fff;
    z-index: 2;
}

.w73-product-1__items__mains__main__first__icon__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.62, 0.2, 0.45, 1.52);
    background-color: rgba(var(--second-color-w), 1);
    animation: key-w73-product-2__items__mains__main__first__icon__bg--out .5s ease-in;
    animation-iteration-count: 1;
}

.w73-product-1__items__mains__main:hover .w73-product-1__items__mains__main__first__icon__bg {
    transform: scaleX(1);
    background-color: rgba(var(--main-color-w), 1);
}

.w73-product-1__items__mains__main__second {
    width: calc(100% - 6rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 5rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-1__items__mains__main__second {
        width: calc(100% - 4rem);
        padding-top: 4rem;
        padding-bottom: 3rem;
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.w73-product-1__items__mains__main__second__box {
    position: relative;
    z-index: 1;
    width:100%;
}

.w73-product-1__items__mains__main__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

    .w73-product-1__items__mains__main__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w73-product-1__items__mains__main__second__box__price {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.w73-product-1__items__mains__main__second__box__price__chinh {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.8rem;
    font-weight: 600;
}

.w73-product-1__items__mains__main__second__box__price__sub {
    color: #999;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.w73-product-1__items__mains__main__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    display: flex;
    overflow: hidden;
}

.w73-product-1__items__mains__main__second__box__des__text {
    color: #2f2f2f;
    color: #2f2f2f;
    line-height: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w73-product-1__items__mains__main__second__box__botom {
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    align-items: center;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    transition: all .2s;
    font-size: 1.6rem;
    overflow: hidden;
    transform: translateY(4rem);
    position: absolute;
}

.w73-product-1__items__mains__main:hover
.w73-product-1__items__mains__main__second__box__botom {
    transform: translateY(1.5rem);
    opacity: 1;
    visibility: visible;
}

.w73-product-1__items__mains__main__second__box__botom:hover {
    color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
}

.w73-product-1__items__mains__main__second__box__botom__icon {
    margin-left: 1rem;
}

.w73-product-1__items__mains__main__second__box__botom__name {
    text-decoration: underline;
}

.w73-product-1__items__mains__main__second__bg {
    position: absolute;
    height: calc(100% + 5rem);
    left: 0;
    width: calc(100% - 2px);
    bottom: 0;
    background-color: #fcfaf7;
    border-radius: 0 2rem 2rem 2rem;
    transition: all .75s;
    border: rgba(var(--second-color-w), 0) solid .1rem;
}

.w73-product-1__items__mains__main:hover
.w73-product-1__items__mains__main__second__bg {
    border-color: rgba(var(--second-color-w), 1);
    height: calc(100% + 8rem);
    bottom: -3rem;
    transition: all .25s;
}

.w73-product-1__items__heading__btn {
    position: relative;
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-1__items__heading__btn {
        justify-content: center;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w73-product-1__items__heading__btn__next.swiper-button-next,
.w73-product-1__items__heading__btn__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    position: relative;
    opacity: 1 !important;
}

.w73-product-1__items__heading__btn__next.swiper-button-next {
    right: initial;
    margin-left: 2rem;
}

.w73-product-1__items__heading__btn__prev.swiper-button-prev {
    left: initial;
}

.w73-product-1__items__heading__btn__next:hover,
.w73-product-1__items__heading__btn__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w73-product-1__items__heading__btn__next:after,
.w73-product-1__items__heading__btn__prev:after {
    display: none;
}

.w73-product-1__bottom {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.w73-product-1__bottom__main {
    display: flex;
    justify-content: center;
    padding: 1rem 3rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    border-radius: 3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w73-product-1__bottom__main:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w73-product-1__bottom__main__text {
    font-size: 1.8rem;
    font-weight: 600;
}

.w73-product-1__bottom__main__icon {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin: 0 5rem;
    position: relative;
}

.w73-product-1__bottom__main__icon__value {
    position: absolute;
    width: 6rem;
    height: 6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
}

.w73-product-1__bottom__main:hover .w73-product-1__bottom__main__icon__value {
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    border-color: rgba(var(--main-color-w), 1);
}
/*ed*/

/*w73-product-2*/
.w73-product-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w73-product-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w73-product-2__items__heading {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-2__items__heading {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-product-2__items__heading {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.w73-product-2__items__heading__main {
}

@media only screen and (max-width:75rem) {
    .w73-product-2__items__heading__main {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-product-2__items__heading__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w73-product-2__items__heading__main__title {
    display: flex;
    align-items: center;
    position: relative;
}

.w73-product-2__items__heading__main__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-product-2__items__heading__main__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: rgba(var(--main-color-w),1);
}

@-webkit-keyframes key-w73-product-2__items__heading__main__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-product-2__items__heading__main__title__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin-left: 6rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-2__items__heading__main__title__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-product-2__items {
    width: 100%;
    overflow: hidden;
    padding-bottom: 3rem;
}

.w73-product-2__items__mains {
    width: 100%;
    display: flex;
}

.w73-product-2__items__mains__main {
    width: 23.5%;
    margin-right: 2%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
}

@media only screen and (max-width:68.75rem) {
    .w73-product-2__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }

    @media only screen and (max-width:37.5rem) {
        .w73-product-2__items__mains__main {
            width: 100%;
        }
    }
}

.w73-product-2__items__mains__main__first {
    width: calc(100% - 3rem);
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
}

@keyframes key-w73-product-2__items__mains__main__first {
    100% {
        left: 125%;
    }
}

.w73-product-2__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
    border-radius: 2rem 2rem 2rem 0;
}

.w73-product-2__items__mains__main__first__icon {
    position: absolute;
    width: 6rem;
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    bottom: -3rem;
    left: 2.5rem;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
    font-size: 2.6rem;
    border-radius: 50%;
}

    .w73-product-2__items__mains__main__first__icon:hover {
        box-shadow: 0px 10px 60px rgba(var(--main-color-w), .4);
    }

.w73-product-2__items__mains__main__first__icon__value {
    z-index: 0;
}

.w73-product-2__items__mains__main:hover .w73-product-2__items__mains__main__first__icon__value {
    color: #fff;
    z-index: 2;
}

.w73-product-2__items__mains__main__first__icon__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    z-index: 1;
    transform: scale(0);
    transition: all 0.5s cubic-bezier(0.62, 0.2, 0.45, 1.52);
    background-color: rgba(var(--second-color-w), 1);
    animation: key-w73-product-2__items__mains__main__first__icon__bg--out .5s ease-in;
    animation-iteration-count: 1;
}

.w73-product-2__items__mains__main:hover .w73-product-2__items__mains__main__first__icon__bg {
    transform: scaleX(1);
    background-color: rgba(var(--main-color-w), 1);
}

@-webkit-keyframes key-w73-product-2__items__mains__main__first__icon__bg--out {
    0% {
    }

    25% {
    }

    50% {
    }

    75% {
    }

    100% {
    }
}

.w73-product-2__items__mains__main__second {
    width: calc(100% - 6rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 5rem;
    padding-bottom: 3rem;
    padding-left: 3rem;
    padding-right: 3rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-2__items__mains__main__second {
        padding-bottom: 3rem;
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 5rem;
        width: calc(100% - 4rem);
    }
}

.w73-product-2__items__mains__main__second__box {
    position: relative;
    z-index: 1;
    width:100%;
}

.w73-product-2__items__mains__main__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

    .w73-product-2__items__mains__main__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w73-product-2__items__mains__main__second__box__price {
    display: flex;
    justify-content: space-between;
    margin-top: 1rem;
}

.w73-product-2__items__mains__main__second__box__price__chinh {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.8rem;
    font-weight: 600;
}

.w73-product-2__items__mains__main__second__box__price__sub {
    color: #999;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.w73-product-2__items__mains__main__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    display: flex;
    overflow: hidden;
}

.w73-product-2__items__mains__main__second__box__des__text {
    color: #2f2f2f;
    line-height: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w73-product-2__items__mains__main__second__box__botom {
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    visibility: hidden;
    align-items: center;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    transition: all .2s;
    font-size: 1.6rem;
    overflow: hidden;
    transform: translateY(4rem);
    position: absolute;
}

.w73-product-2__items__mains__main:hover
.w73-product-2__items__mains__main__second__box__botom {
    transform: translateY(1.5rem);
    opacity: 1;
    visibility: visible;
}

.w73-product-2__items__mains__main__second__box__botom:hover {
    color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
}

.w73-product-2__items__mains__main__second__box__botom__icon {
    margin-left: 1rem;
}

.w73-product-2__items__mains__main__second__box__botom__name {
    text-decoration: underline;
}

.w73-product-2__items__mains__main__second__bg {
    position: absolute;
    height: calc(100% + 5rem);
    left: 0;
    width: calc(100% - 2px);
    bottom: 0;
    background-color: #fcfaf7;
    border-radius: 0 2rem 2rem 2rem;
    transition: all .75s;
    border: rgba(var(--second-color-w), 0) solid .1rem;
}

.w73-product-2__items__mains__main:hover
.w73-product-2__items__mains__main__second__bg {
    border-color: rgba(var(--second-color-w), 1);
    height: calc(100% + 8rem);
    bottom: -3rem;
    transition: all .25s;
}

.w73-product-2__items__heading__btn {
    position: relative;
    margin-left: auto;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w73-product-2__items__heading__btn {
        justify-content: center;
        margin-left: 0;
        margin-top: 2rem;
    }
}

.w73-product-2__items__heading__btn__next.swiper-button-next,
.w73-product-2__items__heading__btn__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: initial;
    position: relative;
    opacity: 1 !important;
}

.w73-product-2__items__heading__btn__next.swiper-button-next {
    right: initial;
    margin-left: 2rem;
}

.w73-product-2__items__heading__btn__prev.swiper-button-prev {
    left: initial;
}

.w73-product-2__items__heading__btn__next:hover,
.w73-product-2__items__heading__btn__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w73-product-2__items__heading__btn__next:after,
.w73-product-2__items__heading__btn__prev:after {
    display: none;
}

.w73-product-2__bottom {
    margin-top: 2rem;
    display: flex;
    justify-content: center;
}

.w73-product-2__bottom__main {
    display: flex;
    justify-content: center;
    padding: 1rem 3rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    border-radius: 3rem;
    cursor: pointer;
    transition: all .5s;
}

    .w73-product-2__bottom__main:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w73-product-2__bottom__main__text {
    font-size: 1.8rem;
    font-weight: 600;
}

.w73-product-2__bottom__main__icon {
    display: flex;
    position: relative;
    justify-content: center;
    align-items: center;
    margin: 0 5rem;
    position: relative;
}

.w73-product-2__bottom__main__icon__value {
    position: absolute;
    width: 6rem;
    height: 6rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3.2rem;
    border: solid .1rem rgba(var(--main-color-w), 1);
    box-shadow: 0px 10px 60px rgba(0, 0, 0, 0.1);
}

.w73-product-2__bottom__main:hover .w73-product-2__bottom__main__icon__value {
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    border-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w73-productlist*/
.w73-productlist {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    background-image: url(../../img/w73/bg03.jpg);
    background-position: top center;
    background-size: cover;
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w73-productlist__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w73-productlist__heading {
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w73-productlist__heading {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-productlist__heading__sub {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
    color: #fff;
}

.w73-productlist__heading__title {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    justify-content: center;
    color: #fff;
}

.w73-productlist__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: key-w73-productlist__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    margin-right:1rem;
}

@-webkit-keyframes key-w73-productlist__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-productlist__heading__title__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w73-productlist__heading__title__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-productlist__items {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.w73-productlist__items__item {
    width: 31.333333%;
    margin-left: 3%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (min-width:68.75rem) {
    .w73-productlist__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:68.75rem) {
    .w73-productlist__items__item {
        width: 48.5%;
    }

        .w73-productlist__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w73-productlist__items__item {
        width: 100%;
        margin-left: 0;
        margin-top: 1.5rem;
    }
}

.w73-productlist__items__item__first {
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    overflow: hidden;
    transition: all .5s;
}

.w73-productlist__items__item:hover .w73-productlist__items__item__first {
    transform: scale(.92);
    border-radius: 1rem;
}

@keyframes key-w73-productlist__items__item__first {
    100% {
        left: 125%;
    }
}

.w73-productlist__items__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

.w73-productlist__items__item__first__imgbox__img {
    width: 100%;
}

.w73-productlist__items__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 2rem;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w73-productlist__items__item__second {
    }
}

.w73-productlist__items__item__second__box {
    position: relative;
    z-index: 1;
    transition: all .5s;
    width:100%;
}

.w73-productlist__items__item:hover .w73-productlist__items__item__second__box {
    opacity: .2;
}

.w73-productlist__items__item__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

    .w73-productlist__items__item__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w73-productlist__items__item__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: flex;
}

.w73-productlist__items__item__second__box__des__text {
    color: #2f2f2f;
}

.w73-productlist__items__item__second__box__price {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w73-productlist__items__item__second__box__price__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.8rem;
    font-weight: 600;
}

.w73-productlist__items__item__second__box__price__sub {
    color: #2f2f2f;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.w73-productlist__items__item__second__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all .25s;
    overflow: hidden;
    position: absolute;
    width: max-content;
    top: 0;
    height: 100%;
    justify-content: center;
    visibility: hidden;
    z-index: 0;
    opacity: 0;
}

.w73-productlist__items__item:hover .w73-productlist__items__item__second__bottom {
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w73-productlist__items__item__second__bottom__btn {
    cursor: pointer;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .25s;
    font-size: 1.6rem;
    padding: 1.25rem 2.5rem;
    border-radius: 3rem;
    transform: translateY(5rem);
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
}

.w73-productlist__items__item:hover
.w73-productlist__items__item__second__bottom__btn {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.w73-productlist__items__item__second__bottom__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
}

.w73-productlist__items__item__second__bottom__btn__icon {
    margin-left: 1rem;
}

.w73-productlist__items__item__second__bottom__btn__name {
    transition: all .3s;
}

.w73-productlist__items__item__second__bottom__btn:hover
.w73-productlist__items__item__second__bottom__btn__name {
    text-decoration: underline;
}

.w73-productlist__items__item__second__bg {
    position: absolute;
    width: calc(100% + 2rem);
    top: 0;
    left: 0;
    height: calc(100% + 1rem);
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    background: red;
}

.w73-productlist__items__item:hover .w73-productlist__items__item__second__bg {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.w73-productlist__items__item__button {
    position: absolute;
    left: 1rem;
    top: 4rem;
    width: 4rem;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}

.w73-productlist__items__item:hover .w73-productlist__items__item__button {
    opacity: 1;
    z-index: 2;
    visibility: visible;
}

.w73-productlist__items__item__button__detail {
    display: flex;
    width: 3.8rem;
    height: 3.8rem;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    margin: .75rem 0;
    transition: all .5s;
    transform: translateX(-5rem);
}

    .w73-productlist__items__item__button__detail:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w73-productlist__items__item:hover .w73-productlist__items__item__button__detail {
    transform: translateX(0);
}

.w73-productlist__items__item__button__cart {
    display: flex;
    width: 3.8rem;
    height: 3.8rem;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    margin: .75rem 0;
    transition: all 1s;
    transform: translateX(-5rem);
}

    .w73-productlist__items__item__button__cart:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w73-productlist__items__item:hover .w73-productlist__items__item__button__cart {
    transform: translateX(0);
}

.w73-productlist__paging {
    margin: 5rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w73-productlist__paging__item {
    list-style-type: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 2rem;
    transition: all .5s;
}

    .w73-productlist__paging__item:hover {
        transform: translateY(-2rem);
    }

    .w73-productlist__paging__item:first-child {
        margin-left: 0;
    }

.w73-productlist__paging__item__text {
    font-size: 1.6rem;
    align-items: center;
    display: flex;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: solid 0.1rem #f1f1f1;
    background: #fff;
    cursor: pointer;
    font-weight: 600;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w73-productlist__paging__item:hover .w73-productlist__paging__item__text,
.w73-productlist__paging__item.active .w73-productlist__paging__item__text {
    background-color: rgba(var(--second-color-w),1);
}
/*ed*/
/*w73-service-1*/
.w73-service-1 {
    width: 100%;
    padding: 8rem 1rem 8rem;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-image: url(../../img/w73/14.jpg);
    background-position: center;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w73-service-1 {
        padding: 3rem 1rem 3rem;
    }
}

.w73-service-1__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(var(--main-color-w),.8);
}

.w73-service-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:75rem) {
    .w73-service-1__group {
    }
}

.w73-service-1__heading {
    width: max-content;
    margin: 0 auto;
    max-width:100%;
}

.w73-service-1__heading__name {
    color: #fff;
    font-size: 4rem;
    font-weight: 700;
    line-height: 5.5rem;
    width: 100%;
    transition: all .5s;
    margin-top: .25rem;
    text-align: center;
}

    .w73-service-1__heading__name:hover {
    }

@media only screen and (max-width:37.5rem) {
    .w73-service-1__heading__name {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-service-1__heading__title {
    display: flex;
    align-items: center;
    color: #F1D2A9;
    position: relative;
    justify-content: center;
}

.w73-service-1__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: key-w73-service-1__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w73-service-1__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-service-1__heading__title__text {
    margin-left: 1rem;
    font-size: 2rem;
    margin-left: 1rem;
}

.w73-service-1__mains {
    display: flex;
    justify-content: space-between;
    padding: 3.75rem;
    background-color: #fff;
    box-shadow: 10px 5px 20px rgba(var(--main-color-w), .4);
    border-radius: 2rem;
    margin-top: 3rem;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w73-service-1__mains {
        flex-wrap: wrap;
        padding: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-service-1__mains {
        padding: 1rem;
    }
}

.w73-service-1__mains__first {
    width: 53%;
}

@media only screen and (max-width:62.5rem) {
    .w73-service-1__mains__first {
        width: 100%;
    }
}

.w73-service-1__mains__first__heading {
}

.w73-service-1__mains__first__heading__tabs {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    display: flex;
    width: 100%;
}

.w73-service-1__mains__first__heading__tabs__item {
    padding: 2.5rem 0;
    color: #2f2f2f;
    font-size: 2.2rem;
    font-weight: 600;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 37.5rem) {
    .w73-service-1__mains__first__heading__tabs__item {
        padding: 1.5rem 0;
        font-size: 1.6rem;
    }
}

.w73-service-1__mains__first__heading__tabs__item:not(:first-child) {
    margin-left: 10rem;
}

@media only screen and (max-width: 37.5rem) {
    .w73-service-1__mains__first__heading__tabs__item:not(:first-child) {
        margin-left: 3rem;
    }
}

.w73-service-1__mains__first__heading__tabs__item__line {
    transition: all .5s;
    height: 3px;
    width: 0;
    position: absolute;
    bottom: 0;
    background-color: rgba(var(--main-color-w), 1);
}

.w73-service-1__mains__first__heading__tabs__item.active
.w73-service-1__mains__first__heading__tabs__item__line,
.w73-service-1__mains__first__heading__tabs__item--active
.w73-service-1__mains__first__heading__tabs__item__line {
    width: 100%;
}

.w73-service-1__mains__first__items {
}

.w73-service-1__mains__first__items__item {
    display: none;
}

    .w73-service-1__mains__first__items__item.active,
    w73-service-1__mains__first__items__item--active {
        display: block;
    }

.w73-service-1__mains__first__items__item__name {
    margin-top: 3rem;
    font-size: 1.6rem;
    line-height: 2.8rem;
    color: #2f2f2f;
}

.w73-service-1__mains__first__items__item__subs {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w73-service-1__mains__first__items__item__subs {
        flex-wrap: wrap;
    }
}

.w73-service-1__mains__first__items__item__subs__imgbox {
    width: 30%;
    background-size: cover;
    background-position: center;
    border-radius: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-service-1__mains__first__items__item__subs__imgbox {
        width: 100%;
    }
}

.w73-service-1__mains__first__items__item__subs__childs {
    width: 63%;
}

@media only screen and (max-width:37.5rem) {
    .w73-service-1__mains__first__items__item__subs__childs {
        width: 100%;
        margin-top: 2rem;
    }
}

.w73-service-1__mains__first__items__item__subs__childs__child {
    display: flex;
    position: relative;
    align-items: center;
}

    .w73-service-1__mains__first__items__item__subs__childs__child:not(:last-child) {
        margin-bottom: 1.5rem;
    }

.w73-service-1__mains__first__items__item__subs__childs__child__icon {
    width: 2.4rem;
    height: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    font-size: 1.4rem;
    position: absolute;
    left: 0;
}

.w73-service-1__mains__first__items__item__subs__childs__child__name {
    margin-left: 1.5rem;
    font-weight: 600;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-left: 3.6rem;
}

.w73-service-1__mains__second {
    width: 40%;
}

@media only screen and (max-width:62.5rem) {
    .w73-service-1__mains__second {
        width: 100%;
        margin-top: 3rem;
    }
}

.w73-service-1__second__mains {
    overflow: hidden;
    position: relative;
    border-radius: 2rem;
}

.w73-service-1__second__mains__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-service-1__second__mains:hover .w73-service-1__second__mains__effect {
    animation: .5s ease-in-out key-w73-service-1__second__mains__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-service-1__second__mains__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-service-1__second__mains__items {
}

.w73-service-1__second__mains__items__item {
    width: 100%;
}

.w73-service-1__second__mains__items__item__imgbox {
    background-size: cover;
    width: 100%;
}

.w73-service-1__second__mains__items__item__imgbox__img {
    width: 100%;
}

.swiper-pagination-bullet-active {
    background-color: rgba(var(--main-color-w), 1) !important;
}

.w73-service-1__mains__bgleft {
    position: absolute;
    width: 27rem;
    height: 28rem;
    background-size: contain;
    bottom: 1rem;
    opacity: .3;
    left: -26rem;
    background-image: url(../../img/w73/bg01.png);
    background-position: center;
    transition: all .3s;
    background-repeat: no-repeat;
}

@media only screen and (max-width:75rem) {
    .w73-service-1__mains__bgleft {
        width: 14rem;
        height: 8rem;
        bottom: -7rem;
        left: -3rem;
        transform: rotate(270deg);
    }
}

.w73-service-1__mains:hover .w73-service-1__mains__bgleft {
    opacity: .5;
}

.w73-service-1__mains__bgright {
    position: absolute;
    width: 27rem;
    height: 28rem;
    background-size: contain;
    top: 1rem;
    right: -26rem;
    opacity: .3;
    background-image: url(../../img/w73/bg02.png);
    background-position: center;
    transition: all .3s;
    background-repeat: no-repeat;
}

@media only screen and (max-width:75rem) {
    .w73-service-1__mains__bgright {
        width: 14rem;
        height: 15rem;
        top: -14rem;
        right: 0rem;
        opacity: .3;
    }
}

.w73-service-1__mains:hover .w73-service-1__mains__bgright {
    opacity: .5;
}
/*ed*/
/*w73-testimonial-1*/
.w73-testimonial-1 {
    width: 100%;
    padding: 3rem 1rem 12rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w73-testimonial-1 {
        padding-bottom: 8rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-testimonial-1 {
        padding-bottom: 2rem;
    }
}

.w73-testimonial-1__group {
    max-width: 120rem;
    margin: 0 auto;
    padding: 0rem 0rem;
    position: relative;
    z-index: 1;
}

.w73-testimonial-1__bg {
    background-image: url(../../img/w73/24.jpg);
    background-position: bottom center;
    background-size: cover;
    height: 36rem;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 0;
}

.w73-testimonial-1__heading {
    width: 100%;
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-testimonial-1__heading {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-testimonial-1__heading {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.w73-testimonial-1__heading__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w73-testimonial-1__heading__main__title {
    display: flex;
    align-items: center;
    position: relative;
}

.w73-testimonial-1__heading__main__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-testimonial-1__heading__main__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: rgba(var(--second-color-w),1);
}

@-webkit-keyframes key-w73-testimonial-1__heading__main__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-testimonial-1__heading__main__title__text {
    font-size: 2rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--second-color-w),1);
    transition: all .5s;
    cursor: pointer;
    margin-left: 6rem;
}

.w73-testimonial-1__heading__main__des {
    color: rgba(var(--main-color-w),1);
    font-size: 4rem;
    font-weight: 700;
    line-height: 6rem;
    width: 100%;
    transition: all .5s;
    text-align: center;
}

    .w73-testimonial-1__heading__main__des:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w73-testimonial-1__heading__main__des {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w73-testimonial-1__mains {
    width: 100%;
    position: relative;
    margin-top: 3rem;
    padding-left: 2%;
    padding-right: 2%;
    overflow: hidden;
}

@media only screen and (max-width:43.75rem) {
    .w73-testimonial-1__mains {
        padding: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-testimonial-1__mains {
        margin-top: 1rem;
    }
}

.w73-testimonial-1__mains__main {
    display: flex;
    padding-bottom: 4rem;
    z-index: 0;
}

.w73-testimonial-1__mains__main__item.swiper-slide {
    width: calc(30.66666% - 6rem);
    margin-right: 4%;
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
    padding: 3rem 2rem 3rem;
    border-radius: 3rem;
    background-color: #fff;
    border: solid 1rem #fcfaf7;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width:62.5rem) {
    .w73-testimonial-1__mains__main__item.swiper-slide {
        width: calc(48% - 6rem);
    }
}

@media only screen and (max-width:43.75rem) {
    .w73-testimonial-1__mains__main__item.swiper-slide {
        width: calc(96% - 4rem);
        margin-left: 2%;
        margin-right: 2%;
        padding-left: 1rem;
        padding-right: 1rem;
        padding-bottom:1rem;
    }
}

.w73-testimonial-1__mains__main__item__icon__top {
    display: flex;
    align-items: center;
    justify-content: center;
}

.w73-testimonial-1__mains__main__item__icon__top {
    color: rgba(var(--second-color-w), 1);
    font-size: 5rem;
}

.w73-testimonial-1__mains__main__item__icon__top__rate {
    display: flex;
    margin-left: 3rem;
}

.w73-testimonial-1__mains__main__item__icon__top__rate__item {
    font-size: 1.4rem;
    color: #ff9900;
}

    .w73-testimonial-1__mains__main__item__icon__top__rate__item:not(:first-child) {
        margin-left: .75rem;
    }

.w73-testimonial-1__mains__main__item__des {
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: justify;
    color: rgba(var(--main-color-w), 1);
    padding: 0 1rem;
    margin: 0 auto;
    margin-top: 3rem;
}
@media only screen and (max-width:43.75rem) {
    .w73-testimonial-1__mains__main__item__des {
        padding: 0;
    }
}
.w73-testimonial-1__mains__main__item__bottom {
    width: 90%;
    margin: 0 auto;
    position: relative;
}

.w73-testimonial-1__mains__main__item__bottom__box {
    border: 1px solid rgba(0, 0, 0, 0.1);
    padding: 1.5rem;
    display: flex;
    align-items: center;
    margin-top: 3rem;
    border-radius: 1rem;
    position: relative;
    z-index: 1;
    background-color: #fff;
}

.w73-testimonial-1__mains__main__item__bottom__box__avt {
    position: relative;
    width: 6rem;
    height: 6rem;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w73-testimonial-1__mains__main__item__bottom__box__avt__imgbox {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.w73-testimonial-1__mains__main__item__bottom__box__avt__bg {
    border: dashed 2px rgba(var(--main-color-w),1);
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
    transition: all .5s;
}

.w73-testimonial-1__mains__main__item:hover .w73-testimonial-1__mains__main__item__bottom__box__avt__bg {
    visibility: visible;
    -webkit-animation: key-w73-testimonial-1__mains__main__item__bottom__box__avt__bg 20s infinite;
    animation: key-w73-testimonial-1__mains__main__item__bottom__box__avt__bg 20s infinite;
}

@-webkit-keyframes key-w73-testimonial-1__mains__main__item__bottom__box__avt__bg {
    0% {
        transform: rotate(0deg);
        opacity: 0;
    }

    5% {
        opacity: 1;
    }

    50% {
        transform: rotate(360deg);
    }

    100% {
        opacity: 1;
        transform: rotate(0deg);
    }
}

.w73-testimonial-1__mains__main__item__bottom__box_name {
    margin-left: 7.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w73-testimonial-1__mains__main__item__bottom__box_name__text {
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w73-testimonial-1__mains__main__item__bottom__box_name__des {
    margin-top: .5rem;
    color: #2f2f2f;
}

.w73-testimonial-1__mains__main__item__bottom__caret {
    position: absolute;
    top: -8px;
    left: 36px;
    width: 16px;
    height: 16px;
    position: absolute;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.1);
    transform: rotate(45deg);
}

.w73-testimonial-1__mains__main__item__bottom__line {
    width: 22px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    left: 34px;
    top: 0;
    z-index: 1;
}

.w73-testimonial-1__mains__main__pagination {
    z-index: 1;
    bottom: 0 !important;
}

    .w73-testimonial-1__mains__main__pagination .swiper-pagination-bullet-active {
        background-color: #fff !important;
    }

.w73-testimonial-1__mains__next.swiper-button-next,
.w73-testimonial-1__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 40%;
    opacity: 0 !important;
}

.w73-testimonial-1__mains__next.swiper-button-next {
    right: 1rem;
}

.w73-testimonial-1__mains:hover .w73-testimonial-1__mains__next {
    opacity: 1 !important;
}

.w73-testimonial-1__mains:hover .w73-testimonial-1__mains__prev {
    opacity: 1 !important;
}

.w73-testimonial-1__mains__prev.swiper-button-prev {
    left: 1rem;
}

.w73-testimonial-1__mains__next:hover,
.w73-testimonial-1__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w73-testimonial-1__mains__next:after,
.w73-testimonial-1__mains__prev:after {
    display: none;
}
/*ed*/
/*w73-video-1*/
.w73-video-1 {
    width: 100%;
    padding: 8rem 1rem 12rem;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w73-video-1 {
        padding-bottom: 8rem;
        padding-top: 3rem;
    }
}

.w73-video-1__bg {
    background-image: url(../../img/w73/06.png);
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 9rem);
    z-index: 0;
}

.w73-video-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w73-video-1__group {
    }
}

.w73-video-1__first {
    width: 47%;
}

@media only screen and (max-width:75rem) {
    .w73-video-1__first {
        width: 100%;
        margin-right: 0%;
    }
}

.w73-video-1__first__heading {
}

@media only screen and (max-width:75rem) {
    .w73-video-1__first__heading {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-video-1__first__heading__name {
    color: #fff;
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-top: 2rem;
}

    .w73-video-1__first__heading__name:hover {
    }

@media only screen and (max-width:37.5rem) {
    .w73-video-1__first__heading__name {
        font-size: 3rem;
        line-height: 4.6rem;
        margin-top: 1rem;
    }
}

.w73-video-1__first__heading__title {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
}

.w73-video-1__first__heading__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-video-1__first__heading__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@-webkit-keyframes key-w73-video-1__first__heading__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-video-1__first__heading__title__text {
    margin-left: 1rem;
    font-size: 2rem;
    margin-left: 6rem;
}

.w73-video-1__first__detail {
    margin-top: 2rem;
    font-size: 1.6rem;
    text-align: justify;
    line-height: 2.6rem;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w73-video-1__first__detail {
        margin-top: 1rem;
    }
}

.w73-video-1__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w73-video-1__first__items__item {
    margin-top: 2rem;
    display: flex;
    margin-right: 2rem;
}
@media only screen and (max-width:50rem) {
    .w73-video-1__first__items__item {
        margin-top: 1rem;
    }
}
.w73-video-1__first__items__item__main {
    align-items: center;
    background-color: #fff;
    padding: 1rem 2rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    transition: all .3s;
    color: rgba(var(--main-color-w),1);
    border-radius: 2rem;
}

    .w73-video-1__first__items__item__main:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w73-video-1__first__items__item__main:hover {
    }

.w73-video-1__first__items__item__main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w73-video-1__first__items__item__main__top__icon {
    font-size: 3rem;
}

.w73-video-1__first__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
    margin-left: 1rem;
}

    .w73-video-1__first__items__item__main__name:hover {
    }

.w73-video-1__second {
    width: 50%;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w73-video-1__second {
        width: 100%;
        margin-top: 0rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-video-1__second {
    }
}

.w73-video-1__second__one {
    overflow: hidden;
    border-radius: 3.5rem;
    width: 100%;
    transform: translateY(8rem);
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 10px 5px 20px rgba(var(--main-color-w), .4);
}

@media only screen and (max-width:75rem) {
    .w73-video-1__second__one {
        width: 92%;
    }
}

@media only screen and (max-width:75rem) {
    .w73-video-1__second__one {
        transform: translateY(4rem);
    }
}
@media only screen and (max-width:50rem) {
    .w73-video-1__second__one {
        transform: translateY(3rem);
    }
}
.w73-video-1__second__one__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w73-video-1__second__one:hover .w73-video-1__second__one__effect {
    animation: .5s ease-in-out key-w73-video-1__second__one__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w73-video-1__second__one__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w73-video-1__second__one__play {
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

.w73-video-1__second__one__play__icon {
    font-size: 2.6rem;
    color: rgba(var(--main-color-w), 1);
    position: relative;
    z-index: 2;
}

.w73-video-1__second__one__play:before {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-animation: key-w73-video-1__second__one__play__before 1s infinite;
    animation: key-w73-video-1__second__one__play__before 1s infinite;
}


@-webkit-keyframes key-w73-video-1__second__one__play__before {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.w73-video-1__second__one__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
}

    .w73-video-1__second__one__imgbox:hover {
        transform: scale(1.05);
    }

@-webkit-keyframes key-w58-faq-1 {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.w73-video-1__second__one__imgbox__img {
    width: 100%;
}

.w73-video-1__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w73-video-1__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-video-1__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-video-1__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-1__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-video-1__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w73-video-1__second__two:hover {
    filter: brightness(.9);
}

.w73-video-1__second__two__figure {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    height: 17rem;
}

@media only screen and (max-width:75rem) {
    .w73-video-1__second__two__figure {
        height: 20rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-video-1__second__two__figure {
        height: 18rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-1__second__two__figure {
        height: 15rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-video-1__second__two__figure {
        height: 12rem;
    }
}

.w73-video-1__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w73-video-1__check {
    display: none;
}

    .w73-video-1__check:checked ~
    .w73-video-1__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }

.w73-video-1__modal__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w73-video-1__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w73-video-1__modal__main__video {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: .5rem;
}

@media only screen and (max-width:81.25rem) {
    .w73-video-1__modal__main__video {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w73-video-1__modal__main__video {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w73-video-1__modal__main__video {
                width: 34rem;
            }
        }
    }
}

.w73-video-1__modal__main__video__detail {
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
}

.w73-video-1__modal__main__video iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:50rem) {
    .w73-video-1__modal__main__video iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w73-video-1__modal__main__video iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w73-video-1__modal__main__video iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w73-video-1__modal__main__video__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-1__modal__main__video__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w73-video-1__modal__main__video__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w73-video-1__modal__main__video__close:hover {
    background-color: red;
}

.w73-video-1__modal__main__video__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-1__modal__main__video__close__icon {
        font-size: 2.5rem;
    }
}

.w73-video-1__modal__main__video__close:hover .w73-video-1__modal__main__video__close__icon {
    transform: rotate(405deg);
}
/*ed*/
/*w73-video-2*/
.w73-video-2 {
    width: 100%;
    padding: 5rem 1rem 5rem;
    position: relative;
    background-color: #fff;
    background-image: url(../../img/w73/12.jpg);
    background-position: center;
    background-size: cover;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w73-video-2 {
        justify-content: center;
        overflow: hidden;
        padding: 3rem 1rem 3rem;
    }
}

.w73-video-2__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.8);
    z-index:0;
}

.w73-video-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.w73-video-2__heading {
    width: 100%;
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-video-2__heading {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-2__heading {
        justify-content: center;
        flex-wrap: wrap;
    }
}

.w73-video-2__heading__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w73-video-2__heading__main__title {
    display: flex;
    align-items: center;
    position: relative;
}

.w73-video-2__heading__main__title__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    animation-name: key-w73-video-2__heading__main__title__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    color: #fff;
}

@-webkit-keyframes key-w73-video-2__heading__main__title__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-video-2__heading__main__title__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    margin-left: 6rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-video-2__heading__main__title__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-video-2__heading__main__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.8rem;
    text-align: center;
    margin-top: 1rem;
    color: #fff;
}

.w73-video-2__mains__main {
    width: 68%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-2__mains__main {
        width: 100%;
    }
}

.w73-video-2__mains__main__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    height: 100%;
    transition: all .5s;
}

    .w73-video-2__mains__main__imgbox:hover {
        transform: scale(1.05);
    }

.w73-video-2__mains__main iframe {
    width: 100%;
    height: 50rem;
    border-radius: .3rem;
}

.w73-video-2__mains__main__play {
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w73-video-2__mains__main__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
        -webkit-animation: key-w73-video-2__mains__main__play__before 1000ms infinite;
        animation: key-w73-video-2__mains__main__play__before 1000ms infinite;
    }

@-webkit-keyframes key-w73-video-2__mains__main__play__before {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.w73-video-2__mains__main__play__icon {
    font-size: 2.6rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

@media only screen and (max-width:62.5rem) {
    .w73-video-2__mains__main iframe {
        height: 54rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-video-2__mains__main iframe {
        height: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-2__mains__main iframe {
        height: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-video-2__mains__main iframe {
        height: 21rem;
    }
}

.w73-video-2__mains {
    position: relative;
    display: flex;
    overflow: hidden;
    width: 100%;
    justify-content: space-between;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-2__mains {
        width: 100%;
        flex-wrap: wrap;
    }
}

.w73-video-2__mains__items {
    width: 30%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-2__mains__items {
        width: 100%;
        margin-top: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-2__mains__items {
    }
}

.w73-video-2__mains__items__item {
    width: 100%;
    cursor: pointer;
    margin-top: 2rem;
    border-bottom: 1px solid #ccc;
}

@media only screen and (max-width:37.5rem) {
    .w73-video-2__mains__items__item {
        margin-top: 0;
    }

        .w73-video-2__mains__items__item:first-child {
            margin-top: 2rem;
        }
}

.w73-video-2__mains__items__item:last-child {
    border-bottom: none;
}

@media only screen and (min-width:62.5rem) {
    .w73-video-2__mains__items__item:first-child {
        margin-top: 0;
    }
}

.w73-video-2__mains__items__item__main {
    border-radius: .3rem;
    transition: all .5s;
    overflow: hidden;
    padding-bottom: 1.75rem;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-2__mains__items__item {
        width: 48%;
        margin-left: 4%;
        border-bottom: none;
    }

        .w73-video-2__mains__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-2__mains__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w73-video-2__mains__items__item:hover {
}

.w73-video-2__mains__items__item__main__head {
}

.w73-video-2__mains__items__item__main__head__name {
    display: block;
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-top: 1rem;
    font-weight: 600;
    color: #fff;
}

.w73-video-2__mains__items__item__main__head__first {
    overflow: hidden;
    width: 100%;
    position: relative;
    border-radius: 1.5rem;
}

.w73-video-2__mains__items__item__main__head__first__imgbox {
    background-size: cover;
    transition: all .5s;
    width: 100%;
    background-position: center;
}

    .w73-video-2__mains__items__item__main__head__first__imgbox:hover {
        transform: scale(1.05);
    }

.w73-video-2__mains__items__item__main__head__first__imgbox__img {
    width: 100%;
}

.w73-video-2__mains__items__item__main__head__first__btns {
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    padding: 1.5rem;
    bottom: -100%;
    opacity: 0;
    transition: all .5s;
    visibility: hidden;
}

.w73-video-2__mains__items__item__main:hover .w73-video-2__mains__items__item__main__head__first__btns {
    opacity: 1;
    bottom: 0;
    visibility: visible;
}

.w73-video-2__mains__items__item__main__head__first__btns__item {
    font-size: 1.6rem;
    color: #fff;
    display: flex;
    align-items: center;
    margin: 0 .75rem;
    cursor: pointer;
    padding: .75rem 1.5rem;
    border-radius: .75rem;
    background: rgba(var(--main-color-w), 1);
    background: linear-gradient(94deg, #FFEEDA 0%, #FFC885 100%);
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);
    transition: all .5s;
}

@media only screen and (max-width:50rem) {
    .w73-video-2__mains__items__item__main__head__first__btns__item:not(:first-child) {
        display: none;
    }
}

.w73-video-2__mains__items__item__main__head__first__btns__item:hover {
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.4);
}

.w73-video-2__mains__items__item__main__head__first__btns__item__icon {
}

.w73-video-2__mains__items__item__main__head__first__btns__item__name {
    margin-left: 1rem;
    font-weight: 600;
}

.w73-video-2__mains__items__item__main__head__first__btns__item--2 {
    font-size: 1.6rem;
    color: #333;
    display: flex;
    align-items: center;
    margin: 0 .75rem;
    cursor: pointer;
    padding: .75rem 1.5rem;
    border-radius: .75rem;
    background: #fff;
    box-shadow: inset 0 0 0 100px rgba(0,0,0,.1);
    transition: all .5s;
}

    .w73-video-2__mains__items__item__main__head__first__btns__item--2:hover {
        box-shadow: inset 0 0 0 100px rgba(0,0,0,.4);
    }

.w73-video-2__mains__items__item__main__head__first__btns__item--2__icon {
}

.w73-video-2__mains__items__item__main__head__first__btns__item--2__name {
    margin-left: 1rem;
    font-weight: 600;
}

.w73-video-2__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w73-video-2__check {
    display: none;
}

    .w73-video-2__check:checked ~
    .w73-video-2__popup {
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }

.w73-video-2__popup__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w73-video-2__popup__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w73-video-2__popup__main__video {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: .5rem;
}

@media only screen and (max-width:81.25rem) {
    .w73-video-2__popup__main__video {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w73-video-2__popup__main__video {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w73-video-2__popup__main__video {
                width: 34rem;
            }
        }
    }
}

.w73-video-2__popup__main__video__detail {
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
}

.w73-video-2__popup__main__video iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:50rem) {
    .w73-video-2__popup__main__video iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w73-video-2__popup__main__video iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w73-video-2__popup__main__video iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w73-video-2__popup__main__video__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-2__popup__main__video__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w73-video-2__popup__main__video__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w73-video-2__popup__main__video__close:hover {
    background-color: red;
}

.w73-video-2__popup__main__video__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-2__popup__main__video__close__icon {
        font-size: 2.5rem;
    }
}

.w73-video-2__popup__main__video__close:hover .w73-video-2__popup__main__video__close__icon {
    transform: rotate(405deg);
}
/*ed*/

/*w73-productdetail*/
.w73-productdetail {
    width: 100%;
    padding: 3rem 1rem;
    background: #fff;
    position: relative;
    z-index: 0;
}

.w73-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w73-productdetail__top {
    flex-wrap: wrap;
    outline: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w73-productdetail__top {
        display: flex;
        flex-wrap: wrap;
    }
}

.w73-productdetail__top__first {
    width: 48%;
}

@media only screen and (max-width:62.5rem) {
    .w73-productdetail__top__first {
        width: 100%;
    }
}

.w73-productdetail__top__first__mains {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.07);
    border-radius: 1rem;
    position: relative;
    display: flex;
    align-items: center;
}

.w73-productdetail__top__first__mains__items__imgbox {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
}

    .w73-productdetail__top__first__mains__items__imgbox .zoomImg {
        background: #fff;
    }

.w73-productdetail__top__first__mains__items__imgbox__img {
    width: 100%;
}

.main .w73-productdetail__top__first__mains__items__imgbox img.w73-productdetail__top__first__mains__items__imgbox__img {
    opacity: 1;
}

.w73-productdetail__top__first__mains__next.swiper-button-next,
.w73-productdetail__top__first__mains__prev.swiper-button-prev {
    margin: 0;
    padding: 0;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    width: 3.5rem;
    height: 3.5rem;
    background-color: rgba(255,255,255,.5);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    font-weight: 700;
    z-index: 1;
    font-size: 2rem;
    opacity: .5;
    border: solid .1rem rgba(var(--main-color-w),1);
}

    .w73-productdetail__top__first__mains__next.swiper-button-next:hover {
        opacity: 1;
    }

    .w73-productdetail__top__first__mains__prev.swiper-button-prev:hover {
        opacity: 1;
    }

.w73-productdetail__top__first__mains__next:after,
.w73-productdetail__top__first__mains__prev:after {
    display: none;
}

.w73-productdetail__top__first__subs {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}

.w73-productdetail__top__first__subs__thumbs {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.w73-productdetail__top__first__subs__thumbs__item {
    width: calc(22% - 2px - 3rem);
    margin-right: 4%;
    transition: all .5s;
    padding: 1.5rem;
    background-color: #fcfaf7;
    margin-top: 2rem;
    border-radius: 1rem;
    cursor: pointer;
    overflow: hidden;
    border: solid 1px #eee;
}

    .w73-productdetail__top__first__subs__thumbs__item.swiper-slide-thumb-active {
        border-color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__top__first__subs__thumbs__item {
        width: calc(22.75% - 2px - 1rem);
        margin-right: 3%;
        padding: .5rem;
        border-radius: .5rem
    }
}

.w73-productdetail__top__first__subs__thumbs__item__imgbox {
    background-size: cover;
    transition: all .3s;
    border-radius: .3rem;
}

.w73-productdetail__top__first__subs__thumbs__item:hover .w73-productdetail__top__first__subs__thumbs__item__imgbox {
}

.w73-productdetail__top__first__subs__next.swiper-button-next,
.w73-productdetail__top__first__subs__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    transition: all .5s;
    background: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    border-radius: 50%;
    color: rgba(var(--main-color-w),1);
    opacity: .7;
}

.w73-productdetail__top__first__subs__next.swiper-button-next {
    right: 2rem;
}

.w73-productdetail__top__first__subs__prev.swiper-button-prev {
    left: 2rem;
}

.w73-productdetail__top__first__subs__next:hover,
.w73-productdetail__top__first__subs__prev:hover {
    color: rgba(var(--second-color-w),1);
}

.w73-productdetail__top__first__subs__next:after,
.w73-productdetail__top__first__subs__prev:after {
    display: none;
}

.w73-productdetail__top__first__subs__next:hover {
    opacity: 1;
}

.w73-productdetail__top__first__subs__prev:hover {
    opacity: 1;
}

.w73-productdetail__top__first__mains__items__imgbox__zoom {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    border: solid .1rem #f1f1f1;
    z-index: 2;
    cursor: pointer;
    border-radius: 50%;
    width: 3.8rem;
    height: 3.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgb(255,255,255,1);
    transition: all .3s;
}

    .w73-productdetail__top__first__mains__items__imgbox__zoom:hover {
        transform: scale(1.1);
    }

.w73-productdetail__top__first__mains__items__imgbox__zoom__icon {
    font-size: 1.6rem;
}

.w73-productdetail__top__first__1__form {
    margin-top: 1rem;
    background-color: #b90d0d;
    border-radius: .5rem;
    padding: 2rem;
    position: relative;
    color: #fff;
    width: 100%;
}

.w73-productdetail__top__second {
    width: 48%;
}

@media only screen and (max-width:75rem) {
}

@media only screen and (max-width:62.5rem) {
    .w73-productdetail__top__second {
        width: 100%;
        border-left: none;
        margin-top: 2rem;
        padding: 0;
    }
}

.w73-productdetail__top__second__name {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w73-productdetail__top__second__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w73-productdetail__top__second__heading__rate {
    display: flex;
    align-items: center;
}

.w73-productdetail__top__second__heading__rate__items {
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__top__second__heading__rate__items {
        margin-left: 0;
    }
}

.w73-productdetail__top__second__heading__rate__items__star {
    color: #efad0d;
    display: inline-block;
    margin-right: .5rem;
    font-size: 1rem;
}

.w73-productdetail__top__second__heading__rate__name {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
    margin-left: .5rem;
    text-decoration: underline;
}

.w73-productdetail__top__second__heading__thongso {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

.w73-productdetail__top__second__heading__thongso--hide {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w73-productdetail__top__second__heading__thongso {
        margin-left: 0;
        width: 100%;
        margin-top: 1rem;
    }
}

.w73-productdetail__top__second__heading__thongso__code {
    display: flex;
    align-items: center;
    align-items: center;
    font-size: 1.5rem;
    color: #3f3f3f;
}

.w73-productdetail__top__second__heading__thongso__code__value {
    margin-left: 1rem;
    color: rgba(var(--main-color-w),1);
    text-decoration: underline;
}

.w73-productdetail__top__second__heading__thongso__soluong {
    display: flex;
    align-items: center;
    align-items: center;
    font-size: 1.5rem;
    color: #3f3f3f;
    margin-left: 2rem;
}

.w73-productdetail__top__second__heading__thongso__soluong__value {
    margin-left: 1rem;
    color: rgba(var(--main-color-w),1);
    text-decoration: underline;
}

.w73-productdetail__top__second__price {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    padding-right: 6rem;
}


.w73-productdetail__top__second__price__1 {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    font-weight: 600;
}

.w73-productdetail__top__second__price__1--hide {
    opacity: 0;
    visibility: hidden;
}

.w73-productdetail__top__second__price__2 {
    text-decoration: line-through;
    font-size: 2rem;
    color: #999;
    margin-left: 2rem;
}

.w73-productdetail__top__second__price__2--hide {
    display: none;
}

.w73-productdetail__top__second__price__sale {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    justify-content: center;
    font-weight: 600;
    background-image: url(../../img/w73/sale.png);
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 0;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__top__second__price__sale {
        width: 4rem;
        height: 4rem;
    }
}

.w73-productdetail__top__second__price__sale--hide {
    display: none;
}

.w73-productdetail__top__second__size {
    margin-top: 2rem;
}

.w73-productdetail__top__second__size--hide {
    display: none;
}

.w73-productdetail__top__second__size__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
}

.w73-productdetail__top__second__size__text__value {
    margin-left: 1rem;
    padding: .5rem 1rem;
    border: solid 1px rgba(129,129,129,.2);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.w73-productdetail__top__second__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0rem;
    align-items: flex-start;
    margin-left: -1rem;
    margin-right: -1rem;
}

.w73-productdetail__top__second__size__items__item {
    width: calc((100% - 10rem)/5);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
    border-radius: .4rem;
    position: relative;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    filter: brightness(1) !important;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__top__second__size__items__item {
        width: calc((100% - 8rem)/4);
    }
}

.w73-productdetail__top__second__size__items__item--hide {
    display: none !important;
}

.w73-productdetail__top__second__size__items__item--hethang {
    cursor: not-allowed;
}

    .w73-productdetail__top__second__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w73-productdetail__top__second__size__items__item__check {
    display: none;
}

.w73-productdetail__top__second__size__items__item:nth-child(3n+1) {
}

.w73-productdetail__top__second__size__items__item__imgbox {
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.w73-productdetail__top__second__size__items__item__label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    transition: all .3s;
    visibility: hidden;
    z-index: 0;
}

@media only screen and (min-width:50rem) {
    .w73-productdetail__top__second__size__items__item:hover .w73-productdetail__top__second__size__items__item__label {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

@media only screen and (max-width:50rem) {
    .w73-productdetail__top__second__size__items__item__label {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

.w73-productdetail__top__second__size__items__item__check:checked ~ .w73-productdetail__top__second__size__items__item__label {
    background-color: rgba(0,0,0,0);
    visibility: visible;
    z-index: 2;
}

.w73-productdetail__top__second__size__items__item__label__text {
    font-size: 1.2rem;
    transition: all .3s ease-in;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    color: #fff;
    text-align: center;
    padding: .5rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    justify-content: center;
    pointer-events:none;
}

@media only screen and (min-width:50rem) {
    .w73-productdetail__top__second__size__items__item:hover .w73-productdetail__top__second__size__items__item__label__text {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }
}
.w73-productdetail__top__second__size__items__item__check:checked ~
.w73-productdetail__top__second__size__items__item__label
.w73-productdetail__top__second__size__items__item__label__text {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.w73-productdetail__top__second__size__items__item__bg {
    position: absolute;
    bottom: -11px;
    right: -7px;
    transform: rotate(45deg);
    font-size: 2rem;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid rgba(var(--main-color-w), 1);
    border-bottom: 15px solid transparent;
}

.w73-productdetail__top__second__size__items__item__check:checked ~ .w73-productdetail__top__second__size__items__item__bg {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.w73-productdetail__top__second__color {
    margin-top: 3rem;
}
.w73-productdetail__top__second__color--hide{
    display:none;
}
.w73-productdetail__top__second__size {
}

.w73-productdetail__top__second__color__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
}

.w73-productdetail__top__second__color__text__value {
    margin-left: 1rem;
    padding: .5rem 1rem;
    border: solid 1px rgba(129, 129, 129, .2);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.w73-productdetail__top__second__color__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
    padding: 0 0 0rem;
}

.w73-productdetail__top__second__color__items__item {
    margin-right: 2rem;
    margin-top: 1rem;
    position: relative;
    overflow: hidden;
    display: block !important;
    filter: brightness(1) !important;
    position: relative;
    border-radius: .3rem;
}

.w73-productdetail__top__second__color__items__item--hide {
    display: none !important;
}

.w73-productdetail__top__second__color__items__item--hethang {
    cursor: not-allowed;
}

.w73-productdetail__top__second__color__items__item__check {
    display: none;
}

.w73-productdetail__top__second__color__items__item:nth-child(3n+1) {
}

.w73-productdetail__top__second__color__items__item__label {
    display: flex;
    align-items: center;
    cursor: pointer;
    border-radius: .3rem;
    border: solid .1rem #f1f1f1;
    padding: .75rem 2rem;
    color: #2f2f2f;
    overflow: hidden;
    transition: all .5s;
}

.w73-productdetail__top__second__color__items__item--hethang .w73-productdetail__top__second__color__items__item__label::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    z-index: 2;
    border-radius: .3rem;
}

.w73-productdetail__top__second__color__items__item:hover .w73-productdetail__top__second__color__items__item__label {
    border-color: rgba(var(--main-color-w), 1);
}

.w73-productdetail__top__second__color__items__item__check:checked ~ .w73-productdetail__top__second__color__items__item__label {
    border-color: rgba(var(--main-color-w), 1);
}

.w73-productdetail__top__second__color__items__item__bg {
    position: absolute;
    bottom: -11px;
    right: -7px;
    transform: rotate(45deg);
    font-size: 2rem;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid rgba(var(--main-color-w), 1);
    border-bottom: 15px solid transparent;
}

.w73-productdetail__top__second__color__items__item__check:checked ~ .w73-productdetail__top__second__color__items__item__bg {
    visibility: visible;
    opacity: 1;
}

.w73-productdetail__top__second__color__items__item__label__text {
    font-size: 1.2rem;
}

.w73-productdetail__top__second__detail {
    margin-top: 1.5rem;
    overflow: hidden;
    width: 100%;
}

.w73-productdetail__top__second__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w73-productdetail__top__second__1__support {
    background: #f6f3ec;
    border: .1rem solid #e6dbc0;
    border-radius: 5px;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w73-productdetail__top__second__cart {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
}

.w73-productdetail__top__second__cart__soluong__minus, .w73-productdetail__top__second__cart__soluong__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w73-productdetail__top__second__cart__soluong__minus {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem 0 0 2rem;
    transition: all .5s;
    color: rgb(47, 47, 47);
}

    .w73-productdetail__top__second__cart__soluong__minus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w73-productdetail__top__second__cart__soluong__plus {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2rem 2rem 0;
    transition: all .5s;
    color: rgb(47, 47, 47);
}

    .w73-productdetail__top__second__cart__soluong__plus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w73-productdetail__top__second__cart__soluong__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    width: 8rem;
    height: 5rem;
    color: rgb(28, 35, 31);
    outline: none;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
}

.w73-productdetail__top__second__cart__btn {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w73-productdetail__top__second__cart__btn {
        width: 100%;
        margin-top: 1rem;
        justify-content: center;
    }
}

.w73-productdetail__top__second__cart__btn__item {
    border-radius: 3rem;
    background: rgba(var(--main-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    padding: 1.25rem 2.5rem;
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    margin-left: 1rem;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__top__second__cart__btn__item {
        padding: 1rem 2rem;
        font-size: 1.4rem;
    }
}

.w73-productdetail__top__second__cart__btn__item__text {
    font-weight: 600;
}

.w73-productdetail__top__second__cart__btn__item:hover .w73-productdetail__top__second__cart__btn__item__text {
    animation: key-w73-productdetail__top__second__cart__btn__item__text .5s;
    animation-iteration-count: 1;
    text-decoration: underline;
}

@-webkit-keyframes key-w73-productdetail__top__second__cart__btn__item__text {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w73-productdetail__top__second__cart__btn__item:hover {
    background: rgba(var(--main-color-w),1);
}

.w73-productdetail__top__second__cart__btn__buy {
    border-radius: 3rem;
    background: rgba(var(--second-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    padding: 1.25rem 2.5rem;
    margin-left: 2%;
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    margin-left: 1rem;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__top__second__cart__btn__item {
        padding: 1rem 2rem;
        font-size: 1.4rem;
    }
}

.w73-productdetail__top__second__cart__btn__buy__text {
    font-weight: 600;
}

.w73-productdetail__top__second__cart__btn__buy:hover .w73-productdetail__top__second__cart__btn__buy__text {
    animation: key-w73-productdetail__top__second__cart__btn__buy__text .5s;
    animation-iteration-count: 1;
    text-decoration: underline;
}

@-webkit-keyframes key-w73-productdetail__top__second__cart__btn__buy__text {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w73-productdetail__top__second__cart__soluong {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w73-productdetail__top__second__cart__soluong__input::-webkit-outer-spin-button,
.w73-productdetail__top__second__cart__soluong__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w73-productdetail__top__second__btncart {
    width: 100%;
    text-transform: uppercase;
    background: red;
    margin: 0;
    display: block;
}

.w73-productdetail__top__second__danhmuc {
    display: flex;
    margin-top: 3rem;
}

.w73-productdetail__top__second__danhmuc__name {
    font-size: 1.6rem;
    font-weight: 600;
}

.w73-productdetail__top__second__danhmuc__value {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-left: 1rem;
}

.w73-productdetail__top__second__line {
    height: .1rem;
    width: 100%;
    margin: 2rem 0;
    background-color: rgba(129,129,129,.2);
}

.w73-productdetail__top__second__bottom {
    display: flex;
    width: 100%;
    align-items: center;
}

.w73-productdetail__top__second__bottom__name {
    font-size: 1.6rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w73-productdetail__top__second__bottom__name {
    }
}

.w73-productdetail__top__second__bottom__social {
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w73-productdetail__top__second__bottom__social {
    }
}

.w73-productdetail__top__second__bottom__social__item {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: .3rem;
    margin-left: 2rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w,1));
}

.w73-productdetail__top__second__bottom__social__item__icon {
}

.w73-productdetail__top__second__bottom__social__item:hover .w73-productdetail__top__second__bottom__social__item__icon {
    animation: key-w73-productdetail__top__second__bottom__social__item__icon ease-in-out .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w73-productdetail__top__second__bottom__social__item__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.w73-productdetail__mains {
    margin-top: 3rem;
}

@media only screen and (max-width:75rem) {
    .w73-productdetail__mains {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:75rem) {
    .w73-productdetail__mains__main {
        width: 100%;
    }
}

.w73-productdetail__mains__main__tabs {
    display: flex;
    border-bottom: 1px solid rgba(11, 61, 44, 0.04);
    display: flex;
    flex-wrap: wrap;
}

.w73-productdetail__mains__main__tabs__item {
    font-size: 1.6rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    padding: 1.5rem 0;
    position: relative;
}

@media only screen and (min-width:37.5rem) {
    .w73-productdetail__mains__main__tabs__item:not(:first-child) {
        margin-left: 4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__mains__main__tabs__item {
        width: calc((100% - 3rem) / 2 );
        margin-left: 3rem;
    }

        .w73-productdetail__mains__main__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w73-productdetail__mains__main__tabs__item.active,
.w73-productdetail__mains__main__tabs__item:hover {
}

.w73-productdetail__mains__main__tabs__item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: rgba(var(--main-color-w),1);
    transition: all .5s;
    content: "";
}

.w73-productdetail__mains__main__tabs__item.active:after {
    width: 100%;
}

.w73-productdetail__mains__main__tabs__item:hover:after {
    width: 100%;
}

.w73-productdetail__mains__main__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
}

    .w73-productdetail__mains__main__content iframe {
        max-width: 100%;
    }

    .w73-productdetail__mains__main__content ul,
    .w73-productdetail__mains__main__content ol {
        margin-left: 2.5rem;
    }

.w73-productdetail__items {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.w73-productdetail__items__item {
    width: 31.333333%;
    margin-left: 3%;
    background-color: #fcfaf7;
    position: relative;
    transition: all 1s;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (min-width:68.75rem) {
    .w73-productdetail__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:68.75rem) {
    .w73-productdetail__items__item {
        width: 48.5%;
    }

        .w73-productdetail__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__items__item {
        width: 100%;
        margin-left: 0;
        margin-top: 1.5rem;
    }
}

.w73-productdetail__items__item__first {
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    overflow: hidden;
    transition: all .5s;
}

.w73-productdetail__items__item:hover .w73-productdetail__items__item__first {
    transform: scale(.92);
    border-radius: 1rem;
}

@keyframes key-w73-productdetail__items__item__first {
    100% {
        left: 125%;
    }
}

.w73-productdetail__items__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

.w73-productdetail__items__item__first__imgbox__img {
    width: 100%;
}

.w73-productdetail__items__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 2rem;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__items__item__second {
    }
}

.w73-productdetail__items__item__second__box {
    position: relative;
    z-index: 1;
    transition: all .5s;
    width:100%;
}

.w73-productdetail__items__item:hover .w73-productdetail__items__item__second__box {
    opacity: .2;
}

.w73-productdetail__items__item__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

    .w73-productdetail__items__item__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w73-productdetail__items__item__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: flex;
}

.w73-productdetail__items__item__second__box__des__text {
    color: #2f2f2f;
    line-height: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w73-productdetail__items__item__second__box__price {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w73-productdetail__items__item__second__box__price__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.8rem;
    font-weight: 600;
}

.w73-productdetail__items__item__second__box__price__sub {
    color: #2f2f2f;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.w73-productdetail__items__item__second__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all .25s;
    overflow: hidden;
    position: absolute;
    width: max-content;
    top: 0;
    height: 100%;
    justify-content: center;
    visibility: hidden;
    z-index: 0;
    opacity: 0;
}

.w73-productdetail__items__item:hover .w73-productdetail__items__item__second__bottom {
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w73-productdetail__items__item__second__bottom__btn {
    cursor: pointer;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .25s;
    font-size: 1.6rem;
    padding: 1.25rem 2.5rem;
    border-radius: 3rem;
    transform: translateY(5rem);
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
}

.w73-productdetail__items__item:hover
.w73-productdetail__items__item__second__bottom__btn {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.w73-productdetail__items__item__second__bottom__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
}

.w73-productdetail__items__item__second__bottom__btn__icon {
    margin-left: 1rem;
}

.w73-productdetail__items__item__second__bottom__btn__name {
    transition: all .3s;
}

.w73-productdetail__items__item__second__bottom__btn:hover
.w73-productdetail__items__item__second__bottom__btn__name {
    text-decoration: underline;
}

.w73-productdetail__items__item__second__bg {
    position: absolute;
    width: calc(100% + 2rem);
    top: 0;
    left: 0;
    height: calc(100% + 1rem);
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    background: red;
}

.w73-productdetail__items__item:hover .w73-productdetail__items__item__second__bg {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.w73-productdetail__items__item__button {
    position: absolute;
    left: 1rem;
    top: 4rem;
    width: 4rem;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}

.w73-productdetail__items__item:hover .w73-productdetail__items__item__button {
    opacity: 1;
    z-index: 2;
    visibility: visible;
}

.w73-productdetail__items__item__button__detail {
    display: flex;
    width: 3.8rem;
    height: 3.8rem;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    margin: .75rem 0;
    transition: all .5s;
    transform: translateX(-5rem);
}

    .w73-productdetail__items__item__button__detail:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w73-productdetail__items__item:hover .w73-productdetail__items__item__button__detail {
    transform: translateX(0);
}

.w73-productdetail__items__item__button__cart {
    display: flex;
    width: 3.8rem;
    height: 3.8rem;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    margin: .75rem 0;
    transition: all 1s;
    transform: translateX(-5rem);
}

    .w73-productdetail__items__item__button__cart:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w73-productdetail__items__item:hover .w73-productdetail__items__item__button__cart {
    transform: translateX(0);
}

.w73-productdetail__heading {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 3rem;
    justify-content: center;
}

.w73-productdetail__heading__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: key-w73-productdetail__heading__icon;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    color: rgba(var(--main-color-w),1);
}

@-webkit-keyframes key-w73-productdetail__heading__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w73-productdetail__heading__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__heading__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w73-productdetail__mains__main__danhgia {
    margin-top: 3rem;
    position: relative;
    padding: 1rem 4rem 4rem;
    border-radius: 3rem;
    background-color: #fff;
    border: solid 1rem #fcfaf7;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width:75rem) {
    .w73-productdetail__mains__main__danhgia {
        width: 100%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-productdetail__mains__main__danhgia {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 2rem;
        padding-top: 0rem;
    }
}

.w73-productdetail__mains__main__danhgia__name {
    margin-top: 2rem;
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w73-productdetail__mains__main__danhgia__heading {
    margin-top: 3rem;
}

.w73-productdetail__mains__main__danhgia__heading__name {
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w73-productdetail__mains__main__danhgia__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w73-productdetail__mains__main__danhgia__heading__items {
    margin-top: 3rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__mains__main__danhgia__heading__items {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 1rem;
    }
}

.w73-productdetail__mains__main__danhgia__heading__items__item {
    display: flex;
    cursor: pointer;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__mains__main__danhgia__heading__items__item {
        margin-top: 2rem;
    }
}

.w73-productdetail__mains__main__danhgia__heading__items__item__icon {
    font-size: 1.4rem;
    color: #999;
    transition: all .5s;
}

.w73-productdetail__mains__main__danhgia__heading__items__item:hover .w73-productdetail__mains__main__danhgia__heading__items__item__icon {
    color: #ff9900;
}

.w73-productdetail__mains__main__danhgia__heading__items__item.active .w73-productdetail__mains__main__danhgia__heading__items__item__icon {
    color: #ff9900;
}

.w73-productdetail__mains__main__danhgia__heading__items__item__icon:not(:first-child) {
    margin-left: .5rem;
}

.w73-productdetail__mains__main__danhgia__heading__items__item__line {
    margin: 0 2rem;
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

@media only screen and (max-width:37.5rem) {
    .w73-productdetail__mains__main__danhgia__heading__items__item__line {
        margin: 2rem 1rem 0;
    }
}

.w73-productdetail__mains__main__danhgia__box {
    width: 100%;
    margin-top: 3rem;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-wd55-form__main__first {
        0% {
            transform: translateX(-10rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w73-productdetail__mains__main__danhgia__box {
        -webkit-animation: key-wd55-form__main__first 1s;
        animation: key-wd55-form__main__first 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:62.5rem) {
}

.w73-productdetail__mains__main__danhgia__box__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: center;
    width: 100%;
}

    .w73-productdetail__mains__main__danhgia__box__items:first-child {
        margin-top: 0;
    }

.w73-productdetail__mains__main__danhgia__box__items__item {
    width: 48.5%;
    margin-left: 3%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    position: relative;
    align-items: center;
}

    .w73-productdetail__mains__main__danhgia__box__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w73-productdetail__mains__main__danhgia__box__items__item__icon {
    position: absolute;
    left: 2rem;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:62.5rem) {
    .w73-productdetail__mains__main__danhgia__box__items__item {
        width: 100%;
        margin-left: 0;
    }
}



.w73-productdetail__mains__main__danhgia__box__items__item__input {
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 5rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    border: 1px solid rgba(11, 61, 44, 0.1);
    transition: all .5s;
    font-family: inherit;
    color: rgba(var(--main-color-w),1);
    border-radius: 1rem;
}

    .w73-productdetail__mains__main__danhgia__box__items__item__input::placeholder {
        color: rgba(var(--main-color-w),1);
    }

    .w73-productdetail__mains__main__danhgia__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w73-productdetail__mains__main__danhgia__box__input {
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w73-productdetail__mains__main__danhgia__box__input {
        margin-bottom: 2rem;
    }
}

.w73-productdetail__mains__main__danhgia__box__input__textarea {
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 5rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    font-family: inherit;
    transition: all .5s;
    border: solid 1px rgba(11, 61, 44, 0.1);
    border-radius: 1rem;
}

    .w73-productdetail__mains__main__danhgia__box__input__textarea::placeholder {
        color: rgba(var(--main-color-w),1);
    }

    .w73-productdetail__mains__main__danhgia__box__input__textarea:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w73-productdetail__mains__main__danhgia__box__input__icon {
    position: absolute;
    left: 2rem;
    top: 18px;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w73-productdetail__mains__main__danhgia__box__bottom {
    display: flex;
    width: 100%;
}

.w73-productdetail__mains__main__danhgia__box__bottom__btn {
    padding: 1.5rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
    border: none;
    outline: none;
    transition: all .5s;
    cursor: pointer;
    font-family: inherit;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 3rem;
}

    .w73-productdetail__mains__main__danhgia__box__bottom__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w73-productdetail__mains__main__danhgia__subs {
}

.w73-productdetail__mains__main__danhgia__subs__item {
    margin-top: 3rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__date {
    font-size: 1.4rem;
    color: #2f2f2f;
}

.w73-productdetail__mains__main__danhgia__subs__item__name {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__name__text {
    font-weight: 600;
    font-size: 1.6rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__name__rate {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__name__rate__icon {
    color: #ff9900;
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__traloi {
    margin-top: 2rem;
    background-color: #f1f1f1;
    padding: 2rem;
    border-radius: 1rem;
    margin-left: 4rem;
    position: relative;
}

.w73-productdetail__mains__main__danhgia__subs__item__traloi__icon {
    position: absolute;
    color: #f1f1f1;
    font-size: 3rem;
    top: -19px;
    left: 20px;
}

.w73-productdetail__mains__main__danhgia__subs__item__traloi__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__traloi__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w73-productdetail__mains__main__danhgia__subs__item__line {
    display: block;
    width: 100%;
    margin: 3rem 0 0;
    border-top: dashed .1px #ccc;
}
/*ed*/
/*w73-video-3*/
.w73-video-3 {
    width: 100%;
    padding: 22rem 1rem 10rem;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    background-image: url(../../img/w73/03.jpg);
    -webkit-animation: key-w73-video-3 15s infinite;
    animation: key-w73-video-3 15s infinite;
    position: relative;
}

@-webkit-keyframes key-w73-video-3 {
    0% {
        background-size: 100%;
    }

    50% {
        background-size: 120%;
    }

    100% {
        background-size: 100%;
    }
}

@media only screen and (max-width:75rem) {
    @-webkit-keyframes key-w73-video-3 {
        0% {
            background-size: 150%;
        }

        50% {
            background-size: 180%;
        }

        100% {
            background-size: 150%;
        }
    }
}

@media only screen and (max-width:50rem) {
    @-webkit-keyframes key-w73-video-3 {
        0% {
            background-size: 200%;
        }

        50% {
            background-size: 230%;
        }

        100% {
            background-size: 200%;
        }
    }
}

@media only screen and (max-width: 37.5rem) {
    @-webkit-keyframes key-w73-video-3 {
        0% {
            background-size: 300%;
        }

        50% {
            background-size: 340%;
        }

        100% {
            background-size: 300%;
        }
    }
}

@media only screen and (max-width:75rem) {
    .w73-video-3 {
        padding-bottom: 9rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3 {
        padding-top: 16rem;
    }
}

.w73-video-3__bg {
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100%);
    z-index: 0;
    background-color: rgba(var(--main-color-w),.65);
}

.w73-video-3__first__bg {
    background-color: rgba(var(--second-color-w), .65);
    width: 90rem;
    height: 90rem;
    position: absolute;
    left: 0;
    bottom: -61rem;
    border-radius: 50%;
    z-index: 0;
    left: -17rem;
}

@media only screen and (max-width:50rem) {
    .w73-video-3__first__bg {
        left: initial;
        width: 92rem;
        height: 92rem;
    }
}

.w73-video-3__first__round {
    width: 16rem;
    height: 16rem;
    position: absolute;
    bottom: -22rem;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),1);
}

.w73-video-3__first__round--2 {
    width: 20rem;
    height: 20rem;
    position: absolute;
    bottom: -24rem;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),.3);
}

.w73-video-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
    justify-content: space-between;
}

@media only screen and (max-width:20rem) {
    .w73-video-3__group {
        justify-content: center;
    }
}

.w73-video-3__first {
    width: 56rem;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w73-video-3__first {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.w73-video-3__first__box {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w73-video-3__first__box__heading {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w73-video-3__first__box__heading {
    }
}

.w73-video-3__first__box__heading__name {
    color: #fff;
    font-size: 1.7rem;
    line-height: 2.8rem;
    font-weight: 700;
    width: 100%;
    transition: all .5s;
    margin-top: 2rem;
    text-align: center;
}

    .w73-video-3__first__box__heading__name:hover {
    }

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__heading__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w73-video-3__first__box__heading__title {
    display: flex;
    align-items: center;
    color: #fff;
    position: relative;
    justify-content: center;
}

.w73-video-3__first__box__heading__title__icon {
    width: 5.5rem;
    height: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
}

.w73-video-3__first__box__heading__title__text {
    margin-left: 1rem;
    font-size: 4.6rem;
    margin-left: 2rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__heading__title__text {
        font-size: 3rem;
        line-height: 4.6rem;
    }
}

.w73-video-3__first__box__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}

.w73-video-3__first__box__items__item {
    margin-top: 2rem;
    display: flex;
}

    .w73-video-3__first__box__items__item:not(:last-child) {
        margin-right: 2rem;
    }

.w73-video-3__first__box__items__item__main {
    align-items: center;
    background-color: #e3c9a5;
    padding: 1rem 2rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    transition: all .3s;
    color: #000;
    cursor: pointer;
    border-radius: 2rem;
    border: solid #fff rgba(var(--second-color-w),0);
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__items__item__main {
        padding: .75rem 1.5rem;
    }
}

.w73-video-3__first__box__items__item__main:hover {
    background-color: #fff;
}

.w73-video-3__first__box__items__item__main:hover {
}

.w73-video-3__first__box__items__item__main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 1rem;
}

.w73-video-3__first__box__items__item:hover .w73-video-3__first__box__items__item__main__top {
    animation: key-w73-video-3__first__box__items__item__main__top .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w73-video-3__first__box__items__item__main__top {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__items__item__main__top {
        display: none;
    }
}

.w73-video-3__first__box__items__item__main__top__icon {
    font-size: 2rem;
}

.w73-video-3__first__box__items__item__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .3s;
    cursor: pointer;
}

.w73-video-3__first__box__items__item:hover .w73-video-3__first__box__items__item__main__name {
    animation: key-w73-video-3__first__box__items__item__main__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w73-video-3__first__box__items__item__main__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__items__item__main__name {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w73-video-3__first__box__items__item__main__name:hover {
}

.w73-video-3__first__box__items__alter {
    margin-top: 2rem;
    display: flex;
    margin-right: 2rem;
}

    .w73-video-3__first__box__items__alter:not(:last-child) {
        margin-right: 2rem;
    }

.w73-video-3__first__box__items__alter__main {
    align-items: center;
    background-color: transparent;
    padding: 1rem 2rem;
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: flex;
    transition: all .3s;
    color: #fff;
    border: solid #fff 1px;
    border-radius: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__items__alter__main {
        padding: .75rem 1.5rem;
    }
}

.w73-video-3__first__box__items__alter__main:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w73-video-3__first__box__items__alter__main:hover {
}

.w73-video-3__first__box__items__alter__main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-right: 1rem;
}

.w73-video-3__first__box__items__alter:hover .w73-video-3__first__box__items__alter__main__top {
    animation: key-w73-video-3__first__box__items__alter__main__top .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w73-video-3__first__box__items__alter__main__top {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__items__alter__main__top {
        display: none;
    }
}

.w73-video-3__first__box__items__alter__main__top__icon {
    font-size: 2rem;
}

.w73-video-3__first__box__items__alter__main__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .3s;
    cursor: pointer;
}

.w73-video-3__first__box__items__alter:hover .w73-video-3__first__box__items__alter__main__name {
    animation: key-w73-video-3__first__box__items__alter__main__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w73-video-3__first__box__items__alter__main__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__first__box__items__alter__main__name {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w73-video-3__first__box__items__alter__main__name:hover {
}

.w73-video-3__second {
    position: relative;
    display: flex;
}

@media only screen and (max-width:87.5rem) {
    .w73-video-3__second {
        margin-right: 7rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-video-3__second {
        margin-right: 0;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 3rem;
        margin-bottom: 2rem;
    }
}

.w73-video-3__second__one {
    border-radius: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w73-video-3__second__one {
        width: 92%;
    }
}

@media only screen and (max-width:75rem) {
    .w73-video-3__second__one {
        transform: translateY(4rem);
    }
}

.w73-video-3__second__one__play {
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
    transition: all .5s;
}

.w73-video-3__second__one__play__icon {
    font-size: 2.6rem;
    color: rgba(var(--main-color-w), 1);
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.w73-video-3__second__one__play:before {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.8);
    opacity: 0;
    -webkit-animation: key-w73-video-3__second__one__play__before 1000ms infinite;
    animation: key-w73-video-3__second__one__play__before 1000ms infinite;
}

@-webkit-keyframes key-w73-video-3__second__one__play__before {
    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 0;
    }

    0% {
        -webkit-transform: scale(0.5);
        transform: scale(0.5);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.w73-video-3__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w73-video-3__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w73-video-3__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-video-3__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-video-3__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w73-video-3__second__two:hover {
    filter: brightness(.9);
}

.w73-video-3__second__two__figure {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    height: 17rem;
}

@media only screen and (max-width:75rem) {
    .w73-video-3__second__two__figure {
        height: 20rem;
    }
}

@media only screen and (max-width:50rem) {
    .w73-video-3__second__two__figure {
        height: 18rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w73-video-3__second__two__figure {
        height: 15rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w73-video-3__second__two__figure {
        height: 12rem;
    }
}

.w73-video-3__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w73-video-3__check {
    display: none;
}

    .w73-video-3__check:checked ~
    .w73-video-3__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }

.w73-video-3__modal__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w73-video-3__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w73-video-3__modal__main__video {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: .5rem;
}

@media only screen and (max-width:81.25rem) {
    .w73-video-3__modal__main__video {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w73-video-3__modal__main__video {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w73-video-3__modal__main__video {
                width: 34rem;
            }
        }
    }
}

.w73-video-3__modal__main__video__detail {
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
}

.w73-video-3__modal__main__video iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:50rem) {
    .w73-video-3__modal__main__video iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w73-video-3__modal__main__video iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w73-video-3__modal__main__video iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w73-video-3__modal__main__video__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-3__modal__main__video__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w73-video-3__modal__main__video__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w73-video-3__modal__main__video__close:hover {
    background-color: red;
}

.w73-video-3__modal__main__video__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w73-video-3__modal__main__video__close__icon {
        font-size: 2.5rem;
    }
}

.w73-video-3__modal__main__video__close:hover .w73-video-3__modal__main__video__close__icon {
    transform: rotate(405deg);
}
/*ed*/
/*w24-abimg*/
.w24-abimg {
    width: 100%;
    z-index: 11;
    position: relative;
    padding: 1rem;
    padding-top: 0;
}

.w24-abimg__group {
    max-width: 120rem;
    margin: 0 auto;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
    min-height: 54rem;
}

@media only screen and (min-width: 50rem) {
    .w24-abimg__group {
        padding: 1rem;
    }
}

.w24-abimg__name {
    font-size: 3rem;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: bolder;
    color: #000000;
    text-align: center;
    padding: 1rem;
    text-shadow: 5px 5px 5px #09080946;
    line-height: 1.3em;
}

.w24-abimg__des {
    font-size: 1.8rem;
    line-height: 1.6em;
    padding: 1rem;
    text-align: justify;
}

.w24-abimg .ws24AbImgMainImage {
    display: none;
}

.w24-abimg__items {
    padding: .7rem;
    background-color: rgba(255, 255, 255, 0.34);
    backdrop-filter: blur(1rem);
    border-radius: 2rem;
    min-height: 54rem;
    display: flex;
    flex-wrap: wrap;
}

.w24-abimg__items__item {
    width: 19.2%;
    position: relative;
    touch-action: auto;
    max-height: 50rem;
    margin-left: 1%;
    margin-bottom: 1.5rem;
    box-shadow: 0 0 0 0.3rem rgba(206, 206, 206, 0.39);
    border: 2px solid transparent;
    border-radius: 1rem;
    overflow: hidden;
}

    .w24-abimg__items__item::before {
        content: "";
        position: absolute;
        inset: 0;
        border: 3px solid #3498db;
        border-radius: 1rem;
        pointer-events: none;
        z-index: 1;
        opacity: 0;
        transform: scale(0.5);
        transition: opacity 0.3s, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
    }

    .w24-abimg__items__item:hover::before {
        opacity: 1;
        transform: scale(1);
    }

@media only screen and (min-width: 50rem) {
    .w24-abimg__items__item:nth-child(5n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w24-abimg__items__item {
        width: 24.25%;
    }

        .w24-abimg__items__item:nth-child(4n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w24-abimg__items__item {
        width: 32.6%;
    }

        .w24-abimg__items__item:not(:first-child) {
            margin-left: 1%;
        }

        .w24-abimg__items__item:nth-child(3n + 1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 31.25rem) {
    .w24-abimg__items__item {
        width: 49%;
        max-height: 35rem;
    }

        .w24-abimg__items__item:not(:first-child) {
            margin-left: 2%;
        }

        .w24-abimg__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w24-abimg__items__item::-webkit-scrollbar {
    width: 1rem;
}

.w24-abimg__items__item::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 6px;
}

.w24-abimg__items__item::-webkit-scrollbar-thumb {
    background: #b91010;
    border-radius: 6px;
}

    .w24-abimg__items__item::-webkit-scrollbar-thumb:hover {
        background: #555555;
    }

.w24-abimg__items__item__imgbox {
    width: 100%;
    box-shadow: 0 0 3rem rgba(0, 0, 0, 0.272);
    border-radius: 1rem;
    background-size: cover;
    cursor: pointer;
    border: 2px solid white;
    position: relative;
}

.w24-abimg__items__item__imgbox__img {
    height: 100%;
    width: 100%;
}

.w24-abimg__items__item:hover .w24-abimg__items__item__inside {
    opacity: 1;
    transition: all .3s ease;
}

.w24-abimg__items__item__zoomview {
    position: fixed;
    z-index: 10;
    display: block;
    width: calc(100%);
    height: 100vh !important;
    overflow: scroll;
    max-height: fit-content;
    margin-left: 0 !important;
}

    .w24-abimg__items__item__zoomview .w24-abimg__items__item__inside {
        display: none !important;
    }

    .w24-abimg__items__item__zoomview .ws1W24AbImgCloseZoom {
        display: flex !important;
    }

    .w24-abimg__items__item__zoomview::before {
        content: "";
        border: none;
    }

.w24-abimg__items__item__inside {
    position: absolute;
    top: 50%;
    display: flex;
    transition: all .3s ease;
    left: 50%;
    transform: translateX(-50%) translateY();
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem;
    border-radius: .5rem;
    opacity: 0;
    cursor: zoom-in;
    width: fit-content;
    font-weight: bold;
    font-size: 1.1rem;
    border: none;
    border-radius: 12px;
    box-shadow: 0 6px 20px rgba(52, 152, 219, 0.15), 0 1.5px 4px rgba(0, 0, 0, 0.07);
    transition: box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s;
    cursor: pointer;
    overflow: hidden;
    z-index: 1;
}

.w24-abimg__items__item__inside__icon {
    font-size: 1.6rem;
    margin-right: .5rem;
    margin-top: .3rem;
}

.w24-abimg__items__item__inside__text {
    font-size: 1.3rem;
    font-weight: bold;
    letter-spacing: 1px;
}

.w24-abimg__items__item__inside::before {
    content: "";
    position: absolute;
    inset: 0;
    border: 2px solid #3498db;
    border-radius: 12px;
    pointer-events: none;
    z-index: 2;
    opacity: 0;
    transform: scaleX(0);
    transition: opacity 0.2s, transform 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}

.w24-abimg__items__item:hover .w24-abimg__items__item__inside {
    color: #fff;
    background: #3498db;
    box-shadow: 0 10px 32px rgba(52, 152, 219, 0.2), 0 2px 8px rgba(0, 0, 0, 0.08);
}

    .w24-abimg__items__item:hover .w24-abimg__items__item__inside::before {
        opacity: 1;
        transform: scaleX(1);
        border-color: white;
    }

.w24-abimg__items__item__btn {
    position: fixed;
    right: 5%;
    top: 2%;
    box-shadow: 0 0 1rem rgba(0, 0, 0, 0.237);
    align-items: center;
    background-color: rgba(var(--main-color-w), 1);
    padding: 1rem;
    border-radius: .5rem;
    display: none;
    cursor: pointer;
    z-index: 1;
}

.w24-abimg__items__item__btn__icon {
    font-size: 1.6rem;
    margin-right: .5rem;
    margin-top: .3rem;
}

.w24-abimg__items__item__btn__text {
    font-size: 2rem;
    font-weight: bold;
    letter-spacing: 1px;
}

/*ed*/
/*w70-video-4*/
.w70-video-4 {
  width: 100%;
  padding-top: 0;
  padding: 0 .5rem; }
  .w70-video-4__group {
    max-width: 120rem;
    margin: 0 auto;
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    background-color: rgba(255, 255, 255, 0.8);
    border-left: 0.2rem solid rgba(255, 255, 255, 0.5);
    border-right: 0.2rem solid rgba(255, 255, 255, 0.5);
    min-height: 54rem; }
    @media only screen and (min-width: 50rem) {
      .w70-video-4__group {
        padding: 1rem; } }
  .w70-video-4__heading {
    padding: 1rem; }
    .w70-video-4__heading__name {
      font-size: 3rem;
      letter-spacing: 1px;
      text-transform: uppercase;
      font-weight: bolder;
      color: #000000;
      text-align: center;
      text-shadow: 5px 5px 5px #09080946;
      line-height: 1.6em; }
    .w70-video-4__heading__des {
      font-size: 1.6rem;
      line-height: 1.6em;
      text-align: justify; }
  .w70-video-4__items {
    display: flex;
    flex-wrap: wrap; }
    .w70-video-4__items__item {
      border: 5px solid rgba(255, 255, 255, 0.462);
      box-shadow: 0 0 2rem rgba(0, 0, 0, 0.163);
      border-radius: 1rem;
      overflow: hidden;
      margin-left: 1%;
      margin-bottom: 1rem;
      width: 24%;
      flex-wrap: wrap; }
      @media only screen and (min-width: 50rem) {
        .w70-video-4__items__item {
          width: 24%; }
          .w70-video-4__items__item:nth-child(4n + 1) {
            margin-left: 0; } }
      @media only screen and (min-width: 37.5rem) and (max-width: 50rem) {
        .w70-video-4__items__item {
          width: 32.6%; }
          .w70-video-4__items__item:nth-child(3n + 1) {
            margin-left: 0; } }
      @media only screen and (max-width: 37.5rem) {
        .w70-video-4__items__item {
          width: 49%;
          margin-left: 2%; }
          .w70-video-4__items__item:nth-child(2n + 1) {
            margin-left: 0; } }

/*ed*/
/*w74-menu*/
.w74-menu {
    z-index: 2;
    position: relative;
    background-color: #fff;
    padding: 0rem;
    width: 100%;
    box-shadow: 0px 3px 6px rgb(0, 0, 0, 6%);
}

@media only screen and (max-width: 75rem) {
    .w74-menu {
        padding: 2rem 1rem;
    }
}

.w74-menu.ws1StickyApply {
}

.w74-menu__group {
    margin: 0 auto;
    width:100%;
    max-width: 90%;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__group {
        width: 100%;
        max-width:100%;
    }
}

.w74-menu__detail {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.ws1StickyApply .w74-menu__detail {
    align-items: normal;
}

.w74-menu__checkboxMobileMenu:checked ~
.w74-menu__detail {
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail {
    }

    .ws1TransApply .w74-menu__detail {
        background-color: transparent;
    }
}

.w74-menu__detail__logo {
    justify-content: center;
    align-items: center;
    position: relative;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w74-menu__detail__logo {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__logo {
        position: relative;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-menu__detail__logo {
    }
}

@media only screen and (max-width: 37.5rem) {
    .w74-menu__detail__logo {
        min-width: 13rem;
    }
}

.w74-menu__detail__logo__link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.w74-menu__detail__logo__link__imgbox {
    background-size: contain;
    background-position: center;
    max-height: 10rem;
}

.w74-menu__detail__logo__link__imgboxghim {
    background-size: contain;
    background-position: center;
    max-height: 10rem;
    display: none;
}

.ws1TransApply .w74-menu__detail__logo__link__imgbox {
    display: none;
}

.ws1TransApply .w74-menu__detail__logo__link__imgboxghim {
    display: block;
}

.w74-menu__detail__two {
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two {
        align-items: center;
        width: 70%;
        z-index: 1;
    }
}

.w74-menu__detail__two__mains {
    display: flex;
    align-items: center;
}

.ws1StickyApply .w74-menu__detail__two__mains {
    position: relative;
    bottom: initial;
}

@media only screen and (max-width: 93.75rem) {
    .w74-menu__detail__two__mains {
        width: 97%;
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains {
        width: 100%;
        left: 0;
        position: relative;
        border: initial;
    }
}

.w74-menu__checkboxMobileMenu {
    display: none;
}

.w74-menu__detail__two__mains__lblicon {
    display: none;
}


.w74-menu__checkboxMobileMenu:checked ~ .w74-menu__detail__two__mains__lblicon {
    display: block;
}

.w74-menu__detail__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-left: 2rem;
    margin-right: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-menu__detail__container {
        margin-left: 2rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w74-menu__detail__container {
        display: none;
    }
}

.w74-menu__detail__container__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
}

.w74-menu__detail__container__lbl__top {
    position: absolute;
    width: 20px;
    height: 2px;
    top: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w74-menu__checkboxMobileMenu:checked ~
.w74-menu__detail
.w74-menu__detail__container
.w74-menu__detail__container__lbl
.w74-menu__detail__container__lbl__top {
    transform: rotate(45deg);
    top: 14px;
}

.w74-menu__detail__container__lbl__center {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: rgba(var(--second-color-w),1);
}

.w74-menu__checkboxMobileMenu:checked ~
.w74-menu__detail
.w74-menu__detail__container
.w74-menu__detail__container__lbl
.w74-menu__detail__container__lbl__center {
    width: 0;
}

.w74-menu__detail__container__lbl__bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    bottom: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w74-menu__checkboxMobileMenu:checked ~
.w74-menu__detail
.w74-menu__detail__container
.w74-menu__detail__container__lbl
.w74-menu__detail__container__lbl__bottom {
    bottom: 14px;
    transform: rotate(-45deg);
}

.w74-menu__detail__two__mains__lblicon {
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    padding: 1rem;
    font-size: 3rem;
    z-index: 1;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 50rem;
        height: 100%;
        left: -100%;
        transition: all .2s ease;
        z-index: 1;
        overflow-y: scroll;
        padding-bottom: 2rem;
    }


        .w74-menu__detail__two__mains__main::-webkit-scrollbar {
            width: .4rem;
        }

        .w74-menu__detail__two__mains__main::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w74-menu__detail__two__mains__main::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w74-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}
@media only screen and (max-width: 50rem) {
    .w74-menu__detail__two__mains__main {
        width: calc(100% - 8rem);
    }
}
.w74-menu__checkboxMobileMenu:checked ~
.w74-menu__detail
.w74-menu__detail__two
.w74-menu__detail__two__mains
.w74-menu__detail__two__mains__main {
    left: 0;
}

.w74-menu__detail__two__mains__main__logo {
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    background: #FFF;
    box-shadow: 0px 4px 18px 0px rgba(0, 0, 0, 0.08);
    padding: 1.5rem;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__logo {
        display: flex;
    }
}

.w74-menu__detail__two__mains__main__logo__imgbox {
    background-size: contain;
}

.w74-menu__detail__two__mains__main__logo__imgbox__img {
}

.w74-menu__detail__two__mains__main__items {
    display: flex;
    align-items: center;
}

.ws1RightMenubox .w74-menu__detail__two__mains__main__items {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items {
        width: 100%;
        position: relative;
        z-index: 2;
        padding-right: 1.5rem;
        padding-left: 1.5rem;
        margin-top: 2rem;
        flex-wrap: wrap;
    }
}

.w74-menu__detail__two__mains__main__items__item {
    display: flex;
    justify-content: center;
    position: relative;
    flex-wrap:wrap;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item {
        width: 100%;
        display: block;
    }

        .w74-menu__detail__two__mains__main__items__item:last-child {
            border-bottom: none;
        }
}

.w74-menu__detail__two__mains__main__items__item__inner {
    display: flex;
    align-items: center;
    padding: 3.5rem 2rem 3.5rem;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

.ws1RightMenubox .w74-menu__detail__two__mains__main__items__item__inner {
    padding: 3rem 1rem 3.5rem;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w74-menu__detail__two__mains__main__items__item__inner {
        align-items: center;
        padding: 3.5rem 2rem 3.5rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__inner {
        padding: 1rem 0;
        border-bottom: solid 1px rgba(255, 255, 255, .25);
        justify-content: flex-start;
    }

    .w74-menu__detail__two__mains__main__items__item:last-child .w74-menu__detail__two__mains__main__items__item__inner {
        border-bottom: none;
    }
}

@media only screen and (min-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__inner:hover .w74-menu__detail__two__mains__main__items__item__inner__text {
        color: rgba(var(--main-color-w),1);
    }

    .w74-menu__detail__two__mains__main__items__item__inner:hover .w74-menu__detail__two__mains__main__items__item__inner__icon {
        color: rgba(var(--main-color-w),1);
    }
}

.w74-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.6rem;
    color: #24272C;
    font-weight: 600;
    white-space: nowrap;
    transition: all .3s ease;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w74-menu__detail__two__mains__main__items__item__inner__text {
        color: #fff;
    }
}

.ws1RightMenubox .w74-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__inner__text {
        font-size: 1.6rem;
    }
}

.w74-menu__detail__two__mains__main__items__item__inner__icon {
    color: #24272C;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
    transition: all .3s ease;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w74-menu__detail__two__mains__main__items__item__inner__icon {
        color: #fff;
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
    }

    .w74-menu__detail__two__mains__main__items__item__inner__icon__value {
        transition: none;
        transition: all .2s ease;
    }

    .w74-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w74-menu__detail__two__mains__main__items__item__inner
    .w74-menu__detail__two__mains__main__items__item__inner__icon {
    }
}

.w74-menu__detail__two__mains__main__items__item__inputcheck {
    display: none;
}


    .w74-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w74-menu__detail__two__mains__main__items__item__inner
    .w74-menu__detail__two__mains__main__items__item__inner__icon
    .w74-menu__detail__two__mains__main__items__item__inner__icon__value {
        transform: rotate(-180deg);
    }

.w74-menu__detail__two__mains__main__items__item__drops {
    position: absolute;
    border-radius: 1rem;
    margin-bottom: 0;
    min-width: 26rem;
    transition: all .3s;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops {
        width: max-content;
        visibility: hidden;
        opacity: 0;
        top: 120%;
    }
    .w74-menu__detail__two__mains__main__items__item__drops--left{
        left:0;
    }
    .w74-menu__detail__two__mains__main__items__item__drops--right {
        right: 0;
    }
    .w74-menu__detail__two__mains__main__items__item:hover .w74-menu__detail__two__mains__main__items__item__drops {
        visibility: visible;
        opacity: 1;
        top: 100%
    }

    .w74-menu__detail__two__mains__main__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
    }
}

@media only screen and (min-width: 50rem) {
    .w74-menu__detail__two__mains__main__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
        padding: 0rem 2rem;
        background-color: rgba(var(--main-color-w),.05);
        border-radius: 1rem;
    }

    .w74-menu__detail__two__mains__main__items__item__inputcheck:checked ~ .w74-menu__detail__two__mains__main__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 999vh;
        padding: 1rem 2rem;
    }

    .w74-menu__detail__two__mains__main__items__item__inputcheck:not(:checked) ~ .w74-menu__detail__two__mains__main__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w74-menu__detail__two__mains__main__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop {
        background-color: #fff;
        box-shadow: 0px 30px 60px 0px #24272C1A;
        padding: 2rem;
        border-radius: 1rem;
        display: flex;
        border-radius: 0 0 16px 16px;
        border-top: 2px solid rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop {
        height: fit-content;
        flex-wrap: wrap;
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents {
    width: 100%;
}

@media only screen and (min-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents:not(:first-child) {
        margin-left: 6rem;
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box:hover {
    }

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    font-weight: 600;
}

    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
        color: white;
    }

    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        transition: all .3s;
        overflow: hidden;
    }

    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~ .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }
}

@media only screen and (min-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub {
    margin-top: 1rem;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub {
        width: 100%;
        box-shadow: none;
        border: 1rem;
        padding: 1rem 2rem;
        background-color: rgba(var(--main-color-w), .05);
        border-radius: 1rem;
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: 1rem 0rem;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child {
        color: #fff;
        padding: 1rem 0rem;
    }

        .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.6rem;
    font-weight: 400;
    width:max-content;
    max-width:100%;
}

    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check {
    display: none;
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text__icon {
    margin-left: 1rem;
    color: #24272C;
    font-size: 1.6rem;
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text__icon {
        position: absolute;
        margin: 0;
        right: 0;
        font-weight: 400;
        cursor: pointer;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
    }

    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box
    .w74-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text__icon {
        transform: rotate(-180deg);
    }
}


@media only screen and (min-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs:not(:first-child) {
        margin-left: 6rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs {
        width: 49%;
    }

        .w74-menu__detail__two__mains__main__items__item__drops__drop__childs:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child {
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__box:hover {
    }

.w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    display: block;
    width: max-content;
}

    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child {
        color: white;
    }

    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__check:checked ~
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__box
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__box__text {
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__childs__child__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__grands {
    width: 100%;
}

@media only screen and (min-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands:not(:first-child) {
        margin-left: 6rem;
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box:hover {
    }

.w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
}

    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
        color: white;
    }

    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__check:checked ~
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text {
    }
}

.w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w74-menu__detail__two__mains__main__line {
    height: .1rem;
    background-color: #eeeeee;
    margin: 2rem auto;
    width: calc(100% - 3rem);
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__line {
        display: block;
    }
}

.w74-menu__detail__two__mains__main__supports {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__two__mains__main__supports {
        display: block;
        width: 100%;
        padding: 0 1.5rem;
    }
}

.w74-menu__detail__two__mains__main__supports__name {
    font-weight: 600;
    font-size: 1.8rem;
}

.w74-menu__detail__two__mains__main__supports__support {
    display: flex;
    align-items: center;
    margin-top: 1.5rem;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
    position: relative;
}

    .w74-menu__detail__two__mains__main__supports__support:hover {
    }

.w74-menu__detail__two__mains__main__supports__support__icon {
    color: #696665;
    position: absolute;
    font-size: 2rem;
    left: 0;
    transition: all .5s ease;
}

    .w74-menu__detail__two__mains__main__supports__support__icon:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-menu__detail__two__mains__main__supports__support__name {
    margin-left: 4rem;
    transition: all .25s;
}

.w74-menu__detail__two__mains__main__supports__support__name__text {
    color: #696665;
    font-size: 1.6rem;
    transition: all .5s ease;
}

    .w74-menu__detail__two__mains__main__supports__support__name__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-menu__detail__two__mains__main__supports__support__name__des {
    color: #24272C;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: .5rem;
    transition: all .5s ease;
}

    .w74-menu__detail__two__mains__main__supports__support__name__des:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-menu__bg {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
}

.w74-menu__checkboxMobileMenu:checked ~
.w74-menu__bg {
    left: 0;
}

.w74-menu__detail__third__search {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin-left: 1rem;
}


@media only screen and (max-width: 75rem) {
    .w74-menu__detail__third__search {
        display: flex;
        margin-left: 2rem;
        margin-right: 0;
    }
}

.w74-menu__detail__third__search__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    font-size: 2rem;
    transition: all 700ms ease 0s;
}

.ws1TransApply .w74-menu__detail__third__search__btn {
    color: #fff;
}

.w74-menu__detail__third__search__btn:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-menu__searchcheckbox:checked ~
.w74-menu__detail__third__search__btn
.w74-menu__detail__third__search__btn__icon {
    transform: rotate(0);
}

    .w74-menu__searchcheckbox:checked ~
    .w74-menu__detail__third__search__btn
    .w74-menu__detail__third__search__btn__icon:before {
        content: "\f00d";
    }

.w74-menu__searchcheckbox {
    display: none;
}

.w74-menu__search {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 34rem;
    opacity: 0;
    z-index: -1;
    background-color: #24272c;
    transition: all .75s;
    visibility: hidden;
}

.w74-menu__searchcheckbox:checked ~ .w74-menu__search {
    top: 0;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w74-menu__search__value {
    position: absolute;
    padding: 0 15px;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 400px;
    will-change: top, box-shadow;
    background-color: rgba(36, 39, 44,1);
    -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.w74-menu__searchcheckbox:checked ~
.w74-menu__search
.w74-menu__search__value {
    top: 0;
    -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
}

.w74-menu__search__value__content {
    width: 120rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w74-menu__search__value__content__heading {
    display: flex;
    align-items: center;
    margin-bottom: 7rem;
    width: 100%;
}

.w74-menu__search__value__content__heading__logo {
}

.w74-menu__search__value__content__heading__logo__imgbox {
    background-size: contain;
}

.w74-menu__search__value__content__heading__close {
    margin-left: auto;
    transition: all .5s;
    color: #fff;
}

    .w74-menu__search__value__content__heading__close:hover {
        transform: rotate(90deg);
    }

.w74-menu__search__value__content__heading__close__icon {
    font-size: 4rem;
    cursor: pointer;
    transition: all .3s;
    animation-name: key-w74-menu__search__value__content__heading__close__icon--hide;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}

.w74-menu__searchcheckbox:checked ~
.w74-menu__search
.w74-menu__search__value
.w74-menu__search__value__content
.w74-menu__search__value__content__heading
.w74-menu__search__value__content__heading__close
.w74-menu__search__value__content__heading__close__icon {
    animation-name: key-w74-menu__search__value__content__heading__close__icon;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w74-menu__search__value__content__heading__close__icon {
    0% {
        transform: scale(.5) rotate(0)
    }

    50% {
        transform: scale(.5) rotate(0)
    }

    100% {
        transform: scale(1) rotate(90deg)
    }
}

@-webkit-keyframes key-w74-menu__search__value__content__heading__close__icon--hide {
    0% {
        transform: scale(1) rotate(90deg)
    }

    100% {
        transform: scale(.5) rotate(0deg)
    }
}

.w74-menu__search__value__content__text {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.w74-menu__search__value__content__text__input {
    width: 100%;
    padding: 1.5rem 2rem;
    border: 1px solid #EDEDED;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.07);
    color: #fff;
    border-radius: 3rem;
    transition: all .5s;
    outline: none;
}

    .w74-menu__search__value__content__text__input:focus {
        border: solid 1px rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 50rem) {
    .w74-menu__search__value__content__text__input {
    }
}

.w74-menu__search__value__content__text__input::placeholder {
    color: #fff;
}

.w74-menu__search__value__content__text__btn {
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    position: absolute;
    right: 2rem;
    transition: all .2s ease;
}

@media only screen and (max-width: 50rem) {
    .w74-menu__search__value__content__text__btn {
        font-size: 1.8rem;
    }
}

.w74-menu__search__value__content__text__btn:hover {
    transform: scale(1.3);
}

.w74-menu__detail__third {
    display: flex;
    align-items: center;
}

.w74-menu__detail__third__cart {
    display: flex;
    align-items: center;
    margin-left: 3rem;
    cursor: pointer;
}

@media only screen and (max-width: 81.25rem) {
    .w74-menu__detail__third__cart {
        display: none;
    }
}

@media only screen and (max-width: 75rem) {
    .w74-menu__detail__third__cart {
        display: flex;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w74-menu__detail__third__cart {
        display: none;
    }
}

.w74-menu__detail__third__login {
    color: #24272C;
    background: rgba(255, 255, 255, 0.21);
    border-radius: 1.6rem;
    box-shadow: 0px 4px 14px 0px rgba(0, 0, 0, 0.10);
    padding: .8rem 1.5rem;
    text-align: center;
    margin-left: 3rem;
    transition: all .3s ease;
}

.ws1TransApply .w74-menu__detail__third__login {
    color: #fff;
}

@media only screen and (max-width: 106.25rem) {
    .w74-menu__detail__third__login {
        display: none;
    }
}

.w74-menu__detail__third__login:hover {
    color: #fff;
    background: rgba(var(--main-color-w),1);
}

.w74-menu__detail__third__login__text {
    font-size: 1.6rem;
}

.w74-menu__detail__third__cart__first {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w74-menu__detail__third__cart__first__icon {
    font-size: 2rem;
    color: #24272C;
    transition: all 700ms ease 0s;
}

.ws1TransApply .w74-menu__detail__third__cart__first__icon {
    color: #fff;
}

.w74-menu__detail__third__cart__first__icon:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-menu__detail__third__cart__first__sum {
    color: #24272C;
    position: absolute;
    top: -1.5rem;
    padding: .2rem 0.5rem;
    font-size: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    justify-content: center;
    left: 1.5rem;
    background-color: #ccc;
    transition: all .3s;
}

.w74-menu__detail__third__cart:hover .w74-menu__detail__third__cart__first__sum {
}

.w74-menu__detail__third__lienhe {
    border: rgba(var(--main-color-w), 1) solid .1rem;
    border-radius: 1.1rem;
    background-color: #fff;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    padding: 1.1rem 2.5rem;
    text-align: center;
    transition: all 700ms ease 0s;
    white-space: nowrap;
    position: relative;
    display: flex;
    align-items: center;
    margin-left: 3rem;
}

.ws1TransApply .w74-menu__detail__third__lienhe {
    color: #fff;
    background-color: transparent;
    border-color: #fff;
    color: #fff;
}

@media only screen and (max-width: 106.25rem) {
    .w74-menu__detail__third__lienhe {
    }
}

@media only screen and (max-width: 37.5rem) {
    .w74-menu__detail__third__lienhe {
        padding: 1.1rem;
        border-radius: .5rem;
    }
}

.w74-menu__detail__third__lienhe:hover {
    color: #fff;
    background: rgba(var(--main-color-w),1);
}

.w74-menu__detail__third__lienhe__icon {
    margin-right: 1rem;
    font-size: 1.8rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-menu__detail__third__lienhe__icon {
        margin-right: 0;
    }
}

.w74-menu__detail__third__lienhe__text {
    font-weight: 600;
    font-size: 1.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-menu__detail__third__lienhe__text {
        display: none;
    }
}
/*ed*/
/*w74-search-2*/
.w74-search-2 {
    width: 100%;
    background-size: cover;
    background-position: top center;
    background-color: #fff;
    position: relative;
    padding: 0 0 9rem;
}

.w74-search-2__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    padding: 0 0rem;
    position: relative;
}

@media only screen and (max-width:75rem) {
}

.w74-search-2__mains {
    padding: 0 2rem;
    position: absolute;
    bottom: -6rem;
    width: 100%;
    z-index: 1;
}

.w74-search-2__mains__main__ckattr {
    display: none;
}

.w74-search-2__mains__main {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w74-search-2__mains__main__tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__tabs {
        justify-content: center;
    }
}

.w74-search-2__mains__main__tabs__item {
    display: inline-block;
    padding: 1.5rem 3.5rem;
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 2rem;
    border: solid .1rem #fff;
}

    .w74-search-2__mains__main__tabs__item:not(:first-child) {
        margin-left: 1rem;
    }

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__tabs__item {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search-2__mains__main__tabs__item {
        padding: 1rem 1.5rem;
        font-size: 1.2rem;
    }
}

.w74-search-2__mains__main__tabs__item:hover {
    background-color: rgba(var(--main-color-w),1);
}


.w74-search-2__mains__main__tabs__item__name {
}

.w74-search-2__mains__main__tabs__first {
    padding: 1.5rem 3.5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 2rem;
    position: relative;
    display: flex;
    justify-content: center;
}

.w74-search-2__mains__main__tabs__first__icon {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    position: absolute;
    bottom: -12px;
}

.w74-search-2__mains__main__tabs__first:not(:first-child) {
    margin-left: 1rem;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__tabs__first {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search-2__mains__main__tabs__first {
        padding: 1rem 1.5rem;
        font-size: 1.4rem;
    }
}

.w74-search-2__mains__main__tabs__first:hover {
}



.w74-search-2__mains__main__tabs__first__name {
}

.w74-search-2__mains__main__second {
    background-color: #fff;
    border-radius: 1.5rem;
    padding: 3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0px 4px 26px 0px rgba(66,71,76,.08);
    margin-top: 1.5rem;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second {
        padding: 2rem;
    }
}

.w74-search-2__mains__main__second__items {
    width: 62%;
    display: flex;
    justify-content: space-between;
}

.w74-search-2__mains__main__second__items__item {
    padding-right: 3rem;
    margin-left: 3rem;
    width: 100%;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__items__item {
        padding-right: 0rem;
    }
}

@media only screen and (min-width:50rem) {
}

.w74-search-2__mains__main__second__items__item__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
}

.w74-search-2__mains__main__second__items__item__drop__name__text {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__items__item__drop__name__text {
        font-weight: 600;
    }
}

.w74-search-2__mains__main__second__items__item__drop__name__icon {
    position: absolute;
    right: 0;
    transition: all .3s ease;
}

.w74-search-2__mains__main__second__items__item__drop__check:checked ~
.w74-search-2__mains__main__second__items__item__drop__name
.w74-search-2__mains__main__second__items__item__drop__name__icon {
    transform: rotate(180deg);
}

.w74-search-2__mains__main__second__items__item__des {
    font-size: 1.5rem;
    color: #24272C;
    margin-bottom: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__items__item__des {
        display: none;
    }
}

.w74-search-2__mains__main__second__search {
    width: 36%;
    position: relative;
    display: flex;
    margin-left: auto;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__search {
        border-radius: 1rem;
        border: solid .1rem #efefef;
        padding: 0px 10px 0px 30px;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__search__text {
        width: 100%;
        padding-left: 2rem;
    }
}

.w74-search-2__mains__main__second__search__text__input {
    width: 16rem;
    background-color: #fff;
    border: none;
    padding: 0rem;
    outline: 0;
    color: #24272C;
    font-size: 1.5rem
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__search__text__input {
        width: 100%;
        height: 4rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__search__text__input {
        font-size: 1.4rem
    }
}

.w74-search-2__mains__main__second__search__text__input::placeholder {
    color: #24272C;
}

.w74-search-2__mains__main__second__search__text__name {
    font-size: 1.6rem;
    color: #24272C;
    margin-bottom: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__search__text__name {
        display: none;
    }
}

.w74-search-2__mains__main__second__show {
    display: flex;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    background-color: rgba(var(--main-color-w),.1);
    color: #fff;
    font-size: 1.5rem;
    transition: all .5s ease;
    justify-content: center;
    color: rgba(var(--main-color-w),1);
    margin-right: 1.5rem;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__show {
        margin-right: 0;
        position: absolute;
        left: 0rem;
        border-radius: 1rem .3rem .3rem 1rem;
    }
}

.w74-search-2__mains__main__second__show:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search-2__mains__main__ckattr:checked ~
.w74-search-2__mains__main__second
.w74-search-2__mains__main__second__show {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search-2__mains__main__second__show__icon {
}

.w74-search-2__mains__main__ckattr:checked ~
.w74-search-2__mains__main__second
.w74-search-2__mains__main__second__show
.w74-search-2__mains__main__second__show__icon:before {
    content: "\f00d";
}

.w74-search-2__mains__main__second__search__button {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    font-size: 1.6rem;
    color: #fff;
    padding: 1rem 3rem;
    border-radius: 1.4rem;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__search__button {
        position: absolute;
        right: 0rem;
        border-radius: .3rem 1rem 1rem .3rem;
        font-size: 1.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__search__button {
        font-size: 1.4rem;
    }
}

.w74-search-2__mains__main__second__search__button:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w74-search-2__mains__main__second__search__button__name {
    font-weight: 600;
}

.w74-search-2__mains__main__second__search__button__icon {
    margin-left: 1rem;
}

.w74-search-2__mains__main__second__items__item__drop {
    position: relative;
    width: 100%;
}

.w74-search-2__mains__main__second__items__item__drop__childs {
    background-color: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: 3rem;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__items__item__drop__childs {
        top: 3.5rem;
        box-shadow: none;
    }
}

.w74-search-2__mains__main__second__items__item__drop__childs::-webkit-scrollbar {
    width: .4rem;
}

.w74-search-2__mains__main__second__items__item__drop__childs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w74-search-2__mains__main__second__items__item__drop__childs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
}

.w74-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search-2__mains__main__second__items__item__drop__check:checked ~ .w74-search-2__mains__main__second__items__item__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-search-2__mains__main__second__items__item__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search-2__mains__main__second__items__item__drop__childs__child__check[type=radio],
.w74-search-2__mains__main__second__items__item__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
}

.w74-search-2__mains__main__second__items__item__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 3rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-search-2__mains__main__second__items__item__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search-2__mains__main__second__items__item__drop__childs__child__check:checked ~
.w74-search-2__mains__main__second__items__item__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search-2__mains__main__second__items__item__drop__childs__sub {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search-2__mains__main__second__items__item__drop__childs__sub__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 1rem;
    font-weight: 600;
    width: 100%;
    transition: all .3s ease;
}

    .w74-search-2__mains__main__second__items__item__drop__childs__sub__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search-2__mains__main__second__items__item__drop__check {
    display: none
}

.w74-search-2__mains__main__second__search__button__icon {
    color: #fff;
    font-size: 1.5rem
}

@media only screen and (max-width:75rem) {
    .w74-search-2__figure {
        background-size: cover;
        min-height: 60rem;
        background-position: center
    }

    .w74-search-2__heading {
        top: 2rem
    }

    .w74-search-2__mains {
    }

    .w74-search-2__mains__main__second {
        flex-direction: column-reverse;
    }

    .w74-search-2__mains__main__second__items {
        width: 100%;
    }

    .w74-search-2__mains__main__second__search {
        width: 100%;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second {
        padding: 1rem;
        border-radius: 1.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__search {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains {
        padding: 0 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__items {
        flex-wrap: wrap;
    }

    .w74-search-2__mains__main__second__items__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
        border: solid .1rem rgba(237, 237, 237, 1);
        padding: 1rem 1.6rem;
        border-radius: 1.4rem;
        background-color: #fff;
    }

        .w74-search-2__mains__main__second__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w74-search-2__heading {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        left: 0
    }

    .w74-search-2__mains__main__tabs__item__name {
        font-size: 1.4rem;
    }
}

.w74-search-2__mains__main__subs {
    width: 100%;
    position: absolute;
    top: calc(100% + 2rem);
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__subs {
        padding: 0 1rem;
    }
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__subs {
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search-2__mains__main__subs {
        top: 10rem;
    }
}

.w74-search-2__mains__main__subs__items {
    width: 100%;
    display: flex;
    background-color: #fff;
    padding: 0rem 2rem 0rem;
    border-radius: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    max-height: 0;
    transition: all .2s ease;
    visibility: hidden;
    box-shadow: 0px 4px 26px 0px #42474C14;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__subs__items {
        background-color: #f1f1f1;
    }
}

.w74-search-2__mains__main__ckattr:checked ~
.w74-search-2__mains__main__subs
.w74-search-2__mains__main__subs__items {
    max-height: 50vh;
    overflow: initial;
    padding: 1rem 2rem 2rem;
    transition: all .3s ease;
    visibility: visible;
}

.w74-search-2__mains__main__subs__items__item {
    width: 23.5%;
    border: solid .1rem rgba(237, 237, 237,1);
    padding: 1.4rem 1.6rem;
    border-radius: 1.4rem;
    background-color: #fff;
    margin-top: 1rem;
    margin-left: 2%;
}

@media only screen and (min-width:50rem) {
    .w74-search-2__mains__main__subs__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__subs__items__item {
        width: 49%;
    }

        .w74-search-2__mains__main__subs__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w74-search-2__mains__main__subs__items__item__drop {
    position: relative;
}

.w74-search-2__mains__main__subs__items__item__drop__check {
    display: none;
}

.w74-search-2__mains__main__subs__items__item__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
}

.w74-search-2__mains__main__subs__items__item__drop__name__text {
    display: block;
}

.w74-search-2__mains__main__subs__items__item__drop__name__icon {
    position: absolute;
    right: 0;
    transition: all .3s ease;
}

.w74-search-2__mains__main__subs__items__item__drop__check:checked ~
.w74-search-2__mains__main__subs__items__item__drop__name
.w74-search-2__mains__main__subs__items__item__drop__name__icon {
    transform: rotate(180deg);
}

.w74-search-2__mains__main__subs__items__item__drop__childs {
    background-color: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: 4rem;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    visibility: hidden;
    max-height: 21rem;
    overflow-y: scroll;
}

    .w74-search-2__mains__main__subs__items__item__drop__childs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-search-2__mains__main__subs__items__item__drop__childs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-search-2__mains__main__subs__items__item__drop__childs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background-color: rgba(var(--main-color-w),1);
    }

        .w74-search-2__mains__main__subs__items__item__drop__childs::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

.w74-search-2__mains__main__subs__items__item__drop__check:checked ~ .w74-search-2__mains__main__subs__items__item__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-search-2__mains__main__subs__items__item__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search-2__mains__main__subs__items__item__drop__childs__child__check[type=radio],
.w74-search-2__mains__main__subs__items__item__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
}

.w74-search-2__mains__main__subs__items__item__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 3rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-search-2__mains__main__subs__items__item__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search-2__mains__main__subs__items__item__drop__childs__child__check:checked ~
.w74-search-2__mains__main__subs__items__item__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search-2__mains__main__subs__items__item__drop__childs__sub {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search-2__mains__main__subs__items__item__drop__childs__sub__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-search-2__mains__main__subs__items__item__drop__childs__sub__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search-2__mains__main__subs__items__item__ranger {
    width: 23.5%;
    margin-left: 0;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__subs__items__item__ranger {
        width: 49%;
    }
}

.w74-search-2__mains__main__subs__items__item__ranger__price {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    font-weight: 600;
}

@media only screen and (max-width:62.5rem) {
    .w74-search-2__mains__main__subs__items__item__ranger__price__text {
        display: none;
    }
}

.w74-search-2__mains__main__subs__items__item__ranger__price__min {
    margin-left: .5rem;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__subs__items__item__ranger__price__min {
        margin-left: 0;
    }
}

.w74-search-2__mains__main__subs__items__item__ranger__price__center {
    margin: 0 .5rem;
}

.w74-search-2__mains__main__subs__items__item__ranger__name
.w74-search-2__mains__main__subs__items__item__ranger__input.ui-slider-horizontal {
    height: 1.2rem;
}

.w74-search-2__mains__main__subs__items__item__ranger__input .ui-slider-handle {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    border: none;
    margin-top: -3px;
}

.w74-search-2__mains__main__subs__items__item__ranger__input .ui-slider-range {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search-2__mains__main__subs__items__item__ranger__input .ui-state-active {
    background-color: rgba(var(--second-color-w),1);
}

.w74-search-2__mains__main__subs__items__item__ranger__input .ui-state-focus {
    border: none;
    outline: none;
}

.w74-search-2__items {
    position: relative;
    z-index: 0;
}

.w74-search-2__items__item {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.w74-search-2__items__item__childs {
    display: flex;
    z-index: 0;
}

.w74-search-2__items__item__childs__child.swiper-slide {
    width: 100%;
    background-color: #fff;
    position: relative;
    outline: none;
    display: flex;
    align-items: center;
}

.w74-search-2__items__item__childs__child__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width:81.25rem) {
    .w74-search-2__items__item__childs__child__imgbox {
        height: 70rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__items__item__childs__child__imgbox {
        height: 60rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search-2__items__item__childs__child__imgbox {
        height: 50rem;
    }
}

.w74-search-2__items__item__childs__child__imgbox:hover {
}

.w74-search-2__items__item__childs__child__imgbox img {
    width: 100%;
}

.w74-search-2__items__item__childs__child__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}

.w74-search-2__items__item__childs__child__info {
    position: absolute;
    width: 100%;
    left: 0;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__items__item__childs__child__info {
        margin-top: -6rem;
    }
}

.w74-search-2__items__item__childs__child__info__box {
    width: calc(100% - 4rem);
    margin: 0 auto;
    padding: 0 2rem;
    box-sizing:content-box;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__items__item__childs__child__info__box {
        width: calc(100% - 2rem);
        padding: 0 1rem;
    }
}

.w74-search-2__items__item__childs__child__info__box__name {
    font-size: 11rem;
    color: #fff;
    font-weight: 700;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 1s ease;
    text-align: center;
}

@media only screen and (max-width:81.25rem) {
    .w74-search-2__items__item__childs__child__info__box__name {
        font-size: 8rem;
    }
}

@media only screen and (max-width:75rem) {
    .w74-search-2__items__item__childs__child__info__box__name {
        font-size: 7rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__items__item__childs__child__info__box__name {
        font-size: 5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search-2__items__item__childs__child__info__box__name {
        font-size: 4rem;
    }
}

.swiper-slide-active .w74-search-2__items__item__childs__child__info__box__name {
    transform: translateY(0rem);
    opacity: 1;
}

.w74-search-2__items__item__childs__child__info__box__des {
    font-size: 6rem;
    width: 100%;
    text-align: center;
    color: #fff;
    transform: translateY(-5rem);
    opacity: 0;
    transition: all 1s ease;
}

@media only screen and (max-width:81.25rem) {
    .w74-search-2__items__item__childs__child__info__box__des {
        font-size: 4rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search-2__items__item__childs__child__info__box__des {
        font-size: 3rem;
    }
}

.swiper-slide-active .w74-search-2__items__item__childs__child__info__box__des {
    transform: translateY(0rem);
    opacity: 1;
}
.w74-search-2__items__item--1 .swiper-button-next {
    display: none;
}

.w74-search-2__items__item--1 .swiper-button-prev {
    display: none;
}
.w74-search-2__items__item__next.swiper-button-next:after {
    display: none !important;
}

.w74-search-2__items__item__prev.swiper-button-prev:after {
    display: none !important;
}

.w74-search-2__items__item__prev {
    position: absolute;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.12);
    font-size: 2.4rem;
    text-align: center;
    padding: 0;
    display: flex;
    width: 6.8rem;
    height: 6.8rem;
    justify-content: center;
    align-items: center;
    border-radius: 1.6rem;
    border: none;
    transition: all .3s ease;
    left: 3rem;
}

@media only screen and (max-width:93.75rem) {
    .w74-search-2__items__item__prev {
        width: 4rem;
        height: 4rem;
        border-radius: .5rem;
        font-size: 1.6rem;
    }
}

@media only screen and (max-width:75rem) {
    .w74-search-2__items__item__prev {
        display:none;
    }
}
.w74-search-2__items__item__next {
    position: absolute;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.12);
    font-size: 2.4rem;
    text-align: center;
    padding: 0;
    display: flex;
    width: 6.8rem;
    height: 6.8rem;
    justify-content: center;
    align-items: center;
    border-radius: 1.6rem;
    border: none;
    transition: all .3s ease;
    right: 3rem;
}

@media only screen and (max-width:93.75rem) {
    .w74-search-2__items__item__next {
        width: 4rem;
        height: 4rem;
        border-radius: .5rem;
        font-size: 1.6rem;
    }
}
@media only screen and (max-width:75rem) {
    .w74-search-2__items__item__next {
        display:none
    }
}
.w74-search-2__items__item__next:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search-2__items__item__prev:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search-2__mains__main__second__items__danhmuc {
    padding-right: 3rem;
    margin-left: 3rem;
    width: 100%;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__items__danhmuc {
        width: 49%;
        margin-left: 0;
        margin-top: 1rem;
        border: solid .1rem rgba(237, 237, 237, 1);
        padding: 1rem 1.6rem;
        border-radius: 1.4rem;
        background-color: #fff;
    }
}

@media only screen and (min-width:50rem) {
}

.w74-search-2__mains__main__second__items__danhmuc__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__name__text {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__items__danhmuc__drop__name__text {
        font-weight: 600;
    }
}

.w74-search-2__mains__main__second__items__danhmuc__drop__name__icon {
    position: absolute;
    right: 0;
    transition: all .3s ease;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__check:checked ~
.w74-search-2__mains__main__second__items__danhmuc__drop__name
.w74-search-2__mains__main__second__items__danhmuc__drop__name__icon {
    transform: rotate(180deg);
}

.w74-search-2__mains__main__second__items__danhmuc__des {
    font-size: 1.5rem;
    color: #24272C;
    margin-bottom: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w74-search-2__mains__main__second__items__danhmuc__des {
        display: none;
    }
}

.w74-search-2__mains__main__second__items__danhmuc__drop {
    position: relative;
    width: 100%;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs {
    background-color: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: 3rem;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

@media only screen and (max-width:75rem) {
    .w74-search-2__mains__main__second__items__danhmuc__drop__childs {
        top: 3.5rem;
        box-shadow: none;
    }
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs::-webkit-scrollbar {
    width: .4rem;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background-color: rgba(var(--main-color-w),1);
}

.w74-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search-2__mains__main__second__items__danhmuc__drop__check:checked ~ .w74-search-2__mains__main__second__items__danhmuc__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs__child__check[type=radio],
.w74-search-2__mains__main__second__items__danhmuc__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 3rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-search-2__mains__main__second__items__danhmuc__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search-2__mains__main__second__items__danhmuc__drop__childs__child__check:checked ~
.w74-search-2__mains__main__second__items__danhmuc__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__check {
    display: none
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs__sub {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search-2__mains__main__second__items__danhmuc__drop__childs__sub__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-search-2__mains__main__second__items__danhmuc__drop__childs__sub__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }
/*ed*/

/*w74-search*/
.w74-search {
    width: 100%;
    background-size: cover;
    background-position: top center;
    background-color: #fff;
    position: relative;
}

.w74-search__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    padding: 0 0rem;
    position: relative;
}

@media only screen and (max-width:75rem) {
}

.w74-search__mains {
    padding: 0 2rem;
    position: absolute;
    bottom: 5rem;
    width: 100%;
    z-index: 1;
}

.w74-search__mains__main__ckattr {
    display: none;
}

.w74-search__mains__main {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w74-search__mains__main__tabs {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__tabs {
        justify-content: center;
    }
}

.w74-search__mains__main__tabs__item {
    display: inline-block;
    padding: 1.5rem 3.5rem;
    background: rgba(255,255,255,.2);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    transition: all .3s ease;
    cursor: pointer;
    margin-right: 1px;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__tabs__item {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search__mains__main__tabs__item {
        padding: 1rem 1.5rem;
        font-size: 1.2rem;
    }
}

.w74-search__mains__main__tabs__item:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search__mains__main__tabs__item:last-child {
    border-radius: 0 1.5rem 0 0;
}

.w74-search__mains__main__tabs__item:first-child {
    border-radius: 1.5rem 0 0 0;
}

.w74-search__mains__main__tabs__item__name {
}

.w74-search__mains__main__tabs__first {
    padding: 1.5rem 3.5rem;
    background: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.5rem;
    line-height: 1.8rem;
    font-weight: 600;
    transition: all .3s ease;
    cursor: pointer;
    margin-right: 1px;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__tabs__first {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search__mains__main__tabs__first {
        padding: 1rem 1.5rem;
        font-size: 1.4rem;
    }
}

.w74-search__mains__main__tabs__first:hover {
}

.w74-search__mains__main__tabs__first:first-child {
    border-radius: 1.5rem 0 0 0;
}

.w74-search__mains__main__tabs__first:last-child {
    border-radius: 0 1.5rem 0 0;
}

.w74-search__mains__main__tabs__first__name {
}

.w74-search__mains__main__second {
    background-color: #fff;
    border-radius: 0 1.5rem 1.5rem 1.5rem;
    padding: 3rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0px 4px 26px 0px rgba(66,71,76,.08);
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second {
        padding: 2rem;
    }
}

.w74-search__mains__main__second__items {
    width: 62%;
    display: flex;
    justify-content: space-between;
}

.w74-search__mains__main__second__items__item {
    padding-right: 3rem;
    margin-left: 3rem;
    width: 100%;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__items__item {
        padding-right: 0rem;
    }
}

@media only screen and (min-width:50rem) {
    .w74-search__mains__main__second__items__item:not(:last-child) {
        border-right: solid .1rem #EFEFEF;
    }
}

.w74-search__mains__main__second__items__item:first-child {
    margin-left: 0;
}

.w74-search__mains__main__second__items__item:last-child {
}

.w74-search__mains__main__second__items__item__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
}

.w74-search__mains__main__second__items__item__drop__name__text {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__items__item__drop__name__text {
        font-weight: 600;
    }
}

.w74-search__mains__main__second__items__item__drop__name__icon {
    position: absolute;
    right: 0;
    transition: all .3s ease;
}

.w74-search__mains__main__second__items__item__drop__check:checked ~
.w74-search__mains__main__second__items__item__drop__name
.w74-search__mains__main__second__items__item__drop__name__icon {
    transform: rotate(180deg);
}

.w74-search__mains__main__second__items__item__des {
    font-size: 1.5rem;
    color: #24272C;
    margin-bottom: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__items__item__des {
        display: none;
    }
}

.w74-search__mains__main__second__search {
    width: 36%;
    position: relative;
    display: flex;
    margin-left: auto;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__search {
        border-radius: 1rem;
        border: solid .1rem #efefef;
        padding: 0px 10px 0px 30px;
        margin-top: 0rem;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__search__text {
        width: 100%;
        padding-left: 2rem;
    }
}

.w74-search__mains__main__second__search__text__input {
    width: 16rem;
    background: #fff;
    border: none;
    padding: 0rem;
    outline: 0;
    color: #24272C;
    font-size: 1.5rem
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__search__text__input {
        width: 100%;
        height: 4rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__search__text__input {
        font-size: 1.4rem
    }
}

.w74-search__mains__main__second__search__text__input::placeholder {
    color: #24272C;
}

.w74-search__mains__main__second__search__text__name {
    font-size: 1.6rem;
    color: #24272C;
    margin-bottom: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__search__text__name {
        display: none;
    }
}

.w74-search__mains__main__second__show {
    display: flex;
    align-items: center;
    width: 4rem;
    height: 4rem;
    border-radius: 1rem;
    background: rgba(var(--main-color-w),.1);
    color: #fff;
    font-size: 1.5rem;
    transition: all .5s ease;
    justify-content: center;
    color: rgba(var(--main-color-w),1);
    margin-right: 1.5rem;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__show {
        margin-right: 0;
        position: absolute;
        left: 0rem;
        border-radius: 1rem .3rem .3rem 1rem;
    }
}

.w74-search__mains__main__second__show:hover {
    background: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search__mains__main__ckattr:checked ~
.w74-search__mains__main__second
.w74-search__mains__main__second__show {
    background: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search__mains__main__second__show__icon {
}

.w74-search__mains__main__ckattr:checked ~
.w74-search__mains__main__second
.w74-search__mains__main__second__show
.w74-search__mains__main__second__show__icon:before {
    content: "\f00d";
}

.w74-search__mains__main__second__search__button {
    display: flex;
    justify-content: center;
    align-items: center;
    background: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    font-size: 1.6rem;
    color: #fff;
    padding: 1rem 3rem;
    border-radius: 1.4rem;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__search__button {
        position: absolute;
        right: 0rem;
        border-radius: .3rem 1rem 1rem .3rem;
        font-size: 1.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__search__button {
        font-size: 1.4rem;
    }
}

.w74-search__mains__main__second__search__button:hover {
    background: rgba(var(--second-color-w),1);
}

.w74-search__mains__main__second__search__button__name {
    font-weight: 600;
}

.w74-search__mains__main__second__search__button__icon {
    margin-left: 1rem;
}

.w74-search__mains__main__second__items__item__drop {
    position: relative;
    width: 100%;
}

.w74-search__mains__main__second__items__item__drop__childs {
    background: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: 3rem;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__items__item__drop__childs {
        top: 3.5rem;
        box-shadow: none;
    }
}

.w74-search__mains__main__second__items__item__drop__childs::-webkit-scrollbar {
    width: .4rem;
}

.w74-search__mains__main__second__items__item__drop__childs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w74-search__mains__main__second__items__item__drop__childs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w74-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w74-search__mains__main__second__items__item__drop__check:checked ~ .w74-search__mains__main__second__items__item__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-search__mains__main__second__items__item__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search__mains__main__second__items__item__drop__childs__child__check[type=radio],
.w74-search__mains__main__second__items__item__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
}

.w74-search__mains__main__second__items__item__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 3rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-search__mains__main__second__items__item__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search__mains__main__second__items__item__drop__childs__child__check:checked ~
.w74-search__mains__main__second__items__item__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search__mains__main__second__items__item__drop__childs__sub {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search__mains__main__second__items__item__drop__childs__sub__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-search__mains__main__second__items__item__drop__childs__sub__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search__mains__main__second__items__item__drop__check {
    display: none
}

.w74-search__mains__main__second__search__button__icon {
    color: #fff;
    font-size: 1.5rem
}

@media only screen and (max-width:75rem) {
    .w74-search__figure {
        background-size: cover;
        min-height: 60rem;
        background-position: center
    }

    .w74-search__heading {
        top: 2rem
    }

    .w74-search__mains {
        bottom: 2rem
    }

    .w74-search__mains__main__second {
        flex-direction: column-reverse;
    }

    .w74-search__mains__main__second__items {
        width: 100%;
    }

    .w74-search__mains__main__second__search {
        width: 100%;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second {
        padding: 1rem;
        border-radius: 1.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__search {
        margin-bottom: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__mains {
        padding: 0 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__items {
        flex-wrap: wrap;
    }

    .w74-search__mains__main__second__items__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
        border: solid .1rem rgba(237, 237, 237, 1);
        padding: 1rem 1.6rem;
        border-radius: 1.4rem;
        background-color: #fff;
    }

        .w74-search__mains__main__second__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w74-search__heading {
        width: 100%;
        padding-left: 1rem;
        padding-right: 1rem;
        left: 0
    }

    .w74-search__mains__main__tabs__item__name {
        font-size: 1.4rem;
    }
}

.w74-search__mains__main__subs {
    width: 100%;
    position: absolute;
    top: calc(100% + 2rem);
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__subs {
        top: 13rem;
        padding: 0 1rem;
    }
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__subs {
        top: 11rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search__mains__main__subs {
        top: 10rem;
    }
}

.w74-search__mains__main__subs__items {
    width: 100%;
    display: flex;
    background-color: #fff;
    padding: 0rem 2rem 0rem;
    border-radius: 1.5rem;
    flex-wrap: wrap;
    align-items: center;
    overflow: hidden;
    max-height: 0;
    transition: all .2s ease;
    visibility: hidden;
    box-shadow: 0px 4px 26px 0px #42474C14;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__subs__items {
        background-color: #f1f1f1;
    }
}

.w74-search__mains__main__ckattr:checked ~
.w74-search__mains__main__subs
.w74-search__mains__main__subs__items {
    max-height: 50vh;
    overflow: initial;
    padding: 1rem 2rem 2rem;
    transition: all .3s ease;
    visibility: visible;
}

.w74-search__mains__main__subs__items__item {
    width: 23.5%;
    border: solid .1rem rgba(237, 237, 237,1);
    padding: 1.4rem 1.6rem;
    border-radius: 1.4rem;
    background-color: #fff;
    margin-top: 1rem;
    margin-left: 2%;
}

@media only screen and (min-width:50rem) {
    .w74-search__mains__main__subs__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__subs__items__item {
        width: 49%;
    }

        .w74-search__mains__main__subs__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w74-search__mains__main__subs__items__item__drop {
    position: relative;
}

.w74-search__mains__main__subs__items__item__drop__check {
    display: none;
}

.w74-search__mains__main__subs__items__item__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
}

.w74-search__mains__main__subs__items__item__drop__name__text {
    display: block;
}

.w74-search__mains__main__subs__items__item__drop__name__icon {
    position: absolute;
    right: 0;
    transition: all .3s ease;
}

.w74-search__mains__main__subs__items__item__drop__check:checked ~
.w74-search__mains__main__subs__items__item__drop__name
.w74-search__mains__main__subs__items__item__drop__name__icon {
    transform: rotate(180deg);
}

.w74-search__mains__main__subs__items__item__drop__childs {
    background: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: 4rem;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    visibility: hidden;
    max-height: 21rem;
    overflow-y: scroll;
}

    .w74-search__mains__main__subs__items__item__drop__childs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-search__mains__main__subs__items__item__drop__childs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-search__mains__main__subs__items__item__drop__childs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w74-search__mains__main__subs__items__item__drop__childs::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w74-search__mains__main__subs__items__item__drop__check:checked ~ .w74-search__mains__main__subs__items__item__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-search__mains__main__subs__items__item__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search__mains__main__subs__items__item__drop__childs__child__check[type=radio],
.w74-search__mains__main__subs__items__item__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
}

.w74-search__mains__main__subs__items__item__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 3rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-search__mains__main__subs__items__item__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search__mains__main__subs__items__item__drop__childs__child__check:checked ~
.w74-search__mains__main__subs__items__item__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search__mains__main__subs__items__item__drop__childs__sub {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search__mains__main__subs__items__item__drop__childs__sub__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-search__mains__main__subs__items__item__drop__childs__sub__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search__mains__main__subs__items__item__ranger {
    width: 23.5%;
    margin-left: 0;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__subs__items__item__ranger {
        width: 49%;
    }
}

.w74-search__mains__main__subs__items__item__ranger__price {
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    font-weight: 600;
}

@media only screen and (max-width:62.5rem) {
    .w74-search__mains__main__subs__items__item__ranger__price__text {
        display: none;
    }
}

.w74-search__mains__main__subs__items__item__ranger__price__min {
    margin-left: .5rem;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__subs__items__item__ranger__price__min {
        margin-left: 0;
    }
}

.w74-search__mains__main__subs__items__item__ranger__price__center {
    margin: 0 .5rem;
}

.w74-search__mains__main__subs__items__item__ranger__name
.w74-search__mains__main__subs__items__item__ranger__input.ui-slider-horizontal {
    height: 1.2rem;
}

.w74-search__mains__main__subs__items__item__ranger__input .ui-slider-handle {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    border: none;
    margin-top: -3px;
}

.w74-search__mains__main__subs__items__item__ranger__input .ui-slider-range {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search__mains__main__subs__items__item__ranger__input .ui-state-active {
    background-color: rgba(var(--second-color-w),1);
}

.w74-search__mains__main__subs__items__item__ranger__input .ui-state-focus {
    border: none;
    outline: none;
}

.w74-search__mains__main__bottom {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
}

.w74-search__mains__main__bottom__name {
    font-size: 1.4rem;
    margin-top: 1rem;
    display: flex;
    color: #fff;
    align-items: center;
}

.w74-search__mains__main__bottom__name__icon {
    margin-right: 1rem;
    font-size: 2rem;
    color: rgba(var(--main-color-w),1);
    -webkit-animation: key-w74-search__mains__main__bottom__name__icon 2s ease infinite;
    animation: key-w74-search__mains__main__bottom__name__icon 2s ease infinite;
}

@-webkit-keyframes key-w74-search__mains__main__bottom__name__icon {
    0% {
        transform: scale(.9);
    }

    50% {
        transform: scale(1.3);
    }

    100% {
        transform: scale(.9);
    }
}

.w74-search__mains__main__bottom__name__text {
    font-weight: 600;
}

.w74-search__mains__main__bottom__item {
    margin-top: 1rem;
    margin-left: 1rem;
}

.w74-search__mains__main__bottom__item__name {
    color: #fff;
    font-size: 1.4rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-search__mains__main__bottom__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-search__items {
    position: relative;
    z-index: 0;
}

.w74-search__items__item {
    width: 100%;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

.w74-search__items__item__childs {
    display: flex;
    z-index: 0;
}

.w74-search__items__item__childs__child.swiper-slide {
    width: 100%;
    background-color: #fff;
    position: relative;
    outline: none;
    display: flex;
    align-items: center;
}

.w74-search__items__item__childs__child__imgbox {
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    cursor: pointer;
}

@media only screen and (max-width:81.25rem) {
    .w74-search__items__item__childs__child__imgbox {
        height: 70rem;
    }
}

.w74-search__items__item__childs__child__imgbox:hover {
}

.w74-search__items__item__childs__child__imgbox img {
    width: 100%;
}

.w74-search__items__item__childs__child__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}

.w74-search__items__item__childs__child__info {
    position: absolute;
    width: 100%;
    left: 0;
    margin-top: -25rem;
}

.w74-search__items__item__childs__child__info__box {
    width: 120rem;
    max-width:100%;
    box-sizing:content-box;
    margin: 0 auto;
    padding: 0 2rem;
}

@media only screen and (max-width:50rem) {
    .w74-search__items__item__childs__child__info__box {
        width: calc(100% - 2rem);
        padding: 0 1rem;
    }
}

.w74-search__items__item__childs__child__info__box__name {
    font-size: 7rem;
    color: #fff;
    font-weight: 700;
    transform: translateY(5rem);
    opacity: 0;
    transition: all 1s ease;
}

@media only screen and (max-width:81.25rem) {
    .w74-search__items__item__childs__child__info__box__name {
        font-size: 5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-search__items__item__childs__child__info__box__name {
        font-size: 3rem;
    }
}

.swiper-slide-active .w74-search__items__item__childs__child__info__box__name {
    transform: translateY(0rem);
    opacity: 1;
}

.w74-search__items__item__childs__child__info__box__items {
    margin-top: 1rem;
    display: flex;
    flex-wrap:wrap;
    align-items: flex-start;
    transition: all 1.6s ease;
    transform: translateY(10rem);
    opacity: 0;
}

.swiper-slide-active .w74-search__items__item__childs__child__info__box__items {
    transform: translateY(0rem);
    opacity: 1;
}

.w74-search__items__item__childs__child__info__box__items__item {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: #fff;
}

    .w74-search__items__item__childs__child__info__box__items__item:not(:last-child) {
        margin-right: 5rem;
    }

@media only screen and (max-width:93.75rem) {
    .w74-search__items__item__childs__child__info__box__items__item:not(:last-child) {
        margin-right: 2.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search__items__item__childs__child__info__box__items__item {
        font-size: 1.5rem;
    }
}

.w74-search__items__item__childs__child__info__box__items__item__icon {
    margin-right: .5rem;
    font-size: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-search__items__item__childs__child__info__box__items__item__icon {
        font-size: 1.8rem;
    }
}

.w74-search__items__item__childs__child__info__box__bottom {
    margin-top: 3rem;
    display: flex;
    align-items: center;
    transition: all 2.6s ease;
    transform: translateY(10rem);
    opacity: 0;
}

@media only screen and (max-width:50rem) {
    .w74-search__items__item__childs__child__info__box__bottom {
        margin-top: 2rem;
    }
}

.swiper-slide-active .w74-search__items__item__childs__child__info__box__bottom {
    transform: translateY(0rem);
    opacity: 1;
}

.w74-search__items__item__childs__child__info__box__bottom__btn {
    background-color: #fff;
    color: #24272C;
    font-size: 1.5rem;
    font-weight: 600;
    background: #fff;
    border-radius: 1.4rem;
    padding: 1.4rem 4rem;
    transition: all .3s ease;
    cursor: pointer;
}

@media only screen and (max-width:93.75rem) {
    .w74-search__items__item__childs__child__info__box__bottom__btn {
        padding: .75rem 2rem;
        font-size: 1.5rem;
        border-radius: .5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-search__items__item__childs__child__info__box__bottom__btn {
        font-size: 1.4rem;
    }
}

.w74-search__items__item__childs__child__info__box__bottom__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search__items__item__childs__child__info__box__bottom__by {
    display: flex;
    align-items: center;
    margin-left: 5rem;
}

@media only screen and (max-width:50rem) {
    .w74-search__items__item__childs__child__info__box__bottom__by {
        margin-left: 2.5rem
    }
}

.w74-search__items__item__childs__child__info__box__bottom__by__imgbox {
    width: 4.2rem;
    height: 4.2rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

@media only screen and (max-width:50rem) {
    .w74-search__items__item__childs__child__info__box__bottom__by__imgbox {
        width: 3.8rem;
        height: 3.8rem;
    }
}

.w74-search__items__item__childs__child__info__box__bottom__by__text {
}

.w74-search__items__item__childs__child__info__box__bottom__by__text__name {
    font-size: 1.6rem;
    font-weight: 500;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w74-search__items__item__childs__child__info__box__bottom__by__text__name {
        font-size: 1.4rem;
    }
}

.w74-search__items__item__childs__child__info__box__bottom__by__text__des {
    font-size: 1.2rem;
    font-weight: 400;
    color: #fff;
}

@media only screen and (max-width:50rem) {
    .w74-search__items__item__childs__child__info__box__bottom__by__text__des {
        font-size: 1.1rem;
    }
}
.w74-search__items__item__next.swiper-button-next:after {
    display: none !important;
}

.w74-search__items__item__prev.swiper-button-prev:after {
    display: none !important;
}
.w74-search__items__item--1 .swiper-button-next {
    display: none;
}
.w74-search__items__item--1 .swiper-button-prev {
    display: none;
}
.w74-search__items__item__prev {
    position: absolute;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.12);
    font-size: 2.4rem;
    text-align: center;
    padding: 0;
    display: flex;
    width: 6.8rem;
    height: 6.8rem;
    justify-content: center;
    align-items: center;
    border-radius: 1.6rem;
    border: none;
    transition: all .3s ease;
    left: 3rem;
}

@media only screen and (max-width:93.75rem) {
    .w74-search__items__item__prev {
        width: 4rem;
        height: 4rem;
        border-radius: .5rem;
        font-size: 1.6rem;
        left: initial;
        right: 9rem;
        top: 52%;
    }
}

@media only screen and (max-width:75rem) {
    .w74-search__items__item__prev {
        left: initial;
        right: 9rem;
    }
}

.w74-search__items__item__next {
    position: absolute;
    color: #fff;
    background-color: rgba(255, 255, 255, 0.12);
    font-size: 2.4rem;
    text-align: center;
    padding: 0;
    display: flex;
    width: 6.8rem;
    height: 6.8rem;
    justify-content: center;
    align-items: center;
    border-radius: 1.6rem;
    border: none;
    transition: all .3s ease;
    right: 3rem;
}

@media only screen and (max-width:93.75rem) {
    .w74-search__items__item__next {
        width: 4rem;
        height: 4rem;
        border-radius: .5rem;
        font-size: 1.6rem;
        top: 52%;
    }
}

.w74-search__items__item__next:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search__items__item__prev:hover {
    background-color: rgba(var(--main-color-w),1);
}

.w74-search__mains__main__second__items__danhmuc {
    padding-right: 3rem;
    margin-left: 3rem;
    width: 100%;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__items__danhmuc {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
        border: solid .1rem rgba(237, 237, 237, 1);
        padding: 1rem 1.6rem;
        border-radius: 1.4rem;
        background-color: #fff;
    }
}

@media only screen and (min-width:50rem) {
    .w74-search__mains__main__second__items__danhmuc:not(:last-child) {
        border-right: solid .1rem #EFEFEF;
    }
}

.w74-search__mains__main__second__items__danhmuc:first-child {
    margin-left: 0;
}

.w74-search__mains__main__second__items__danhmuc:last-child {
}

.w74-search__mains__main__second__items__danhmuc__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
}

.w74-search__mains__main__second__items__danhmuc__drop__name__text {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__items__danhmuc__drop__name__text {
        font-weight: 600;
    }
}

.w74-search__mains__main__second__items__danhmuc__drop__name__icon {
    position: absolute;
    right: 0;
    transition: all .3s ease;
}

.w74-search__mains__main__second__items__danhmuc__drop__check:checked ~
.w74-search__mains__main__second__items__danhmuc__drop__name
.w74-search__mains__main__second__items__danhmuc__drop__name__icon {
    transform: rotate(180deg);
}

.w74-search__mains__main__second__items__danhmuc__des {
    font-size: 1.5rem;
    color: #24272C;
    margin-bottom: 1rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w74-search__mains__main__second__items__danhmuc__des {
        display: none;
    }
}

.w74-search__mains__main__second__items__danhmuc__drop {
    position: relative;
    width: 100%;
}

.w74-search__mains__main__second__items__danhmuc__drop__childs {
    background: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: 3rem;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

@media only screen and (max-width:75rem) {
    .w74-search__mains__main__second__items__danhmuc__drop__childs {
        top: 3.5rem;
        box-shadow: none;
    }
}

.w74-search__mains__main__second__items__danhmuc__drop__childs::-webkit-scrollbar {
    width: .4rem;
}

.w74-search__mains__main__second__items__danhmuc__drop__childs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w74-search__mains__main__second__items__danhmuc__drop__childs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w74-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w74-search__mains__main__second__items__danhmuc__drop__check:checked ~ .w74-search__mains__main__second__items__danhmuc__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-search__mains__main__second__items__danhmuc__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search__mains__main__second__items__danhmuc__drop__childs__child__check[type=radio],
.w74-search__mains__main__second__items__danhmuc__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
}

.w74-search__mains__main__second__items__danhmuc__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 3rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-search__mains__main__second__items__danhmuc__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-search__mains__main__second__items__danhmuc__drop__childs__child__check:checked ~
.w74-search__mains__main__second__items__danhmuc__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-search__mains__main__second__items__danhmuc__drop__check {
    display: none
}

.w74-search__mains__main__second__items__danhmuc__drop__childs__sub {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-search__mains__main__second__items__danhmuc__drop__childs__sub__name {
    font-size: 1.3rem;
    padding: .5rem 1.5rem .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-search__mains__main__second__items__danhmuc__drop__childs__sub__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }
/*ed*/
/*w74-ads-4*/
.w74-ads-4 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 1rem;
}
@media only screen and (max-width:37.5rem) {
    .w74-ads-4 {
        padding-bottom:2rem;
    }
}
.w74-ads-4__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-ads-4__heading {
    width: 100%;
    margin-bottom:2rem;
}

.w74-ads-4__heading__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:62.5rem) {
    .w74-ads-4__heading__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-ads-4__heading__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:62.5rem) {
    .w74-ads-4__heading__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-ads-4__heading__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-ads-4__heading__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:62.5rem) {
    .w74-ads-4__heading__name__btn {
        margin-top: 1rem;
    }
}

.w74-ads-4__heading__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-ads-4__heading__name__btn__text {
    font-weight: 600;
}

.w74-ads-4__heading__name__btn__icon {
    margin-left: 1rem;
}

.w74-ads-4__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    position: relative;
    color: #696665;
}

.w74-ads-4__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;    
    align-items:flex-start;
}

.w74-ads-4__items__item {
    box-sizing:content-box;
    width: 32%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
    border-radius: 1.4rem;
    z-index: 0;
}

@media only screen and (min-width: 62.5rem) {
    .w74-ads-4__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-4__items__item {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-ads-4__items__item {
        margin-bottom: 1rem;
    }
}

.w74-ads-4__items__item__link {
    display: block;
    overflow:hidden;
}

.w74-ads-4__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    cursor: pointer;
}

.w74-ads-4__items__item:hover .w74-ads-4__items__item__link__imgbox {
    transform: scale(1.05);
}

.w74-ads-4__items__item__info {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-ads-4__items__item__info {
        bottom: 1.5rem;
        left: 1.5rem;
    }
}

.w74-ads-4__items__item__info__btn {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    border: 1px solid #efefef;
    color: #24272C;
    background: rgba(255, 255, 255,1);
    padding: 1rem 2rem;
    border-radius: 3rem;
    width: max-content;
    justify-content: center;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w74-ads-4__items__item__info__btn {
        font-size: 1.4rem;
        padding: .75rem 1.5rem;
    }
}

.w74-ads-4__items__item__info__btn:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: rgba(255, 255, 255,1);
    border-color: rgba(var(--main-color-w), 1);
    box-shadow: 0px 10px 30px 0px rgb(0,0,0,.1);
}

.w74-ads-4__items__item__info__btn__icon {
    margin-right: 1rem;
    font-size: 2rem;
}
/*ed*/
/*w74-ads-3*/
.w74-ads-3 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 1rem;
}

.w74-ads-3__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-ads-3__heading {
    width: 100%;
    margin-bottom:2rem;
}

.w74-ads-3__heading__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-ads-3__heading__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-ads-3__heading__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-ads-3__heading__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-ads-3__heading__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-ads-3__heading__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-ads-3__heading__name__btn {
        margin-top: 1rem;
    }
}

.w74-ads-3__heading__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-ads-3__heading__name__btn__text {
    font-weight: 600;
}

.w74-ads-3__heading__name__btn__icon {
    margin-left: 1rem;
}

.w74-ads-3__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    position: relative;
    color: #696665;
}

.w74-ads-3__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
}

.w74-ads-3__items__item {
    box-sizing:content-box;
    width: 49%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2rem;
    border-radius: 1.4rem;
    z-index: 0;
}

@media only screen and (min-width: 50rem) {
    .w74-ads-3__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-3__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w74-ads-3__items__item__link {
    display: block;
}

.w74-ads-3__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s ease;
    cursor: pointer;
}
.w74-ads-3__items__item__link__imgbox__img{
    width:100%;
}
.w74-ads-3__items__item:hover .w74-ads-3__items__item__link__imgbox {
    transform: scale(1.05);
}

.w74-ads-3__items__item__info {
    position: absolute;
    bottom: 3rem;
    left: 3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-ads-3__items__item__info {
        bottom: 1.5rem;
        left: 1.5rem;
    }
}

.w74-ads-3__items__item__info__btn {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    border: 1px solid #efefef;
    color: #24272C;
    background: rgba(255, 255, 255,1);
    padding: 1rem 2rem;
    border-radius: 3rem;
    width: max-content;
    justify-content: center;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w74-ads-3__items__item__info__btn {
        font-size: 1.4rem;
        padding: .75rem 1.5rem;
    }
}

.w74-ads-3__items__item__info__btn:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: rgba(255, 255, 255,1);
    border-color: rgba(var(--main-color-w), 1);
    box-shadow: 0px 10px 30px 0px rgb(0,0,0,.1);
}

.w74-ads-3__items__item__info__btn__icon {
    margin-right: 1rem;
    font-size: 2rem;
}
/*ed*/
/*w74-ads-2*/
.w74-ads-2 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 0rem;
}

.w74-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-ads-2__headding {
    margin-bottom: 3rem;
}

.w74-ads-2__headding__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-ads-2__headding__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-ads-2__headding__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-ads-2__headding__name__text {
        width: 100%;
        text-align: center;
    }
}

.w74-ads-2__headding__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-ads-2__headding__name__btn {
        margin-top: 1rem;
    }
}

.w74-ads-2__headding__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-ads-2__headding__name__btn__text {
    font-weight: 600;
}

.w74-ads-2__headding__name__btn__icon {
    margin-left: 1rem;
}

.w74-ads-2__headding__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
}

.w74-ads-2__mains {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.w74-ads-2__mains__main {
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
    width:100%;
    z-index:0;
}

.w74-ads-2__mains__main__items {
}

.w74-ads-2__mains__main__items__item {
    width: 100%;
    display: flex;
    position: relative;
    border-radius: 2.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    transform: scale(.98);
    transition: all .3s ease;
}

    .w74-ads-2__mains__main__items__item.swiper-slide-active {
        transform: scale(1);
    }

@media only screen and (max-width:37.5rem) {
    .w74-ads-2__mains__main__items__item {
        margin-top: 1.5rem;
    }
}

.w74-ads-2__mains__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    width: 100%;
    position: relative;
    z-index: 0;
    filter: brightness(.8);
    background-position: center;
    border-radius: 2.4rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-ads-2__mains__main__items__item__imgbox {
        height: 45rem;
    }
}

.w74-ads-2__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w74-ads-2__mains__main__items__item__box {
    position: absolute;
    z-index: 2;
    left: 0;
    width: 57rem;
    align-items: center;
    left: 7rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-ads-2__mains__main__items__item__box {
        left: 5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-ads-2__mains__main__items__item__box {
        left: 2rem;
        width: calc(100% - 4rem);
    }
}

.w74-ads-2__mains__main__items__item__box__name {
    font-size: 4.6rem;
    font-weight: 600;
    line-height: 5rem;
    color: #fff;
    margin-bottom: 2rem;
    display: block;
}

@media only screen and (max-width:62.5rem) {
    .w74-ads-2__mains__main__items__item__box__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-ads-2__mains__main__items__item__box__name {
        margin-bottom: 1rem;
    }
}

.w74-ads-2__mains__main__items__item__box__des {
    color: #fff;
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: justify;
}

@media only screen and (max-width:50rem) {
    .w74-ads-2__mains__main__items__item__box__des {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w74-ads-2__mains__main__items__item__box__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    cursor: pointer;
    transition: all .3s ease;
    padding: 1.5rem 6rem;
    border-radius: 1.4rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 4rem;
}

    .w74-ads-2__mains__main__items__item__box__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w74-ads-2__mains__main__items__item__box__btn {
        margin-top: 2rem;
    }
}

.w74-ads-2__mains__main__items__item__box__btn__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w74-ads-2__mains__main__items__item__box__btn__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w74-ads-2__mains__main__pagination {
    bottom: 0rem !important;
}

.w74-ads-2__mains__main__pagination {
    display: flex;
    justify-content: center;
    padding: .5rem 0;
    bottom: 4.25rem !important;
}

@media only screen and (max-width:37.5rem) {
    .w74-ads-2__mains__main__pagination {
        bottom: 3.25rem !important;
    }
}

.w74-ads-2__mains__main__pagination .swiper-pagination-bullet {
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    margin: 0 1rem !important;
}

.w74-ads-2__mains__main__pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.w74-ads-2__mains__main__pagination .swiper-pagination-bullet:after {
    width: 1.4rem;
    height: 1.4rem;
    border: solid 1px rgba(var(--main-color-w), 1);
    content: "";
    border-radius: 50%;
    position: absolute;
}

.w74-ads-2__mains__main__next,
.w74-ads-2__mains__main__prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.w74-ads-2__mains__main__prev {
    left: -2rem;
}

.w74-ads-2__mains__main__next {
    right: -2rem;
}

@media only screen and (max-width:75rem) {
    .w74-ads-2__mains__main__next,
    .w74-ads-2__mains__main__prev {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
        top: 2rem;
    }

    .w74-ads-2__mains__main__prev {
        right: 6rem;
        left: initial;
    }

    .w74-ads-2__mains__main__next {
        right: 2rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-ads-2__mains__main__next,
    .w74-ads-2__mains__main__prev {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.4rem;
        top: 3rem;
    }

    .w74-ads-2__mains__main__prev {
        right: 6rem;
    }

    .w74-ads-2__mains__main__next {
        right: 2rem;
    }
}

.w74-ads-2__mains__main__next:hover,
.w74-ads-2__mains__main__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w74-ads-2__mains__main__next:after,
.w74-ads-2__mains__main__prev:after {
    display: none;
}
/*ed*/
/*w74-ads-1*/
.w74-ads-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem .5rem;
}

.w74-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-ads-1__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w74-ads-1__mains__first {
    width: 49%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-1__mains__first {
        width: 100%;
    }
}

.w74-ads-1__mains__first__item {
    width: 100%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2.5rem;
    border-radius: 1.6rem;
    z-index: 0;
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    padding: 3rem;
    justify-content: space-between;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__first__item {
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
    }
}

.w74-ads-1__mains__first__item__link {
    width: 34%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-1__mains__first__item__link {
        width: 24%;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__first__item__link {
        flex-wrap: wrap;
        width: 100%;
    }
}

.w74-ads-1__mains__first__item__link__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w74-ads-1__mains__first__item:hover .w74-ads-1__mains__first__item__link__imgbox {
    transform: scale(1.03);
}

.w74-ads-1__mains__first__item__info {
    width: 61%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-1__mains__first__item__info {
        width: 71%;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__first__item__info {
        width: 100%;
        margin-top: 2rem;
    }
}

.w74-ads-1__mains__first__item__info__name {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3rem;
    display: block;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__first__item__info__name {
        text-align: center;
    }
}

.w74-ads-1__mains__first__item__info__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: white;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__first__item__info__des {
        text-align: center;
    }
}

.w74-ads-1__mains__first__item__info__sub {
    margin-top: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    color: white;
}

.w74-ads-1__mains__first__item__info__btn {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    border: 1px solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    background: rgba(255, 255, 255,1);
    padding: 1.25rem 5rem;
    border-radius: 1.4rem;
    width: max-content;
    justify-content: center;
    font-weight: 600;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__first__item__info__btn {
        margin: 2rem auto 0;
    }
}

.w74-ads-1__mains__first__item__info__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: rgba(255, 255, 255,1);
}

.w74-ads-1__mains__first__item__info__btn__icon {
    margin-left: 1.25rem;
}

.w74-ads-1__mains__second {
    width: 49%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-1__mains__second {
        width: 100%;
        margin-left: 0;
    }
}

.w74-ads-1__mains__second__item {
    position: relative;
    overflow: hidden;
    margin-bottom: 2.5rem;
    border-radius: 1.6rem;
    z-index: 0;
    display: flex;
    align-items: center;
    background-color: rgba(var(--second-color-w),1);
    padding: 3rem;
    justify-content: space-between;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__second__item {
        flex-wrap: wrap;
        margin-bottom: 1.5rem;
    }
}

.w74-ads-1__mains__second__item__link {
    width: 34%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-1__mains__second__item__link {
        width: 24%;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__second__item__link {
        width: 100%;
    }
}

.w74-ads-1__mains__second__item__link__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w74-ads-1__mains__second__item:hover .w74-ads-1__mains__second__item__link__imgbox {
    transform: scale(1.03);
}

.w74-ads-1__mains__second__item__info {
    width: 61%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-1__mains__second__item__info {
        width: 71%;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__second__item__info {
        width: 100%;
        margin-top: 2rem;
    }
}

.w74-ads-1__mains__second__item__info__name {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3rem;
    display: block;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__second__item__info__name {
        text-align: center;
    }
}

.w74-ads-1__mains__second__item__info__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: white;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__second__item__info__des {
        text-align: center;
    }
}

.w74-ads-1__mains__second__item__info__sub {
    margin-top: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    color: white;
}

.w74-ads-1__mains__second__item__info__btn {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    border: 1px solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    background: rgba(255, 255, 255,1);
    padding: 1.25rem 5rem;
    border-radius: 1.4rem;
    width: max-content;
    justify-content: center;
    font-weight: 600;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-1__mains__second__item__info__btn {
        margin: 2rem auto 0;
    }
}

.w74-ads-1__mains__second__item__info__btn:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: rgba(255, 255, 255,1);
}

.w74-ads-1__mains__second__item__info__btn__icon {
    margin-left: 1.25rem;
}
/*ed*/
/*w74-video-2*/
.w74-video-2 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    position: relative;
    background-color: #fff;
}

.ws1RightMenubox .w74-video-2 {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w74-video-2 {
        justify-content: center;
        overflow: hidden;
    }
}

.w74-video-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w74-video-2__headding {
    margin-bottom: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-video-2__headding {
        margin-bottom: 1.5rem;
    }
}

.w74-video-2__headding__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w74-video-2__headding__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-video-2__headding__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-video-2__headding__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-video-2__headding__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-video-2__headding__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-video-2__headding__name__btn {
        margin-top: 1rem;
    }
}

.w74-video-2__headding__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-video-2__headding__name__btn__text {
    font-weight: 600;
}

.w74-video-2__headding__name__btn__icon {
    margin-left: 1rem;
}

.w74-video-2__headding__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
}

.w74-video-2__mains {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    width: 100%;
}
@media only screen and (max-width: 37.5rem) {
    .w74-video-2__mains {
        margin-bottom: 1rem;
    }
}

.w74-video-2__mains__first {
    width: 55%;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-video-2__mains__first {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w74-video-2__mains__first__ma {
    width: 100%;
}
.w74-video-2__mains__first__ma iframe{
    border-radius:2.4rem;
}
.w74-video-2__mains__first__box {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w74-video-2__mains__first__box__by {
    display: flex;
    align-items: flex-start;
    margin: 1rem 0;
}

.w74-video-2__mains__first__box__by__name {
    color: #24272C;
    margin-right: 2rem;
    font-weight: 600;
}

.w74-video-2__mains__first__box__by__cate {
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    font-weight: 600;
    margin-right: 2rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-video-2__mains__first__box__by__cate:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w74-video-2__mains__first__box__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    color: #24272C;
}

    .w74-video-2__mains__first__box__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w74-video-2__mains__first__box__des {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-top: 1rem;
    color: #696665;
}

.w74-video-2__mains__first__box__des__text {
}

.w74-video-2__mains__main {
    position: relative;
    display: flex;
    align-items: center;
    margin-left: auto;
    width: 43%;
}

@media only screen and (max-width:62.5rem) {
    .w74-video-2__mains__main {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
}

.w74-video-2__mains__main__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w74-video-2__mains__main__items__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    border-radius: 2.4rem;
    overflow: hidden;
}

@media only screen and (min-width:62.5rem) {
    .w74-video-2__mains__main__items__item:not(:last-child) {
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-video-2__mains__main__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w74-video-2__mains__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w74-video-2__mains__main__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w74-video-2__mains__main__items__item:not(:last-child) {
        }
}

.w74-video-2__mains__main__items__item__first {
    overflow: hidden;
    width: 100%;
}

.w74-video-2__mains__main__items__item__first__imgbox {
    background-size: cover;
    transition: all .5s;
    height: 24.5rem;
    width: 100%;
    background-position: center;
}

.w74-video-2__mains__main__items__item__first:hover
.w74-video-2__mains__main__items__item__first__imgbox {
    transform: scale(1.05)
}

@media only screen and (max-width:37.5rem) {
    .w74-video-2__mains__main__items__item__first__imgbox {
        height: 13rem;
    }
}

.w74-video-2__mains__main__items__item__first__imgbox__img {
    width: 100%;
}

.w74-video-2__mains__main__items__item:hover .w74-video-2__mains__main__items__item__first__figure {
    transform: scale(1.05);
}

.w74-video-2__mains__main__items__item__play {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w74-video-2__mains__main__items__item__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w74-video-2__mains__main__items__item:hover .w74-video-2__mains__main__items__item__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w74-video-2__mains__main__items__item__play__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w74-video-2__subs {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w74-video-2__subs__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    cursor: pointer;
    border-radius: 2.4rem;
    overflow: hidden;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:62.5rem) {
    .w74-video-2__subs__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-video-2__subs__item {
        width: 48%;
        margin-left: 4%;
    }

        .w74-video-2__subs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w74-video-2__subs__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 1rem;
    }
}

.w74-video-2__subs__item__first {
    overflow: hidden;
    width: 100%;
}

.w74-video-2__subs__item__first__imgbox {
    background-size: cover;
    transition: all .5s;
    height: 24.5rem;
    width: 100%;
    background-position: center;
}

.w74-video-2__subs__item__first:hover
.w74-video-2__subs__item__first__imgbox {
    transform: scale(1.05)
}

@media only screen and (max-width:37.5rem) {
    .w74-video-2__subs__item__first__imgbox {
        height: 13rem;
    }
}

.w74-video-2__subs__item__first__imgbox__img {
    width: 100%;
}

.w74-video-2__subs__item:hover .w74-video-2__subs__item__first__figure {
    transform: scale(1.05);
}

.w74-video-2__subs__item__play {
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .5s;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w74-video-2__subs__item__play:before {
        width: 100%;
        z-index: 1;
        height: 100%;
        position: absolute;
        content: "";
        border-radius: 50%;
        background: rgba(255, 255, 255, 0.8);
        opacity: 0;
    }

.w74-video-2__subs__item:hover .w74-video-2__subs__item__play:before {
    -webkit-animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
    animation: key-wd-faq-7__main__second__figure2__play__before 2s infinite;
}

@-webkit-keyframes key-wd-faq-7__main__second__figure2__play__before {
    0% {
        transform: scale(1);
        opacity: .2;
    }

    50% {
        opacity: .8;
        transform: scale(1.4);
    }

    100% {
        opacity: .2;
        transform: scale(1);
    }
}

.w74-video-2__subs__item__play__icon {
    font-size: 1.4rem;
    color: rgba(var(--main-color-w),1);
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w74-video-2__childs__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w74-video-2__childs__check {
    display: none;
}

    .w74-video-2__childs__check:checked ~
    .w74-video-2__childs__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w74-video-2__childs__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w74-video-2__childs__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w74-video-2__childs__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w74-video-2__childs__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w74-video-2__childs__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w74-video-2__childs__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w74-video-2__childs__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w74-video-2__childs__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w74-video-2__childs__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-video-2__childs__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w74-video-2__childs__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w74-video-2__childs__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w74-video-2__childs__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w74-video-2__childs__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w74-video-2__childs__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w74-video-2__childs__modal__main__box__close:hover {
    background-color: red;
}

.w74-video-2__childs__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w74-video-2__childs__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w74-video-2__childs__modal__main__box__close:hover .w74-video-2__childs__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w74-video-2__mains__main__next.swiper-button-next,
.w74-video-2__mains__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w74-video-2__mains__main__prev {
    left: 1rem;
}

.w74-video-2__mains__main__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-video-2__mains__main__prev {
        left: 1rem;
    }

    .w74-video-2__mains__main__next {
        right: 1rem;
    }
}

.w74-video-2__mains__main__next:hover,
.w74-video-2__mains__main__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w74-video-2__mains__main__next:after,
.w74-video-2__mains__main__prev:after {
    display: none;
}
/*ed*/

/*w74-video-1*/
.w74-video-1 {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    color: #3f3f3f;
    z-index: 0;
}
@media only screen and (max-width:75rem) {
    .w74-video-1 {
        padding-bottom:2rem;
    }
}
.w74-video-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.w74-video-1__headding{
    margin-bottom:2rem;
}
.w74-video-1__headding__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w74-video-1__headding__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-video-1__headding__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-video-1__headding__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-video-1__headding__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-video-1__headding__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-video-1__headding__name__btn {
        margin-top: 1rem;
    }
}

.w74-video-1__headding__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-video-1__headding__name__btn__text {
    font-weight: 600;
}

.w74-video-1__headding__name__btn__icon {
    margin-left: 1rem;
}

.w74-video-1__headding__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
}

.w74-video-1__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w74-video-1__items__item {
    width: 23.5%;
    margin-left: 2%;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    border-radius: .3rem;
    margin-bottom: 2rem;
}

@media only screen and (min-width:75rem) {
    .w74-video-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w74-video-1__items__item {
        width: 49%;
        margin-bottom:1rem;
    }

        .w74-video-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w74-video-1__items__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: .5rem;
}

    .w74-video-1__items__item__first iframe {
        overflow: hidden;
        border-radius: .5rem;
    }

.w74-video-1__items__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.w74-video-1__items__item__second__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    color: #24272C;
}

    .w74-video-1__items__item__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w74-video-1__items__item__second__des {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-top: .5rem;
    color: #696665;
}

.w74-video-1__items__item__second__des__text {
}
/*ed*/
/*w74-banner-2*/
.w74-banner-2 {
    width: 100%;
    background-color: white;
    padding: 0rem 0rem 0rem;
    position: relative;
    z-index: 0;
}

.w74-banner-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-banner-2__mains {
    position: relative;
    display: flex;
    align-items: center;
    z-index: 0;
}

.w74-banner-2__mains__main {
    overflow: hidden;
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
}

.w74-banner-2__mains__main__items {
}

.w74-banner-2__mains__main__items__item {
    width: 100%;
    display: flex;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    z-index: 0;
    transition: all .3s ease;
}

    .w74-banner-2__mains__main__items__item.swiper-slide-active {
    }

@media only screen and (max-width:37.5rem) {
    .w74-banner-2__mains__main__items__item {
        margin-top: 1.5rem;
    }
}

.w74-banner-2__mains__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    width: 100%;
    position: relative;
    z-index: 0;
    filter: brightness(.8);
    background-position: center;
}

@media only screen and (max-width:62.5rem) {
    .w74-banner-2__mains__main__items__item__imgbox {
        height: 45rem;
    }
}

.w74-banner-2__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w74-banner-2__mains__main__items__item__box {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    display: flex;
}

.w74-banner-2__mains__main__items__item__box__container {
    width: 120rem;
    margin: 0 auto;
}

.w74-banner-2__mains__main__items__item__box__container__content {
    width: 58rem;
    padding: 0 5rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-banner-2__mains__main__items__item__box__container__content {
        width: calc(100% - 4rem);
        padding: 0 2rem;
    }
}

.w74-banner-2__mains__main__items__item__box__container__content__name {
    font-size: 4rem;
    font-weight: 600;
    line-height: 6rem;
    color: #fff;
    margin-bottom: 2rem;
    display: block;
}

@media only screen and (max-width:62.5rem) {
    .w74-banner-2__mains__main__items__item__box__container__content__name {
        font-size: 2rem;
        line-height: 3.4rem;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-banner-2__mains__main__items__item__box__container__content__name {
        margin-bottom: 1rem;
    }
}


.w74-banner-2__mains__main__items__item__box__container__content__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    cursor: pointer;
    transition: all .3s ease;
    padding: 1.5rem 6rem;
    border-radius: 1.4rem;
    border: solid .1rem #fff;
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
    margin-top: 4rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-banner-2__mains__main__items__item__box__container__content__btn {
        margin: 0 auto;
    }
}

.w74-banner-2__mains__main__items__item__box__container__content__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    border-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w74-banner-2__mains__main__items__item__box__container__content__btn {
        margin-top: 2rem;
    }
}

.w74-banner-2__mains__main__items__item__box__container__content__btn__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    font-weight: 600;
    z-index: 2;
}

.w74-banner-2__mains__main__items__item__box__container__content__btn__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
    position: relative;
    z-index: 2;
}

.w74-banner-2__mains__main__pagination {
    bottom: 0rem !important;
}

.w74-banner-2__mains__main__pagination {
    display: flex;
    justify-content: center;
    padding: .5rem 0;
    bottom: 4.25rem !important;
}

@media only screen and (max-width:37.5rem) {
    .w74-banner-2__mains__main__pagination {
        bottom: 3.25rem !important;
    }
}

.w74-banner-2__mains__main__pagination .swiper-pagination-bullet {
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    margin: 0 1rem !important;
}

.w74-banner-2__mains__main__pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.w74-banner-2__mains__main__pagination .swiper-pagination-bullet:after {
    width: 1.4rem;
    height: 1.4rem;
    border: solid 1px #fff;
    content: "";
    border-radius: 50%;
    position: absolute;
}

.w74-banner-2__mains__main__next.swiper-button-next:after {
    display: none !important;
}

.w74-banner-2__mains__main__prev.swiper-button-prev:after {
    display: none !important;
}

.w74-banner-2__mains__main__prev {
    position: absolute;
    color: #fff;
    font-size: 2rem;
    padding: 0;
    border: none;
    transition: all .3s ease;
    left: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.w74-banner-2__mains__main__next {
    position: absolute;
    color: #fff;
    font-size: 2rem;
    padding: 0;
    transition: all .3s ease;
    right: 1rem;
    display: flex;
    justify-content: center;
    align-items: center
}
/*ed*/

/*w74-service-1*/
.w74-service-1 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
}
@media only screen and (max-width: 75rem) {
    .w74-service-1 {
        padding-bottom: 1rem
    }
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-1 {
        padding-bottom: 2rem
    }
}
.w74-service-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w74-service-1__group {
        margin: unset !important;
    }
}

.w74-service-1__heading {
    width: 100%;
}

.w74-service-1__heading__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-service-1__heading__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-service-1__heading__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-service-1__heading__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-service-1__heading__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-service-1__heading__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-service-1__heading__name__btn {
        margin-top: 1rem;
    }
}

.w74-service-1__heading__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-service-1__heading__name__btn__text {
    font-weight: 600;
}

.w74-service-1__heading__name__btn__icon {
    margin-left: 1rem;
}

.w74-service-1__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    position: relative;
    color: #696665;
}

.w74-service-1__items {
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-1__items {
        margin-top: 0rem;
    }
}

.w74-service-1__items__item {
    width: 22.75%;
    margin-left: 3%;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    background-color: #fff;
    border-radius: 2rem;
    margin-bottom: 3rem;
    border: rgba(237, 237, 237,1) solid .1rem;
}

    .w74-service-1__items__item:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 60px 0px;
    }

@media only screen and (min-width: 75rem) {
    .w74-service-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w74-service-1__items__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 2rem;
    }

        .w74-service-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

        .w74-service-1__items__item:hover {
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-1__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom:1rem;
    }
}

.w74-service-1__items__item__content {
    position: relative;
    padding: 2.5rem;
    border-radius: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-service-1__items__item__content {
        padding: 1.5rem;
    }
}

.w74-service-1__items__item__content__icon {
    display: block;
    cursor: pointer;
}

.w74-service-1__items__item__content__icon__value {
    font-size: 5rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w74-service-1__items__item__content__icon__value {
        margin-bottom: 1rem;
    }
}

.w74-service-1__items__item__content__icon__value:hover {
    color: rgba(var(--second-color-w),1);
}

.w74-service-1__items__item__content__name {
    font-weight: 600;
    color: #24272C;
    font-size: 2.4rem;
    line-height: 3.2rem;
    display: block;
    transition: all .3s ease;
}

    .w74-service-1__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-service-1__items__item__content__sub {
    text-align: justify;
    margin-top: 3rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: rgba(105, 102, 101,1);
}

@media only screen and (max-width:37.5rem) {
    .w74-service-1__items__item__content__sub {
        margin-top: 1rem;
    }
}

.w74-service-1__items__item__content__btn {
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    width: 100%;
    justify-content: space-between;
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid rgba(var(--main-color-w),1);
    padding: 1.4rem 2.5rem;
    border-radius: 1.4rem;
    display: flex;
    align-items: center;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-service-1__items__item__content__btn {
        margin-top: 1rem;
    }
}

.w74-service-1__items__item__content__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-service-1__items__item__content__btn__name {
    font-weight: 600;
}

.w74-service-1__items__item__content__btn__icon {
}

/*ed*/
/*w74-service-2*/
.w74-service-2 {
    width: 100%;
    padding: 3rem 1rem 0rem;
    background-color: #fff;
}
@media only screen and (max-width: 62.5rem) {
    .w74-service-2 {
        padding-bottom: 1rem;
    }
}
.w74-service-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

@media only screen and (max-width: 50rem) {
    .w74-service-2__group {
        margin: unset !important;
    }
}

.w74-service-2__heading {
}

.w74-service-2__heading__title {
    margin: 0 auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    color: #24272C;
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
    text-align: center;
}

.w74-service-2__heading__des {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 1rem;
    color: #696665;
}

.w74-service-2__mains {
    display: flex;
    align-items: flex-start;
    margin-top: 4rem;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width: 62.5rem) {
    .w74-service-2__mains {
        flex-wrap: wrap;
        margin-top: 2rem;
    }
}

.w74-service-2__mains__first {
    width: 31.333333%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-service-2__mains__first {
        width: 100%;
    }
}

.w74-service-2__mains__center {
    width: 31.333333%;
    margin-bottom:3rem;
}

@media only screen and (max-width: 62.5rem) {
    .w74-service-2__mains__center {
        width: 80%;
        margin: 2rem auto 2rem
    }
}

.w74-service-2__mains__center__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
    border-radius:2rem;
}

.w74-service-2__mains__center__imgbox__img {
    width: 100%;
}

.w74-service-2__mains__second {
    width: 31.333333%;
}

@media only screen and (max-width: 62.5rem) {
    .w74-service-2__mains__second {
        width: 100%;
    }
}

.w74-service-2__mains__first__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: normal;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__first__items {
        margin-top: 0rem;
    }
}

.w74-service-2__mains__first__items__item {
    width: 100%;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    background-color: #fff;
    border-radius: 2rem;
    margin-bottom: 3rem;
    border: rgba(237, 237, 237,1) solid .1rem;
}

    .w74-service-2__mains__first__items__item:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 60px 0px;
    }

@media only screen and (max-width: 62.5rem) {
    .w74-service-2__mains__first__items__item {
        margin-bottom: 2rem;
    }

        .w74-service-2__mains__first__items__item:hover {
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
        }
}
@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__first__items__item {
        margin-bottom:1rem;
    }
}

.w74-service-2__mains__first__items__item__content {
    position: relative;
    padding: 2.5rem;
    border-radius: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__first__items__item__content {
        padding: 1.75rem;
    }
}

.w74-service-2__mains__first__items__item__content__name {
    display: flex;
    align-items: center;
}

.w74-service-2__mains__first__items__item__content__name__icon {
    font-size: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-right: 1.5rem;
}

.w74-service-2__mains__first__items__item__content__name__text {
    font-weight: 600;
    color: #24272C;
    font-size: 2rem;
    line-height: 3rem;
    display: block;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__first__items__item__content__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w74-service-2__mains__first__items__item__content__name__text:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-service-2__mains__first__items__item__content__sub {
    text-align: justify;
    margin-top: 3rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: rgba(105, 102, 101,1);
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__first__items__item__content__sub {
        margin-top: 1rem;
    }
}

.w74-service-2__mains__first__items__item__content__btn {
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    width: max-content;
    justify-content: space-between;
    background-color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid rgba(var(--main-color-w),1);
    padding: 1.4rem 2.5rem;
    border-radius: 1.4rem;
    display: flex;
    align-items: center;
    margin-top: 3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__first__items__item__content__btn {
        margin-top: 1.5rem;
    }
}

.w74-service-2__mains__first__items__item__content__btn:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w74-service-2__mains__first__items__item__content__btn__name {
    font-weight: 600;
}

.w74-service-2__mains__first__items__item__content__btn__icon {
    margin-left: 1rem;
}

.w74-service-2__mains__second__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: normal;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__second__items {
        margin-top: 0rem;
    }
}

.w74-service-2__mains__second__items__item {
    width: 100%;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    background-color: #fff;
    border-radius: 2rem;
    margin-bottom: 3rem;
    border: rgba(237, 237, 237,1) solid .1rem;
}

    .w74-service-2__mains__second__items__item:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 60px 0px;
    }

@media only screen and (max-width: 62.5rem) {
    .w74-service-2__mains__second__items__item {
        margin-bottom: 2rem;
    }

        .w74-service-2__mains__second__items__item:hover {
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
        }
}
@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__second__items__item {
        margin-bottom: 1rem;
    }
}

.w74-service-2__mains__second__items__item__content {
    position: relative;
    padding: 2.5rem;
    border-radius: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__second__items__item__content {
        padding: 1.75rem;
    }
}

.w74-service-2__mains__second__items__item__content__name {
    display: flex;
    align-items: center;
}

.w74-service-2__mains__second__items__item__content__name__icon {
    font-size: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-right: 1.5rem;
}

.w74-service-2__mains__second__items__item__content__name__text {
    font-weight: 600;
    color: #24272C;
    font-size: 2rem;
    line-height: 3rem;
    display: block;
    transition: all .3s ease;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__second__items__item__content__name__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w74-service-2__mains__second__items__item__content__name__text:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-service-2__mains__second__items__item__content__sub {
    text-align: justify;
    margin-top: 3rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: rgba(105, 102, 101,1);
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__second__items__item__content__sub {
        margin-top: 1rem;
    }
}

.w74-service-2__mains__second__items__item__content__btn {
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    width: max-content;
    justify-content: space-between;
    background-color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid rgba(var(--main-color-w),1);
    padding: 1.4rem 2.5rem;
    border-radius: 1.4rem;
    display: flex;
    align-items: center;
    margin-top: 3rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-2__mains__second__items__item__content__btn {
        margin-top: 1rem;
    }
}

.w74-service-2__mains__second__items__item__content__btn:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w74-service-2__mains__second__items__item__content__btn__name {
    font-weight: 600;
}

.w74-service-2__mains__second__items__item__content__btn__icon {
    margin-left: 1rem;
}
/*ed*/
/*w74-service-3*/
.w74-service-3 {
    width: 100%;
    padding: 3rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w74-service-3__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 75rem) {
    .w74-service-3__group {
        padding: 0 3rem;
    }
}

.w74-service-3__bg {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0;
    height: 40rem;
    width: 100%;
    background-image: url(../../img/w74/11.webp);
    background-size: cover;
    background-position: center;
    
    border-radius: 5rem;
    border: solid 2rem #fff;
}
@media only screen and (min-width: 37.5rem) {
    .w74-service-3__bg {
        background-attachment: fixed;
    }
}
.ws-right-menu-box .w74-service-3__bg {
    background-attachment: local;
}
@media only screen and (max-width: 50rem) {
    .w74-service-3__bg {
        border-radius: 3rem;
        border: solid 1rem #fff;
    }
}

.w74-service-3__heading {
    margin-top: 5rem;
    margin-bottom:3rem;
}

@media only screen and (max-width: 50rem) {
    .w74-service-3__heading {
        margin-top: 3rem;
    }
}

.w74-service-3__heading__title {
    margin: 0 auto;
    margin-bottom: 1rem;
    flex-wrap: wrap;
    color: #fff;
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
    text-align: center;
}

.w74-service-3__heading__des {
    margin: 0 auto;
    text-align: center;
    display: block;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 1rem;
    color: #fff;
}

.w74-service-3__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: normal;
    
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-3__items {
        margin-top: 0rem;
    }
}

.w74-service-3__items__item {
    width: 23.5%;
    margin-left: 2%;
    cursor: pointer;
    padding: 0;
    transition: all 0.3s ease;
    background-color: #fff;
    border-radius: 2rem;
    margin-bottom: 3rem;
    border: rgba(237, 237, 237,1) solid .1rem;
}

    .w74-service-3__items__item:hover {
        box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 60px 0px;
    }

@media only screen and (min-width: 75rem) {
    .w74-service-3__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w74-service-3__items__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 2rem;
    }

        .w74-service-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }

        .w74-service-3__items__item:hover {
            box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 30px 0px;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w74-service-3__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w74-service-3__items__item__content {
    position: relative;
    padding: 2.5rem;
    border-radius: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-service-3__items__item__content {
        padding: 1.5rem;
    }
}

.w74-service-3__items__item__content__icon {
    display: block;
    cursor: pointer;
}

.w74-service-3__items__item__content__icon__value {
    font-size: 5rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 2rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w74-service-3__items__item__content__icon__value {
        margin-bottom: 1rem;
    }
}

.w74-service-3__items__item__content__icon__value:hover {
    color: rgba(var(--second-color-w),1);
}

.w74-service-3__items__item__content__name {
    font-weight: 600;
    color: #24272C;
    font-size: 2rem;
    line-height: 3rem;
    display: block;
    transition: all .3s ease;
}

    .w74-service-3__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-service-3__items__item__content__sub {
    margin-top: 3rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: rgba(105, 102, 101,1);
}

@media only screen and (max-width:37.5rem) {
    .w74-service-3__items__item__content__sub {
        margin-top: 1rem;
    }
}

.w74-service-3__items__item__content__btn {
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    width: 100%;
    justify-content: space-between;
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid rgba(var(--main-color-w),1);
    padding: 1.4rem 2.5rem;
    border-radius: 1.4rem;
    display: flex;
    align-items: center;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-service-3__items__item__content__btn {
        margin-top: 1.5rem;
    }
}

.w74-service-3__items__item__content__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-service-3__items__item__content__btn__name {
    font-weight: 600;
}

.w74-service-3__items__item__content__btn__icon {
}

/*ed*/
/*w74-product-1*/
.w74-product-1 {
    width: 100%;
    padding: 3rem 1rem .5rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w74-product-1 {
        padding: 3rem 1rem 1rem;
    }
}

.w74-product-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-product-1__headding__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-product-1__headding__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-product-1__headding__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-product-1__headding__name__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:50rem) {
    .w74-product-1__headding__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__headding__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-product-1__headding__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-product-1__headding__name__btn {
        margin-top: 1rem;
    }
}

.w74-product-1__headding__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-product-1__headding__name__btn__text {
    font-weight: 600;
}

.w74-product-1__headding__name__btn__icon {
    margin-left: 1rem;
}

.w74-product-1__headding__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
    line-height: 2.6rem;
}

.w74-product-1__tabs {
    display: flex;
    margin-top: 1rem;
    align-items: flex-start;
    border-bottom: 1px solid #EDEDED;
}

.w74-product-1__tabs__items__item {
    margin-right: 2.4rem;
    padding: 1.75rem 0;
}

    .w74-product-1__tabs__items__item:first-child {
        padding-left: 0;
    }

.w74-product-1__tabs__items__item__text {
    font-size: 1.6rem;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease;
    color: #3a3a3c;
}

    .w74-product-1__tabs__items__item__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-product-1__tabs__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w74-product-1__tabs__items__first {
    margin-right: 2.4rem;
    padding: 1.75rem 0rem;
    position: relative;
}

.w74-product-1__tabs__items__first__text {
    font-size: 1.6rem;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-product-1__tabs__items__first__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-product-1__tabs__items__first__line {
    position: absolute;
    height: .2rem;
    width: 100%;
    bottom: 0;
    background-color: rgba(var(--main-color-w),1);
}

.w74-product-1__items {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap
}

.w74-product-1__items__item {
    display: flex;
    flex-wrap: wrap;
    width: 23.5%;
    margin-left: 2%;
    padding: 0;
    background: #fff;
    border-radius: 1.6rem;
    margin-bottom: 2.5rem;
    overflow: hidden;
    border: solid 1px #EDEDED;
}

.w74-product-1__items__item__top {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
    height: max-content;
}
.w74-product-1__items__item__top__link{
    display:block;
    width:100%;
}
.w74-product-1__items__item__top__link__imgbox {
    display: block;
}

.w74-product-1__items__item__top__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: .5rem .5rem 0 0;
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
}

.w74-product-1__items__item__top__link__imgbox__img {
    width: 100%;
}

.w74-product-1__items__item__top:hover
.w74-product-1__items__item__top__link__imgbox {
    transform: scale(1.03);
    filter: brightness(.8);
}

.w74-product-1__items__item__top__tabs {
    position: absolute;
    left: 0rem;
    top: 0;
    display: flex;
    width: calc(100%);
    padding: 1rem;
    align-items: flex-start;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__top__tabs {
        justify-content: space-between;
    }
}

.w74-product-1__items__item__top__tabs__item {
    display: inline-block;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
    white-space: nowrap;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__top__tabs__item:last-child {
        display: none;
    }
}

.w74-product-1__items__item__top__tabs__three {
    display: inline-block;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    margin-left: auto;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__top__tabs__three {
        display: none;
    }
}

.w74-product-1__items__item__top__tabs__last {
    display: flex;
    align-items: center;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    background-color: rgba(0, 0, 0, 0.3);
    margin-left: 1rem;
}

.w74-product-1__items__item__top__tabs__last__icon {
    margin-right: .5rem;
}

.w74-product-1__items__item__top__tabs__last__name {
    white-space: nowrap;
}

.w74-product-1__items__item__top__status {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.31);
}

.w74-product-1__items__item__top__btn {
    position: absolute;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0);
}

.w74-product-1__items__item__top:hover .w74-product-1__items__item__top__btn {
    visibility: visible;
}

.w74-product-1__items__item__top__btn__detail {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-right: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-2rem);
    position: relative;
}

.w74-product-1__items__item__top:hover .w74-product-1__items__item__top__btn__detail {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.w74-product-1__items__item__top__btn__detail:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-product-1__items__item__top__btn__detail__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-product-1__items__item__top__btn__detail:hover .w74-product-1__items__item__top__btn__detail__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-product-1__items__item__top__btn__detail__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-product-1__items__item__top__btn__detail__info__bg {
    position: absolute;
    bottom: -13px;
    color: #fff;
    font-size: 2rem;
}

.w74-product-1__items__item__top__btn__cart {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-left: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(2rem);
}

.w74-product-1__items__item__top:hover .w74-product-1__items__item__top__btn__cart {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.w74-product-1__items__item__top__btn__cart:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-product-1__items__item__top__btn__cart__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-product-1__items__item__top__btn__cart:hover .w74-product-1__items__item__top__btn__cart__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-product-1__items__item__top__btn__cart__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-product-1__items__item__top__btn__cart__info__bg {
    position: absolute;
    bottom: -13px;
    color: #fff;
    font-size: 2rem;
}

.w74-product-1__items__item__info {
    width: 100%;
    padding: 1.25rem;
}

.w74-product-1__items__item__info__cate {
    font-size: 1.4rem;
    display: block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w74-product-1__items__item__info__cate:hover {
        color: rgba(var(--second-color-w),1);
    }

.w74-product-1__items__item__info__name {
    display: block;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #24272C;
    cursor: pointer;
    transition: all .25s;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w74-product-1__items__item__info__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-product-1__items__item__info__attr {
    display: flex;
}

.w74-product-1__items__item__info__attr__sub {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #696665;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__attr__sub {
        font-size: 1.2rem;
    }
}

.w74-product-1__items__item__info__attr__sub:not(:first-child) {
    margin-left: 1rem;
}

.w74-product-1__items__item__info__attr__sub__icon {
    margin-right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__attr__sub__icon {
        display: none;
    }
}

.w74-product-1__items__item__info__attr__sub__name {
}

.w74-product-1__items__item__info__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__price {
        margin-top: 1rem;
    }
}

.w74-product-1__items__item__info__price__chinh {
    color: rgba(var(--main-color-w),1);
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__price__chinh {
        font-size: 1.4rem;
    }
}

.w74-product-1__items__item__info__price__chinh__icon {
    margin-right: .25rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__price__chinh__icon {
        display: none;
    }
}

.w74-product-1__items__item__info__price__chinh__donvi {
    margin-left: .5rem;
}

.w74-product-1__items__item__info__price__second {
    color: #B6B6B6;
    font-size: 1.8rem;
    text-decoration: line-through;
    display: flex;
    align-items: center;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__price__second {
        font-size: 1.4rem;
    }
}

.w74-product-1__items__item__info__price__second__icon {
    margin-right: .25rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__price__second__icon {
        display: none;
    }
}

.w74-product-1__items__item__info__price__second__donvi {
    margin-left: .5rem;
}

.w74-product-1__items__item__info__line {
    width: 100%;
    display: block;
    height: .1rem;
    background-color: #EFEFEF;
    margin: 2rem 0;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__line {
        margin: 1.25rem 0;
    }
}

.w74-product-1__items__item__info__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__bottom {
        justify-content: center;
    }
}

.w74-product-1__items__item__info__bottom__btn {
    color: #24272C;
    font-size: 1.4rem;
    font-weight: 500;
    border: 1px solid #24272C;
    border-radius: 1.4rem;
    padding: .9rem 1.7rem;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w74-product-1__items__item__info__bottom__btn:hover {
        background-color: rgba(var(--main-color-w),1);
        border-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-product-1__items__item__info__bottom__by {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-1__items__item__info__bottom__by {
        display: none;
    }
}

.w74-product-1__items__item__info__bottom__by__imgbox {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

.w74-product-1__items__item__info__bottom__by__text {
}

.w74-product-1__items__item__info__bottom__by__text__name {
    font-size: 1.4rem;
    font-weight: 500;
}

@media only screen and (min-width:75rem) {
    .w74-product-1__items__item:nth-child(4n+1) {
        margin-left: 0
    }
}

@media only screen and (max-width:75rem) {

    .w74-product-1__items__item {
        width: 49%;
        margin-bottom: 2rem;
    }

        .w74-product-1__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:37.5rem) {

    .w74-product-1__items__item {
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-product-1__tabs {
        display: block
    }

    .w74-product-1__tabs__last {
        justify-content: center;
        margin: 0;
        display: none;
    }
}
/*ed*/
/*w74-product-2*/
.w74-product-2 {
    width: 100%;
    padding: 3rem 1rem .5rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w74-product-2 {
        padding: 3rem 1rem 1rem;
    }
}

.w74-product-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-product-2__headding__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-product-2__headding__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-product-2__headding__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-product-2__headding__name__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:50rem) {
    .w74-product-2__headding__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__headding__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-product-2__headding__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-product-2__headding__name__btn {
        margin-top: 1rem;
    }
}

.w74-product-2__headding__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-product-2__headding__name__btn__text {
    font-weight: 600;
}

.w74-product-2__headding__name__btn__icon {
    margin-left: 1rem;
}

.w74-product-2__headding__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
    line-height: 2.6rem;
}

.w74-product-2__tabs {
    display: flex;
    margin-top: 1rem;
    align-items: flex-start;
    border-bottom: 1px solid #EDEDED;
}

.w74-product-2__tabs__items__item {
    margin-right: 2.4rem;
    padding: 1.75rem 0;
}

    .w74-product-2__tabs__items__item:first-child {
        padding-left: 0;
    }

.w74-product-2__tabs__items__item__text {
    font-size: 1.6rem;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease;
    color: #3a3a3c;
}

    .w74-product-2__tabs__items__item__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-product-2__tabs__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w74-product-2__tabs__items__first {
    margin-right: 2.4rem;
    padding: 1.75rem 0rem;
    position: relative;
}

.w74-product-2__tabs__items__first__text {
    font-size: 1.6rem;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-product-2__tabs__items__first__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-product-2__tabs__items__first__line {
    position: absolute;
    height: .2rem;
    width: 100%;
    bottom: 0;
    background-color: rgba(var(--main-color-w),1);
}

.w74-product-2__items {
    margin-top: 3rem;
    display: flex;
    flex-wrap: wrap
}

.w74-product-2__items__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 49%;
    margin-left: 2%;
    padding: 0;
    background: #fff;
    border-radius: 1.6rem;
    margin-bottom: 2.5rem;
    overflow: hidden;
    border: solid 1px #EDEDED;
}

.w74-product-2__items__item__top {
    overflow: hidden;
    display: block;
    position: relative;
    width: 40%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__top {
        width: 100%;
        height: max-content;
    }
}

.w74-product-2__items__item__top__link {
    display: block;
    height: 100%;
}

.w74-product-2__items__item__top__link__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    border-radius: .5rem .5rem 0 0;
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
}

.w74-product-2__items__item__top__link__imgbox__img {
    width: 100%;
}

.w74-product-2__items__item__top:hover
.w74-product-2__items__item__top__link__imgbox {
    transform: scale(1.03);
    filter: brightness(.7);
}

.w74-product-2__items__item__top__tabs {
    position: absolute;
    left: 0rem;
    top: 0;
    display: flex;
    width: calc(100%);
    padding: 1rem;
    align-items: flex-start;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__top__tabs {
        justify-content: space-between;
    }
}

.w74-product-2__items__item__top__tabs__item {
    display: inline-block;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
    white-space: nowrap;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__top__tabs__item:last-child {
        display: none;
    }
}

.w74-product-2__items__item__top__tabs__three {
    display: inline-block;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    margin-left: auto;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__top__tabs__three {
        display: none;
    }
}

.w74-product-2__items__item__top__tabs__last {
    display: flex;
    align-items: center;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    background-color: rgba(0, 0, 0, 0.3);
    margin-left: 1rem;
}

.w74-product-2__items__item__top__tabs__last__icon {
    margin-right: .5rem;
}

.w74-product-2__items__item__top__tabs__last__name {
    white-space: nowrap;
}

.w74-product-2__items__item__top__status {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.31);
}

.w74-product-2__items__item__top__btn {
    position: absolute;
    width: max-content;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0);
}

.w74-product-2__items__item__top:hover .w74-product-2__items__item__top__btn {
    visibility: visible;
}

.w74-product-2__items__item__top__btn__detail {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-right: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-2rem);
    position: relative;
}

.w74-product-2__items__item__top:hover .w74-product-2__items__item__top__btn__detail {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.w74-product-2__items__item__top__btn__detail:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-product-2__items__item__top__btn__detail__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-product-2__items__item__top__btn__detail:hover .w74-product-2__items__item__top__btn__detail__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-product-2__items__item__top__btn__detail__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-product-2__items__item__top__btn__detail__info__bg {
    position: absolute;
    bottom: -13px;
    color: #fff;
    font-size: 2rem;
}

.w74-product-2__items__item__top__btn__cart {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-left: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(2rem);
}

.w74-product-2__items__item__top:hover .w74-product-2__items__item__top__btn__cart {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.w74-product-2__items__item__top__btn__cart:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-product-2__items__item__top__btn__cart__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-product-2__items__item__top__btn__cart:hover .w74-product-2__items__item__top__btn__cart__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-product-2__items__item__top__btn__cart__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-product-2__items__item__top__btn__cart__info__bg {
    position: absolute;
    bottom: -13px;
    color: #fff;
    font-size: 2rem;
}

.w74-product-2__items__item__info {
    width: 59%;
    padding: 1.25rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info {
        width: 100%;
    }
}

.w74-product-2__items__item__info__cate {
    font-size: 1.4rem;
    display: block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__cate {
        margin-bottom: 1rem;
    }
}

.w74-product-2__items__item__info__cate:hover {
    color: rgba(var(--second-color-w),1);
}

.w74-product-2__items__item__info__name {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    color: #24272C;
    cursor: pointer;
    transition: all .25s;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w74-product-2__items__item__info__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-product-2__items__item__info__attr {
    display: flex;
}

.w74-product-2__items__item__info__attr__sub {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #696665;
    margin-top: .75rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__attr__sub {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__attr__sub {
        font-size: 1.2rem;
    }
}

.w74-product-2__items__item__info__attr__sub:not(:first-child) {
    margin-left: 1rem;
}

.w74-product-2__items__item__info__attr__sub__icon {
    margin-right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__attr__sub__icon {
        display: none;
    }
}

.w74-product-2__items__item__info__attr__sub__name {
}

.w74-product-2__items__item__info__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-product-2__items__item__info__price {
        margin-top: 1rem;
    }
}

.w74-product-2__items__item__info__price__chinh {
    color: rgba(var(--main-color-w),1);
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-right:1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-product-2__items__item__info__price__chinh {
        font-size: 1.4rem;
        width: 100%;
        margin-right:0;
    }
}

.w74-product-2__items__item__info__price__chinh__icon {
    margin-right: .25rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-product-2__items__item__info__price__chinh__icon {
        display: none;
    }
}

.w74-product-2__items__item__info__price__chinh__donvi {
    margin-left: .5rem;
}

.w74-product-2__items__item__info__price__second {
    color: #B6B6B6;
    font-size: 1.8rem;
    text-decoration: line-through;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 37.5rem) {
    .w74-product-2__items__item__info__price__second {
        font-size: 1.4rem;
        width: 100%;
        margin-top: .5rem;
    }
}

.w74-product-2__items__item__info__price__second__icon {
    margin-right: .25rem;
}

@media only screen and (max-width: 37.5rem) {
    .w74-product-2__items__item__info__price__second__icon {
        display: none;
    }
}

.w74-product-2__items__item__info__price__second__donvi {
    margin-left: .5rem;
}

.w74-product-2__items__item__info__line {
    width: 100%;
    display: block;
    height: .1rem;
    background-color: #EFEFEF;
    margin: 1.5rem 0;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__line {
        margin: 1.25rem 0;
    }
}

.w74-product-2__items__item__info__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__bottom {
        justify-content: center;
    }
}

.w74-product-2__items__item__info__bottom__btn {
    color: #24272C;
    font-size: 1.4rem;
    font-weight: 500;
    border: 1px solid #24272C;
    border-radius: 1.4rem;
    padding: .9rem 1.7rem;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w74-product-2__items__item__info__bottom__btn:hover {
        background-color: rgba(var(--main-color-w),1);
        border-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-product-2__items__item__info__bottom__by {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item__info__bottom__by {
        display: none;
    }
}

.w74-product-2__items__item__info__bottom__by__imgbox {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

.w74-product-2__items__item__info__bottom__by__text {
}

.w74-product-2__items__item__info__bottom__by__text__name {
    font-size: 1.4rem;
    font-weight: 500;
}

@media only screen and (min-width:68.75rem) {
    .w74-product-2__items__item:nth-child(2n+1) {
        margin-left: 0
    }
}

@media only screen and (max-width:68.75rem) {
    .w74-product-2__items__item {
        width: 100%;
        margin-bottom: 2rem;
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-product-2__items__item {
        flex-wrap: wrap;
        width: 49%;
        margin-left: 2%;
        margin-bottom: 1rem;
    }

        .w74-product-2__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:50rem) {
    .w74-product-2__tabs {
        display: block
    }

    .w74-product-2__tabs__last {
        justify-content: center;
        margin: 0;
        display: none;
    }
}
/*ed*/
/*w74-ctaregister-2*/
.w74-ctaregister-2 {
    display: block;
    width: 100%;
    padding: 10rem 1rem;
    background-image: url('../../Img/w74/12.webp');
    background-size: 100%;
    background-position: center;
    transition: all .5s;
    background-size: cover;
    position: relative;
    border-radius: 5rem;
    border: solid 1.4rem #fff;
}

@media only screen and (min-width:37.5rem) {
    .w74-ctaregister-2 {
        background-attachment: fixed;
    }
}

.ws-right-menu-box .w74-ctaregister-2 {
    background-attachment: local;
}

.w74-ctaregister-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

.w74-ctaregister-2__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    position: relative;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-2__main {
        padding: 0 .5rem;
    }
}

.w74-ctaregister-2__main__first {
    width: 51rem;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 2rem;
    padding: 3rem;
}

@-webkit-keyframes key-wd-form-9__main__first {
    0% {
        transform: translateX(-10rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w74-ctaregister-2__main__first {
    -webkit-animation: key-wd-form-9__main__first 1s;
    animation: key-wd-form-9__main__first 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-2__main__first {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-2__main__first {
        padding: 1.5rem;
    }
}

.w74-ctaregister-2__main__first__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-2__main__first__heading {
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-2__main__first__heading__text {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-2__main__first__heading__text {
        font-size: 2.4rem;
        line-height: 3.4rem;
        text-align: center;
    }
}

.w74-ctaregister-2__main__first__heading__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #696665;
}

.w74-ctaregister-2__main__first__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-ctaregister-2__main__first__items__item {
    width: 100%;
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-2__main__first__items__item {
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-2__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w74-ctaregister-2__main__first__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w74-ctaregister-2__main__first__items__item__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-ctaregister-2__main__first__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-ctaregister-2__main__first__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-ctaregister-2__main__first__items__item__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w74-ctaregister-2__main__first__items__item__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w74-ctaregister-2__main__first__capcha {
    width: 100%;
    margin-bottom: 3rem;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-2__main__first__capcha {
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-2__main__first__capcha:nth-child(2n+1) {
    margin-left: 0;
}

.w74-ctaregister-2__main__first__capcha__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
    width: 100%;
}

.w74-ctaregister-2__main__first__capcha__main {
    position: relative;
    display: flex;
    align-items: center;
}

.w74-ctaregister-2__main__first__capcha__main__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-ctaregister-2__main__first__capcha__main__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-ctaregister-2__main__first__capcha__main__num {
    position: absolute;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    padding: .5rem 1rem;
    border-radius: 1rem;
    pointer-events: none;
    right: 1rem;
}

.w74-ctaregister-2__main__first__files {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w74-ctaregister-2__main__first__files__file {
    width: 49%;
    margin-bottom: 3rem;
    margin-left: 2%;
}

    .w74-ctaregister-2__main__first__files__file:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-2__main__first__files__file {
        margin-bottom: 2rem;
        width: 100%;
        margin-left: 0;
    }
}

.w74-ctaregister-2__main__first__files__file:nth-child(2n+1) {
    margin-left: 0;
}

.w74-ctaregister-2__main__first__files__file--full {
    width: 100%;
    margin-left: 0;
}

.w74-ctaregister-2__main__first__files__file__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-ctaregister-2__main__first__files__file__upload {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
    display: block;
    cursor: pointer;
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 10.5rem;
}

.w74-ctaregister-2__main__first__files__file__upload__name {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}

.w74-ctaregister-2__main__first__files__file__upload__btn {
    position: absolute;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: #f1f1f1;
    font-weight: 600;
    font-size: 1.6rem;
    padding: 0 1.5rem;
    transition: all .3s ease;
    cursor: pointer;
}

.w74-ctaregister-2__main__first__files__file__upload:hover
.w74-ctaregister-2__main__first__files__file__upload__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-ctaregister-2__main__first__files__file__input {
    display: none;
}

.w74-ctaregister-2__main__first__files__file__upload:focus {
    border-color: rgba(var(--main-color-w),1);
}

.w74-ctaregister-2__main__first__items__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-2__main__first__items__item__dropdown {
        width: 100%;
    }
}

.w74-ctaregister-2__main__first__items__item__dropdown__label {
    background-color: #fff;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
}

.w74-ctaregister-2__main__first__items__item__dropdown__check:checked ~
.w74-ctaregister-2__main__first__items__item__dropdown__label
.w74-ctaregister-2__main__first__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w74-ctaregister-2__main__first__items__item__dropdown__label__name {
    font-size: 1.4rem;
}

.w74-ctaregister-2__main__first__items__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w74-ctaregister-2__main__first__items__item__dropdown__check {
    display: none;
}

.w74-ctaregister-2__main__first__items__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w74-ctaregister-2__main__first__items__item__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-ctaregister-2__main__first__items__item__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-ctaregister-2__main__first__items__item__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w74-ctaregister-2__main__first__items__item__dropdown__check:checked ~
.w74-ctaregister-2__main__first__items__item__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-ctaregister-2__main__first__items__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w74-ctaregister-2__main__first__items__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w74-ctaregister-2__main__first__items__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w74-ctaregister-2__main__first__btn {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 1.4rem;
    padding: 1.5rem 5rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
}

    .w74-ctaregister-2__main__first__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w74-ctaregister-2__main__first__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}

.w74-ctaregister-2__figure {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: 1;
    transition: all .5s;
    height: 100% !important;
}

.w74-ctaregister-2:hover .w74-ctaregister-2__figure {
    transform: scale(1.05);
}

.w74-ctaregister-2__figure__img {
    float: right;
}

.w74-ctaregister-2__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.w74-ctaregister-2__main__first__subs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-ctaregister-2__main__first__subs__sub {
    width: 48%;
    margin-bottom: 3rem;
    margin-left: 4%;
}

    .w74-ctaregister-2__main__first__subs__sub:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-2__main__first__subs__sub {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-2__main__first__subs__sub--full {
    width: 100%;
    margin-left: 0;
}

.w74-ctaregister-2__main__first__subs__sub__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-ctaregister-2__main__first__subs__sub__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-ctaregister-2__main__first__subs__sub__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-ctaregister-2__main__first__subs__sub__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w74-ctaregister-2__main__first__subs__sub__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w74-ctaregister-2__main__first__subs__sub__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w74-ctaregister-2__main__first__subs__sub__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-2__main__first__subs__sub__dropdown {
        width: 100%;
    }
}

.w74-ctaregister-2__main__first__subs__sub__dropdown__label {
    background-color: #fff;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
    transition: all .3s ease;
}

.w74-ctaregister-2__main__first__subs__sub__dropdown__check:checked ~
.w74-ctaregister-2__main__first__subs__sub__dropdown__label {
    border-color: rgba(var(--main-color-w),1);
}

    .w74-ctaregister-2__main__first__subs__sub__dropdown__check:checked ~
    .w74-ctaregister-2__main__first__subs__sub__dropdown__label
    .w74-ctaregister-2__main__first__subs__sub__dropdown__label__icon:before {
        content: "\f106";
    }

.w74-ctaregister-2__main__first__subs__sub__dropdown__label__name {
    font-size: 1.4rem;
}

.w74-ctaregister-2__main__first__subs__sub__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w74-ctaregister-2__main__first__subs__sub__dropdown__check {
    display: none;
}

.w74-ctaregister-2__main__first__subs__sub__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
    z-index: 2;
}

    .w74-ctaregister-2__main__first__subs__sub__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-ctaregister-2__main__first__subs__sub__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-ctaregister-2__main__first__subs__sub__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w74-ctaregister-2__main__first__subs__sub__dropdown__check:checked ~
.w74-ctaregister-2__main__first__subs__sub__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-ctaregister-2__main__first__subs__sub__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w74-ctaregister-2__main__first__subs__sub__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w74-ctaregister-2__main__first__subs__sub__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w74-ctaregister-2__effect {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.7);
    visibility: hidden;
    z-index: -1;
    transform: scale(.5);
    opacity: 0;
    transition: all .3s ease;
}

    .w74-ctaregister-2__effect.active {
        transform: scale(1);
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }

.w74-ctaregister-2__effect__main {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
}

.w74-ctaregister-2__effect__main__icon {
    margin-right: 2rem;
    font-size: 4rem;
    animation-name: key-w74-ctaregister-2__effect__main__icon;
    animation-iteration-count: infinite;
    animation-duration: 2s;
}

@media only screen and (max-width:75rem) {
    .w74-ctaregister-2__effect__main__icon {
        top: -9rem;
        height: 16rem;
        width: 16rem;
        left: initial;
    }
}

@-webkit-keyframes key-w74-ctaregister-2__effect__main__icon {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w74-ctaregister-2__effect__main__name {
    font-size: 3rem;
}

.w74-ctaregister-2__checkerror {
    display: none;
}

.w74-ctaregister-2__caperror {
    display: flex;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.7);
    visibility: hidden;
    z-index: -1;
    transform: scale(.5);
    opacity: 0;
    transition: all .3s ease;
}

.w74-ctaregister-2__checkerror:checked ~
.w74-ctaregister-2__caperror {
    transform: scale(1);
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w74-ctaregister-2__caperror__main {
    width: 40rem;
    max-width: 90%;
    background-color: #fff;
    border: solid .1rem #fff;
    border-radius: 2rem;
    padding: 3rem;
    position: relative;
}

.w74-ctaregister-2__caperror__main__name {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 2rem;
}

.w74-ctaregister-2__caperror__main__btn {
    display: block;
    width: fit-content;
    max-width: 100%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 3rem;
    padding: .75rem 2rem;
    margin: 0 auto;
    cursor: pointer;
    font-size: 2rem;
}

.w74-ctaregister-2__caperror__main__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    background-color: red;
    border-radius: 50%;
    position: absolute;
    top: -2rem;
    right: -2rem;
    cursor: pointer;
}

.w74-ctaregister-2__caperror__main__close__icon {
    transition: all .3s;
    color: #fff;
    font-size: 2rem;
    transform: rotate(45deg);
}

.w74-ctaregister-2__caperror__main__close:hover .w74-ctaregister-2__caperror__main__close__icon {
    transform: rotate(135deg);
}
/*ed*/


/*w74-introducer-1*/
.w74-introducer-1 {
    width: 100%;
    padding: 12rem 1rem 10rem;
    background-color: #fff;
    z-index: 0;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1 {
        padding: 18rem 1rem 10rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-introducer-1 {
        padding: 15rem 1rem 3rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w74-introducer-1 {
        padding: 11rem 1rem 3rem;
    }
}

.w74-introducer-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__group {
        flex-direction: column-reverse;
    }
}

.w74-introducer-1__first {
    display: flex;
    flex-wrap: wrap;
    width: 41%;
    padding: 0;
    background-color: rgba(255,255,255,.5);
    border-radius: 1.6rem;
    margin-bottom: 2.5rem;
    overflow: hidden;
    border: solid 1px #EDEDED;
    box-shadow: 0px 30px 60px 0px rgba(0,0,0,.1);
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__first {
        width: 100%;
        margin-right: 0%;
        box-shadow: 0px 10px 20px 0px rgba(0,0,0,.1);
    }
}

.w74-introducer-1__first__info {
    width: 100%;
    padding: 3rem;
}

.w74-introducer-1__first__info__cate {
    font-size: 1.4rem;
    display: block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w74-introducer-1__first__info__cate:hover {
        color: rgba(var(--second-color-w),1);
    }

.w74-introducer-1__first__info__name {
    display: block;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    color: #24272C;
    cursor: pointer;
    transition: all .25s;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__name {
        font-size: 2.4rem;
        line-height: 3.4rem;
    }
}

.w74-introducer-1__first__info__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-introducer-1__first__info__attr {
    display: flex;
    flex-wrap:wrap;
}

.w74-introducer-1__first__info__attr__sub {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #696665;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__attr__sub {
    }
}

.w74-introducer-1__first__info__attr__sub:not(:last-child) {
    margin-right: 2rem;
}

.w74-introducer-1__first__info__attr__sub__icon {
    margin-right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__attr__sub__icon {
    }
}

.w74-introducer-1__first__info__attr__sub__name {
}

.w74-introducer-1__first__info__text {
    margin-top: 2rem;
    font-size: 1.6rem;
    color: rgba(105, 102, 101,1);
    line-height: 2.6rem;
    text-align: justify;
}

.w74-introducer-1__first__info__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-items: center;
}

.w74-introducer-1__first__info__bottom__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w74-introducer-1__first__info__bottom__price__chinh {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__bottom__price__chinh {
        font-size: 1.8rem;
    }
}

.w74-introducer-1__first__info__bottom__price__chinh__icon {
    margin-right: .25rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__bottom__price__chinh__icon {
        display: none;
    }
}

.w74-introducer-1__first__info__bottom__price__chinh__donvi {
    margin-left: .5rem;
}

.w74-introducer-1__first__info__bottom__price__second {
    color: #B6B6B6;
    font-size: 2rem;
    text-decoration: line-through;
    margin-left: 2rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__bottom__price__second {
        font-size: 1.8rem;
    }
}

.w74-introducer-1__first__info__bottom__price__second__icon {
    margin-right: .25rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__bottom__price__second__icon {
        display: none;
    }
}

.w74-introducer-1__first__info__bottom__price__second__donvi {
    margin-left: .5rem;
}

.w74-introducer-1__first__info__line {
    width: 100%;
    display: block;
    height: .1rem;
    background-color: #EFEFEF;
    margin: 3rem 0 2.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__line {
        margin: 1.25rem 0;
    }
}

.w74-introducer-1__first__info__create {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 4rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__create {
        margin-top: 2rem;
    }
}

.w74-introducer-1__first__info__create__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 500;
    border: 1px solid rgba(var(--main-color-w),1);
    border-radius: 1.4rem;
    padding: .9rem 1.7rem;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__create__btn {
        display: none;
    }
}

.w74-introducer-1__first__info__create__btn:hover {
    background-color: rgba(var(--second-color-w),1);
    border-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w74-introducer-1__first__info__create__by {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__first__info__create__by {
    }
}

.w74-introducer-1__first__info__create__by__imgbox {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

.w74-introducer-1__first__info__create__by__text {
}

.w74-introducer-1__first__info__create__by__text__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #24272C;
    font-weight: 600;
}

.w74-introducer-1__first__info__create__by__text__des {
    font-size: 1.5rem;
    color: #24272C;
}

.w74-introducer-1__first__info__bottom__btn {
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w74-introducer-1__first__info__bottom__btn__detail {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    background-color: rgba(var(--main-color-w),.05);
    cursor: pointer;
    transition: all .3s ease;
    margin-right: .5rem;
    position: relative;
}

    .w74-introducer-1__first__info__bottom__btn__detail:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-introducer-1__first__info__bottom__btn__detail__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #efefef;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-introducer-1__first__info__bottom__btn__detail:hover .w74-introducer-1__first__info__bottom__btn__detail__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-introducer-1__first__info__bottom__btn__detail__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-introducer-1__first__info__bottom__btn__detail__info__bg {
    position: absolute;
    bottom: -13px;
    color: #efefef;
    font-size: 2rem;
}

.w74-introducer-1__first__info__bottom__btn__cart {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    background-color: rgba(var(--main-color-w),.1);
    cursor: pointer;
    transition: all .3s ease;
    margin-left: .5rem;
    position: relative;
}

    .w74-introducer-1__first__info__bottom__btn__cart:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-introducer-1__first__info__bottom__btn__cart__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #efefef;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-introducer-1__first__info__bottom__btn__cart:hover .w74-introducer-1__first__info__bottom__btn__cart__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-introducer-1__first__info__bottom__btn__cart__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-introducer-1__first__info__bottom__btn__cart__info__bg {
    position: absolute;
    bottom: -13px;
    color: #efefef;
    font-size: 2rem;
}

@media only screen and (max-width:37.5rem) {

    .w74-introducer-1__first {
        margin-bottom: 1rem;
    }
}

.w74-introducer-1__second {
    display: flex;
    align-items: flex-end;
    height: 100%;
    width: 55%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__second {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__second {
    }
}

.w74-introducer-1__second__container {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(8rem);
    z-index: 2;
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__second__container {
        transform: translateY(0);
    }
}

.w74-introducer-1__second__container__main {
    overflow: hidden;
    width: 100%;
    position: relative;
    z-index: 2;
    animation-name: key-w73-w74-introducer-1__second__container__main;
    animation-iteration-count: infinite;
    animation-duration: 70s;
}

@-webkit-keyframes key-w73-w74-introducer-1__second__container__main {
    0%, 20%, 40%, 60%, 80%,100% {
        -webkit-transform: translateX(2rem);
        -ms-transform: translateX(2rem);
        transform: translateX(2rem);
    }

    10%, 30%, 50%, 70%, 90% {
        -webkit-transform: translateX(-2rem);
        -ms-transform: translateX(-2rem);
        transform: translateX(-2rem);
    }
}

@media only screen and (max-width:50rem) {
    .w74-introducer-1__second__container__main {
        width: 100%;
    }
}

.w74-introducer-1__second__container__main:hover {
}

.w74-introducer-1__second__container__main__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
    border-radius: 3rem;
}

.w74-introducer-1__second__container__main__imgbox__img {
    width: 100%;
}

.w74-introducer-1__second__container__imgbox {
    width: 50%;
    background-size: cover;
    background-position: center;
    position: absolute;
    z-index: 1;
    border-radius: 2.2rem;
    width: 40rem;
    height: 35rem;
    transform: translateX(-5rem) translateY(-16rem);
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__second__container__imgbox {
        left: 8rem;
        transform: translateX(-5rem) translateY(-21rem);
    }
}

@media only screen and (max-width:56.25rem) {
    .w74-introducer-1__second__container__imgbox {
        transform: translateX(-5rem) translateY(-14rem);
    }
}

@media only screen and (max-width:50rem) {
    .w74-introducer-1__second__container__imgbox {
        transform: translateX(-5rem) translateY(-19rem);
        width: 30rem;
        height: 25rem;
    }
}

@media only screen and (max-width:43.75rem) {
    .w74-introducer-1__second__container__imgbox {
        transform: translateX(-5rem) translateY(-15rem);
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__second__container__imgbox {
        transform: translateX(-5rem) translateY(-12rem);
    }
}

@media only screen and (max-width: 31.25rem) {
    .w74-introducer-1__second__container__imgbox {
        transform: translateX(-5rem) translateY(-9rem);
        width: 20rem;
        height: 17rem;
    }
}

.w74-introducer-1__second__container__imgbox__img {
    width: 100%;
}

.w74-introducer-1__second__container__tron {
    position: absolute;
    top: 2rem;
    left: -7rem;
    width: 32rem;
    height: 32rem;
    background-color: rgba(var(--main-color-w),.1);
    border-radius: 50%;
    z-index: 0;
    animation-name: key-w74-introducer-1__second__container__tron;
    animation-iteration-count: infinite;
    animation-duration: 60s;
}

@-webkit-keyframes key-w74-introducer-1__second__container__tron {
    0%, 20%, 40%, 60%, 80%,100% {
    }

    10%, 30%, 50%, 70%, 90% {
    }
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__second__container__tron {
        top: initial;
        left: inherit;
        width: 51rem;
        height: 51rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-introducer-1__second__container__tron {
        width: 46rem;
        height: 46rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-introducer-1__second__container__tron {
        width: 34rem;
        height: 34rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w74-introducer-1__second__container__tron {
        width: 28rem;
        height: 28rem;
    }
}

.w74-introducer-1__second__square {
    background-color: rgba(var(--main-color-w),.1);
    width: 10rem;
    height: 10rem;
    border-radius: 2rem;
    position: absolute;
    top: -9rem;
    right: 0;
    animation-name: key-w74-introducer-1__second__square;
    animation-iteration-count: infinite;
    animation-duration: 40s;
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__second__square {
        top: -5rem;
        right: 2rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-introducer-1__second__square {
        top:-9rem;
    }
}

@-webkit-keyframes key-w74-introducer-1__second__square {
    0%, 20%, 40%, 60%, 80%,100% {
        transform: scale(.8);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: scale(1.2);
    }
}
.w74-introducer-1__second__vuong {
    background-color: rgba(var(--main-color-w),.1);
    width: 5rem;
    height: 5rem;
    border-radius: 1.6rem;
    position: absolute;
    top: 4rem;
    right: 9rem;
    animation-name: key-w74-introducer-1__second__vuong;
    animation-iteration-count: infinite;
    animation-duration: 40s;
}

@media only screen and (max-width:68.75rem) {
    .w74-introducer-1__second__vuong {
        top: 10rem;
        right: 15rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-introducer-1__second__vuong {
        top:-2rem;
    }
}

@-webkit-keyframes key-w74-introducer-1__second__vuong {
    0%, 20%, 40%, 60%, 80%,100% {
        transform: scale(.8);
    }

    10%, 30%, 50%, 70%, 90% {
        transform: scale(1.2);
    }
}
/*ed*/
/*w74-partner*/
.w74-partner {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: #fff;
}

.w74-partner__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w74-partner__heading {
    width: 100%;
}

.w74-partner__heading__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-partner__heading__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-partner__heading__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-partner__heading__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-partner__heading__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-partner__heading__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-partner__heading__name__btn {
        margin-top: 1rem;
    }
}

.w74-partner__heading__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-partner__heading__name__btn__text {
    font-weight: 500;
}

.w74-partner__heading__name__btn__icon {
    margin-left: 1rem;
}

.w74-partner__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    position: relative;
    color: #696665;
}

.w74-partner__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
    display: flex;
    align-items: center;
    margin-top: 2rem;
    padding: 0 .5rem 1rem;
    z-index: 0;
    justify-content: center;
    flex-wrap: wrap;
}

.w74-partner__mains__items {
    align-items: center;
    z-index: 0;
}

.w74-partner__mains__items__item.swiper-slide {
    width: calc(15% - 5rem - 2px);
    margin-right: 2%;
    height: max-content;
    overflow: hidden;
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 1.6rem;
    overflow: hidden;
    padding: 2.5rem;
    transition: none;
    transition: all .3s ease;
    box-sizing: content-box;
}

.w74-partner__mains__items__item:hover {
    box-shadow: 0px 10px 30px 0px rgb(0,0,0,.1);
}

@media only screen and (max-width:75rem) {
    .w74-partner__mains__items__item.swiper-slide {
        width: calc(23.5% - 5rem - 2px);
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-partner__mains__items__item.swiper-slide {
        width: calc(31.33333% - 5rem - 2px);
        margin-right: 3%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-partner__mains__items__item.swiper-slide {
        width: calc(48.5% - 5rem - 2px);
    }
}

.w74-partner__mains__items__item__content {
    width: 100%;
    position: relative;
}

.w74-partner__mains__items__item__content__imgbox {
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

    .w74-partner__mains__items__item__content__imgbox:hover {
        transform: scale(1.025);
    }

.w74-partner__mains__items__item__content__name {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    margin-top: 1rem;
    color: #24272C;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-partner__mains__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-partner__mains__items__item__content__des {
    text-align: center;
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #5C6368;
    white-space: nowrap;
}

.w74-partner__mains__pagination {
    bottom: 0 !important;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w74-partner__group {
        flex-wrap: wrap;
    }

    .w74-partner__first,
    .w74-partner__mains {
        width: 100%;
        margin-left: 0;
    }

    .w74-partner__mains {
        margin-top: 2rem;
    }
}

.w74-partner__mains__pagination {
    bottom: 0rem !important;
}

.w74-partner__mains__pagination {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100% !important;
    flex-wrap: wrap;
    position: relative;
    left: initial;
    margin-top: .5rem;
}

    .w74-partner__mains__pagination .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        margin: 0 1rem !important;
        border-radius: 0;
        transform: rotate(45deg);
        margin-top: 1.5rem !important;
    }

    .w74-partner__mains__pagination .swiper-pagination-bullet-active {
        opacity: 1;
    }
/*ed*/
/*w74-partner-2*/
.w74-partner-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

.w74-partner-2__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w74-partner-2__heading {
    width: 100%;
}

.w74-partner-2__heading__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-partner-2__heading__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-partner-2__heading__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-partner-2__heading__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-partner-2__heading__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-partner-2__heading__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-partner-2__heading__name__btn {
        margin-top: 1rem;
    }
}

.w74-partner-2__heading__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-partner-2__heading__name__btn__text {
    font-weight: 600;
}

.w74-partner-2__heading__name__btn__icon {
    margin-left: 1rem;
}

.w74-partner-2__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    position: relative;
    color: #696665;
}

.w74-partner-2__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
    display: flex;
    align-items: center;
    margin-top: 2rem;
    padding: 0 .5rem 0rem;
    z-index: 0;
    flex-wrap: wrap;
}

.w74-partner-2__mains__items {
    align-items: center;
    z-index: 0;
}

.w74-partner-2__mains__items__item.swiper-slide {
    width: calc(11.1875% - 2rem - 2px);
    margin-right: 1.5%;
    height: max-content;
    overflow: hidden;
    background: #fff;
    border: 1px solid #EDEDED;
    border-radius: 1.6rem;
    overflow: hidden;
    padding: 1rem;
    transition: none;
    transition: all .3s ease;
}

.w74-partner-2__mains__items__item:hover {
    box-shadow: 0px 10px 30px 0px rgb(0,0,0,.1);
}

@media only screen and (max-width:75rem) {
    .w74-partner-2__mains__items__item.swiper-slide {
        width: calc(15% - 2rem - 2px);
        margin-right: 2%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-partner-2__mains__items__item.swiper-slide {
        width: calc(18.4% - 2rem - 2px);
    }
}

@media only screen and (max-width:50rem) {
    .w74-partner-2__mains__items__item.swiper-slide {
        width: calc(23.5% - 2rem - 2px);
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-partner-2__mains__items__item.swiper-slide {
        width: calc(48.5% - 2rem - 2px);
        margin-right: 3%;
    }
}

.w74-partner-2__mains__items__item__content {
    width: 100%;
    position: relative;
}

.w74-partner-2__mains__items__item__content__imgbox {
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .5s;
}

    .w74-partner-2__mains__items__item__content__imgbox:hover {
        transform: scale(1.025);
    }

.w74-partner-2__mains__items__item__content__name {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.4rem;
    font-weight: 600;
    margin-top: 1rem;
    color: #24272C;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-partner-2__mains__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-partner-2__mains__items__item__content__des {
    text-align: center;
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #5C6368;
    white-space: nowrap;
}

.w74-partner-2__mains__pagination {
    bottom: 0 !important;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w74-partner-2__group {
        flex-wrap: wrap;
    }

    .w74-partner-2__first,
    .w74-partner-2__mains {
        width: 100%;
        margin-left: 0;
    }

    .w74-partner-2__mains {
        margin-top: 2rem;
    }
}

.w74-partner-2__mains__pagination {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100% !important;
    flex-wrap: wrap;
    position: relative;
    left: initial;
    margin-top: 2rem;
}

    .w74-partner-2__mains__pagination .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        margin: 0 1rem !important;
        border-radius: 0;
        transform: rotate(45deg);
        margin-top: 1.5rem !important;
    }

    .w74-partner-2__mains__pagination .swiper-pagination-bullet-active {
        opacity: 1;
    }

/*ed*/
/*w74-partner-3*/
.w74-partner-3 {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: #fff;
}

.w74-partner-3__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w74-partner-3__heading {
    width: 100%;
}

.w74-partner-3__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
    cursor: pointer;
    transition: all .3s ease;
    font-weight: 600;
    text-align: center;
}

    .w74-partner-3__heading__name:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:50rem) {
    .w74-partner-3__heading__name {
        text-align: center
    }
}

.w74-partner-3__heading__name__text:hover {
    color: rgba(var(--second-color-w), 1);
}


.w74-partner-3__heading__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: justify;
    width: 100%;
    position: relative;
    color: #696665;
    text-align: center;
}

.w74-partner-3__mains {
    width: 100%;
    overflow: hidden;
    position: relative;
    padding-bottom: 3rem;
    display: flex;
    align-items: center;
    margin-top: 3rem;
    padding: 0 .5rem 1rem;
    z-index: 0;
    flex-wrap: wrap;
}

.w74-partner-3__mains__items {
    align-items: center;
    z-index: 0;
}

.w74-partner-3__mains__items__item.swiper-slide {
    width: calc(18.4% - 12rem);
    margin-right: 2%;
    height: max-content;
    overflow: hidden;
    background: #fff;
    overflow: hidden;
    padding: 0 6rem;
    transition: none;
    transition: all .3s ease;
}

.w74-partner-3__mains__items__item:hover {
}

@media only screen and (max-width:75rem) {
    .w74-partner-3__mains__items__item.swiper-slide {
        width: calc(23.5% - 7rem);
        padding: 0 3.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-partner-3__mains__items__item.swiper-slide {
        width: calc(32% - 7rem);
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-partner-3__mains__items__item.swiper-slide {
        width: calc(49% - 7rem);
    }
}

.w74-partner-3__mains__items__item__content {
    width: 100%;
    position: relative;
}

.w74-partner-3__mains__items__item__content__imgbox {
    width: 100%;
    background-size: contain;
    position: relative;
    background-position: center;
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .3;
}

    .w74-partner-3__mains__items__item__content__imgbox:hover {
        opacity: 1;
    }

.w74-partner-3__mains__pagination {
    bottom: 0 !important;
    z-index: 1;
}

@media only screen and (max-width:62.5rem) {
    .w74-partner-3__group {
        flex-wrap: wrap;
    }

    .w74-partner-3__first,
    .w74-partner-3__mains {
        width: 100%;
        margin-left: 0;
    }

    .w74-partner-3__mains {
        margin-top: 2rem;
    }
}

.w74-partner-3__mains__pagination {
    display: flex;
    justify-content: center;
    padding: 0;
    width: 100% !important;
    flex-wrap: wrap;
    position: relative;
    left: initial;
    margin-top: 1rem;
}

    .w74-partner-3__mains__pagination .swiper-pagination-bullet {
        background-color: rgba(var(--main-color-w), 1);
        display: flex;
        align-items: center;
        justify-content: center;
        width: 15px;
        height: 15px;
        margin: 0 1rem !important;
        border-radius: 0;
        transform: rotate(45deg);
        margin-top: 1.5rem !important;
    }

    .w74-partner-3__mains__pagination .swiper-pagination-bullet-active {
        opacity: 1;
    }
/*ed*/
/*w74-article-1*/
.w74-article-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    color: #3f3f3f;
    z-index: 0;
}

.w74-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w74-article-1__headding__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-article-1__headding__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-article-1__headding__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:50rem) {
    .w74-article-1__headding__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-article-1__headding__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-article-1__headding__name__btn {
    font-size: 1.4rem;
    color: #24272C;
    border: solid 1px #EDEDED;
    border-radius: 1.4rem;
    padding: 1rem 2.4rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:50rem) {
    .w74-article-1__headding__name__btn {
        margin-top: 1rem;
    }
}

.w74-article-1__headding__name__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-article-1__headding__name__btn__text {
    font-weight: 600;
}

.w74-article-1__headding__name__btn__icon {
    margin-left: 1rem;
}

.w74-article-1__headding__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
}

.w74-article-1__items {
    margin-top: 3rem;
}

.w74-article-1__items {
    width: 100%;
    overflow: hidden;
}

.w74-article-1__items__mains {
    width: 100%;
    display: flex;
}

.w74-article-1__items__mains__main {
    width: 31.666666%;
    margin-right: 2.5%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    overflow: hidden;
    border-radius: .3rem;
}

@media only screen and (max-width:68.75rem) {
    .w74-article-1__items__mains__main {
        width: 48.75%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-article-1__items__mains__main {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w74-article-1__items__mains__main__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: 1.4rem;
}

.w74-article-1__items__mains__main__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w74-article-1__items__mains__main__first__imgbox:hover {
        transform: scale(1.05);
        filter: brightness(.8);
    }

.w74-article-1__items__mains__main__first__date {
    padding: .6rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 16.8px;
    position: absolute;
    left: 1.2rem;
    bottom: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-article-1__items__mains__main__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.w74-article-1__items__mains__main__by {
    display: flex;
    align-items: flex-start;
    margin-top: 2rem;
}

.w74-article-1__items__mains__main__by__name {
    color: #24272C;
    font-size: 1.5rem;
    font-weight: 600;
}

.w74-article-1__items__mains__main__by__cate {
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    font-weight: 600;
    margin-left: 2rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-article-1__items__mains__main__by__cate:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w74-article-1__items__mains__main__second__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    color: #24272C;
}

    .w74-article-1__items__mains__main__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w74-article-1__items__mains__main__second__des {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-top: 1.5rem;
    color: #696665;
}

.w74-article-1__items__mains__main__second__des__text {
}

.w74-article-1__items__next.swiper-button-next,
.w74-article-1__items__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: none;
    top: 44%;
}

.w74-article-1__items__next:hover,
.w74-article-1__items__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w74-article-1__items__next:after,
.w74-article-1__items__prev:after {
    display: none;
}
/*ed*/
/*w74-footer*/
.w74-footer {
    width: 100%;
    padding: 5rem 1rem 3rem;
    background: #24272C;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width:1200px) {
    .w74-footer {
        padding: 3rem 1rem 3rem;
    }
}

@media only screen and (max-width:800px) {
    .w74-footer {
        overflow: hidden;
    }
}

.w74-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w74-footer__items {
    display: flex;
    flex-wrap: wrap;
}

section.in .w74-footer__items {
    -webkit-animation: key-w74-footer__items 1s;
    animation: key-w74-footer__items 1s;
    animation-iteration-count: 1;
}

.w74-footer__items__item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w74-footer__items__item:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w74-footer__items__item {
        width: 49%;
    }

        .w74-footer__items__item:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w74-footer__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w74-footer__items__item__name {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
}

    .w74-footer__items__item__name:hover {
    }

.w74-footer__items__item__childs {
    margin-top: 2rem;
}

.w74-footer__items__item__childs__child {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
    position: relative;
    color: rgba(255, 255, 255, 0.5);
    transition: all .3s ease;
}

    .w74-footer__items__item__childs__child:hover {
        color: #fff;
    }

.w74-footer__items__item__childs__child__icon {
    font-size: 1.4rem;
    transition: all .3s ease;
    transform: scale(0);
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    left: 0;
}

.w74-footer__items__item__childs__child:hover
.w74-footer__items__item__childs__child__icon {
    transform: scale(1);
}

.w74-footer__items__item__childs__child__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    transition: all .3s ease;
    cursor: pointer;
}

.w74-footer__items__item__childs__child:hover
.w74-footer__items__item__childs__child__name {
    margin-left: 2rem;
}

.w74-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w74-footer__items__item__ads__item {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1rem;
}

    .w74-footer__items__item__ads__item:first-child {
        margin-left: 0;
    }

    .w74-footer__items__item__ads__item:hover {
        background: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w74-footer__items__item__supports {
}

.w74-footer__items__item__supports {
    margin-top: 3rem;
}

.w74-footer__items__item__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .w74-footer__items__item__supports__child:last-child {
        margin-bottom: 0;
    }

.w74-footer__items__item__supports__child__first {
    width: 4rem;
    height: 4rem;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    transition: all .5s;
}

.w74-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
}

.w74-footer__items__item__adv__item {
    margin-right: 1rem;
}

.w74-footer__items__item__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w74-footer__items__item__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w74-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w74-footer__items__item__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

    .w74-footer__items__item__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w74-footer__items__sub {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:81.25rem) {
    .w74-footer__items__sub:nth-child(4n+4) {
        margin-right: 0;
    }
}

@media only screen and (max-width:81.25rem) {
    .w74-footer__items__sub {
        width: 49%;
    }

        .w74-footer__items__sub:nth-child(2n+2) {
            margin-right: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w74-footer__items__sub {
        width: 100%;
        margin-left: 0;
    }
}

.w74-footer__items__sub__name {
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
}

    .w74-footer__items__sub__name:hover {
    }

.w74-footer__items__sub__des {
    margin-top: 1rem;
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(255,255,255,.5);
}

.w74-footer__items__sub__supports {
}

.w74-footer__items__sub__supports {
    margin-top: 3rem;
}

.w74-footer__items__sub__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

    .w74-footer__items__sub__supports__child:last-child {
        margin-bottom: 0;
    }

.w74-footer__items__sub__supports__child__first {
    width: 4rem;
    height: 4rem;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #fff;
    transition: all .5s;
}

.w74-footer__items__sub__tuvan {
    margin-top: 2rem;
    position: relative;
}

.w74-footer__items__sub__tuvan__input {
    outline: none;
    background: rgba(255, 255, 255, 0.07);
    border-radius: 1.4rem;
    padding: 1.6rem 2rem;
    font-family: inherit;
    font-size: 1.4rem;
    color: #fff;
    border: none;
    margin-bottom: 2rem;
    width: 100%;
}

    .w74-footer__items__sub__tuvan__input:focus {
        outline: rgba(var(--second-color-w,1)) .1rem solid;
    }

.w74-footer__items__sub__tuvan__btn {
    transition: all .3s ease;
    display: block;
    width: 100%;
    border-radius: 1.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    padding: 1.4rem;
    text-align: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
}

    .w74-footer__items__sub__tuvan__btn:hover {
        background-color: rgba(var(--main-color-w),.8);
    }

.w74-footer__items__sub__adv {
    display: flex;
    flex-wrap: wrap;
}

.w74-footer__items__sub__adv__item {
    margin-top: 2rem;
    margin-right: 1rem;
}

.w74-footer__items__sub__adv__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
}

    .w74-footer__items__sub__adv__item__imgbox:hover {
        transform: scale(1.05);
    }

.w74-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w74-footer__items__sub__ma {
    width: 100%;
    padding-top: 2rem;
    overflow: hidden;
    color: #fff;
}

    .w74-footer__items__sub__ma iframe {
        margin: 0;
        padding: 0;
        border: none;
        overflow: hidden;
    }

.w74-footer__heading {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w74-footer__heading__item {
    width: 24.25%;
    margin-left: 1%;
    display: flex;
    align-items: center;
    margin-bottom: 2rem;
    justify-content: space-between;
}

@media only screen and (min-width:62.5rem) {
    .w74-footer__heading__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-footer__heading__item {
        width: 32%;
        margin-left: 2%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-footer__heading__item {
        width: 49%;
        margin-left: 2%;
    }

        .w74-footer__heading__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w74-footer__heading__item {
        margin-bottom: 1rem;
    }
}

.w74-footer__heading__item__first {
    color: #fff;
    width: 24%;
    transition: all .3s ease;
    cursor: pointer;
}

.w74-footer__heading__item__first__imgbox {
    background-size: contain;
    background-position: left center;
}

.w74-footer__heading__item__first:hover {
    filter: brightness(.9);
}

.w74-footer__heading__item__main {
    padding: 1rem 0rem;
    display: flex;
    width: 68%;
    flex-wrap: wrap;
}

.w74-footer__heading__item__main__name {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(255,255,255, .8);
}

@media only screen and (max-width:37.5rem) {
    .w74-footer__heading__item__main__name {
        font-size: 1.4rem;
    }
}

.w74-footer__heading__item__main__name:hover {
    color: rgba(255,255,255, 1);
}

.w74-footer__heading__item__main__des {
    font-size: 1.4rem;
    color: rgba(255,255,255, .5);
    width: 100%;
    margin-top: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-footer__heading__item__main__des {
        font-size: 1.2rem;
    }
}

.w74-footer__linetop {
    width: 100%;
    margin: 2rem 0 3rem;
    height: 1px;
    background-color: rgba(255,255,255, .05);
}

@media only screen and (max-width:37.5rem) {
    .w74-footer__linetop {
        margin: 0rem 0 2rem;
    }
}

.w74-footer__linebot {
    width: 100%;
    margin: 0rem 0 2rem;
    height: 1px;
    background-color: rgba(255, 255, 255, .05);
}

.w74-footer__bottom {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (min-width:81.25rem) {
    .w74-footer__bottom {
        justify-content: center;
    }
}

@media only screen and (max-width:50rem) {
    .w74-footer__bottom__logo {
        width: 100%;
        display: flex;
        justify-content: center;
    }
}

.w74-footer__bottom__logo__imgbox {
    background-size: contain;
    background-position: center;
}

.w74-footer__bottom__name {
    font-size: 1.4rem;
    color: #fff;
    margin-left: auto;
    margin-right: 2.5rem;
}

@media only screen and (max-width:50rem) {
    .w74-footer__bottom__name {
        width: 100%;
        text-align: center;
        margin: 2rem 0 0;
    }
}

.w74-footer__bottom__social {
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w74-footer__bottom__social {
        width: 100%;
        justify-content: center;
        margin-top: 2rem;
    }
}

.w74-footer__bottom__social__item {
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(255,255,255,.04);
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: .3rem;
    margin-right: 1.25rem;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 50%;
}

    .w74-footer__bottom__social__item:last-child {
        margin-right: 0;
    }

    .w74-footer__bottom__social__item:hover {
        background-color: rgba(var(--main-color-w,1));
    }
/*ed*/
/*w74-ctaregister-1*/
.w74-ctaregister-1 {
    display: block;
    width: 100%;
    padding: 10rem 1rem;
    background-image: url('../../Img/w74/03.webp');
    background-size: 100%;
    background-position: center;
    transition: all .5s;
    background-size: cover;
    position: relative;
    border-radius: 5rem;
    border: solid 1.4rem #fff;
}
@media only screen and (min-width:37.5rem) {
    .w74-ctaregister-1 {
        background-attachment: fixed;
    }
}
.ws-right-menu-box .w74-ctaregister-1 {
    background-attachment: local;
}
.w74-ctaregister-1__group {
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 0;
}

.w74-ctaregister-1__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    position: relative;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-1__main {
        padding: 0 .5rem;
    }
}

.w74-ctaregister-1__main__first {
    width: 51rem;
    position: relative;
    z-index: 1;
    background-color: #fff;
    border-radius: 2rem;
    padding: 3rem;
}

@-webkit-keyframes key-wd-form-9__main__first {
    0% {
        transform: translateX(-10rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w74-ctaregister-1__main__first {
    -webkit-animation: key-wd-form-9__main__first 1s;
    animation: key-wd-form-9__main__first 1s;
    animation-iteration-count: 1;
    opacity: 1;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-1__main__first {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-1__main__first {
        padding: 1.5rem;
    }
}

.w74-ctaregister-1__main__first__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-1__main__first__heading {
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-1__main__first__heading__text {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-1__main__first__heading__text {
        font-size: 2.4rem;
        line-height: 3.4rem;
        text-align: center;
    }
}

.w74-ctaregister-1__main__first__heading__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #696665;
}

.w74-ctaregister-1__main__first__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-ctaregister-1__main__first__items__item {
    width: 100%;
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-1__main__first__items__item {
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-1__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w74-ctaregister-1__main__first__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w74-ctaregister-1__main__first__items__item__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-ctaregister-1__main__first__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-ctaregister-1__main__first__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-ctaregister-1__main__first__items__item__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w74-ctaregister-1__main__first__items__item__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w74-ctaregister-1__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w74-ctaregister-1__main__first__items__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-1__main__first__items__item__dropdown {
        width: 100%;
    }
}

.w74-ctaregister-1__main__first__items__item__dropdown__label {
    background-color: #fff;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
}

.w74-ctaregister-1__main__first__items__item__dropdown__check:checked ~
.w74-ctaregister-1__main__first__items__item__dropdown__label
.w74-ctaregister-1__main__first__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w74-ctaregister-1__main__first__items__item__dropdown__label__name {
    font-size: 1.4rem;
}

.w74-ctaregister-1__main__first__items__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w74-ctaregister-1__main__first__items__item__dropdown__check {
    display: none;
}

.w74-ctaregister-1__main__first__items__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w74-ctaregister-1__main__first__items__item__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-ctaregister-1__main__first__items__item__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-ctaregister-1__main__first__items__item__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w74-ctaregister-1__main__first__items__item__dropdown__check:checked ~
.w74-ctaregister-1__main__first__items__item__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-ctaregister-1__main__first__items__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w74-ctaregister-1__main__first__items__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w74-ctaregister-1__main__first__items__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w74-ctaregister-1__main__first__btn {
    width: 100%;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 1.4rem;
    padding: 1.5rem 5rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
}

    .w74-ctaregister-1__main__first__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w74-ctaregister-1__main__first__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}

.w74-ctaregister-1__figure {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: 1;
    transition: all .5s;
    height: 100% !important;
}

.w74-ctaregister-1:hover .w74-ctaregister-1__figure {
    transform: scale(1.05);
}

.w74-ctaregister-1__figure__img {
    float: right;
}

.w74-ctaregister-1__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.w74-ctaregister-1__main__first__subs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-ctaregister-1__main__first__subs__sub {
    width: 48%;
    margin-bottom: 3rem;
    margin-left: 4%;
}

    .w74-ctaregister-1__main__first__subs__sub:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-1__main__first__subs__sub {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-1__main__first__subs__sub--full {
    width: 100%;
    margin-left: 0;
}

.w74-ctaregister-1__main__first__subs__sub__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-ctaregister-1__main__first__subs__sub__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-ctaregister-1__main__first__subs__sub__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-ctaregister-1__main__first__subs__sub__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w74-ctaregister-1__main__first__subs__sub__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w74-ctaregister-1__main__first__subs__sub__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w74-ctaregister-1__main__first__subs__sub__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-ctaregister-1__main__first__subs__sub__dropdown {
        width: 100%;
    }
}

.w74-ctaregister-1__main__first__subs__sub__dropdown__label {
    background-color: #fff;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
    transition: all .3s ease;
}

.w74-ctaregister-1__main__first__subs__sub__dropdown__check:checked ~
.w74-ctaregister-1__main__first__subs__sub__dropdown__label {
    border-color: rgba(var(--main-color-w),1);
}

    .w74-ctaregister-1__main__first__subs__sub__dropdown__check:checked ~
    .w74-ctaregister-1__main__first__subs__sub__dropdown__label
    .w74-ctaregister-1__main__first__subs__sub__dropdown__label__icon:before {
        content: "\f106";
    }

.w74-ctaregister-1__main__first__subs__sub__dropdown__label__name {
    font-size: 1.4rem;
}

.w74-ctaregister-1__main__first__subs__sub__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w74-ctaregister-1__main__first__subs__sub__dropdown__check {
    display: none;
}

.w74-ctaregister-1__main__first__subs__sub__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w74-ctaregister-1__main__first__subs__sub__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-ctaregister-1__main__first__subs__sub__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-ctaregister-1__main__first__subs__sub__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w74-ctaregister-1__main__first__subs__sub__dropdown__check:checked ~
.w74-ctaregister-1__main__first__subs__sub__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-ctaregister-1__main__first__subs__sub__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w74-ctaregister-1__main__first__subs__sub__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w74-ctaregister-1__main__first__subs__sub__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w74-ctaregister-1__main__first__pay {
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-ctaregister-1__main__first__pay {
        margin-bottom: 2rem;
    }
}

.w74-ctaregister-1__main__first__pay__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w74-ctaregister-1__main__first__pay__item__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: #24272C;
}

.w74-ctaregister-1__main__first__pay__item__des {
    font-size: 1.6rem;
    font-weight: 600;
    color: #24272C;
    display: flex;
    align-items: center;
}

.w74-ctaregister-1__main__first__pay__item__des__icon {
    margin-left: 1rem;
}

.w74-ctaregister-1__main__first__pay__sub {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: space-between;
}

.w74-ctaregister-1__main__first__pay__sub__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w74-ctaregister-1__main__first__pay__sub__des {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
}

.w74-ctaregister-1__main__first__pay__sub__des__icon {
    margin-left: 1rem;
}
/*ed*/
/*w74-bloglist*/
.w74-bloglist {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    overflow: hidden;
    color: #3f3f3f;
    z-index: 0;
}

.w74-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}
.w74-bloglist__headding {
    margin-bottom: 3rem;
}
.w74-bloglist__headding__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width:50rem) {
    .w74-bloglist__headding__name {
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-bloglist__headding__name__text {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
    margin-bottom:1rem;
}

@media only screen and (max-width:50rem) {
    .w74-bloglist__headding__name__text {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-bloglist__headding__name__text {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-bloglist__headding__name__share {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w74-bloglist__headding__name__share {
        margin-top: 1rem;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-bloglist__headding__name__share__text {
    font-weight: 500;
    font-size: 1.6rem;
    color: #24272C;
    margin-right:1rem;
}

@media only screen and (max-width:50rem) {
    .w74-bloglist__headding__name__share__text {
        width: 100%;
        text-align: center;
        display: none;
    }
}

.w74-bloglist__headding__name__share__items {
    display: flex;
    align-items: center;
    flex-wrap:wrap;
}

@media only screen and (max-width:50rem) {
    .w74-bloglist__headding__name__share__items {
        justify-content: center;
        margin-top: 1rem;
        margin-bottom: 1rem;
    }
}

.w74-bloglist__headding__name__share__items__item {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid .1rem #efefef;
    background-color: #fff;
    color: #24272C;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 1.8rem;
    border-radius: 50%;
    margin-bottom:1rem;
}
.w74-bloglist__headding__name__share__items__item:not(:last-child){
    margin-right:1rem;
}
    .w74-bloglist__headding__name__share__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-bloglist__headding__name__share__items__item__icon {
}

.w74-bloglist__headding__des {
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
}

.w74-bloglist__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w74-bloglist__items__item {
    width: 31.666666%;
    margin-left: 2.5%;
    background-color: #fff;
    position: relative;
    transition: all 1s;
    overflow: hidden;
    border-radius: .3rem;
    margin-bottom: 2rem;
}

@media only screen and (min-width:68.75rem) {
    .w74-bloglist__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:68.75rem) {
    .w74-bloglist__items__item {
        width: 48.75%;
    }

        .w74-bloglist__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w74-bloglist__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w74-bloglist__items__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    border-radius: 1.4rem;
}

.w74-bloglist__items__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w74-bloglist__items__item__first__imgbox:hover {
        transform: scale(1.05);
        filter: brightness(.8);
    }

.w74-bloglist__items__item__first__date {
    padding: .6rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 16.8px;
    position: absolute;
    left: 1.2rem;
    bottom: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-bloglist__items__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

.w74-bloglist__items__item__by {
    display: flex;
    align-items: flex-start;
    margin-top: 2rem;
}

.w74-bloglist__items__item__by__name {
    color: #24272C;
    font-size: 1.5rem;
    font-weight: 600;
}

.w74-bloglist__items__item__by__cate {
    color: rgba(var(--main-color-w),1);
    font-size: 1.5rem;
    font-weight: 600;
    margin-left: 2rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-bloglist__items__item__by__cate:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w74-bloglist__items__item__second__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 600;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    color: #24272C;
}

    .w74-bloglist__items__item__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w74-bloglist__items__item__second__des {
    font-size: 1.5rem;
    line-height: 2.5rem;
    margin-top: 1.5rem;
    color: #696665;
}

.w74-bloglist__items__item__second__des__text {
}

.w74-bloglist__paging {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w74-bloglist__paging__item {
    list-style-type: none;
}

.w74-bloglist__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .75rem 0;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #efefef;
    margin-top: 1rem;
    cursor: pointer;
    border-radius: .5rem;
}

@media only screen and (max-width:50rem) {
    .w74-bloglist__paging__item__text {
        width: 4rem;
        height: 4rem;
    }
}

.w74-bloglist__paging__item:hover .w74-bloglist__paging__item__text,
.w74-bloglist__paging__item.active .w74-bloglist__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w74-blogdetail*/
.w74-blogdetail {
    background-color: #fff;
    padding: 3rem 1rem;
}

.w74-blogdetail__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w74-blogdetail__mains__first__heading {
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: #24272C;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__heading {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w74-blogdetail__mains__first__info {
    margin-top: .5rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w74-blogdetail__mains__first__info__item {
    font-size: 1.5rem;
    color: #696665;
    align-items: center;
    display: flex;
    margin-right: 2rem;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__info__item {
        margin-right: 1rem;
    }
}

.w74-blogdetail__mains__first__info__item__icon {
    margin-right: .5rem;
    font-size: 1.8rem;
    color: #B6B6B6;
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__info__item__icon {
        font-size: 1.8rem;
    }
}

.w74-blogdetail__mains__first__info__second {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-right: 2rem;
    margin-top: 1rem;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__info__second {
        margin-right: 1rem;
    }
}

.w74-blogdetail__mains__first__info__second__icon {
    margin-right: .5rem;
    font-size: 1.8rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__info__second__icon {
        font-size: 1.8rem;
    }
}

.w74-blogdetail__mains__first__imgbox {
    width: 100%;
    margin-top: 2.5rem;
    border-radius: 2rem;
    background-size: cover;
}

.w74-blogdetail__mains__first__imgbox__img {
    width: 100%;
}

.w74-blogdetail__mains__first__sub {
    margin-top: 2rem;
    font-size: 1.6rem;
    color: #24272C;
}

    .w74-blogdetail__mains__first__sub img {
        border-radius: 2rem;
    }

.w74-blogdetail__mains__first__line {
    background-color: #ededed;
    margin: 2.5rem 0;
    width: 100%;
    display: block;
    height: .1rem;
}

.w74-blogdetail__mains__first__bottom {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__bottom {
        flex-wrap: wrap;
    }
}

.w74-blogdetail__mains__first__bottom__share {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__bottom__share {
        margin-top: 1rem;
        width: 100%;
    }
}

.w74-blogdetail__mains__first__bottom__share__text {
    font-weight: 500;
    font-size: 1.6rem;
    color: #24272C;
}

.w74-blogdetail__mains__first__bottom__share__items {
    display: flex;
    align-items: center;
}

.w74-blogdetail__mains__first__bottom__share__items__item {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid .1rem #efefef;
    background-color: #fff;
    color: #24272C;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 1.8rem;
    margin-left: 1rem;
    border-radius: 50%;
}

    .w74-blogdetail__mains__first__bottom__share__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-blogdetail__mains__first__bottom__share__items__item__icon {
}

.w74-blogdetail__mains__first__bottom__tag {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
}

@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__bottom__tag {
        width: 100%;
    }
}

.w74-blogdetail__mains__first__bottom__tag__text {
    display: flex;
}

.w74-blogdetail__mains__first__bottom__tag__name {
    display: flex;
    padding: .5rem 2rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    color: #24272C;
    border-radius: 2rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 1.5rem;
}

    .w74-blogdetail__mains__first__bottom__tag__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-blogdetail__mains__first__comment {
    margin-top: 3rem;
}

.w74-blogdetail__mains__first__comment__heading {
    color: #24272C;
    font-size: 3rem;
    font-weight: 600;
}

.w74-blogdetail__mains__first__comment__line {
    margin: 2rem 0;
    height: .1rem;
    background-color: #ededed;
    display: block;
    width: 100%;
}

.w74-blogdetail__mains__first__comment__items {
}

.w74-blogdetail__mains__first__comment__items__item {
}

    .w74-blogdetail__mains__first__comment__items__item:not(:last-child) {
        margin-bottom: 3rem;
    }

.w74-blogdetail__mains__first__comment__items__item__by {
    font-weight: 600;
    color: #24272C;
    font-size: 1.6rem;
    display: block;
}

.w74-blogdetail__mains__first__comment__items__item__time {
    font-size: 1.4rem;
    color: #696665;
    margin-top: .5rem;
}

.w74-blogdetail__mains__first__comment__items__item__text {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #696665;
    text-align: justify;
    margin-top: 1rem;
}

.w74-blogdetail__mains__first__comment__box {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
    margin-top: 3rem;
}


@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__comment__box {
        width: 100%;
        padding: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__comment__box {
        padding: 1.5rem;
    }
}

.w74-blogdetail__mains__first__comment__box__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__comment__box__heading {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__comment__box__heading {
        margin-bottom: 2rem;
    }
}

.w74-blogdetail__mains__first__comment__box__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}


.w74-blogdetail__mains__first__comment__box__heading__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #696665;
}

.w74-blogdetail__mains__first__comment__box__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-blogdetail__mains__first__comment__box__items__item {
    width: 48%;
    margin-bottom: 3rem;
    margin-left: 4%;
}

@media only screen and (min-width:50rem) {
    .w74-blogdetail__mains__first__comment__box__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__comment__box__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__first__comment__box__items__item {
        margin-bottom: 2rem;
    }
}

.w74-blogdetail__mains__first__comment__box__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w74-blogdetail__mains__first__comment__box__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w74-blogdetail__mains__first__comment__box__items__item__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-blogdetail__mains__first__comment__box__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-blogdetail__mains__first__comment__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-blogdetail__mains__first__comment__box__full {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__comment__box__full {
        margin-bottom: 2rem;
    }
}

.w74-blogdetail__mains__first__comment__box__full__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-blogdetail__mains__first__comment__box__full__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-blogdetail__mains__first__comment__box__full__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-blogdetail__mains__first__comment__box__btn {
    width: max-content;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 1.4rem;
    padding: 1.5rem 10rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w74-blogdetail__mains__first__comment__box__btn {
        width: 100%;
        padding: 1.5rem 1.5rem;
    }
}

.w74-blogdetail__mains__first__comment__box__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w74-blogdetail__mains__first__comment__box__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}

.w74-blogdetail__mains {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
}

.w74-blogdetail__mains__first {
    width: 63%;
}

@media only screen and (max-width:62.5rem) {
    .w74-blogdetail__mains__first {
        width: 100%;
    }
}

.w74-blogdetail__mains__second {
    width: 34%;
}

@media only screen and (min-width:62.5rem) {
    .w74-blogdetail__mains__second {
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-blogdetail__mains__second {
        margin-top: 3rem;
        width: 100%;
        padding: 1.5rem;
        border: 1px solid #EDEDED;
        box-shadow: 0px 8px 20px 0px #0000000D;
        border-radius: 1.6rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-blogdetail__mains__second {
        margin-top: 2rem;
    }
}

.w74-blogdetail__mains__second__container {
    position: sticky;
    top: 1rem;
}

.w74-blogdetail__mains__second__container__timkiem {
    position: relative;
}

.w74-blogdetail__mains__second__container__timkiem__heading {
    padding-bottom: 2.5rem;
    position: relative;
    font-size: 2.4rem;
    color: #24272C;
    line-height: 3.2rem;
    font-weight: 600;
}

.w74-blogdetail__mains__second__container__timkiem__box {
    position: relative;
    display: flex;
    align-items: center;
}

.w74-blogdetail__mains__second__container__timkiem__box__input {
    margin-bottom: 0;
    width: 100%;
    padding: 1.7rem 6rem 1.7rem 4rem;
    color: #24272C;
    background: #fff;
    border: 1px solid #EDEDED;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 400;
    border-radius: 1.4rem;
    transition: all .3s ease;
    outline: none;
}

    .w74-blogdetail__mains__second__container__timkiem__box__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-blogdetail__mains__second__container__timkiem__box__icon {
    font-size: 1.6rem;
    left: 1.5rem;
    transition: all .5s;
    cursor: pointer;
    position: absolute;
    color: #B6B6B6;
}

    .w74-blogdetail__mains__second__container__timkiem__box__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

.w74-blogdetail__mains__second__container__danhmuc {
    margin-top: 3rem;
}

.w74-blogdetail__mains__second__container__danhmuc__heading {
    padding-bottom: 2.5rem;
    position: relative;
    font-size: 2.4rem;
    color: #24272C;
    line-height: 3.2rem;
    font-weight: 600;
}

.w74-blogdetail__mains__second__container__danhmuc__items {
}

.w74-blogdetail__mains__second__container__danhmuc__items__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    cursor: pointer;
    transition: all .3s ease;
    color: #24272C;
    border-bottom: 1px solid #EDEDED;
    padding: 1.6rem 0;
}

    .w74-blogdetail__mains__second__container__danhmuc__items__item:hover {
        color: rgba(var(--main-color-w),1);
        border-color: rgba(var(--main-color-w),1);
    }

.w74-blogdetail__mains__second__container__danhmuc__items__item__name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.2rem;
}

.w74-blogdetail__mains__second__container__danhmuc__items__item__count {
    color: #696665;
    font-size: 1.5rem;
}

.w74-blogdetail__mains__second__container__tuvan {
    margin-top: 3rem;
}

.w74-blogdetail__mains__second__container__tuvan__heading {
    position: relative;
    font-size: 2.4rem;
    color: #24272C;
    line-height: 3.2rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
}

.w74-blogdetail__mains__second__container__tuvan__des {
    margin-bottom: 2rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 2.4rem;
    color: #696665;
}

.w74-blogdetail__mains__second__container__tuvan__box {
    position: relative;
    display: flex;
    align-items: center;
}

.w74-blogdetail__mains__second__container__tuvan__box__input {
    margin: 0;
    font-family: inherit;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #24272C;
    padding: 1.4rem 1.8rem;
    width: 100%;
    border-radius: 1.4rem;
    border: 1px solid #EDEDED;
    outline: none;
    transition: all .3s ease;
}

    .w74-blogdetail__mains__second__container__tuvan__box__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-blogdetail__mains__second__container__tuvan__box__icon {
    color: rgba(var(--main-color-w),1);
    position: absolute;
    right: 2rem;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.6rem;
}

    .w74-blogdetail__mains__second__container__tuvan__box__icon:hover {
        transform: rotate(45deg);
    }

.w74-blogdetail__mains__second__container__tag {
    margin-top: 3rem;
}

.w74-blogdetail__mains__second__container__tag__heading {
    position: relative;
    font-size: 2.4rem;
    color: #24272C;
    line-height: 3.2rem;
    font-weight: 600;
    margin-bottom: 2.4rem;
}

.w74-blogdetail__mains__second__container__tag__items {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w74-blogdetail__mains__second__container__tag__items__item {
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.w74-blogdetail__mains__second__container__tag__items__item__name {
    display: flex;
    padding: .5rem 2rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    color: #24272C;
    border-radius: 2rem;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 1.6rem;
}

/*ed*/
/*w74-productlist-1*/
.w74-productlist-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1 {
        padding: 3rem 1rem 1rem;
    }
}

.w74-productlist-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-productlist-1__headding__name {
    font-weight: 600;
    font-size: 3rem;
    line-height: 4.6rem;
    color: #24272C;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__headding__name {
        width: 100%;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__headding__name {
        font-size: 2rem;
        line-height: 3.6rem;
    }
}

.w74-productlist-1__headding__des {
    margin-top: 1rem;
    font-size: 1.6rem;
    text-align: justify;
    color: #696665;
}

.w74-productlist-1__tabs {
    display: flex;
    margin-top: 1rem;
    align-items: flex-start;
    border-bottom: 1px solid #EDEDED;
}

.w74-productlist-1__tabs__items__item {
    margin-right: 2.4rem;
    padding: 1.75rem 0;
}

    .w74-productlist-1__tabs__items__item:first-child {
        padding-left: 0;
    }

.w74-productlist-1__tabs__items__item__text {
    font-size: 1.6rem;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease;
    color: #3a3a3c;
}

    .w74-productlist-1__tabs__items__item__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-productlist-1__tabs__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w74-productlist-1__tabs__items__first {
    margin-right: 2.4rem;
    padding: 1.75rem 0rem;
    position: relative;
}

.w74-productlist-1__tabs__items__first__text {
    font-size: 1.6rem;
    display: inline-block;
    cursor: pointer;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-productlist-1__tabs__items__first__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-productlist-1__tabs__items__first__line {
    position: absolute;
    height: .2rem;
    width: 100%;
    bottom: 0;
    background-color: rgba(var(--main-color-w),1);
}

.w74-productlist-1__mains {
    display: flex;
    justify-content: space-between;
    margin-top: 3rem;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains {
        flex-wrap: wrap;
    }
}

.w74-productlist-1__mains__bg {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__bg {
        width: 100%;
        position: fixed;
        top: 0;
        right: -100%;
        transition: all .3s ease;
        height: 100vh;
        background-color: rgba(0,0,0,.5);
        border-radius: 0;
        visibility: hidden;
        z-index: 0;
        display: flex;
        align-items: center;
    }

    .w74-productlist-1__mains__ck:checked ~
    .w74-productlist-1__mains__bg {
        right: 0;
        visibility: visible;
        z-index: 2;
    }
}

.w74-productlist-1__mains__ck {
    display: none;
}

.w74-productlist-1__mains__first {
    width: 23%;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__first {
        width: 60%;
        position: fixed;
        top: 0;
        right: -100%;
        transition: all .3s ease;
        height: 100vh;
        background-color: #fff;
        border-radius: 0;
        visibility: hidden;
        z-index: 0;
        overflow-y: scroll;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 30px 60px 0px;
        padding: 2.5rem;
        border: 1px solid #EDEDED;
    }

        .w74-productlist-1__mains__first::-webkit-scrollbar {
            width: .4rem;
        }

        .w74-productlist-1__mains__first::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w74-productlist-1__mains__first::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w74-productlist-1__mains__ck:checked ~
    .w74-productlist-1__mains__first {
        right: 0;
        visibility: visible;
        z-index: 2;
    }
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__first {
        width: 80%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__first {
        padding: 1.5rem;
    }
}

.w74-productlist-1__mains__first__close {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 0 0 0 .5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__first__close {
        display: flex;
    }
}

.w74-productlist-1__mains__first__close__icon {
    font-size: 2.6rem;
    transform: rotate(45deg);
    transition: all .3s ease;
}

.w74-productlist-1__mains__first__close:hover .w74-productlist-1__mains__first__close__icon {
    transform: rotate(135deg);
}

.w74-productlist-1__mains__first__container {
}

@media only screen and (min-width:75rem) {
    .w74-productlist-1__mains__first__container {
        position: sticky;
        top: 1rem;
        padding: 2.5rem;
        border-radius: 2.4rem;
        border: 1px solid #EDEDED;
    }
}

.w74-productlist-1__mains__first__container__heading {
    margin-bottom: 2rem;
}

.w74-productlist-1__mains__first__container__heading__name {
    font-size: 2rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__first__container__heading__name {
        font-size: 1.6rem;
    }
}

.w74-productlist-1__mains__first__container__ranger {
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__first__container__ranger {
    }
}

.w74-productlist-1__mains__first__container__ranger__price {
    font-size: 1.4rem;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-weight: 600;
}

.w74-productlist-1__mains__first__container__ranger__price__min {
    border: solid .1rem #efefef;
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    background-color: #fff;
    color: #24272C;
}

.w74-productlist-1__mains__first__container__ranger__price__max {
    border: solid .1rem #efefef;
    padding: 1rem 1.5rem;
    border-radius: 1rem;
    background-color: #fff;
    color: #24272C;
}

.w74-productlist-1__mains__first__container__ranger__name
.w74-productlist-1__mains__first__container__ranger__input.ui-slider-horizontal {
    height: 1.2rem;
}

.w74-productlist-1__mains__first__container__ranger__input .ui-slider-handle {
    width: 1.8rem;
    height: 1.8rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    border: none;
    margin-top: -3px;
}

.w74-productlist-1__mains__first__container__ranger .ui-widget.ui-widget-content {
    border-color: #efefef;
    background-color: #efefef;
}

.w74-productlist-1__mains__first__container__ranger__input .ui-slider-range {
    background-color: rgba(var(--main-color-w),1);
}

.w74-productlist-1__mains__first__container__ranger__input .ui-state-active {
    background-color: rgba(var(--second-color-w),1);
}

.w74-productlist-1__mains__first__container__ranger__input .ui-state-focus {
    border: none;
    outline: none;
}

.w74-productlist-1__mains__first__container__items {
}

.w74-productlist-1__mains__first__container__items__item {
    width: 100%;
    position: relative;
    padding: 1.4rem 1.5rem;
    background: #fff;
    border: .1rem solid #EDEDED;
    margin-bottom: 2rem;
    border-radius: 1.2rem;
}

.w74-productlist-1__mains__first__container__items__item__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
}

.w74-productlist-1__mains__first__container__items__item__drop__name__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    padding-right: .5rem;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__first__container__items__item__drop__name__text {
        font-weight: 600;
    }
}

.w74-productlist-1__mains__first__container__items__item__drop__name__icon {
    position: absolute;
    right: 0;
    transition: all .3s ease;
}

.w74-productlist-1__mains__first__container__items__item__drop__check:checked ~
.w74-productlist-1__mains__first__container__items__item__drop__name
.w74-productlist-1__mains__first__container__items__item__drop__name__icon {
    transform: rotate(180deg);
}

.w74-productlist-1__mains__first__container__items__item__drop {
    position: relative;
    width: 100%;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs {
    background: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: 4rem;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__first__container__items__item__drop__childs {
        top: 3.5rem;
        box-shadow: none;
    }
}

.w74-productlist-1__mains__first__container__items__item__drop__childs::-webkit-scrollbar {
    width: .4rem;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w74-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

.w74-productlist-1__mains__first__container__items__item__drop__check:checked ~ .w74-productlist-1__mains__first__container__items__item__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
    display: none;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-productlist-1__mains__first__container__items__item__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-productlist-1__mains__first__container__items__item__drop__childs__child__check:checked ~
.w74-productlist-1__mains__first__container__items__item__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs__sub {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-productlist-1__mains__first__container__items__item__drop__childs__sub__name {
    font-size: 1.3rem;
    padding: .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
    font-weight: 600;
}

    .w74-productlist-1__mains__first__container__items__item__drop__childs__sub__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-productlist-1__mains__first__container__items__item__drop__check {
    display: none
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__first__container__items {
        width: 100%;
    }
}

@media only screen and (max-width:50rem) {
}

.w74-productlist-1__mains__first__container__features__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 2rem;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__first__container__features__drop__name {
        font-size: 1.6rem;
    }
}

.w74-productlist-1__mains__first__container__features__drop__name__text {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__first__container__features__drop__name__text {
        font-weight: 600;
    }
}

.w74-productlist-1__mains__first__container__features__drop__name__icon {
    transition: all .3s ease;
    margin-left: auto;
}

.w74-productlist-1__mains__first__container__features__drop__check:checked ~
.w74-productlist-1__mains__first__container__features__drop__name
.w74-productlist-1__mains__first__container__features__drop__name__icon {
    transform: rotate(180deg);
}

.w74-productlist-1__mains__first__container__features {
    margin-top: 3rem;
}

.w74-productlist-1__mains__first__container__features__drop {
    position: relative;
    width: 100%;
}

.w74-productlist-1__mains__first__container__features__drop__childs {
    background: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    width: 100%;
    opacity: 1;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
}

.w74-productlist-1__mains__first__container__features__drop__check:checked ~ .w74-productlist-1__mains__first__container__features__drop__childs {
    opacity: 1;
    pointer-events: auto;
    max-height: 50vh;
    overflow-y: scroll;
    margin-block: 1rem;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__first__container__features__drop__childs {
        top: 3.5rem;
        box-shadow: none;
    }
}

.w74-productlist-1__mains__first__container__features__drop__childs::-webkit-scrollbar {
    width: .4rem;
}

.w74-productlist-1__mains__first__container__features__drop__childs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w74-productlist-1__mains__first__container__features__drop__childs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}



.w74-productlist-1__mains__first__container__features__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
    margin-top: 1rem;
}

.w74-productlist-1__mains__first__container__features__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
    display: none;
}

.w74-productlist-1__mains__first__container__features__drop__childs__child__icon {
    position: absolute;
    left: 0;
    width: 25px;
    height: 25px;
    border-radius: .5rem;
    border: solid 1px #efefef;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "Font Awesome 5 Pro";
    font-size: 1.8rem;
    color: #696665;
    pointer-events: none;
}

.w74-productlist-1__mains__first__container__features__drop__childs__child__check:checked ~
.w74-productlist-1__mains__first__container__features__drop__childs__child__icon:before {
    content: "\f00c";
}

.w74-productlist-1__mains__first__container__features__drop__childs__child:hover
.w74-productlist-1__mains__first__container__features__drop__childs__child__icon:before {
    content: "\f00c";
}

.w74-productlist-1__mains__first__container__features__drop__childs__child__name {
    font-size: 1.4rem;
    padding-left: 3.5rem;
    width: 100%;
    transition: all .3s ease;
    color: #696665;
}

    .w74-productlist-1__mains__first__container__features__drop__childs__child__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w74-productlist-1__mains__first__container__features__drop__childs__child__check:checked ~
.w74-productlist-1__mains__first__container__features__drop__childs__child__name {
}

.w74-productlist-1__mains__first__container__features__drop__check {
    display: none
}

.w74-productlist-1__mains__second {
    width: 75%;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__second {
        width: 100%;
    }
}

.w74-productlist-1__mains__second__heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__second__heading {
        flex-wrap: wrap;
    }
}

.w74-productlist-1__mains__second__heading__first {
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__second__heading__first {
        width: max-content;
        padding-right: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__second__heading__first {
        width: 100%;
    }
}

.w74-productlist-1__mains__second__heading__first__name {
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
    margin-bottom: 1rem;
}

.w74-productlist-1__mains__second__heading__first__des {
    font-size: 1.4rem;
    color: #696665;
}

.w74-productlist-1__mains__second__heading__second {
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__second__heading__second {
        display: none;
    }
}

.w74-productlist-1__mains__second__heading__second__item {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 1rem;
    cursor: pointer;
}

.w74-productlist-1__mains__second__heading__second__item__subs__sub {
    width: 9px;
    height: 9px;
    background-color: #fff;
    border: solid .1rem #cbcbcb;
    border-radius: 50%;
    margin: 2px;
    transition: all .3s ease;
}

.w74-productlist-1__mains__second__heading__last {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__second__heading__last {
        width: max-content;
        padding-left: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__second__heading__last {
        width: 100%;
        justify-content: flex-start;
        margin-top: 1rem;
        margin-left: 0;
        padding-left: 0;
    }
}

.w74-productlist-1__mains__second__heading__last__label {
    display: none;
    padding: 8px 15px;
    margin-right: 1rem;
    border-radius: 10px;
    height: max-content;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border: 1px solid rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__second__heading__last__label {
        display: flex;
    }
}

.w74-productlist-1__mains__ck:checked ~
.w74-productlist-1__mains__second
.w74-productlist-1__mains__second__heading
.w74-productlist-1__mains__second__heading__last
.w74-productlist-1__mains__second__heading__last__label {
    background-color: rgba(var(--second-color-w),1);
    border-color: rgba(var(--second-color-w),1);
}

    .w74-productlist-1__mains__ck:checked ~
    .w74-productlist-1__mains__second
    .w74-productlist-1__mains__second__heading
    .w74-productlist-1__mains__second__heading__last
    .w74-productlist-1__mains__second__heading__last__label
    .w74-productlist-1__mains__second__heading__last__label__icon:before {
        content: "\f00d";
    }

.w74-productlist-1__mains__second__heading__last__label__name {
    font-size: 1.6rem;
}

.w74-productlist-1__mains__second__heading__last__label__icon {
    font-size: 2rem;
    margin-left: 1rem;
}

.w74-productlist-1__mains__second__heading__last__sort {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__second__heading__last__sort {
        margin-left: auto;
    }
}

.w74-productlist-1__mains__second__heading__last__sort__list {
    padding: 10px;
    margin-right: 1rem;
    border-radius: 10px;
    font-size: 2rem;
    background-color: #fff;
    color: #fff;
    border: 1px solid #EDEDED;
    color: #b6b6b6;
    cursor: pointer;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__heading__last__sort__list {
        display: none;
    }
}

.w74-productlist-1__mains__second__heading__last__sort__list:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productlist-1__mains__second__heading__last__sort__list.active {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productlist-1__mains__second__heading__last__sort__drop__name {
    position: relative;
    display: flex;
    align-items: center;
    color: #24272C;
    cursor: pointer;
    font-size: 1.4rem;
    font-weight: 600;
}

.w74-productlist-1__mains__second__heading__last__sort__drop__name__text {
    display: block;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__second__heading__last__sort__drop__name__text {
        font-weight: 600;
    }
}

.w74-productlist-1__mains__second__heading__last__sort__drop__name__icon {
    transition: all .3s ease;
    margin-left: 1rem;
}

.w74-productlist-1__mains__second__heading__last__sort__drop__check:checked ~
.w74-productlist-1__mains__second__heading__last__sort__drop__name
.w74-productlist-1__mains__second__heading__last__sort__drop__name__icon {
    transform: rotate(180deg);
}

.w74-productlist-1__mains__second__heading__last__sort__drop {
    position: relative;
    width: 100%;
    position: relative;
    padding: 1.2rem 2.5rem;
    background: #fff;
    border: .1rem solid #EDEDED;
    border-radius: 1.2rem;
}

.w74-productlist-1__mains__second__heading__last__sort__drop__childs {
    background: #fff;
    padding: 0rem 0rem;
    border-radius: .5rem;
    top: calc(100% + 1rem);
    right: 0;
    position: absolute;
    width: max-content;
    min-width: 100%;
    z-index: 2;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    opacity: 0;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    visibility: hidden;
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__second__heading__last__sort__drop__childs {
        box-shadow: none;
    }
}

.w74-productlist-1__mains__second__heading__last__sort__drop__check:checked ~ .w74-productlist-1__mains__second__heading__last__sort__drop__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-productlist-1__mains__second__heading__last__sort__drop__childs__child {
    display: flex;
    line-height: 2.5rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w74-productlist-1__mains__second__heading__last__sort__drop__childs__child__check[type=checkbox] {
    width: 1.3rem;
    height: 1.3rem;
    accent-color: #fff;
    position: absolute;
    left: 1rem;
    display: none
}

.w74-productlist-1__mains__second__heading__last__sort__drop__childs__child__name {
    font-size: 1.3rem;
    padding: .5rem 1rem;
    width: 100%;
    transition: all .3s ease;
}

    .w74-productlist-1__mains__second__heading__last__sort__drop__childs__child__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-productlist-1__mains__second__heading__last__sort__drop__childs__child__check:checked ~
.w74-productlist-1__mains__second__heading__last__sort__drop__childs__child__name {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productlist-1__mains__second__heading__last__sort__drop__check {
    display: none
}

.w74-productlist-1__mains__second__heading__second__item:hover .w74-productlist-1__mains__second__heading__second__item__subs__sub {
    border-color: rgba(var(--main-color-w),1);
}

.w74-productlist-1__mains__second__heading__second__item.active .w74-productlist-1__mains__second__heading__second__item__subs__sub {
    border-color: rgba(var(--main-color-w),1);
}

.w74-productlist-1__mains__second__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
}

    .w74-productlist-1__mains__second__items:not(.w74-productlist-1__mains__second__items--list) {
        align-items: flex-start;
    }

.w74-productlist-1__mains__second__items__item {
    display: flex;
    flex-wrap: wrap;
    width: 32%;
    margin-left: 2%;
    padding: 0;
    background: #fff;
    border-radius: 1.6rem;
    margin-bottom: 2rem;
    overflow: hidden;
    border: solid 1px #EDEDED;
    transition: all .3s ease;
}

@media only screen and (min-width:75rem) {
    .w74-productlist-1__mains__second__items__item:nth-child(3n+1) {
        margin-left: 0
    }

    .w74-productlist-1__mains__second__items--towcol
    .w74-productlist-1__mains__second__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w74-productlist-1__mains__second__items--towcol
        .w74-productlist-1__mains__second__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:75rem) {
    .w74-productlist-1__mains__second__items__item {
        width: 49%;
    }

        .w74-productlist-1__mains__second__items__item:nth-child(2n+1) {
            margin-left: 0
        }
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item {
        margin-bottom: 1rem;
    }
}

@media only screen and (min-width:37.5rem) {
    .w74-productlist-1__mains__second__items--list .w74-productlist-1__mains__second__items__item {
        width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: space-between;
    }
}

.w74-productlist-1__mains__second__items__item__top {
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index:0;
    width: 100%;
}

@media only screen and (min-width:37.5rem) {
    .w74-productlist-1__mains__second__items--list .w74-productlist-1__mains__second__items__item__top {
        width: 40%;
    }
}

.w74-productlist-1__mains__second__items__item__top__link__imgbox {
    display: block;
}

.w74-productlist-1__mains__second__items__item__top__link__imgbox {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100%;
    border-radius: .5rem .5rem 0 0;
    position: relative;
    cursor: pointer;
    transition: all .3s ease;
}

.w74-productlist-1__mains__second__items--list .w74-productlist-1__mains__second__items__item__top__link {
    display: flex;
    height: 100%;
}

.w74-productlist-1__mains__second__items--list .w74-productlist-1__mains__second__items__item__top__link__imgbox {
    height: 100%;
}

.w74-productlist-1__mains__second__items__item__top__link__imgbox__img {
    width: 100%;
}

.w74-productlist-1__mains__second__items__item__top:hover
.w74-productlist-1__mains__second__items__item__top__link__imgbox {
    transform: scale(1.03);
}

.w74-productlist-1__mains__second__items__item__top__tabs {
    position: absolute;
    left: 0rem;
    top: 0;
    display: flex;
    width: calc(100%);
    padding: 1rem;
    z-index: 2;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__top__tabs {
        justify-content: space-between;
    }
}

.w74-productlist-1__mains__second__items__item__top__tabs__item {
    display: inline-block;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    background-color: rgba(var(--main-color-w),1);
}

.w74-productlist-1__mains__second__items__item__top__tabs__three {
    display: inline-block;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    font-size: 1.2rem;
    margin-left: auto;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__top__tabs__three {
        display: none;
    }
}

.w74-productlist-1__mains__second__items__item__top__tabs__last {
    display: flex;
    align-items: center;
    color: #fff;
    padding: .5rem 1.2rem;
    border-radius: 2rem;
    margin-right: .5rem;
    font-size: 1.2rem;
    background-color: rgba(0, 0, 0, 0.3);
    margin-left: 1rem;
}

.w74-productlist-1__mains__second__items__item__top__tabs__last__icon {
    margin-right: .5rem;
}

.w74-productlist-1__mains__second__items__item__top__tabs__last__name {
}

.w74-productlist-1__mains__second__items__item__top__status {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    margin: 0;
    background-color: rgba(0, 0, 0, 0.31);
}

.w74-productlist-1__mains__second__items__item__top__btn {
    position: absolute;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;
    background-color: rgba(0, 0, 0, 0);
    z-index: 2;
}

.w74-productlist-1__mains__second__items__item__top:hover .w74-productlist-1__mains__second__items__item__top__btn {
    visibility: visible;
}

.w74-productlist-1__mains__second__items__item__top__btn__detail {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-right: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-2rem);
    position: relative;
}

.w74-productlist-1__mains__second__items__item__top:hover .w74-productlist-1__mains__second__items__item__top__btn__detail {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.w74-productlist-1__mains__second__items__item__top__btn__detail:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productlist-1__mains__second__items__item__top__btn__detail__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-productlist-1__mains__second__items__item__top__btn__detail:hover .w74-productlist-1__mains__second__items__item__top__btn__detail__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-productlist-1__mains__second__items__item__top__btn__detail__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-productlist-1__mains__second__items__item__top__btn__detail__info__bg {
    position: absolute;
    bottom: -13px;
    color: #fff;
    font-size: 2rem;
}

.w74-productlist-1__mains__second__items__item__top__btn__cart {
    width: 4.6rem;
    height: 4.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 1.8rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    margin-left: .5rem;
    opacity: 0;
    visibility: hidden;
    transform: translateX(2rem);
}

.w74-productlist-1__mains__second__items__item__top:hover .w74-productlist-1__mains__second__items__item__top__btn__cart {
    opacity: 1;
    visibility: visible;
    transform: translateX(0);
}

.w74-productlist-1__mains__second__items__item__top__btn__cart:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productlist-1__mains__second__items__item__top__btn__cart__info {
    width: max-content;
    padding: .35rem .5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    position: absolute;
    top: -3.5rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-productlist-1__mains__second__items__item__top__btn__cart:hover .w74-productlist-1__mains__second__items__item__top__btn__cart__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-productlist-1__mains__second__items__item__top__btn__cart__info__text {
    font-size: 1.2rem;
    color: #24272C;
}

.w74-productlist-1__mains__second__items__item__top__btn__cart__info__bg {
    position: absolute;
    bottom: -13px;
    color: #fff;
    font-size: 2rem;
}

.w74-productlist-1__mains__second__items__item__top__bg {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.4);
    z-index: -1;
}

.w74-productlist-1__mains__second__items__item__top:hover
.w74-productlist-1__mains__second__items__item__top__bg {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w74-productlist-1__mains__second__items__item__info {
    width: 100%;
    padding: 1.25rem;
}

@media only screen and (min-width:37.5rem) {
    .w74-productlist-1__mains__second__items--list .w74-productlist-1__mains__second__items__item__info {
        width: 59%;
    }
}

.w74-productlist-1__mains__second__items__item__info__cate {
    font-size: 1.4rem;
    display: block;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w74-productlist-1__mains__second__items__item__info__cate:hover {
        color: rgba(var(--second-color-w),1);
    }

.w74-productlist-1__mains__second__items__item__info__name {
    display: block;
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    color: #24272C;
    cursor: pointer;
    transition: all .25s;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__name {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w74-productlist-1__mains__second__items__item__info__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w74-productlist-1__mains__second__items__item__info__attr {
    display: flex;
}

.w74-productlist-1__mains__second__items__item__info__attr__sub {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    color: #696665;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__attr__sub {
        font-size: 1.2rem;
    }
}

.w74-productlist-1__mains__second__items__item__info__attr__sub:not(:first-child) {
    margin-left: 1rem;
}

.w74-productlist-1__mains__second__items__item__info__attr__sub__icon {
    margin-right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__attr__sub__icon {
        display: none;
    }
}

.w74-productlist-1__mains__second__items__item__info__attr__sub__name {
}

.w74-productlist-1__mains__second__items__item__info__des {
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    text-align: justify;
    color: #696665;
}

.w74-productlist-1__mains__second__items__item__info__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__price {
        margin-top: 1rem;
    }
}

.w74-productlist-1__mains__second__items__item__info__price__chinh {
    color: rgba(var(--main-color-w),1);
    font-size: 1.8rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 100%;
}

.w74-productlist-1__mains__second__items--towcol .w74-productlist-1__mains__second__items__item__info__price__chinh {
    width: max-content;
    margin-right: 1rem;
}

.w74-productlist-1__mains__second__items--list .w74-productlist-1__mains__second__items__item__info__price__chinh {
    width: max-content;
    margin-right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__price__chinh {
        font-size: 1.4rem;
        width: 100%;
    }
}

.w74-productlist-1__mains__second__items__item__info__price__chinh__icon {
    margin-right: .25rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__price__chinh__icon {
        display: none;
    }
}

.w74-productlist-1__mains__second__items__item__info__price__chinh__donvi {
    margin-left: .5rem;
}

.w74-productlist-1__mains__second__items__item__info__price__second {
    color: #B6B6B6;
    font-size: 1.8rem;
    text-decoration: line-through;
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: .5rem;
}


@media only screen and (min-width:37.5rem) {
    .w74-productlist-1__mains__second__items--towcol .w74-productlist-1__mains__second__items__item__info__price__second {
        width: max-content;
        margin-top: 0;
    }

    .w74-productlist-1__mains__second__items--list .w74-productlist-1__mains__second__items__item__info__price__second {
        width: max-content;
        margin-top: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__price__second {
        font-size: 1.4rem;
        margin-left: 0;
        width: 100%;
    }
}

.w74-productlist-1__mains__second__items__item__info__price__second__icon {
    margin-right: .25rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__price__second__icon {
        display: none;
    }
}

.w74-productlist-1__mains__second__items__item__info__price__second__donvi {
    margin-left: .5rem;
}

.w74-productlist-1__mains__second__items__item__info__line {
    width: 100%;
    display: block;
    height: .1rem;
    background-color: #EFEFEF;
    margin: 2rem 0;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__line {
        margin: 1.25rem 0;
    }
}

.w74-productlist-1__mains__second__items__item__info__bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__bottom {
        justify-content: center;
    }
}

.w74-productlist-1__mains__second__items__item__info__bottom__btn {
    color: #24272C;
    font-size: 1.4rem;
    font-weight: 500;
    border: 1px solid #24272C;
    border-radius: 1.4rem;
    padding: .9rem 1.7rem;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w74-productlist-1__mains__second__items__item__info__bottom__btn:hover {
        background-color: rgba(var(--main-color-w),1);
        border-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w74-productlist-1__mains__second__items__item__info__bottom__by {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-productlist-1__mains__second__items__item__info__bottom__by {
        display: none;
    }
}

.w74-productlist-1__mains__second__items__item__info__bottom__by__imgbox {
    width: 3.8rem;
    height: 3.8rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

.w74-productlist-1__mains__second__items__item__info__bottom__by__text {
}

.w74-productlist-1__mains__second__items__item__info__bottom__by__text__name {
    font-size: 1.4rem;
    font-weight: 500;
}


@media only screen and (max-width:50rem) {
    .w74-productlist-1__tabs {
        display: block
    }

    .w74-productlist-1__tabs__last {
        justify-content: center;
        margin: 0;
        display: none;
    }
}

.w74-productlist-1__mains__second__paging {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w74-productlist-1__mains__second__paging__item {
    list-style-type: none;
}

.w74-productlist-1__mains__second__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .75rem 0;
    width: 4.4rem;
    height: 4.4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #efefef;
    margin-top: 1rem;
    cursor: pointer;
    border-radius: .5rem;
}

@media only screen and (max-width:50rem) {
    .w74-productlist-1__mains__second__paging__item__text {
        width: 4rem;
        height: 4rem;
    }
}

.w74-productlist-1__mains__second__paging__item:hover .w74-productlist-1__mains__second__paging__item__text,
.w74-productlist-1__mains__second__paging__item.active .w74-productlist-1__mains__second__paging__item__text {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/

/*w74-support-1*/
.w74-support-1 {
    z-index: 11;
    max-width: 100%;
}

.w74-support-1__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    border: 1px solid rgba(var(--main-color-w),1);
    background-color: #fff;
    padding: .5rem;
    border-radius: .5rem;
    max-width: 100%;
}

.w74-support-1__main__first {
    display: flex;
    align-items: center;
    margin-right: 2rem;
}

.w74-support-1__main__first__imgbox {
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    margin-right: 1.25rem;
    background-size: cover;
}

.w74-support-1__main__first__box {
}

.w74-support-1__main__first__box__name {
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w74-support-1__main__first__box__des {
    margin-top: .5rem;
    display: flex;
    font-size: 1.5rem;
    color: #252121;
}

.w74-support-1__main__first__box__des__icon {
    margin-right: .5rem;
}

.w74-support-1__main__first__box__des__text {
}

.w74-support-1__main__second {
    display: flex;
    align-items: center;
}

.w74-support-1__main__second__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    cursor: pointer;
    position: relative;
    border: solid .1rem rgba(var(--main-color-w),1);
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    font-size: 2.8rem;
    transition: all .3s ease;
}

    .w74-support-1__main__second__item:hover {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

.w74-support-1__main__second__item__icon {
}

.w74-support-1__main__second__item:not(:last-child) {
    margin-right: .75rem;
}

.w74-support-1__main__second__item__info {
    width: max-content;
    padding: .35rem 1rem;
    border-radius: .5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    position: absolute;
    top: -4rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-support-1__main__second__item:hover .w74-support-1__main__second__item__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-support-1__main__second__item__info__text {
    font-size: 1.2rem;
}

.w74-support-1__main__second__item__info__bg {
    position: absolute;
    bottom: -12px;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w74-support-1__main__second__alter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    cursor: pointer;
    position: relative;
    border: solid .1rem rgba(var(--main-color-w),1);
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    transition: all .3s ease;
}

    .w74-support-1__main__second__alter:hover {
        background-color: rgba(var(--main-color-w),1);
    }

    .w74-support-1__main__second__alter:not(:last-child) {
        margin-right: .75rem;
    }

.w74-support-1__main__second__alter__imgbox {
    width: 4rem;
    height: 4rem;
    background-position: center;
    background-size: contain;
}

.w74-support-1__main__second__alter__info {
    width: max-content;
    padding: .35rem 1rem;
    border-radius: .5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    position: absolute;
    top: -4rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-support-1__main__second__alter:hover .w74-support-1__main__second__alter__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-support-1__main__second__alter__info__text {
    font-size: 1.2rem;
}

.w74-support-1__main__second__alter__info__bg {
    position: absolute;
    bottom: -13px;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}
/*ed*/
/*w74-productdetail*/
.w74-productdetail {
    background-color: #fff;
    padding: 3rem 1rem 3rem;
    position: relative;
    z-index: 0;
}

.ws1RightMenubox .w74-productdetail {
    overflow: hidden;
}

.w74-productdetail__group {
    margin: 1rem auto 0;
    width: 100%;
    max-width: 120rem;
    padding: 0;
    position: relative;
    padding-top: 10rem;
}

.w74-productdetail__slider {
    position: relative;
    display: flex;
    align-items: center;
    width: 90%;
    margin: 0 auto;
}

.ws1RightMenubox .w74-productdetail__slider {
    width: 100%;
}

@media only screen and (min-width:2000px) {
    .w74-productdetail__slider {
        width: 1920px;
    }
}

@media only screen and (max-width:82.5rem) {
    .w74-productdetail__slider {
        width: 100%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__slider {
        display: none;
    }
}

.w74-productdetail__slider__mains {
    overflow: hidden;
    position: relative;
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.w74-productdetail__slider__mains__main {
    overflow-y: scroll;
    padding: 0rem 0;
    width: 100%;
}

    .w74-productdetail__slider__mains__main::-webkit-scrollbar {
        width: 0rem;
        height: 0;
    }

    .w74-productdetail__slider__mains__main::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-productdetail__slider__mains__main::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w74-productdetail__slider__mains__main::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w74-productdetail__slider__mains__main__items {
    display: flex;
    width: max-content;
    transition: all .3s ease;
    min-width: 100%;
}

.w74-productdetail__slider__mains__main__items__item {
    position: relative;
    border-radius: 2rem;
    width: 28.9rem;
    margin: 0 1rem;
    overflow: hidden;
    z-index: 0;
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
}

    .w74-productdetail__slider__mains__main__items__item.active {
        width: 76rem;
    }

    .w74-productdetail__slider__mains__main__items__item.swiper-slide-active {
    }

.w74-productdetail__slider__mains__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    width: 100%;
    position: relative;
    z-index: 0;
    filter: brightness(.8);
    background-position: center;
    border-radius: 2rem;
    height: 46rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__slider__mains__main__items__item__imgbox {
        height: 45rem;
    }
}

.w74-productdetail__slider__mains__main__items__item__imgbox__img {
    width: 100%;
}

.w74-productdetail__slider__mains__main__items__item__zoom {
    color: #24272C;
    font-size: 1.4rem;
    background: #fff;
    border-radius: 1.2rem;
    padding: 1rem 1.8rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    height: max-content;
    visibility: hidden;
    opacity: 0;
    transform: translateY(5rem);
}

.w74-productdetail__slider__mains__main__items__item.active .w74-productdetail__slider__mains__main__items__item__zoom {
    transition: all .75s ease;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__slider__mains__main__items__item.swiper-slide-active .w74-productdetail__slider__mains__main__items__item__zoom {
    transition: all .75s ease;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__slider__mains__main__items__item__zoom:hover {
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productdetail__slider__mains__main__items__item__zoom__icon {
    margin-right: .5rem;
}

.w74-productdetail__slider__mains__main__items__item__zoom__name {
}

.w74-productdetail__slider__mains__pagination {
    bottom: 0rem !important;
}

.w74-productdetail__slider__mains__pagination {
    display: flex;
    justify-content: center;
    padding: .5rem 0;
    bottom: 1rem !important;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__slider__mains__pagination {
        bottom: 3.25rem !important;
    }
}

.w74-productdetail__slider__mains__pagination .swiper-pagination-bullet {
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    margin: 0 1rem !important;
}

.w74-productdetail__slider__mains__pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.w74-productdetail__slider__mains__pagination .swiper-pagination-bullet:after {
    width: 1.4rem;
    height: 1.4rem;
    border: solid 1px rgba(var(--main-color-w), 1);
    content: "";
    border-radius: 50%;
    position: absolute;
}

.w74-productdetail__slider__mains__next,
.w74-productdetail__slider__mains__prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.w74-productdetail__slider__mains__prev {
    left: 3rem;
}

.w74-productdetail__slider__mains__next {
    right: 3rem;
}

    .w74-productdetail__slider__mains__next:hover,
    .w74-productdetail__slider__mains__prev:hover {
        color: #fff;
        background-color: rgba(var(--second-color-w), 1);
    }

    .w74-productdetail__slider__mains__next:after,
    .w74-productdetail__slider__mains__prev:after {
        display: none;
    }

.w74-productdetail__mbslider {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    padding: 0 0rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mbslider {
        display: flex;
    }
}

.w74-productdetail__mbslider__main {
    overflow: hidden;
    position: relative;
    position: relative;
    display: flex;
    align-items: center;
}

.w74-productdetail__mbslider__main__items {
    display: flex;
}

.w74-productdetail__mbslider__main__items__item {
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
    z-index: 0;
    transition: all .3s ease;
    cursor: pointer;
    position: relative;
    width: calc(100% - 1rem);
    margin-left: .5rem;
    margin-right: .5rem;
}

.w74-productdetail__mbslider__main__items__item__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 1s;
    width: 100%;
    position: relative;
    z-index: 0;
    filter: brightness(.8);
    background-position: center;
    border-radius: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mbslider__main__items__item__imgbox {
    }
}

.w74-productdetail__mbslider__main__items__item__imgbox__img {
    width: 100%;
}

.w74-productdetail__mbslider__main__items__item__zoom {
    color: #24272C;
    font-size: 1.4rem;
    background: #fff;
    border-radius: 1.2rem;
    padding: 1rem 1.8rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    height: max-content;
    visibility: hidden;
    opacity: 0;
    transform: translateY(5rem);
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mbslider__main__items__item__zoom {
        font-size: 1rem;
        bottom: 1rem;
        left: 1rem;
        padding: .5rem 1rem;
    }
}

.w74-productdetail__mbslider__main__items__item.active .w74-productdetail__mbslider__main__items__item__zoom {
    transition: all .75s ease;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__mbslider__main__items__item.swiper-slide-active .w74-productdetail__mbslider__main__items__item__zoom {
    transition: all .75s ease;
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__mbslider__main__items__item__zoom:hover {
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productdetail__mbslider__main__items__item__zoom__icon {
    margin-right: .5rem;
}

.w74-productdetail__mbslider__main__items__item__zoom__name {
}

.w74-productdetail__mbslider__main__pagination {
    bottom: 0rem !important;
}

.w74-productdetail__mbslider__main__pagination {
    display: flex;
    justify-content: center;
    padding: .5rem 0;
    bottom: 1rem !important;
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mbslider__main__pagination {
        display: none;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mbslider__main__pagination {
        bottom: 3.25rem !important;
    }
}

.w74-productdetail__mbslider__main__pagination .swiper-pagination-bullet {
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    width: .8rem;
    height: .8rem;
    margin: 0 1rem !important;
}

.w74-productdetail__mbslider__main__pagination .swiper-pagination-bullet-active {
    opacity: 1;
}

.w74-productdetail__mbslider__main__pagination .swiper-pagination-bullet:after {
    width: 1.4rem;
    height: 1.4rem;
    border: solid 1px rgba(var(--main-color-w), 1);
    content: "";
    border-radius: 50%;
    position: absolute;
}

.w74-productdetail__mbslider__main__next,
.w74-productdetail__mbslider__main__prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mbslider__main__next,
    .w74-productdetail__mbslider__main__prev {
        width: 3rem;
        height: 3rem;
        font-size: 2rem;
    }
}

.w74-productdetail__mbslider__main__prev {
    left: 2rem;
}

.w74-productdetail__mbslider__main__next {
    right: 2rem;
}

    .w74-productdetail__mbslider__main__next:hover,
    .w74-productdetail__mbslider__main__prev:hover {
        color: #fff;
        background-color: rgba(var(--second-color-w), 1);
    }

    .w74-productdetail__mbslider__main__next:after,
    .w74-productdetail__mbslider__main__prev:after {
        display: none;
    }

.w74-productdetail__heading {
    position: absolute;
    background-color: #fff;
    z-index: 1;
    overflow: hidden;
    height: 6.5rem;
    top: 0;
    width: 100%;
    box-sizing: content-box;
    padding-top: 1rem;
}

.tab-scroll-x .w74-productdetail__heading {
    height: 7.5rem;
}

.w74-productdetail__heading.active {
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    margin-top: 0;
}

.w74-productdetail__heading__bg {
    position: absolute;
    left: -100%;
    top: 0;
    z-index: 0;
    height: 100%;
    width: 300%;
    background-color: #fff;
}

.active .w74-productdetail__heading__bg {
    background-color: #fafafa;
}

.w74-productdetail__heading__tabs {
    overflow-x: scroll;
    position: relative;
    z-index: 1;
    padding: 0 0;
}

.tab-scroll-x .w74-productdetail__heading__tabs {
}

.w74-productdetail__heading.active .w74-productdetail__heading__tabs {
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
}

.w74-productdetail__heading__tabs::-webkit-scrollbar {
    height: .4rem;
}

.w74-productdetail__heading__tabs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w74-productdetail__heading__tabs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
}

    .w74-productdetail__heading__tabs::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w74-productdetail__heading__tabs__container {
    display: flex;
    justify-content: center;
    width: max-content;
    flex-wrap: nowrap;
    padding-bottom: 0rem;
}

.tab-scroll-x .w74-productdetail__heading__tabs__container {
    padding-bottom: .75rem;
}

.w74-productdetail__heading__tabs__container__item {
    border-radius: 3rem;
    background: #fff;
    padding: 1.5rem 1.8rem;
    color: #24272C;
    font-size: 1.6rem;
    font-weight: 500;
    cursor: pointer;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    border: 1px solid #EDEDED;
    white-space: nowrap;
    box-sizing: content-box;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__heading__tabs__container__item {
        padding: 1rem 1.5rem;
        font-size: 1.5rem;
    }
}

.w74-productdetail__heading__tabs__container__item:not(:first-child) {
    margin-left: 1.5rem;
}

.w74-productdetail__heading__tabs__container__item:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productdetail__heading__tabs__container__item.active {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w74-productdetail__mains {
    display: flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 0rem;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mains {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains {
    }
}

.w74-productdetail__mains__first {
    width: 63%;
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mains__first {
        width: 100%;
    }
}

.w74-productdetail__mains__first__heading {
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: #24272C;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__heading {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w74-productdetail__mains__first__info {
    margin-top: 1rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w74-productdetail__mains__first__info__item {
    font-size: 1.4rem;
    color: #696665;
    align-items: center;
    display: flex;
    margin-top: 1rem;
    margin-right: 2rem;
}


.w74-productdetail__mains__first__size__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: #24272C;
    display: flex;
    align-items: center;
    margin-right: 2rem;
    width: max-content;
    margin-top: .9rem;
}

@media only screen and (max-width: 50rem) {
    .w74-productdetail__mains__first__size__text {
    }
}

.w74-productdetail__mains__first__size__text__name {
    white-space: nowrap;
}

.w74-productdetail__mains__first__size__text__value {
    margin-left: 1rem;
    padding: .5rem 1rem;
    border: solid 1px rgba(129,129,129,.2);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    color: rgba(var(--main-color-w),1);
    display: none !important;
}

@media only screen and (min-width: 50rem) {
    .w74-productdetail__mains__first__size__text__value {
    }
}

.w74-productdetail__mains__first__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0rem;
    align-items: flex-start;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__size__items {
        width: 100%;
        margin-top: 1rem;
    }
}

.w74-productdetail__mains__first__size__items__item {
    margin-right: 2rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    filter: brightness(1) !important;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__size__items__item {
        margin-bottom: 1rem;
        margin-right: 1rem;
    }
}

.w74-productdetail__mains__first__size__items__item--hide {
    display: none !important;
}

.w74-productdetail__mains__first__size__items__item--hethang {
    cursor: not-allowed;
}

    .w74-productdetail__mains__first__size__items__item--hethang .w74-productdetail__mains__first__size__items__item__box::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w74-productdetail__mains__first__size__items__item__check {
    display: none;
}

.w74-productdetail__mains__first__size__items__item__imgbox {
    width: 100%;
    background-position: center;
    background-size: cover;
    position: relative;
    z-index: 1;
    border-radius: 1rem;
    border: solid .1rem rgba(255,255,255,1);
}

.w74-productdetail__mains__first__size__items__item:hover .w74-productdetail__mains__first__size__items__item__imgbox {
}

.w74-productdetail__mains__first__size__items__item__check:checked ~ .w74-productdetail__mains__first__size__items__item__imgbox {
    border-color: rgba(var(--main-color-w),1);
}

.w74-productdetail__mains__first__size__items__item__box {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: all .3s ease;
    padding: 1rem 2rem;
    border: solid #ededed .1rem;
    border-radius: 2rem;
    font-size: 1.4rem;
    overflow: hidden;
}

.w74-productdetail__mains__first__size__items__item:hover .w74-productdetail__mains__first__size__items__item__box {
    border-color: rgba(var(--main-color-w),1);
}

.w74-productdetail__mains__first__size__items__item__check:checked ~ .w74-productdetail__mains__first__size__items__item__box {
    border-color: rgba(var(--main-color-w),1);
    padding-left: 4rem;
    padding-right: 4rem;
}

.w74-productdetail__mains__first__size__items__item__box__text {
}

@media only screen and (min-width:50rem) {
    .w74-productdetail__mains__first__size__items__item:hover .w74-productdetail__mains__first__size__items__item__box__text {
    }
}

.w74-productdetail__mains__first__size__items__item__check:checked ~
.w74-productdetail__mains__first__size__items__item__box
.w74-productdetail__mains__first__size__items__item__box__text {
}

.w74-productdetail__mains__first__size__items__item__box__bg {
    position: absolute;
    transform: rotate(34deg);
    font-size: 2rem;
    transition: all .5s;
    width: 100px;
    height: 100px;
    top: -93px;
    background-color: rgba(var(--main-color-w), 1);
    right: -38px;
    visibility: hidden;
    opacity: 0;
}

.w74-productdetail__mains__first__size__items__item__check:checked ~
.w74-productdetail__mains__first__size__items__item__box
.w74-productdetail__mains__first__size__items__item__box__bg {
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__mains__first__size__items__item:hover
.w74-productdetail__mains__first__size__items__item__box__bg {
}

.w74-productdetail__mains__first__size__items__item__box__icon {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 10px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
}

.w74-productdetail__mains__first__size__items__item__check:checked ~
.w74-productdetail__mains__first__size__items__item__box
.w74-productdetail__mains__first__size__items__item__box__icon {
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__mains__first__color {
    margin-top: 1.5rem;
    display: flex;
    align-items: flex-start;
}

@media only screen and (max-width: 50rem) {
    .w74-productdetail__mains__first__color {
        margin-top: 0rem;
        flex-wrap: wrap;
    }
}

.w74-productdetail__mains__first__color--hide {
    display: none;
}

.w74-productdetail__mains__first__size {
    display: flex;
    align-items: flex-start;
    margin-right: 2rem;
    margin-top: 3rem;
}

@media only screen and (max-width: 50rem) {
    .w74-productdetail__mains__first__size {
        margin-top: 2rem;
        flex-wrap: wrap;
    }
}

.w74-productdetail__mains__first__size--hide {
    display: none;
}

.w74-productdetail__mains__first__color__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: #24272C;
    display: flex;
    align-items: center;
    margin-right: 2rem;
    width: max-content;
    margin-top: .9rem;
}

@media only screen and (max-width: 50rem) {
    .w74-productdetail__mains__first__color__text {
    }
}

.w74-productdetail__mains__first__color__text__name {
    white-space: nowrap;
}

.w74-productdetail__mains__first__color__text__value {
    margin-left: 1rem;
    padding: .5rem 1rem;
    border: solid 1px rgba(129, 129, 129, .2);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
    display: none !important;
}

@media only screen and (min-width: 50rem) {
    .w74-productdetail__mains__first__color__text__value {
    }
}

.w74-productdetail__mains__first__color__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0rem;
}

@media only screen and (max-width: 50rem) {
    .w74-productdetail__mains__first__color__items {
        width: 100%;
        margin-top: 1rem;
    }
}

.w74-productdetail__mains__first__color__items__item {
    margin-right: 2rem;
    margin-bottom: 1rem;
    border-radius: 1rem;
    position: relative;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    filter: brightness(1) !important;
    overflow: hidden;
}

@media only screen and (max-width: 50rem) {
    .w74-productdetail__mains__first__color__items__item {
        margin-bottom: 1rem;
        margin-right: 1rem;
    }
}

.w74-productdetail__mains__first__color__items__item--hide {
    display: none !important;
}

.w74-productdetail__mains__first__color__items__item--hethang {
    cursor: not-allowed;
}

.w74-productdetail__mains__first__color__items__item__check {
    display: none;
}

.w74-productdetail__mains__first__color__items__item__box {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: relative;
    transition: all .3s;
    padding: 1rem 2rem;
    border: solid #ededed .1rem;
    border-radius: 2rem;
    font-size: 1.4rem;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__color__items__item__box {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

.w74-productdetail__mains__first__color__items__item__box__text {
}

@media only screen and (min-width:50rem) {
}

.w74-productdetail__mains__first__color__items__item__check:checked ~
.w74-productdetail__mains__first__color__items__item__box
.w74-productdetail__mains__first__color__items__item__box__text {
}

.w74-productdetail__mains__first__color__items__item--hethang .w74-productdetail__mains__first__color__items__item__box::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba(0, 0, 0, .5);
    content: "";
    height: 100%;
    z-index: 2;
    border-radius: .3rem;
}

@media only screen and (min-width:50rem) {
    .w74-productdetail__mains__first__color__items__item:hover .w74-productdetail__mains__first__color__items__item__box {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

.w74-productdetail__mains__first__color__items__item__check:checked ~ .w74-productdetail__mains__first__color__items__item__box {
    border-color: rgba(var(--main-color-w), 1);
}

.w74-productdetail__mains__first__color__items__item:hover .w74-productdetail__mains__first__color__items__item__box {
    border-color: rgba(var(--main-color-w), 1);
}

.w74-productdetail__mains__first__color__items__item__box__bg {
    position: absolute;
    transform: rotate(34deg);
    font-size: 2rem;
    transition: all .5s;
    width: 100px;
    height: 100px;
    top: -93px;
    background-color: rgba(var(--main-color-w), 1);
    right: -38px;
    visibility: hidden;
    opacity: 0;
}

.w74-productdetail__mains__first__color__items__item__check:checked ~
.w74-productdetail__mains__first__color__items__item__box
.w74-productdetail__mains__first__color__items__item__box__bg {
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__mains__first__color__items__item:hover
.w74-productdetail__mains__first__color__items__item__box__bg {
}

.w74-productdetail__mains__first__color__items__item__box__icon {
    position: absolute;
    top: 3px;
    right: 8px;
    font-size: 10px;
    color: #fff;
    visibility: hidden;
    opacity: 0;
}

.w74-productdetail__mains__first__color__items__item__check:checked ~
.w74-productdetail__mains__first__color__items__item__box
.w74-productdetail__mains__first__color__items__item__box__icon {
    visibility: visible;
    opacity: 1;
}

.w74-productdetail__mains__first__color__items__item__box__text {
    font-size: 1.2rem;
}

.w74-productdetail__mains__first__giohang {
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__line {
        margin-right: 1rem;
    }
}

.w74-productdetail__mains__first__info__item__icon {
    margin-right: 1rem;
}

.w74-productdetail__mains__first__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w74-productdetail__mains__first__price__chinh {
    color: rgba(var(--main-color-w),1);
    font-size: 3rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
    margin-top: 1rem;
}

.w74-productdetail__mains__first__price__chinh__icon {
    margin-right: .5rem;
    font-size: 2.5rem;
}

.w74-productdetail__mains__first__price__chinh__donvi {
    margin-left: .5rem;
}

.w74-productdetail__mains__first__price__chinh__donvi--hide {
    display: none;
}

.w74-productdetail__mains__first__price__second {
    color: #B6B6B6;
    font-size: 2.4rem;
    text-decoration: line-through;
    display: flex;
    margin-top: 1rem;
    align-items: center;
}

.w74-productdetail__mains__first__price__second--hide {
    display: none;
}

.w74-productdetail__mains__first__price__second__icon {
    margin-right: .5rem;
    font-size: 2rem;
}

.w74-productdetail__mains__first__price__second__donvi {
    margin-left: .5rem;
}

.w74-productdetail__mains__first__giohang {
    margin-top: 2rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__giohang {
        justify-content: center;
        margin-bottom: 2rem;
    }
}

.w74-productdetail__mains__first__giohang__soluong {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 3rem;
    padding: 0 0rem 0 .75rem;
    height: 5rem;
    margin-top: 1rem;
}

@media only screen and (max-width:82.5rem) {
    .w74-productdetail__mains__first__giohang__soluong {
        margin-right: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__giohang__soluong {
        justify-content: center;
        margin-right: 0;
    }
}

.w74-productdetail__mains__first__giohang__soluong__input {
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.w74-productdetail__mains__first__giohang__soluong__input__text {
    outline: none;
    border-radius: 3rem;
    border: 1px solid #fff;
    background: #FFF;
    padding: .7rem 2rem;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 600;
    color: #24272C;
    transition: all .3s ease;
    text-align: center;
    width: 11rem;
}

    .w74-productdetail__mains__first__giohang__soluong__input__text::-webkit-inner-spin-button,
    .w74-productdetail__mains__first__giohang__soluong__input__text::-webkit-outer-spin-button {
        display: none;
    }

.w74-productdetail__mains__first__giohang__soluong__input__minus {
    color: #24272C;
    font-size: 1.4rem;
    position: absolute;
    left: 1.5rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-productdetail__mains__first__giohang__soluong__input__minus:hover {
    }

.w74-productdetail__mains__first__giohang__soluong__input__plus {
    color: #24272C;
    font-size: 1.4rem;
    position: absolute;
    right: 1.5rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w74-productdetail__mains__first__giohang__soluong__input__plus:hover {
    }

.w74-productdetail__mains__first__giohang__soluong__button {
    font-size: 1.6rem;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    height: 100%;
    padding: 0 3rem 0 1.5rem;
    font-weight: 600;
    transition: all .3s ease;
}

    .w74-productdetail__mains__first__giohang__soluong__button:hover {
        text-decoration: underline;
    }

.w74-productdetail__mains__first__giohang__soluong__button__text {
}

.w74-productdetail__mains__first__giohang__button {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__giohang__button {
        margin-left: 0rem;
        margin-top: 1rem;
        width: 100%;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.w74-productdetail__mains__first__giohang__button__chat {
    background: #fff;
    border-radius: 3rem;
    padding: 0 2rem 0 5.25rem;
    color: #fff;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    height: 5rem;
    font-weight: 600;
    margin-top: 1rem;
    position: relative;
    background-color: #2196f3;
    margin-right: 2rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__giohang__button__chat {
        margin-top: 1rem;
        margin-right: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__giohang__button__chat {
        margin-left: 2%;
        margin-right: 0;
        width: 49%;
    }
}

.w74-productdetail__mains__first__giohang__button__chat:last-child {
    margin-right: 0;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__giohang__button__chat {
        margin-left: 2%;
        margin-right: 0;
    }

        .w74-productdetail__mains__first__giohang__button__chat:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w74-productdetail__mains__first__giohang__button__chat {
        width: 100%;
        margin-left: 0;
    }
}

.w74-productdetail__mains__first__giohang__button__chat:hover {
    padding: 0 5.25rem 0 2rem;
}

.w74-productdetail__mains__first__giohang__button__chat__icon {
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #fff;
    border-radius: 50%;
    color: #2196f3;
    transition: all .5s ease;
    left: .75rem;
    position: absolute;
}

.w74-productdetail__mains__first__giohang__button__chat:hover .w74-productdetail__mains__first__giohang__button__chat__icon {
    left: calc(100% - 4.25rem);
}

.w74-productdetail__mains__first__giohang__button__chat__text {
}

.w74-productdetail__mains__first__giohang__button__call {
    background: rgba(var(--second-color-w), 1);
    border-radius: 3rem;
    padding: 0 2rem 0 5.25rem;
    color: #fff;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 2rem;
    border: solid .1rem #f1f1f1;
    height: 5rem;
    font-weight: 600;
    position: relative;
    margin-right: 2rem;
    margin-top: 1rem;
    margin-left: 0;
}

@media only screen and (max-width:82.5rem) {
    .w74-productdetail__mains__first__giohang__button__call {
        margin-right: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__giohang__button__call {
        margin-left: 1rem;
        margin-top: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__giohang__button__call {
        margin-left: 2%;
        margin-right: 0;
        width: 49%;
    }
}

.w74-productdetail__mains__first__giohang__button__call:last-child {
    margin-right: 0;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__giohang__button__call {
        margin-left: 2%;
        margin-right: 0;
    }

        .w74-productdetail__mains__first__giohang__button__call:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w74-productdetail__mains__first__giohang__button__call {
        width: 100%;
        margin-left: 0;
    }
}

.w74-productdetail__mains__first__giohang__button__call:hover {
    padding: 0 5.25rem 0 2rem;
}

.w74-productdetail__mains__first__giohang__button__call__icon {
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.5rem;
    height: 3.5rem;
    background-color: #fff;
    border-radius: 50%;
    color: #24272C;
    transition: all .5s ease;
    position: absolute;
    left: .75rem;
}

.w74-productdetail__mains__first__giohang__button__call:hover .w74-productdetail__mains__first__giohang__button__call__icon {
    left: calc(100% - 4.25rem);
}

.w74-productdetail__mains__first__giohang__button__call__text {
}

.w74-productdetail__mains__first__line {
}

.w74-productdetail__mains__first__line {
    margin: 3rem 0;
    height: .1rem;
    background-color: #ededed;
    display: block;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__line {
        margin: 1.5rem 0;
    }
}

.w74-productdetail__mains__first__des__ck {
    display: none;
}

.w74-productdetail__mains__first__des__name {
    font-size: 3rem;
    font-weight: 600;
    color: #24272C;
}

.w74-productdetail__mains__first__des__text {
    margin-top: 2rem;
    position: relative;
    height: 10rem;
    overflow: hidden;
}

.w74-productdetail__mains__first__des__ck:checked ~ .w74-productdetail__mains__first__des__text {
    height: max-content;
    overflow: initial;
}

.w74-productdetail__mains__first__des__text__noidung {
    font-size: 1.6rem;
    color: #696665;
}

.w74-productdetail__mains__first__des__text__bg {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(55, 100, 235, 0) 0%, #fff 100%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}

.w74-productdetail__mains__first__des__ck:checked ~
.w74-productdetail__mains__first__des__text
.w74-productdetail__mains__first__des__text__bg {
    opacity: 0;
    visibility: hidden;
}

.w74-productdetail__mains__first__des__show {
    font-size: 1.6rem;
    color: #24272C;
    display: flex;
    align-items: center;
    margin-top: 3rem;
    cursor: pointer;
}

.w74-productdetail__mains__first__des__show__name {
    font-weight: 600;
}

.w74-productdetail__mains__first__des__ck:checked ~
.w74-productdetail__mains__first__des__show
.w74-productdetail__mains__first__des__show__name {
    display: none;
}

.w74-productdetail__mains__first__des__show__text {
    font-weight: 600;
    display: none;
}

.w74-productdetail__mains__first__des__ck:checked ~
.w74-productdetail__mains__first__des__show
.w74-productdetail__mains__first__des__show__text {
    display: inline-block;
}

.w74-productdetail__mains__first__des__show__icon {
    margin-left: 1rem;
    transition: all .3s ease;
}

.w74-productdetail__mains__first__des__ck:checked ~
.w74-productdetail__mains__first__des__show
.w74-productdetail__mains__first__des__show__icon {
    transform: rotate(-180deg);
}

.w74-productdetail__mains__first__catelog {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
}

.w74-productdetail__mains__first__catelog__btn {
    display: flex;
    margin-top: 1rem;
    align-items: center;
    border: 1px solid #EDEDED;
    border-radius: 1rem;
    background: #FCFCFC;
    font-size: 1.4rem;
    line-height: 2.2rem;
    color: #24272C;
    padding: 1rem;
    display: flex;
    align-items: center;
    width: max-content;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
    margin-right: 1rem;
}

    .w74-productdetail__mains__first__catelog__btn:hover {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-productdetail__mains__first__catelog__btn__icon {
    margin-right: 1rem;
}

.w74-productdetail__mains__first__attrs {
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__attrs {
        margin-top: 1.5rem;
    }
}

.w74-productdetail__mains__first__attrs__name {
    font-size: 3rem;
    font-weight: 600;
    color: #24272C;
}

.w74-productdetail__mains__first__attrs__items {
    display: flex;
    align-items: flex-start;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.w74-productdetail__mains__first__attrs__items__item {
    margin-left: 4%;
    width: 48%;
    margin-top: 2rem;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

    .w74-productdetail__mains__first__attrs__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__attrs__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w74-productdetail__mains__first__attrs__items__item__name {
    display: flex;
    align-items: center;
    color: #696665;
    font-size: 1.5rem;
    width: 44%;
}

.w74-productdetail__mains__first__attrs__items__item__name__icon {
    margin-right: 1rem;
}

.w74-productdetail__mains__first__attrs__items__item__val {
    font-size: 1.5rem;
    font-weight: 600;
    color: #24272C;
    width: 54%;
}

.w74-productdetail__mains__first__features__feature {
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__features__feature {
        margin-top: 1.5rem;
    }
}

.w74-productdetail__mains__first__features__feature__line {
    margin: 3rem 0;
    height: .1rem;
    background-color: #ededed;
    display: block;
    width: 100%;
}

.w74-productdetail__mains__first__features__feature__name {
    font-size: 3rem;
    font-weight: 600;
    color: #24272C;
}

.w74-productdetail__mains__first__features__feature__items {
    margin-top: 1rem;
}

.w74-productdetail__mains__first__features__feature__items__item {
    border-bottom: 1px solid #EDEDED;
    margin-bottom: 1.8rem;
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__features__feature__items__item {
        margin-bottom: 1rem;
        margin-top: 1rem;
    }
}

.w74-productdetail__mains__first__features__feature__items__item:last-child {
    border-bottom: none;
}

.w74-productdetail__mains__first__features__feature__items__item__ck {
    display: none;
}

.w74-productdetail__mains__first__features__feature__items__item__heading {
    font-size: 18px;
    line-height: 2.6rem;
    display: flex;
    align-items: flex-start;
    color: #24272C;
    position: relative;
    cursor: pointer;
    margin: 0;
    padding-bottom: 1.8rem;
    padding-right: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__features__feature__items__item__heading {
        padding-bottom: 1rem;
    }
}

.w74-productdetail__mains__first__features__feature__items__item__heading__name {
    font-weight: 600;
}

.w74-productdetail__mains__first__features__feature__items__item__heading__icon {
    position: absolute;
    transition: all .3s ease;
    right: 0;
}

.w74-productdetail__mains__first__features__feature__items__item__ck:checked ~
.w74-productdetail__mains__first__features__feature__items__item__heading
.w74-productdetail__mains__first__features__feature__items__item__heading__icon {
    transform: rotate(-180deg);
}

.w74-productdetail__mains__first__features__feature__items__item__subs {
    display: flex;
    flex-wrap: wrap;
    max-height: 0;
    overflow: hidden;
    transition: all .5s ease;
    background-color: #fff;
    align-items: flex-start;
}

.w74-productdetail__mains__first__features__feature__items__item__ck:checked ~
.w74-productdetail__mains__first__features__feature__items__item__subs {
    max-height: 200vh;
}

.w74-productdetail__mains__first__features__feature__items__item__subs__sub {
    display: flex;
    position: relative;
    align-items: center;
    padding-left: 2.5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 2rem;
}

@media only screen and (min-width:37.5rem) {
    .w74-productdetail__mains__first__features__feature__items__item__subs__sub {
        font-size: 1.5rem;
    }
}

@media only screen and (min-width:50rem) {
    .w74-productdetail__mains__first__features__feature__items__item__subs__sub:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__features__feature__items__item__subs__sub {
        width: 49%;
    }

        .w74-productdetail__mains__first__features__feature__items__item__subs__sub:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w74-productdetail__mains__first__features__feature__items__item__subs__sub__icon {
    color: rgba(var(--main-color-w),1);
    position: absolute;
    left: 0;
}

.w74-productdetail__mains__first__features__feature__items__item__subs__sub__icon__name {
    color: #696665;
}

.w74-productdetail__mains__first__calculator {
    margin-top: 3rem;
    background-color: #fff;
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__calculator {
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__calculator {
        padding: 1.5rem;
    }
}

.w74-productdetail__mains__first__calculator__heading {
    margin-bottom: 2rem;
}

.w74-productdetail__mains__first__calculator__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}

.w74-productdetail__mains__first__calculator__heading__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #696665;
}

.w74-productdetail__mains__first__calculator__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-productdetail__mains__first__calculator__items__item {
    width: 100%;
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__calculator__items__item {
        margin-bottom: 2rem;
    }
}

.w74-productdetail__mains__first__calculator__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w74-productdetail__mains__first__calculator__items__item__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-productdetail__mains__first__calculator__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-productdetail__mains__first__calculator__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-productdetail__mains__first__calculator__items__item__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w74-productdetail__mains__first__calculator__items__item__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w74-productdetail__mains__first__calculator__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w74-productdetail__mains__first__calculator__items__item__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__calculator__items__item__dropdown {
        width: 100%;
    }
}

.w74-productdetail__mains__first__calculator__items__item__dropdown__label {
    background-color: #fff;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
}

.w74-productdetail__mains__first__calculator__items__item__dropdown__check:checked ~
.w74-productdetail__mains__first__calculator__items__item__dropdown__label
.w74-productdetail__mains__first__calculator__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w74-productdetail__mains__first__calculator__items__item__dropdown__label__name {
    font-size: 1.4rem;
}

.w74-productdetail__mains__first__calculator__items__item__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w74-productdetail__mains__first__calculator__items__item__dropdown__check {
    display: none;
}

.w74-productdetail__mains__first__calculator__items__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w74-productdetail__mains__first__calculator__items__item__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-productdetail__mains__first__calculator__items__item__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-productdetail__mains__first__calculator__items__item__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w74-productdetail__mains__first__calculator__items__item__dropdown__check:checked ~
.w74-productdetail__mains__first__calculator__items__item__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-productdetail__mains__first__calculator__items__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w74-productdetail__mains__first__calculator__items__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w74-productdetail__mains__first__calculator__items__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w74-productdetail__mains__first__calculator__btn {
    width: max-content;
    max-width: 100%;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 3rem;
    padding: 1.5rem 16rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__calculator__btn {
        width: 100%;
        padding: 1.5rem 2rem;
    }
}

.w74-productdetail__mains__first__calculator__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w74-ctaregister-1__figure {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-size: cover;
    z-index: 1;
    transition: all .5s;
    height: 100% !important;
}

.w74-ctaregister-1:hover .w74-ctaregister-1__figure {
    transform: scale(1.05);
}

.w74-ctaregister-1__figure__img {
    float: right;
}

.w74-ctaregister-1__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.w74-productdetail__mains__first__calculator__subs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-productdetail__mains__first__calculator__subs__sub {
    width: 48%;
    margin-bottom: 3rem;
    margin-left: 4%;
}

    .w74-productdetail__mains__first__calculator__subs__sub:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__calculator__subs__sub {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

.w74-productdetail__mains__first__calculator__subs__sub--full {
    width: 100%;
    margin-left: 0;
}

.w74-productdetail__mains__first__calculator__subs__sub__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-productdetail__mains__first__calculator__subs__sub__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-productdetail__mains__first__calculator__subs__sub__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-productdetail__mains__first__calculator__subs__sub__textarea {
    width: 100%;
    padding: .75rem 1rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: inherit;
    border-radius: .5rem;
    transition: all .5s;
    border: solid .1rem #ced4da;
}

    .w74-productdetail__mains__first__calculator__subs__sub__textarea:focus {
        box-shadow: 0 0 0 .2rem rgba(var(--main-color-w),.25);
        border: solid .1rem rgba(var(--main-color-w),.5);
    }

.w74-productdetail__mains__first__calculator__subs__sub__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: .75rem .5rem !important;
    border-radius: 0 .5rem .5rem 0;
}

.w74-productdetail__mains__first__calculator__subs__sub__dropdown {
    position: relative;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__calculator__subs__sub__dropdown {
        width: 100%;
    }
}

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__label {
    background-color: #fff;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
    transition: all .3s ease;
}

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__check:checked ~
.w74-productdetail__mains__first__calculator__subs__sub__dropdown__label {
    border-color: rgba(var(--main-color-w),1);
}

    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__check:checked ~
    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__label
    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__label__icon:before {
        content: "\f106";
    }

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__label__name {
    font-size: 1.4rem;
}

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__check {
    display: none;
}

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11);
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs::-webkit-scrollbar {
        width: .4rem;
    }

    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__check:checked ~
.w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs__child {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs__child:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w74-productdetail__mains__first__calculator__subs__sub__dropdown__childs__child:last-child {
        border: none;
        cursor: pointer;
    }

.w74-productdetail__mains__first__calculator__pay {
    margin-bottom: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__calculator__pay {
        margin-bottom: 2rem;
    }
}

.w74-productdetail__mains__first__calculator__pay__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w74-productdetail__mains__first__calculator__pay__item__name {
    font-size: 1.5rem;
    font-weight: 600;
    color: #24272C;
}

.w74-productdetail__mains__first__calculator__pay__item__des {
    font-size: 1.5rem;
    font-weight: 600;
    color: #24272C;
    display: flex;
    align-items: center;
}

.w74-productdetail__mains__first__calculator__pay__item__des__icon {
    margin-left: 1rem;
}

.w74-productdetail__mains__first__calculator__pay__sub {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    justify-content: space-between;
}

.w74-productdetail__mains__first__calculator__pay__sub__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w74-productdetail__mains__first__calculator__pay__sub__des {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
}

.w74-productdetail__mains__first__calculator__pay__sub__des__icon {
    margin-left: 1rem;
}

.w74-productdetail__mains__first__tab {
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__tab {
        margin-top: 1.5rem;
    }
}

.w74-productdetail__mains__first__tab__name {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
}

.w74-productdetail__mains__first__tab__des {
    display: flex;
    align-items: flex-start;
    position: relative;
    font-size: 1.5rem;
    position: relative;
    padding-left: 2.5rem;
    color: #696665;
    margin-top: 1rem;
}

.w74-productdetail__mains__first__tab__des__icon {
    position: absolute;
    left: 0;
    top: 3px;
}

.w74-productdetail__mains__first__tab__des__name {
}

.w74-productdetail__mains__first__tab__detail {
    margin-top: 2rem;
}

    .w74-productdetail__mains__first__tab__detail img {
        border-radius: 2rem;
    }

    .w74-productdetail__mains__first__tab__detail iframe {
        border-radius: 2rem;
        border: none;
        overflow: hidden;
        outline: none;
    }

.w74-productdetail__mains__first__comment {
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__comment {
        margin-top: 1.5rem;
    }
}

.w74-productdetail__mains__first__comment__name {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
}

.w74-productdetail__mains__first__comment__heading {
    margin-top: 2rem;
    display: flex;
    align-items: center;
}

.w74-productdetail__mains__first__comment__heading__star {
    width: 7rem;
    height: 7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),.05);
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__heading__star {
        width: 5rem;
        height: 5rem;
    }
}

.w74-productdetail__mains__first__comment__heading__star__icon {
    font-size: 2.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__heading__star__icon {
        font-size: 2rem;
    }
}

.w74-productdetail__mains__first__comment__heading__number {
    margin-left: 2rem;
    font-size: 7rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__heading__number {
        font-size: 5rem;
    }
}

.w74-productdetail__mains__first__comment__heading__text {
    margin-left: 2rem;
}

.w74-productdetail__mains__first__comment__heading__text__name {
    font-size: 1.5rem;
}

.w74-productdetail__mains__first__comment__heading__text__des {
    margin-top: .25rem;
    font-size: 1.5rem;
}

.w74-productdetail__mains__first__comment__title {
    font-size: 1.6rem;
    color: #24272C;
    margin-top: 3rem;
    font-weight: 600;
}

.w74-productdetail__mains__first__comment__items {
    transition: all .5s ease;
    overflow: hidden;
    max-height: 50rem;
    position: relative;
}

.w74-productdetail__mains__first__comment__items__bg {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(55, 100, 235, 0) 0%, #fff 100%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}

.w74-productdetail__mains__first__comment__ck:checked ~
.w74-productdetail__mains__first__comment__items
.w74-productdetail__mains__first__comment__items__bg {
    opacity: 0;
    visibility: hidden;
}

.w74-productdetail__mains__first__comment__ck:checked ~
.w74-productdetail__mains__first__comment__items {
    max-height: 900vh;
    overflow: initial;
}

.w74-productdetail__mains__first__comment__items__item {
    padding: 2rem 0;
    border-bottom: solid .1rem #ededed;
}

    .w74-productdetail__mains__first__comment__items__item:last-child {
        border-bottom: none;
    }

.w74-productdetail__mains__first__comment__items__item__create {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__items__item__create {
    }
}

.w74-productdetail__mains__first__comment__items__item__create__date {
    font-size: 1.3rem;
    color: #696665;
}

.w74-productdetail__mains__first__comment__items__item__create__by {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__items__item__create__by {
    }
}

.w74-productdetail__mains__first__comment__items__item__create__by__imgbox {
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

.w74-productdetail__mains__first__comment__items__item__create__by__text {
}

.w74-productdetail__mains__first__comment__items__item__create__by__text__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #24272C;
    font-weight: 600;
}

.w74-productdetail__mains__first__comment__items__item__create__by__text__stars {
    margin-top: .75rem;
    display: flex;
}

.w74-productdetail__mains__first__comment__items__item__create__by__text__stars__icon {
    font-size: 1rem;
    color: #ff7101;
}

    .w74-productdetail__mains__first__comment__items__item__create__by__text__stars__icon:not(:first-child) {
        margin-left: .5rem;
    }

.w74-productdetail__mains__first__comment__items__item__text {
    color: #696665;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-top: 2rem;
}

.w74-productdetail__mains__first__comment__ck {
    display: none;
}

.w74-productdetail__mains__first__comment__more {
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-top: 1rem;
    cursor: pointer;
}

.w74-productdetail__mains__first__comment__more__name {
    font-weight: 600;
    font-size: 1.6rem;
}

.w74-productdetail__mains__first__comment__more__icon {
    margin-left: 1rem;
    transition: all .3s ease;
    font-size: 1rem;
    width: 1.7rem;
    font-size: .8rem;
    height: 1.7rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w74-productdetail__mains__first__comment__ck:checked ~
.w74-productdetail__mains__first__comment__more {
    display: none;
}

.w74-productdetail__mains__first__comment__box {
    background-color: #fff;
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__comment__box {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__box {
        padding: 1.5rem;
    }
}

.w74-productdetail__mains__first__comment__box__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__comment__box__heading {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__box__heading {
        margin-bottom: 2rem;
    }
}

.w74-productdetail__mains__first__comment__box__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}


.w74-productdetail__mains__first__comment__box__heading__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #696665;
}

.w74-productdetail__mains__first__comment__box__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w74-productdetail__mains__first__comment__box__items__item {
    width: 48%;
    margin-bottom: 3rem;
    margin-left: 4%;
}

@media only screen and (min-width:50rem) {
    .w74-productdetail__mains__first__comment__box__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__comment__box__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__first__comment__box__items__item {
        margin-bottom: 2rem;
    }
}

.w74-productdetail__mains__first__comment__box__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w74-productdetail__mains__first__comment__box__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w74-productdetail__mains__first__comment__box__items__item__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-productdetail__mains__first__comment__box__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-productdetail__mains__first__comment__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-productdetail__mains__first__comment__box__full {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__comment__box__full {
        margin-bottom: 2rem;
    }
}

.w74-productdetail__mains__first__comment__box__full__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w74-productdetail__mains__first__comment__box__full__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w74-productdetail__mains__first__comment__box__full__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w74-productdetail__mains__first__comment__box__btn {
    width: max-content;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 3rem;
    padding: 1.5rem 10rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__first__comment__box__btn {
        width: 100%;
        padding: 1.5rem 1.5rem;
    }
}

.w74-productdetail__mains__first__comment__box__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w74-productdetail__mains__first__comment__box__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}

.w74-productdetail__mains__second__container__create {
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__second__container__create {
        padding: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__second__container__create {
    }
}

.w74-productdetail__mains__second {
    width: 34%;
}

@media only screen and (min-width:62.5rem) {
    .w74-productdetail__mains__second {
    }
}

@media only screen and (max-width:62.5rem) {
    .w74-productdetail__mains__second {
        width: 100%;
        margin-top: 2rem;
        position: relative;
    }
}

.w74-productdetail__mains__second__container {
    position: sticky;
    top: 9.5rem;
}

.tab-scroll-x .w74-productdetail__mains__second__container {
    top: 11.2rem;
}

.w74-productdetail__mains__second__container__create__by {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__second__container__create__by {
    }
}

.w74-productdetail__mains__second__container__create__by__imgbox {
    width: 8rem;
    height: 8rem;
    border-radius: 50%;
    overflow: hidden;
    background-size: cover;
    margin-right: 1rem;
}

.w74-productdetail__mains__second__container__create__by__text {
    margin-left: 1rem;
}

.w74-productdetail__mains__second__container__create__by__text__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #24272C;
    font-weight: 600;
}

.w74-productdetail__mains__second__container__create__by__text__btn {
    font-size: 1.2rem;
    color: rgba(var(--main-color-w),1);
    background-color: rgba(var(--main-color-w),.1);
    border-radius: 3rem;
    padding: .4rem .9rem;
    display: flex;
    align-items: center;
    border: 1px solid rgba(var(--main-color-w),.1);
    margin-top: 1rem;
}

.w74-productdetail__mains__second__container__create__by__text__btn__name {
    font-weight: 600;
}

.w74-productdetail__mains__second__container__create__by__text__btn__icon {
    margin-right: 1rem;
}

.w74-productdetail__mains__second__container__create__by__line {
    margin: 3rem 0;
    height: .1rem;
    background-color: #ededed;
    display: block;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__second__container__create__by__line {
        margin: 1.5rem 0;
    }
}

.w74-productdetail__mains__second__container__create__des {
    display: flex;
    align-items: flex-start;
    position: relative;
    font-size: 1.5rem;
    position: relative;
    padding-left: 2.5rem;
    color: #696665;
}

.w74-productdetail__mains__second__container__create__des__icon {
    position: absolute;
    left: 0;
    top: 3px;
}

.w74-productdetail__mains__second__container__create__des__name {
}

.w74-productdetail__mains__second__container__create__detail {
    margin-top: 2rem;
    overflow: hidden;
}

    .w74-productdetail__mains__second__container__create__detail iframe {
        border-radius: 2rem;
        border: none;
        overflow: hidden;
        outline: none;
        width: 100%;
    }

.w74-productdetail__mains__second__container__create__contact__name {
    font-size: 1.6rem;
    color: #24272C;
    margin-top: 1rem;
    font-weight: 600;
}

.w74-productdetail__mains__second__container__create__contact__items {
    display: flex;
    flex-wrap: wrap;
}

.w74-productdetail__mains__second__container__create__contact__items__item {
    background: rgba(var(--main-color-w),1);
    border-radius: 3rem;
    padding: 1.4rem 1.4rem;
    color: #fff;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    width: 48%;
    margin-left: 4%;
    margin-top: 1rem;
    justify-content: center;
    cursor: pointer;
    transition: all .3s ease;
    border: solid .1rem #f1f1f1;
}

    .w74-productdetail__mains__second__container__create__contact__items__item:hover {
        background-color: #fff;
        color: #24272C;
    }

    .w74-productdetail__mains__second__container__create__contact__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__second__container__create__contact__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w74-productdetail__mains__second__container__create__contact__items__item__icon {
    margin-right: 1rem;
}

.w74-productdetail__mains__second__container__create__contact__items__item__name {
    margin-right: 1rem;
    white-space: nowrap;
}

.w74-productdetail__mains__second__container__create__contact__items__sub {
    background: rgba(var(--second-color-w),1);
    border-radius: 3rem;
    padding: 1.4rem 1.4rem;
    color: #fff;
    font-size: 1.5rem;
    display: flex;
    align-items: center;
    width: 48%;
    margin-left: 4%;
    justify-content: center;
    margin-top: 1rem;
    cursor: pointer;
    border: solid .1rem #f1f1f1;
}

    .w74-productdetail__mains__second__container__create__contact__items__sub:hover {
        background-color: #fff;
        color: #24272C;
    }

    .w74-productdetail__mains__second__container__create__contact__items__sub:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__second__container__create__contact__items__sub {
        width: 100%;
        margin-left: 0;
    }
}

.w74-productdetail__mains__second__container__create__contact__items__sub__icon {
    margin-right: 1rem;
}

.w74-productdetail__mains__second__container__create__contact__items__sub__name {
    margin-right: 1rem;
    white-space: nowrap;
}

.w74-productdetail__mains__second__container__baiviet {
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__second__container__baiviet {
        padding: 1.5rem;
        margin-top: 1.5rem;
    }
}

.w74-productdetail__mains__second__container__baiviet__heading {
}

.w74-productdetail__mains__second__container__baiviet__heading__name {
    font-size: 2.3rem;
    color: #24272C;
    line-height: 3.2rem;
    font-weight: 600;
    background-color: #fff;
}

.w74-productdetail__mains__second__container__baiviet__heading__des {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #696665;
    display: block;
    margin-top: .5rem;
}

.w74-productdetail__mains__second__container__baiviet__items {
    margin-top: 2rem;
}

@media only screen and (max-width:50rem) {
    .w74-productdetail__mains__second__container__baiviet__items {
        margin-top: 1rem;
    }
}

.w74-productdetail__mains__second__container__baiviet__items__item {
    padding: 1rem 0;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w74-productdetail__mains__second__container__baiviet__items__item {
        padding: 1.5rem 0;
    }
}

.w74-productdetail__mains__second__container__baiviet__items__item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.w74-productdetail__mains__second__container__baiviet__items__item__hinhanh {
    overflow: hidden;
    border-radius: 1.6rem;
    width: 12rem;
}

.w74-productdetail__mains__second__container__baiviet__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .5s ease-in-out;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

.w74-productdetail__mains__second__container__baiviet__items__item__hinhanh:hover .w74-productdetail__mains__second__container__baiviet__items__item__hinhanh__imgbox {
    transform: scale(1.05);
}

.w74-productdetail__mains__second__container__baiviet__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w74-productdetail__mains__second__container__baiviet__items__item__box {
    width: calc(100% - 14rem);
}

.w74-productdetail__mains__second__container__baiviet__items__item__box__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: .5rem;
    color: #24272C;
    font-weight: 400;
}

    .w74-productdetail__mains__second__container__baiviet__items__item__box__name:hover {
        text-decoration: underline;
    }

.w74-productdetail__mains__second__container__baiviet__items__item__box__price {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w74-productdetail__mains__second__container__baiviet__items__item__box__price__chinh {
    color: #24272C;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.w74-productdetail__mains__second__container__baiviet__items__item__box__price__chinh__icon {
    margin-right: .25rem;
}

.w74-productdetail__mains__second__container__baiviet__items__item__box__price__second {
    color: #B6B6B6;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 1rem;
    display: flex;
    align-items: center;
}

.w74-productdetail__mains__second__container__baiviet__items__item__box__price__second__icon {
    margin-right: .25rem;
}

.w74-productdetail__mains__second__container__baiviet__more {
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-top: 2rem;
    cursor: pointer;
}

.w74-productdetail__mains__second__container__baiviet__more__name {
    font-weight: 600;
    font-size: 1.6rem;
}

.w74-productdetail__mains__second__container__baiviet__more__icon {
    margin-left: 1rem;
    transition: all .3s ease;
    font-size: 1rem;
    width: 1.7rem;
    font-size: .8rem;
    height: 1.7rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*ed*/
/*w75-menu*/
.w75-menu {
    background-color: #fff;
    padding: 0rem;
    width: 100%;
    position:relative;
    z-index:1;
}

@media only screen and (min-width: 50rem) {
    .w75-menu {
    }
}

.w75-menu.ws1StickyApply {
}

.w75-menu__group {
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
    background-color: #fafafa;
    border-radius: 0 0 1.5rem 1.5rem;
}

.w75-menu__detail {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.ws1StickyApply .w75-menu__detail {
    align-items: normal;
}

.w75-menu__checkboxMobileMenu:checked ~
.w75-menu__detail {
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail {
    }

    .ws1TransApply .w75-menu__detail {
        background-color: transparent;
    }
}

.w75-menu__detail__two {
    width: 100%;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}

.ws1StickyApply .w75-menu__detail__two {
    align-items: center;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two {
        align-items: center;
        width: 100%;
    }
}

.w75-menu__detail__two__mains {
    width: 100%;
    height: max-content;
    display: flex;
    justify-content: center;
}

.ws1StickyApply .w75-menu__detail__two__mains {
    position: relative;
    bottom: initial;
}

@media only screen and (max-width: 93.75rem) {
    .w75-menu__detail__two__mains {
        width: 97%;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains {
        width: 100%;
        left: 0;
        position: relative;
        border: initial;
    }
}

.w75-menu__checkboxMobileMenu {
    display: none;
}

.w75-menu__detail__two__mains__lblicon {
    display: none;
}


.w75-menu__checkboxMobileMenu:checked ~ .w75-menu__detail__two__mains__lblicon {
    display: block;
}

.w75-menu__detail__two__mains__mobile {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    padding: 1rem;
    justify-content: space-between;
    display: none;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__mobile {
        display: flex;
    }

    .w75-menu__checkboxMobileMenu:checked ~
    .w75-menu__detail
    .w75-menu__detail__two
    .w75-menu__detail__two__mains
    .w75-menu__detail__two__mains__mobile {
        background-color: rgba(var(--second-color-w),1);
    }
}

.w75-menu__detail__two__mains__mobile__home {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    margin-right: 1rem;
}

.w75-menu__detail__two__mains__mobile__home__icon {
    margin-right: 1rem;
}

.w75-menu__detail__two__mains__mobile__home__name {
    font-weight: 600;
}

.w75-menu__detail__two__mains__mobile__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width: 37.5rem) {
    .w75-menu__detail__two__mains__mobile__container {
        margin-left: 2rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__mobile__container {
        display: none;
    }
}

.w75-menu__detail__two__mains__mobile__container__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
}

.w75-menu__detail__two__mains__mobile__container__lbl__top {
    position: absolute;
    width: 20px;
    height: 2px;
    top: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w75-menu__checkboxMobileMenu:checked ~
.w75-menu__detail
.w75-menu__detail__two
.w75-menu__detail__two__mains
.w75-menu__detail__two__mains__mobile__container
.w75-menu__detail__two__mains__mobile__container__lbl
.w75-menu__detail__two__mains__mobile__container__lbl__top {
    transform: rotate(45deg);
    top: 14px;
}

.w75-menu__detail__two__mains__mobile__container__lbl__center {
    position: absolute;
    width: 16px;
    height: 2px;
    right:5px;
    background-color: rgba(var(--second-color-w),1);
}

.w75-menu__checkboxMobileMenu:checked ~
.w75-menu__detail
.w75-menu__detail__two
.w75-menu__detail__two__mains
.w75-menu__detail__two__mains__mobile__container
.w75-menu__detail__two__mains__mobile__container__lbl
.w75-menu__detail__two__mains__mobile__container__lbl__center {
    width: 0;
}

.w75-menu__detail__two__mains__mobile__container__lbl__bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    bottom: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w75-menu__checkboxMobileMenu:checked ~
.w75-menu__detail
.w75-menu__detail__two
.w75-menu__detail__two__mains
.w75-menu__detail__two__mains__mobile__container
.w75-menu__detail__two__mains__mobile__container__lbl
.w75-menu__detail__two__mains__mobile__container__lbl__bottom {
    bottom: 14px;
    transform: rotate(-45deg);
}

.w75-menu__detail__two__mains__lblicon {
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    padding: 1rem;
    font-size: 3rem;
    z-index: 1;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main {
        background-color: rgba(var(--main-color-w),1);
        position: absolute;
        top: calc(100%);
        width: 100%;
        height: 65vh;
        left: 0;
        transition: all .2s ease;
        padding: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        z-index: 0;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-menu__detail__two__mains__main {
        width: 100%;
    }
}

.w75-menu__checkboxMobileMenu:checked ~
.w75-menu__detail
.w75-menu__detail__two
.w75-menu__detail__two__mains
.w75-menu__detail__two__mains__main {
    visibility: visible;
    opacity: 1;
    z-index: 1;
    transform: none;
}

.w75-menu__detail__two__mains__main__bottom {
    display: none;
}

@media only screen and (max-width: 37.5rem) {
    .w75-menu__detail__two__mains__main__bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        padding: 1rem 1rem 0rem;
        justify-content: center;
        background-color: rgba(var(--second-color-w),1);
        width: 100%;
    }

    .w75-menu__detail__two__mains__main__bottom__hotline {
        display: flex;
        margin-bottom: 1rem;
        color: #fff;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .w75-menu__detail__two__mains__main__bottom__hotline:not(:last-child) {
            margin-right: 1.5rem;
        }

    .w75-menu__detail__two__mains__main__bottom__hotline__icon {
        margin-right: 1rem;
        display: flex;
        width: 3.8rem;
        height: 3.8rem;
        background-color: #fff;
        border-radius: 50%;
        color: rgba(var(--main-color-w),1);
        justify-content: center;
        align-items: center;
        font-size: 2rem;
    }

    .w75-menu__detail__two__mains__main__bottom__hotline__name {
        font-size: 1.6rem;
    }

    .w75-menu__detail__two__mains__main__bottom__hotline__name__text {
        margin-bottom: .25rem;
    }

    .w75-menu__detail__two__mains__main__bottom__hotline__name__des {
        font-weight: 600;
    }
}

.w75-menu__detail__two__mains__main__items {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.ws1RightMenubox .w75-menu__detail__two__mains__main__items {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items {
        width: 100%;
        position: relative;
        z-index: 1;
        max-height: 90%;
        padding-left: 1rem;
        padding-right: .5rem;
        margin-top: 1rem;
        padding-bottom: 3rem;
        overflow-y: scroll;
    }

        .w75-menu__detail__two__mains__main__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w75-menu__detail__two__mains__main__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w75-menu__detail__two__mains__main__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w75-menu__detail__two__mains__main::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w75-menu__detail__two__mains__main__items__item {
    display: flex;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item {
        width: 100%;
        display: block;
    }

        .w75-menu__detail__two__mains__main__items__item:last-child {
            border-bottom: none;
        }
}

.w75-menu__detail__two__mains__main__items__item__inner {
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

.ws1RightMenubox .w75-menu__detail__two__mains__main__items__item__inner {
    padding: 3rem 1rem 3.5rem;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-menu__detail__two__mains__main__items__item__inner {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__inner {
        padding: .75rem 0;
        justify-content: flex-start;
    }

    .w75-menu__detail__two__mains__main__items__item:last-child .w75-menu__detail__two__mains__main__items__item__inner {
        border-bottom: none;
    }
}

.w75-menu__detail__two__mains__main__items__item__inner:hover .w75-menu__detail__two__mains__main__items__item__inner__text {
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__inner:hover .w75-menu__detail__two__mains__main__items__item__inner__text {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-menu__detail__two__mains__main__items__item__inner:hover .w75-menu__detail__two__mains__main__items__item__inner__icon {
    transition: all .2s ease;
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__inner:hover .w75-menu__detail__two__mains__main__items__item__inner__icon {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
}

.ws1RightMenubox .w75-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__inner__text {
        font-size: 1.6rem;
        color: #fff;
    }

    .w75-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w75-menu__detail__two__mains__main__items__item__inner
    .w75-menu__detail__two__mains__main__items__item__inner__text {
        /*color: rgba(var(--main-color-w),1);*/
    }
}

.w75-menu__detail__two__mains__main__items__item__inner__icon {
    color: #000;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        background-color: rgba(var(--second-color-w),0);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
        color: #fff;
        border: solid .1px #fff;
    }

    .w75-menu__detail__two__mains__main__items__item__inner__icon__value {
        font-weight: 400;
        transition: none;
    }

    .w75-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w75-menu__detail__two__mains__main__items__item__inner
    .w75-menu__detail__two__mains__main__items__item__inner__icon {
    }
}

.w75-menu__detail__two__mains__main__items__item__inputcheck {
    display: none;
}


    .w75-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w75-menu__detail__two__mains__main__items__item__inner
    .w75-menu__detail__two__mains__main__items__item__inner__icon
    .w75-menu__detail__two__mains__main__items__item__inner__icon__value {
        transform: rotate(180deg);
    }

.w75-menu__detail__two__mains__main__items__item__drops {
    position: absolute;
    border-radius: 1rem;
    margin-bottom: 0;
    min-width: 26rem;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops {
        width: max-content;
        visibility: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        -moz-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        opacity: 0;
        top: 100%;
    }

    .w75-menu__detail__two__mains__main__items__item:hover .w75-menu__detail__two__mains__main__items__item__drops {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    .w75-menu__detail__two__mains__main__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media only screen and (min-width: 50rem) {
    .w75-menu__detail__two__mains__main__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
    }

    .w75-menu__detail__two__mains__main__items__item__inputcheck:checked ~ .w75-menu__detail__two__mains__main__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }

    .w75-menu__detail__two__mains__main__items__item__inputcheck:not(:checked) ~ .w75-menu__detail__two__mains__main__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w75-menu__detail__two__mains__main__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop {
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
        border: 1px solid #fafafa;
        margin-top: 1rem;
        padding: .5rem 0;
        border-radius: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop {
        height: fit-content;
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents {
    width: 100%;
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--second-color-w),1);
    padding: 1rem 1.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
        padding: 1rem 0rem 1rem 1rem;
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    color:#000;
    align-items: center;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box {
        color: #fff;
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box:hover {
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box:hover {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
    transition: all .3s;
}


@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content {
    }

    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box {
    }

        .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
        .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box
        .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
        }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__box__text {
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
    position: absolute;
    left: calc(100% + 5rem);
    width: max-content;
    top: -1rem;
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        overflow: hidden;
    }

    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~ .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub {
    margin-left: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    padding: 0rem 0;
    margin-bottom: 0;
    min-width: 20rem;
    width: max-content;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border: 1px solid #fafafa;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub {
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 1rem 0 0;
    }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: 1rem 1.5rem;
    color: #000;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child {
        padding: 1rem 1rem 1rem 1rem;
        color:#fff;
    }

        .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child:hover .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__subs__sub__child__text {
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check {
    display: none;
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
    margin-left: 1rem;
    color:#000;
}

.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover
.w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
}

@media only screen and (min-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content:hover
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
        position: absolute;
        margin: 0;
        right: 0;
        top: .5rem;
        transform: rotate(90deg);
        font-weight: 400;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: solid .1px #fff;
    }

    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__check:checked ~
    .w75-menu__detail__two__mains__main__items__item__drops__drop__contents__content__icon {
        transform: rotate(270deg);
    }
}

.w75-menu__detail__two__mains__search {
    margin-left: 3rem;
    width: 3rem;
    height: 3rem;
    background-color: rgba(var(--second-color-w),.75);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .w75-menu__detail__two__mains__search:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 93.75rem) {
    .w75-menu__detail__two__mains__search {
        margin-left: auto;
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__search {
        display: flex;
        margin-left: 2rem;
        margin-right: 0;
    }
}

.w75-menu__detail__two__mains__search__btn {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .2s ease;
    color: #fff;
}

.w75-menu__detail__two__mains__search__btn__icon {
    color: white;
    font-size: 1.7rem;
    transition: all .3s;
}

.w75-menu__detail__two__mains__search__btn:hover {
}

.w75-menu__detail__two__mains__search__searchcheckbox:checked ~
.w75-menu__detail__two__mains__search__btn
.w75-menu__detail__two__mains__search__btn__icon {
    transform: rotate(0);
}

    .w75-menu__detail__two__mains__search__searchcheckbox:checked ~
    .w75-menu__detail__two__mains__search__btn
    .w75-menu__detail__two__mains__search__btn__icon:before {
        content: "\f00d";
    }

.w75-menu__detail__two__mains__search__searchcheckbox {
    display: none;
}

.w75-menu__detail__two__mains__search__box {
    background-color: #fff;
    position: absolute;
    width: 30rem;
    right: 0;
    top: 8rem;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(var(--second-color-w),1);
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border-radius: 3rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.w75-menu__detail__two__mains__search__searchcheckbox:checked ~ .w75-menu__detail__two__mains__search__box {
    top: 6rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__search__searchcheckbox:checked ~ .w75-menu__detail__two__mains__search__box {
        top: 7rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-menu__detail__two__mains__search__box {
        width: 29rem;
    }
}

.w75-menu__detail__two__mains__search__box__value {
    padding: 1rem 2rem;
    border-radius: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 81.25rem) {
    .w75-menu__detail__two__mains__search__box__value {
        width: 90%;
    }
}

.w75-menu__detail__two__mains__search__box__value__input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 50rem) {
    .w75-menu__detail__two__mains__search__box__value__input {
        font-size: 1.8rem;
    }
}

.w75-menu__detail__two__mains__search__box__value__input::placeholder {
}

.w75-menu__detail__two__mains__search__box__value__btn {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    right: 1.25rem;
}

@media only screen and (max-width: 81.25rem) {
    .w75-menu__detail__two__mains__search__box__value__btn {
        right: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w75-menu__detail__two__mains__search__box__value__btn {
        font-size: 1.8rem;
    }
}

.w75-menu__detail__two__mains__search__box__value__btn:hover {
    transition: all .2s ease;
    transform: scale(1.3);
}

.w75-menu__detail__two__mains__main__social {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding: 1rem 1rem 0rem;
    background-color: rgba(var(--main-color-w,1));
}

@media only screen and (max-width: 75rem) {
    .w75-menu__detail__two__mains__main__social {
        display: flex;
    }
}

.w75-menu__detail__two__mains__main__social__item {
    width: 3rem;
    height: 3rem;
    background-color: rgba(255,255,255,1);
    color: rgba(var(--main-color-w,1));
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    margin-right: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 50%;
    margin-bottom: 1rem;
}

    .w75-menu__detail__two__mains__main__social__item:last-child {
        margin-right: 0;
    }

    .w75-menu__detail__two__mains__main__social__item:hover {
        background-color: rgba(var(--second-color-w,1));
    }
/*ed*/
/*w75-header*/
.w75-header {
    background-color: #fff;
    padding: 2rem 1rem 1rem;
    box-shadow: 0px 3px 6px rgba(0, 0, 0, .06);
    margin-bottom: 5px;
    width:100%;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
    }
}

.w75-header__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w75-header__mains {
    display: flex;
    position: relative;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header__mains {
        display: none;
    }
}

.w75-header__mains__first {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 33%;
}

@media only screen and (max-width: 75rem) {
    .w75-header__mains__first {
        width: 65%;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header__mains__first {
        width: 100%;
        justify-content: space-around;
    }
}

.w75-header__mains__first__item {
    width: 48%;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 62.5rem) {
    .w75-header__mains__first__item {
        margin-left: 4%;
    }

        .w75-header__mains__first__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header__mains__first__item {
        width: max-content;
        margin-bottom: 2rem;
    }

        .w75-header__mains__first__item:not(:last-child) {
            margin-right: 2rem;
        }
}

.w75-header__mains__first__item__box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header__mains__first__item__box {
        justify-content: center;
    }
}

.w75-header__mains__first__item__box__icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    transition: all .3s ease;
}

    .w75-header__mains__first__item__box__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header__mains__first__item__box__content {
    width: calc(100% - 6rem);
    margin-left: 1rem;
    font-size: 1.6rem;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header__mains__first__item__box__content {
        width: max-content;
    }
}

.w75-header__mains__first__item__box__content__name {
    color: #333;
    margin-bottom: .5rem;
    white-space:nowrap;
    font-weight:600;
}

.w75-header__mains__first__item__box__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header__mains__first__item__box__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header__mains__first__alter {
    width: 48%;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 62.5rem) {
    .w75-header__mains__first__alter {
        margin-left: 4%;
    }

        .w75-header__mains__first__alter:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header__mains__first__alter {
        width: max-content;
        margin-bottom: 2rem;
    }

        .w75-header__mains__first__alter:not(:last-child) {
            margin-right: 2rem;
        }
}

.w75-header__mains__first__alter__box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w75-header__mains__first__alter__box__icon {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 2rem;
    transition: all .3s ease;
}

    .w75-header__mains__first__alter__box__icon:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w75-header__mains__first__alter__box__content {
    width: calc(100% - 6rem);
    margin-left: 1rem;
    font-size: 1.6rem;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header__mains__first__alter__box__content {
        width: max-content;
    }
}

.w75-header__mains__first__alter__box__content__name {
    color: #333;
    margin-bottom: .25rem;
    white-space:nowrap;
    font-weight:600;
}

.w75-header__mains__first__alter__box__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header__mains__first__alter__box__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header__mains__center {
    width: 33.333%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header__mains__center {
        display: none
    }
}

.w75-header__mains__center__imgbox {
    background-size: contain;
    cursor: pointer;
}

.w75-header__mains__last {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    width: 33%;
    justify-content: flex-end;
}

@media only screen and (max-width: 75rem) {
    .w75-header__mains__last {
        width: max-content;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header__mains__last {
        width: 100%;
        justify-content: center;
    }
}

.w75-header__mains__last__iconsearch {
    font-size: 1.8rem;
    color: #333;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
}

@media only screen and (max-width: 75rem) {
    .w75-header__mains__last__iconsearch {
        display: none;
    }
}

.w75-header__mains__last__iconsearch:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w75-header__mains__last__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 2rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 2rem;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header__mains__last__btn {
        margin-left: 0;
    }
}

.w75-header__mains__last__btn:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w75-header__mains__last__btn__icon {
}

.w75-header__mains__last__btn__name {
    font-weight: 700;
    margin-left: 1rem;
    white-space: nowrap;
}

.w75-header__cksearch {
    display: none;
}

.w75-header__search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    background-color: rgba(17, 24, 28, 0.8);
    transition: all .5s ease;
    visibility: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header__search {
        transition: all 0s ease;
    }
}

.w75-header__cksearch:checked ~ .w75-header__search {
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.w75-header__search__value {
    position: absolute;
    padding: 0 15px;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transform: translate(0,-25%);
    justify-content: center;
    transition: all ease .75s;
    margin-top: 18rem;
}

.w75-header__cksearch:checked ~
.w75-header__search
.w75-header__search__value {
    transform: translate(0,0);
    transition: all ease .3s;
}

.w75-header__search__value__content {
    width: 60rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w75-header__search__value__content__close {
    transition: all .5s;
    color: #fff;
    position: absolute;
    top: -4rem;
    right: -4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w75-header__search__value__content__close {
        right: 1rem;
    }
}

.w75-header__search__value__content__close__first {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(-45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header__search__value__content__close:hover .w75-header__search__value__content__close__first {
    transform: rotate(45deg);
}

.w75-header__search__value__content__close__second {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header__search__value__content__close:hover .w75-header__search__value__content__close__second {
    transform: rotate(-45deg);
}

.w75-header__cksearch:checked ~
.w75-header__search
.w75-header__search__value
.w75-header__search__value__content
.w75-header__search__value__content__heading
.w75-header__search__value__content__close
.w75-header__search__value__content__close__icon {
    animation-name: key-w75-header__search__value__content__close__icon;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.w75-header__search__value__content__text {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.w75-header__search__value__content__text__input {
    width: 100%;
    padding: 1.5rem 2rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 400;
    background: #fff;
    color: #333;
    border-radius: 3rem;
    transition: all .5s;
    outline: none;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: none;
}

    .w75-header__search__value__content__text__input:focus {
    }

@media only screen and (max-width: 75rem) {
    .w75-header__search__value__content__text__input {
    }
}

.w75-header__search__value__content__text__input::placeholder {
    color: #333;
}

.w75-header__search__value__content__text__btn {
    font-size: 1.6rem;
    cursor: pointer;
    position: absolute;
    right: .75rem;
    transition: all .2s ease;
    background-color: rgba(var(--main-color-w),1);
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
}

@media only screen and (max-width: 75rem) {
    .w75-header__search__value__content__text__btn {
        font-size: 1.8rem;
    }
}

.w75-header__search__value__content__text__btn:hover {
}

.w75-header__mobile {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header__mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
        position: relative;
        padding: 0 8rem;
    }

    .w75-header__mobile__logo {
    }

    .w75-header__mobile__logo__imgbox {
        background-size: contain;
        background-position: center;
    }

    .w75-header__mobile__iconsearch {
        font-size: 1.8rem;
        color: #333;
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fafafa;
        border-radius: 50%;
        cursor: pointer;
        transition: all .3s;
        position: absolute;
        right: 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header__mobile__iconsearch {
        right: 1rem;
    }
}

.w75-header__subs {
    display: none;
    padding: 1rem 0;
    background-color: #fafafa;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header__subs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w75-header__subs__first {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w75-header__subs__first__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}

    .w75-header__subs__first__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header__subs__first__content {
    margin-left: 1rem;
    font-size: 1.4rem;
}

.w75-header__subs__first__content__name {
    color: #333;
    margin-bottom: .25rem;
}

.w75-header__subs__first__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header__subs__first__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header__subs__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 2rem;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header__subs__btn {
        margin-left: 0;
    }
}

.w75-header__subs__btn:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w75-header__subs__btn__icon {
}

.w75-header__subs__btn__name {
    font-weight: 600;
    margin-left: 1rem;
    white-space: nowrap;
}

.w75-header__mobile__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 36px;
    height: 36px;
    display: none;
    align-items: center;
    justify-content: left;
    position: relative;
    border-radius: 3px;
    position: absolute;
    left: 0rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header__mobile__lbl {
        display: flex;
    }
}

.w75-header__mobile__lbl.active {
    width: 30px;
    height: 30px;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header__mobile__lbl {
        left: 1rem;
    }
}

.w75-header__mobile__lbl__top {
    position: absolute;
    width: 26px;
    height: 3px;
    top: 8px;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

.w75-header__mobile__lbl.active
.w75-header__mobile__lbl__top {
    transform: rotate(45deg);
    top: 14px;
}

.w75-header__mobile__lbl__center {
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: rgba(var(--main-color-w),1);
}

.w75-header__mobile__lbl.active
.w75-header__mobile__lbl__center {
    width: 0;
}

.w75-header__mobile__lbl__bottom {
    position: absolute;
    width: 26px;
    height: 3px;
    bottom: 8px;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

.w75-header__mobile__lbl.active
.w75-header__mobile__lbl__bottom {
    bottom: 14px;
    transform: rotate(-45deg);
}
/*ed*/

/*w75-introducer-1*/
.w75-introducer-1 {
    width: 100%;
    padding: 5rem 1rem 5rem;
    position: relative;
    background-color: #fff;
    background-size: cover;
    background-position: center;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-1 {
        padding-top: 3rem;
        padding-bottom: 3rem;
    }
}

.w75-introducer-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-1__group {
    }
}

.w75-introducer-1__first {
    width: 47%;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-1__first {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 3rem;
    }
}

.w75-introducer-1__first__heading {
    margin-bottom: 2rem;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-1__first__heading {
        text-align: center;
    }
}

.w75-introducer-1__first__heading__name {
    color: #fff;
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-1__first__heading__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-introducer-1__first__heading__name:hover {
}

.w75-introducer-1__first__heading__des {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-1__first__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-introducer-1__first__heading__title {
    margin-bottom: 1rem;
}

.w75-introducer-1__first__heading__title__text {
    font-size: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-1__first__heading__title__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-introducer-1__first__detail {
    font-size: 1.6rem;
    text-align: justify;
    line-height: 3rem;
}

@media only screen and (max-width:37.5rem) {
}

.w75-introducer-1__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w75-introducer-1__first__items__item {
    margin-top: 3rem;
    display: flex;
    margin-right: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-1__first__items__item {
        margin-top: 2rem;
    }
}

.w75-introducer-1__first__items__item__main {
    align-items: center;
    padding: 1rem 2rem;
    overflow: hidden;
    width: 100%;
    display: flex;
    transition: all .3s;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 3rem;
}

    .w75-introducer-1__first__items__item__main:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w75-introducer-1__first__items__item__main:hover {
    }

.w75-introducer-1__first__items__item__main__top {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w75-introducer-1__first__items__item__main__top__icon {
    font-size: 2rem;
}

.w75-introducer-1__first__items__item__main__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    transition: all .3s;
    cursor: pointer;
    margin-right: 1rem;
}

    .w75-introducer-1__first__items__item__main__name:hover {
    }

.w75-introducer-1__second {
    width: 42%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-1__second {
        width: 100%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-introducer-1__second {
    }
}

.w75-introducer-1__second__one {
    border-radius: 3.5rem;
    width: 100%;
    position: relative;
    overflow: hidden;
}

    .w75-introducer-1__second__one:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w75-introducer-1__second__one:hover:after {
        animation: key-w75-introducer-1__second__one 1.5s ease;
    }

@keyframes key-w75-introducer-1__second__one {
    100% {
        left: 125%;
    }
}

.w75-introducer-1__second__one__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w75-introducer-1__second__one:hover .w75-introducer-1__second__one__effect {
    animation: .5s ease-in-out key-w75-introducer-1__second__one__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w75-introducer-1__second__one__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w75-introducer-1__second__one__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
}

    .w75-introducer-1__second__one__imgbox:hover {
    }

.w75-introducer-1__second__one__imgbox__img {
    width: 100%;
}

.w75-introducer-1__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-1__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-introducer-1__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w75-introducer-1__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-1__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w75-introducer-1__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w75-introducer-1__second__two:hover {
    filter: brightness(.9);
}

.w75-introducer-1__second__two__figure {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    height: 17rem;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-1__second__two__figure {
        height: 20rem;
    }
}

@media only screen and (max-width:50rem) {
    .w75-introducer-1__second__two__figure {
        height: 18rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-1__second__two__figure {
        height: 15rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w75-introducer-1__second__two__figure {
        height: 12rem;
    }
}
/*ed*/

/*w75-introducer-2*/
.w75-introducer-2 {
    width: 100%;
    padding: 5rem 1rem 5rem;
    position: relative;
    background-image: url('../../img/w75/bg-01.png');
    background-size: cover;
    background-position: center;
    z-index: 0;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2 {
        padding-top: 3rem;
        padding-bottom: 0rem;
    }
}

.w75-introducer-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2__group {
    }
}

.w75-introducer-2__first {
    width: 54%;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2__first {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 2rem;
    }
}

.w75-introducer-2__first__heading {
    margin-bottom: 2rem;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2__first__heading {
        text-align: center;
    }
}

.w75-introducer-2__first__heading__name {
    color: #fff;
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-2__first__heading__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-introducer-2__first__heading__name:hover {
}

.w75-introducer-2__first__heading__des {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-2__first__heading__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-introducer-2__first__heading__title {
    margin-bottom: 1rem;
}

.w75-introducer-2__first__heading__title__text {
    font-size: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-2__first__heading__title__text {
        font-size: 2rem;
        line-height: 3rem;
    }
}

@media only screen and (max-width:37.5rem) {
}

.w75-introducer-2__first__items {
    padding: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w75-introducer-2__first__items__item {
    margin-bottom: 2rem;
    width: 31.33333%;
    margin-left: 3%;
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (min-width:50rem) {
    .w75-introducer-2__first__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w75-introducer-2__first__items__item {
        width: 48.5%;
        margin-left: 3%;
    }

        .w75-introducer-2__first__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w75-introducer-2__first__items__item__hinhanh {
    display: block;
    overflow: hidden;
    cursor: pointer;
    position: relative;
}

    .w75-introducer-2__first__items__item__hinhanh:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w75-introducer-2__first__items__item__hinhanh:hover:after {
        animation: key-w75-introducer-2__first__items__item__hinhanh 1s ease;
    }

@keyframes key-w75-introducer-2__first__items__item__hinhanh {
    100% {
        left: 125%;
    }
}

.w75-introducer-2__first__items__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w75-introducer-2__first__items__item__name {
    display: block;
    overflow: hidden;
    cursor: pointer;
    font-size: 2rem;
    line-height: 3rem;
    font-weight: 600;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    text-align: center;
    padding: .5rem;
    transition: all .3s ease;
}

    .w75-introducer-2__first__items__item__name:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-introducer-2__second {
    width: 42%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2__second {
        width: 100%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-introducer-2__second {
    }
}

.w75-introducer-2__second__one {
    width: 100%;
    position: relative;
    overflow: hidden;
    position: absolute;
    bottom: -5rem;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2__second__one {
        position: relative;
        bottom: initial;
    }
}

.w75-introducer-2__second__one:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none;
}

.w75-introducer-2__second__one:hover:after {
    animation: key-w75-introducer-2__second__one 1.5s ease;
}

@keyframes key-w75-introducer-2__second__one {
    100% {
        left: 125%;
    }
}

.w75-introducer-2__second__one__effect {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    pointer-events: none;
}

.w75-introducer-2__second__one:hover .w75-introducer-2__second__one__effect {
    animation: .5s ease-in-out key-w75-introducer-2__second__one__effect;
    animation-iteration-count: 1;
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

@-webkit-keyframes key-w75-introducer-2__second__one__effect {
    0% {
        background-color: rgba(255, 255, 255, 0);
    }

    100% {
        background-color: rgba(255, 255, 255, .15);
    }
}

.w75-introducer-2__second__one__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    transition: all .3s;
    cursor: pointer;
}

    .w75-introducer-2__second__one__imgbox:hover {
    }

.w75-introducer-2__second__one__imgbox__img {
    width: 100%;
}

.w75-introducer-2__second__two {
    position: absolute;
    right: 0;
    top: 34rem;
    width: 22rem;
    z-index: 4;
    transition: all .3s;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2__second__two {
        width: 28rem;
        top: 62rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-introducer-2__second__two {
        top: 46rem;
    }
}

@media only screen and (max-width:50rem) {
    .w75-introducer-2__second__two {
        top: 42rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-2__second__two {
        width: 24rem;
        top: 32rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w75-introducer-2__second__two {
        width: 20rem;
        top: 21rem;
    }
}

.w75-introducer-2__second__two:hover {
    filter: brightness(.9);
}

.w75-introducer-2__second__two__figure {
    width: 100%;
    background-size: cover;
    background-position: top center;
    border-radius: 1rem;
    height: 17rem;
}

@media only screen and (max-width:75rem) {
    .w75-introducer-2__second__two__figure {
        height: 20rem;
    }
}

@media only screen and (max-width:50rem) {
    .w75-introducer-2__second__two__figure {
        height: 18rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-introducer-2__second__two__figure {
        height: 15rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w75-introducer-2__second__two__figure {
        height: 12rem;
    }
}
/*ed*/
/*w75-pricingplan-1*/
.w75-pricingplan-1 {
    width: 100%;
    background-color: white;
    padding: 5rem 1rem;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1 {
        padding: 3rem 1rem 2rem;
    }
}

.w75-pricingplan-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w75-pricingplan-1__box {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w75-pricingplan-1__box {
        text-align: center;
    }
}

.w75-pricingplan-1__box__first {
    width: 100%;
    position: relative;
    z-index: 0;
}

.w75-pricingplan-1__box__first__name {
    color: rgba(var(--main-color-w),1);
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-pricingplan-1__box__first__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-pricingplan-1__box__first__name:hover {
}

.w75-pricingplan-1__box__first__des {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w75-pricingplan-1__box__first__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-pricingplan-1__box__first__title {
    margin-bottom: 1rem;
    font-size: 3rem;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w75-pricingplan-1__box__first__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-pricingplan-1__box__second {
    width: 26rem;
    position: absolute;
    right: 0;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w75-pricingplan-1__box__second {
        position: relative;
        margin: 0 auto 2rem;
        right: initial;
    }
}

.w75-pricingplan-1__box__second__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w75-pricingplan-1__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    background-color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    padding: 1.5rem 2rem .5rem;
    border-radius: 1rem;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__heading {
        margin-bottom: .5rem;
    }
}

.w75-pricingplan-1__heading__name {
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    margin-right: 6rem;
    margin-bottom: 1rem;
    font-weight: 600;
    position: absolute;
    left: 2rem;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w75-pricingplan-1__heading__name {
        width: 100%;
        text-align: center;
        margin-right: 0;
        position: relative;
        left: initial;
        margin-bottom: 2rem;
    }
}

.w75-pricingplan-1__heading__tab {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w75-pricingplan-1__heading__tab {
        width: 100%;
    }
}

.w75-pricingplan-1__heading__tab__item {
    font-size: 2rem;
    padding: 0 0rem;
    transition: all 0.2s ease;
    cursor: pointer;
    text-align: center;
    line-height: 3rem;
    color: #fff;
    font-weight: 600;
    position: relative;
    margin-bottom: 1rem;
}

    .w75-pricingplan-1__heading__tab__item:not(:last-child) {
        margin-right: 6rem;
    }

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__heading__tab__item:not(:last-child) {
        margin-right: 3rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__heading__tab__item:not(:last-child) {
        margin-right: 1.5rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w75-pricingplan-1__heading__tab__item:not(:last-child) {
        margin-right: 1rem;
    }
}

.w75-pricingplan-1__heading__tab__item__name {
    text-align: center;
}

.w75-pricingplan-1__heading__tab__item__bg {
    position: absolute;
    width: 100%;
    border-radius: 1rem;
    height: 5px;
    background-color: #fff;
    bottom: -14px;
    left: 0;
    transition: all .3s ease;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__heading__tab__item {
        font-size: 1.6rem;
        line-height: 2rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w75-pricingplan-1__heading__tab__item {
    }
}

@media only screen and (max-width: 31.25rem) {
    .w75-pricingplan-1__heading__tab__item {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w75-pricingplan-1__heading__tab__item.active .w75-pricingplan-1__heading__tab__item__bg {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.w75-pricingplan-1__heading__tab__item:hover .w75-pricingplan-1__heading__tab__item__bg {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.w75-pricingplan-1__mains__content {
    line-height: 3rem;
    font-size: 1.6rem;
    text-align: justify;
    display: block;
}

.w75-pricingplan-1__mains__main {
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main {
        display: table;
        width: 100%;
    }
}

.w75-pricingplan-1__mains__main__heading {
    position: relative;
    border-radius: .75rem;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading {
        display: table-row;
        width: 100%;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 0;
        padding: 1rem 1rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__item {
        display: table-cell;
        padding: 1.5rem 0;
    }

        .w75-pricingplan-1__mains__main__heading__item:first-child {
            border-radius: 1rem 0 0 1rem;
        }

        .w75-pricingplan-1__mains__main__heading__item:last-child {
            border-radius: 0 1rem 1rem 0;
        }
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__title {
        display: table-cell;
        padding: 1.75rem 0;
    }

        .w75-pricingplan-1__mains__main__heading__title:first-child {
            border-radius: 1rem 0 0 1rem;
        }

        .w75-pricingplan-1__mains__main__heading__title:last-child {
            border-radius: 0 1rem 1rem 0;
        }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__title {
        width: 100%;
        margin-bottom: .5rem;
    }
}

.w75-pricingplan-1__mains__main__heading__title__name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    display: block;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__title__name {
        padding-left: 2rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__title__name {
        text-align: center;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__heading__title__name {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__item {
        width: 100%;
        margin-bottom: .5rem;
        display: none;
    }
}

.w75-pricingplan-1__mains__main__heading__item__name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    display: block;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__item__name {
        padding-left: 2rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__item__name {
        width: calc(100% - 24rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__heading__item__name {
        width: calc(100% - 18rem);
        font-size: 1.5rem;
    }
}

.w75-pricingplan-1__mains__main__heading__item__pricehight {
    font-size: 1.8rem;
    font-weight: 600;
    display: block;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__item__pricehight {
        width: calc(100% - 24rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__heading__item__pricehight {
        width: calc(100% - 18rem);
        font-size: 1.5rem;
    }
}

.w75-pricingplan-1__mains__main__heading__item__pricemain {
    font-size: 1.8rem;
    font-weight: 700;
    color: rgba(var(--main-color-w),1);
    display: block;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__item__pricemain {
        width: calc(100% - 24rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__heading__item__pricemain {
        width: calc(100% - 18rem);
        font-size: 1.7rem;
    }
}

.w75-pricingplan-1__mains__main__heading__button {
    display: table-cell;
    width: 18rem;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__button {
    }

        .w75-pricingplan-1__mains__main__heading__button:first-child {
            border-radius: 1rem 0 0 1rem;
        }

        .w75-pricingplan-1__mains__main__heading__button:last-child {
            border-radius: 0 1rem 1rem 0;
        }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__heading__button {
        width: 18rem;
        right: 1rem;
        position: absolute;
        display: flex;
        justify-content: flex-end;
        display: none;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__heading__button {
        width: 17rem;
    }
}

.w75-pricingplan-1__mains__main__heading__button__btn {
    font-size: 1.8rem;
    font-weight: 600;
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__heading__button__btn {
        font-size: 1.4rem;
    }
}

.w75-pricingplan-1__mains__main__items {
    position: relative;
    border-radius: .75rem;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__items {
        display: table-row;
        width: 100%;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__items {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        padding: 1rem 1rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__item {
        display: table-cell;
        padding: 1.75rem 0;
    }

        .w75-pricingplan-1__mains__main__items__item:first-child {
            border-radius: 1rem 0 0 1rem;
        }

        .w75-pricingplan-1__mains__main__items__item:last-child {
            border-radius: 0 1rem 1rem 0;
        }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__item {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w75-pricingplan-1__mains__main__items__item__name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    display: flex;
    align-items: flex-start;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__item__name {
        padding-left: 2rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__item__name {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__items__item__name {
        font-size: 1.6rem;
    }
}

.w75-pricingplan-1__mains__main__items__item__name__text {
    margin-right: 3rem;
}

.w75-pricingplan-1__mains__main__items__item__name__imgbox {
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__items__item__name__imgbox {
        height: 24px;
    }
}

.w75-pricingplan-1__mains__main__items__item__pricehight {
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: line-through;
    display: block;
    color: #666;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__item__pricehight {
        width: calc(100% - 24rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__items__item__pricehight {
        width: calc(100% - 18rem);
        font-size: 1.6rem;
    }
}

.w75-pricingplan-1__mains__main__items__item__pricemain {
    font-size: 1.8rem;
    line-height:2.8rem;
    font-weight: 700;
    color: rgba(var(--main-color-w),1);
    display: block;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__item__pricemain {
        width: calc(100% - 24rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__items__item__pricemain {
        width: calc(100% - 18rem);
        font-size: 1.6rem;
        line-height:2.6rem;
    }
}

.w75-pricingplan-1__mains__main__items__button {
    display: table-cell;
    width: 18rem;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__button {
    }

        .w75-pricingplan-1__mains__main__items__button:first-child {
            border-radius: 1rem 0 0 1rem;
        }

        .w75-pricingplan-1__mains__main__items__button:last-child {
            border-radius: 0 1rem 1rem 0;
        }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__items__button {
        width: 18rem;
        right: 1rem;
        position: absolute;
        display: flex;
        justify-content: flex-end;
        bottom: 1rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__items__button {
        width: 17rem;
    }
}

.w75-pricingplan-1__mains__main__items__button__btn {
    display: inline-block;
    line-height: 3rem;
    border-radius: 3rem;
    color: #7c7c7c;
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid #DEDEDE;
    text-align: center;
    transition: .3s linear;
    text-align: center;
    padding: .25rem 3rem;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__items__button__btn {
        font-size: 1.4rem;
    }
}

.w75-pricingplan-1__mains__main__items__button__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w75-pricingplan-1__mains__main__subs {
    position: relative;
    border-radius: .75rem;
    overflow: hidden
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs {
        display: table-row;
        width: 100%;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 1rem;
        padding: 1rem 1rem;
        background-color: #f5f5f5;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__item {
        display: table-cell;
        padding: 1.75rem 0;
        background-color: #f5f5f5;
    }

        .w75-pricingplan-1__mains__main__subs__item:first-child {
            border-radius: 1rem 0 0 1rem;
        }

        .w75-pricingplan-1__mains__main__subs__item:last-child {
            border-radius: 0rem 1rem 1rem 0rem;
        }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__item {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w75-pricingplan-1__mains__main__subs__item__name {
    font-size: 1.8rem;
    font-weight: 600;
    line-height: 3rem;
    display: flex;
    align-items: flex-start;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__item__name {
        padding-left: 2rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__item__name {
        justify-content: space-between;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__subs__item__name {
        font-size: 1.6rem;
    }
}

.w75-pricingplan-1__mains__main__subs__item__name__text {
    margin-right: 3rem;
}

.w75-pricingplan-1__mains__main__subs__item__name__imgbox {
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__subs__item__name__imgbox {
        height: 24px;
    }
}

.w75-pricingplan-1__mains__main__subs__item__pricehight {
    font-size: 1.6rem;
    font-weight: 600;
    text-decoration: line-through;
    display: block;
    color: #666;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__item__pricehight {
        width: calc(100% - 24rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__subs__item__pricehight {
        width: calc(100% - 18rem);
        font-size: 1.5rem;
    }
}

.w75-pricingplan-1__mains__main__subs__item__pricemain {
    font-size: 1.8rem;
    line-height:2.8rem;
    font-weight: 700;
    color: rgba(var(--main-color-w),1);
    display: block;
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__item__pricemain {
        width: calc(100% - 24rem);
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__subs__item__pricemain {
        width: calc(100% - 18rem);
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w75-pricingplan-1__mains__main__subs__button {
    display: table-cell;
    width: 18rem;
}

@media only screen and (min-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__button {
        background-color: #f5f5f5;
    }

        .w75-pricingplan-1__mains__main__subs__button:first-child {
            border-radius: 1rem 0 0 1rem;
        }

        .w75-pricingplan-1__mains__main__subs__button:last-child {
            border-radius: 0 1rem 1rem 0;
        }
}

@media only screen and (max-width: 75rem) {
    .w75-pricingplan-1__mains__main__subs__button {
        width: 18rem;
        position: absolute;
        display: flex;
        justify-content: flex-end;
        right: 1rem;
        bottom: 1rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__subs__button {
        width: 17rem;
    }
}

.w75-pricingplan-1__mains__main__subs__button__btn {
    display: inline-block;
    line-height: 3rem;
    border-radius: 3rem;
    color: #7c7c7c;
    font-size: 1.6rem;
    font-weight: 600;
    border: 1px solid #DEDEDE;
    text-align: center;
    transition: .3s linear;
    text-align: center;
    padding: .25rem 3rem;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w75-pricingplan-1__mains__main__subs__button__btn {
        font-size: 1.4rem;
    }
}

.w75-pricingplan-1__mains__main__subs__button__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}
/*ed*/
/*w75-ads-1*/
.w75-ads-1 {
    width: 100%;
    padding: 5rem 1rem 5rem;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:75rem) {
    .w75-ads-1 {
        padding: 3rem 1rem 3rem;
    }
}

.w75-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w75-ads-1__heading {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w75-ads-1__heading {
        text-align: center;
    }
}

.w75-ads-1__heading__first {
    width: 100%;
    position: relative;
    z-index: 0;
}

.w75-ads-1__heading__first__name {
    color: #fff;
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-1__heading__first__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-ads-1__heading__first__name:hover {
}

.w75-ads-1__heading__first__des {
    font-size: 3rem;
    line-height: 4rem;
    color: #fff;
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-1__heading__first__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-ads-1__heading__first__title {
    margin-bottom: 1rem;
    font-size: 3rem;
    color: #fff;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-1__heading__first__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-ads-1__heading__second {
    width: 26rem;
    position: absolute;
    right: 0;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w75-ads-1__heading__second {
        position: relative;
        margin: 0 auto 2rem;
        right: initial;
    }
}

.w75-ads-1__heading__second__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w75-ads-1__mains {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
}

.w75-ads-1__mains__main {
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
}

.w75-ads-1__mains__main__items {
    display: flex;
    margin-top: 0rem;
}

.w75-ads-1__mains__main__items__item.swiper-slide {
    width: 31.33333%;
    margin-right: 3%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w75-ads-1__mains__main__items__item.swiper-slide {
        width: 49%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-1__mains__main__items__item.swiper-slide {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w75-ads-1__mains__main__items__item__main {
    padding: 1rem;
    overflow: hidden;
    border-radius: 3rem;
    background-color: #ffff;
    border-block: solid .1rem #fafafa;
}

.w75-ads-1__mains__main__items__item__main__top {
    display: block;
    position: relative;
    overflow: hidden;
    border-radius: 3rem;
}

    .w75-ads-1__mains__main__items__item__main__top:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w75-ads-1__mains__main__items__item__main__top:hover:after {
        animation: key-w55-ads__mains__items__item__box 1.5s;
    }

@keyframes key-w55-ads__mains__items__item__box {
    100% {
        left: 125%;
    }
}

.w75-ads-1__mains__main__items__item__main__top__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    z-index: 1;
    transition: all .5s;
    border: solid .1rem #fff;
    cursor: pointer;
    border-radius: .5rem;
}

    .w75-ads-1__mains__main__items__item__main__top__imgbox:hover {
        transform: scale(1.05);
    }

.w75-ads-1__mains__main__items__item__main__content {
    padding: 1rem;
}

.w75-ads-1__mains__main__items__item__main__content__name {
    font-size: 2.2rem;
    line-height: 3.2rem;
    font-weight: 700;
    color: rgba(var(--main-color-w), 1);
    transition: all .3s ease;
    display: block;
    text-align: center;
    cursor: pointer;
    margin-bottom: .5rem;
}

    .w75-ads-1__mains__main__items__item__main__content__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

@media only screen and (max-width:50rem) {
    .w75-ads-1__mains__main__items__item__main__content__name {
        font-size: 2.2rem;
    }
}

.w75-ads-1__mains__main__items__item__main__content:hover .w75-ads-1__mains__main__items__item__main__content__name {
    color: rgba(var(--second-color-w), 1);
}

.w75-ads-1__mains__main__items__item__main__content__des {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: .5rem;
    display: block;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w75-ads-1__mains__main__items__item__main__content__des {
        font-size: 1.8rem;
        line-height: 2.8rem;
    }
}

.w75-ads-1__mains__main__items__item__main__content__sub {
    font-size: 3rem;
    line-height: 4rem;
    display: block;
    text-align: center;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w75-ads-1__mains__main__items__item__main__content__sub {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-ads-1__mains__next,
.w75-ads-1__mains__prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    color: rgba(var(--main-color-w), 1);
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.w75-ads-1__mains__prev {
    left: -2rem;
}

.w75-ads-1__mains__next {
    right: -2rem;
}

@media only screen and (max-width:75rem) {
    .w75-ads-1__mains__prev {
        left: 1rem;
    }

    .w75-ads-1__mains__next {
        right: 1rem;
    }
}

.w75-ads-1__mains__next:hover,
.w75-ads-1__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w75-ads-1__mains__next:after,
.w75-ads-1__mains__prev:after {
    display: none;
}
/*ed*/
/*w75-video-1*/
.w75-video-1 {
    width: 100%;
    padding: 5rem 1rem 5rem;
    position: relative;
    background-color: #fff;
}

.ws1RightMenubox .w75-video-1 {
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w75-video-1 {
        justify-content: center;
        overflow: hidden;
    }
}

.w75-video-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w75-video-1__heading {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w75-video-1__heading {
        text-align: center;
    }
}

.w75-video-1__heading__first {
    width: 100%;
    position: relative;
    z-index: 0;
}

.w75-video-1__heading__first__name {
    color: rgba(var(--main-color-w),1);
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-video-1__heading__first__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-video-1__heading__first__name:hover {
}

.w75-video-1__heading__first__des {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

@media only screen and (max-width:37.5rem) {
    .w75-video-1__heading__first__des {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-video-1__heading__first__title {
    margin-bottom: 1rem;
    font-size: 3rem;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w75-video-1__heading__first__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-video-1__heading__second {
    width: 26rem;
    position: absolute;
    right: 0;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w75-video-1__heading__second {
        position: relative;
        margin: 0 auto 2rem;
        right: initial;
    }
}

.w75-video-1__heading__second__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w75-video-1__mains {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
}

.w75-video-1__mains__main {
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w75-video-1__mains__main__items {
    width: 100%;
}

.w75-video-1__mains__main__items__item {
    width: 32%;
    margin-right: 2%;
    cursor: pointer;
}

.w75-video-1__mains__main__items__item__main {
    background: #fff;
    border-radius: 3rem;
    transition: all .5s;
    overflow: hidden;
    position: relative;
    width:100%;
}

@media only screen and (max-width:62.5rem) {
    .w75-video-1__mains__main__items__item {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-video-1__mains__main__items__item {
        width: 98%;
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w75-video-1__mains__main__items__item:hover {
}

.w75-video-1__mains__main__items__item__main__head {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width:100%;
}

.w75-video-1__mains__main__items__item__main__head__first {
    overflow: hidden;
    position: relative;
    width:100%;
}

    .w75-video-1__mains__main__items__item__main__head__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

    .w75-video-1__mains__main__items__item__main__head__first:hover:after {
        animation: key-w75-video-1__mains__main__items__item__main__head__first 1.5s;
    }

@keyframes key-w75-video-1__mains__main__items__item__main__head__first {
    100% {
        left: 125%;
    }
}

.w75-video-1__mains__main__items__item__main__box {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 2rem);
    text-align: center;
    padding: 4rem 1rem 2rem;
    background: linear-gradient(180deg, rgba(4, 4, 4, 0) 0%, #040404 100%);
}

.w75-video-1__mains__main__items__item__main__box__name {
    font-weight: 700;
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: .5rem;
    color: #fff;
    transition: all .3s ease;
}

    .w75-video-1__mains__main__items__item__main__box__name:hover {
        text-decoration: underline;
    }

.w75-video-1__mains__main__items__item__main__box__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #fff;
}

.w75-video-1__mains__main__items__item__main__head__first__imgbox {
    background-size: cover;
    transition: all .5s;
    width:100%;
}

.w75-video-1__mains__main__items__item__main__head__first__imgbox__img {
    width: 100%;
}

.w75-video-1__mains__main__items__item:hover .w75-video-1__mains__main__items__item__main__head__first__imgbox {
    transform: scale(1.05);
}

.w75-video-1__mains__main__items__item__main__head__play {
    top: 2rem;
    right: 2rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: rgba(var(--main-color-w),.6);
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    transition: all .3s ease;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
}

    .w75-video-1__mains__main__items__item__main__head__play:hover {
        background: rgba(var(--second-color-w),.6);
    }

.w75-video-1__mains__main__items__item__main__head__play__icon {
    font-size: 1.8rem;
    color: #fff;
    position: relative;
    z-index: 2;
    transition: all .5s;
    transform: translateX(.2rem);
}

.w75-video-1__childs__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: none;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w75-video-1__childs__check {
    display: none;
}

    .w75-video-1__childs__check:checked ~
    .w75-video-1__childs__modal {
        opacity: 1;
        z-index: 9;
        visibility: visible;
        display: flex;
    }

.w75-video-1__childs__modal__close {
    position: fixed;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w75-video-1__childs__modal__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w75-video-1__childs__modal__main__box {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:81.25rem) {
    .w75-video-1__childs__modal__main__box {
        width: 90rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w75-video-1__childs__modal__main__box {
            width: 60rem;
        }

        @media only screen and (max-width:43.75rem) {
            .w75-video-1__childs__modal__main__box {
                width: 34rem;
            }
        }
    }
}

.w75-video-1__childs__modal__main__box__detail {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    padding: 1rem;
    background-color: #f1f1f1;
}

.w75-video-1__childs__modal__main__box iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:81.25rem) {
    .w75-video-1__childs__modal__main__box iframe {
        height: 47rem;
    }
}

@media only screen and (max-width:50rem) {
    .w75-video-1__childs__modal__main__box iframe {
        height: 51rem;
    }

    @media only screen and (max-width:62.5rem) {
        .w75-video-1__childs__modal__main__box iframe {
            height: 34rem;
        }
    }

    @media only screen and (max-width:43.75rem) {
        .w75-video-1__childs__modal__main__box iframe {
            height: 20rem;
            max-height: initial !important;
            min-height: initial !important;
        }
    }
}

.w75-video-1__childs__modal__main__box__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w75-video-1__childs__modal__main__box__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w75-video-1__childs__modal__main__box__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w75-video-1__childs__modal__main__box__close:hover {
    background-color: red;
}

.w75-video-1__childs__modal__main__box__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w75-video-1__childs__modal__main__box__close__icon {
        font-size: 2.5rem;
    }
}

.w75-video-1__childs__modal__main__box__close:hover .w75-video-1__childs__modal__main__box__close__icon {
    transform: rotate(405deg);
}

.w75-video-1__mains__main__next.swiper-button-next,
.w75-video-1__mains__main__prev.swiper-button-prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    color: #fff;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    z-index: 1;
}

.w75-video-1__mains__main__prev {
    left: 1rem;
}

.w75-video-1__mains__main__next {
    right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-video-1__mains__main__prev {
        left: 1rem;
    }

    .w75-video-1__mains__main__next {
        right: 1rem;
    }
}

.w75-video-1__mains__main__next:hover,
.w75-video-1__mains__main__prev:hover {
    color: rgba(var(--main-color-w), 1);
}

.w75-video-1__mains__main__next:after,
.w75-video-1__mains__main__prev:after {
    display: none;
}

.w75-video-1__mains__next,
.w75-video-1__mains__prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

.w75-video-1__mains__prev {
    left: -2rem;
}

.w75-video-1__mains__next {
    right: -2rem;
}

@media only screen and (max-width:75rem) {
    .w75-video-1__mains__prev {
        left: 1rem;
    }

    .w75-video-1__mains__next {
        right: 1rem;
    }
}

.w75-video-1__mains__next:hover,
.w75-video-1__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w75-video-1__mains__next:after,
.w75-video-1__mains__prev:after {
    display: none;
}
/*ed*/
/*w75-article-1*/
.w75-article-1 {
    width: 100%;
    padding: 5rem 1rem 2.5rem;
    background-color: #fafafa;
}

@media only screen and (max-width:50rem) {
    .w75-article-1 {
        padding: 3rem 1rem 1.5rem;
    }
}

.w75-article-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w75-article-1__heading {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w75-article-1__heading {
        text-align: center;
        justify-content: center;
    }
}

.w75-article-1__heading__first {
}

@media only screen and (max-width:50rem) {
    .w75-article-1__heading__first {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w75-article-1__heading__first__name {
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w75-article-1__heading__first__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-article-1__heading__first__name:hover {
}


.w75-article-1__heading__first__title {
    margin-bottom: 1rem;
    font-size: 3rem;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w75-article-1__heading__first__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-article-1__heading__btn {
    align-items: center;
    padding: 1rem 2rem;
    overflow: hidden;
    display: flex;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 3rem;
    font-size: 1.6rem;
    cursor: pointer;
}

    .w75-article-1__heading__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w75-article-1__heading__btn__name {
    margin-right: 1rem;
}

.w75-article-1__heading__btn__icon {
    font-size: 1.8rem;
}

.w75-article-1__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w75-article-1__mains__item {
    margin-bottom: 2.5rem;
    width: 23.5%;
    margin-left: 2%;
    border: 1px solid #DEDEDE;
    border-radius: 2rem;
    overflow: hidden;
    background-color: #fff;
}

@media only screen and (min-width:62.5rem) {
    .w75-article-1__mains__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-article-1__mains__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w75-article-1__mains__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w75-article-1__mains__item {
        width: 48%;
        margin-left: 4%;
        margin-bottom: 1.5rem;
    }

        .w75-article-1__mains__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w75-article-1__mains__item {
        width: 100%;
        margin-left: 0;
    }
}

.w75-article-1__mains__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w75-article-1__mains__item__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

.w75-article-1__mains__item:hover .w75-article-1__mains__item__first:after {
    animation: key-w75-article-1__mains__item__first 1.5s;
}

@keyframes key-w75-article-1__mains__item__first {
    100% {
        left: 125%;
    }
}

.w75-article-1__mains__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w75-article-1__mains__item__first__imgbox:hover {
        transform: scale(1.1);
    }

.w75-article-1__mains__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5rem 1rem;
    justify-content: center;
}

.w75-article-1__mains__item__second__name {
    font-size: 1.7rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: #000;
    margin-bottom: 1rem;
    cursor: pointer;
}

    .w75-article-1__mains__item__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-article-1__mains__item__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w75-article-1__mains__item__second__btn {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #7c7c7c;
    cursor: pointer;
    transition: all .3s ease;
}

    .w75-article-1__mains__item__second__btn:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-article-1__mains__item__second__btn__name {
    margin-right: 1rem;
    font-weight: 500;
}

.w75-article-1__mains__item__second__btn__icon {
    margin-right: 1rem;
}
/*ed*/
/*w75-bloglist*/
.w75-bloglist {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

@media only screen and (max-width:50rem) {
    .w75-bloglist {
    }
}

.w75-bloglist__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w75-bloglist__heading {
    margin-bottom: 3rem;
}

.w75-bloglist__heading__name {
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    transition: all .5s;
    display: block;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-bloglist__heading__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-bloglist__heading__des {
    font-size: 1.6rem;
    line-height: 3rem;
}

.w75-bloglist__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items:flex-start;
}

.w75-bloglist__mains__item {
    margin-bottom: 2.5rem;
    width: 23.5%;
    margin-left: 2%;
    border: 1px solid #DEDEDE;
    border-radius: 2rem;
    overflow: hidden;
    background-color: #fff;
}

@media only screen and (min-width:62.5rem) {
    .w75-bloglist__mains__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-bloglist__mains__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w75-bloglist__mains__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w75-bloglist__mains__item {
        width: 48%;
        margin-left: 4%;
        margin-bottom: 1.5rem;
    }

        .w75-bloglist__mains__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w75-bloglist__mains__item {
        width: 100%;
        margin-left: 0;
    }
}

.w75-bloglist__mains__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w75-bloglist__mains__item__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

.w75-bloglist__mains__item:hover .w75-bloglist__mains__item__first:after {
    animation: key-w75-bloglist__mains__item__first 1.5s;
}

@keyframes key-w75-bloglist__mains__item__first {
    100% {
        left: 125%;
    }
}

.w75-bloglist__mains__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w75-bloglist__mains__item__first__imgbox:hover {
        transform: scale(1.1);
    }
.w75-bloglist__mains__item__first__imgbox__img{
    width:100%;
}
.w75-bloglist__mains__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5rem 1rem;
    justify-content: center;
}

.w75-bloglist__mains__item__second__name {
    font-size: 1.7rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: #000;
    margin-bottom: 1rem;
    cursor: pointer;
}

    .w75-bloglist__mains__item__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-bloglist__mains__item__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w75-bloglist__mains__item__second__btn {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #7c7c7c;
    cursor: pointer;
    transition: all .3s ease;
}

    .w75-bloglist__mains__item__second__btn:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-bloglist__mains__item__second__btn__name {
    margin-right: 1rem;
    font-weight: 600;
}

.w75-bloglist__mains__item__second__btn__icon {
    margin-right: 1rem;
}

.w75-bloglist__paging {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w75-bloglist__paging__item {
    list-style-type: none;
}

.w75-bloglist__paging__item__text {
    font-size: 1.4rem;
    margin: 0 .75rem 0;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .2rem;
    border: solid .1rem #efefef;
    margin-top: 1rem;
    cursor: pointer;
    border-radius: 50%;
}

@media only screen and (max-width:50rem) {
    .w75-bloglist__paging__item__text {
        width: 4rem;
        height: 4rem;
    }
}
.w75-bloglist__paging__item__text:hover,
.w75-bloglist__paging__item__text.active {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}
/*ed*/
/*w75-blogdetail*/
.w75-blogdetail {
    background-color: #fff;
    padding: 3rem 0rem;
}

.w75-blogdetail__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    padding:0 1rem;
}

.w75-blogdetail__mains__first__heading {
    font-size: 4rem;
    line-height: 5rem;
    font-weight: 600;
    transition: all .5s;
    color: #24272C;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w75-blogdetail__mains__first__heading {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w75-blogdetail__mains__first__des {
    font-size: 1.6rem;
    line-height: 3rem;
    color: #333;
}

.w75-blogdetail__mains__first__imgbox {
    width: 100%;
    margin-top: 2.5rem;
    border-radius: 2rem;
    background-size: cover;
}

.w75-blogdetail__mains__first__imgbox__img {
    width: 100%;
}

.w75-blogdetail__mains__first__sub {
    margin-top: 2rem;
    font-size: 1.6rem;
    color: #24272C;
    overflow:hidden;
}

    .w75-blogdetail__mains__first__sub img {
        border-radius: 2rem;
    }

.w75-blogdetail__mains__first__line {
    background-color: #ededed;
    margin: 2.5rem 0;
    width: 100%;
    display: block;
    height: .1rem;
}

.w75-blogdetail__mains__first__bottom {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__bottom {
        flex-wrap: wrap;
    }
}

.w75-blogdetail__mains__first__bottom__share {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__bottom__share {
        margin-top: 1rem;
        width: 100%;
    }
}

.w75-blogdetail__mains__first__bottom__share__text {
    font-weight: 500;
    font-size: 1.6rem;
    color: #24272C;
}

.w75-blogdetail__mains__first__bottom__share__items {
    display: flex;
    align-items: center;
}

.w75-blogdetail__mains__first__bottom__share__items__item {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid .1rem #efefef;
    background-color: #fff;
    color: #24272C;
    cursor: pointer;
    transition: all .3s ease;
    font-size: 1.8rem;
    margin-left: 1rem;
    border-radius: 50%;
}

    .w75-blogdetail__mains__first__bottom__share__items__item:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w75-blogdetail__mains__first__bottom__share__items__item__icon {
}

.w75-blogdetail__mains__first__bottom__tag {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__bottom__tag {
        width: 100%;
    }
}

.w75-blogdetail__mains__first__bottom__tag__text {
    display: flex;
}

.w75-blogdetail__mains__first__bottom__tag__name {
    display: flex;
    padding: .5rem 2rem;
    background-color: #fff;
    border: solid .1rem #efefef;
    color: #24272C;
    border-radius: 2rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 1.5rem;
}

    .w75-blogdetail__mains__first__bottom__tag__name:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w75-blogdetail__mains__first__comment {
    margin-top: 3rem;
}

.w75-blogdetail__mains__first__comment__heading {
    color: #24272C;
    font-size: 3rem;
    font-weight: 600;
}

.w75-blogdetail__mains__first__comment__line {
    margin: 2rem 0;
    height: .1rem;
    background-color: #ededed;
    display: block;
    width: 100%;
}

.w75-blogdetail__mains__first__comment__items {
}

.w75-blogdetail__mains__first__comment__items__item {
}

    .w75-blogdetail__mains__first__comment__items__item:not(:last-child) {
        margin-bottom: 3rem;
    }

.w75-blogdetail__mains__first__comment__items__item__by {
    font-weight: 600;
    color: #24272C;
    font-size: 1.6rem;
    display: block;
}

.w75-blogdetail__mains__first__comment__items__item__time {
    font-size: 1.4rem;
    color: #696665;
    margin-top: .5rem;
}

.w75-blogdetail__mains__first__comment__items__item__text {
    font-size: 1.4rem;
    line-height: 2rem;
    color: #696665;
    text-align: justify;
    margin-top: 1rem;
}

.w75-blogdetail__mains__first__comment__box {
    position: relative;
    z-index: 1;
    background-color: #fff;
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
    margin-top: 3rem;
}


@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__comment__box {
        width: 100%;
        padding: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-blogdetail__mains__first__comment__box {
        padding: 1.5rem;
    }
}

.w75-blogdetail__mains__first__comment__box__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__comment__box__heading {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-blogdetail__mains__first__comment__box__heading {
        margin-bottom: 2rem;
    }
}

.w75-blogdetail__mains__first__comment__box__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    color: #24272C;
    cursor: pointer;
    font-weight: 600;
    transition: all .5s;
    display: block;
}


.w75-blogdetail__mains__first__comment__box__heading__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #696665;
}

.w75-blogdetail__mains__first__comment__box__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w75-blogdetail__mains__first__comment__box__items__item {
    width: 48%;
    margin-bottom: 3rem;
    margin-left: 4%;
}

@media only screen and (min-width:50rem) {
    .w75-blogdetail__mains__first__comment__box__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__comment__box__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-blogdetail__mains__first__comment__box__items__item {
        margin-bottom: 2rem;
    }
}

.w75-blogdetail__mains__first__comment__box__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w75-blogdetail__mains__first__comment__box__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w75-blogdetail__mains__first__comment__box__items__item__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w75-blogdetail__mains__first__comment__box__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w75-blogdetail__mains__first__comment__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w75-blogdetail__mains__first__comment__box__full {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__comment__box__full {
        margin-bottom: 2rem;
    }
}

.w75-blogdetail__mains__first__comment__box__full__name {
    color: #24272C;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w75-blogdetail__mains__first__comment__box__full__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w75-blogdetail__mains__first__comment__box__full__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w75-blogdetail__mains__first__comment__box__btn {
    width: max-content;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: 1.4rem;
    padding: 1.5rem 10rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__mains__first__comment__box__btn {
        width: 100%;
        padding: 1.5rem 1.5rem;
    }
}

.w75-blogdetail__mains__first__comment__box__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w75-blogdetail__mains__first__comment__box__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}

.w75-blogdetail__mains {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 2rem;
}

.w75-blogdetail__mains__first {
    width: 66%;
}

@media only screen and (max-width:62.5rem) {
    .w75-blogdetail__mains__first {
        width: 100%;
    }
}

.w75-blogdetail__mains__second {
    width: 30%;
}

@media only screen and (min-width:62.5rem) {
    .w75-blogdetail__mains__second {
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-blogdetail__mains__second {
        margin-top: 3rem;
        width: 100%;
        padding: 1.5rem;
        border: 1px solid #EDEDED;
        box-shadow: 0px 8px 20px 0px #0000000D;
        border-radius: 1.6rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-blogdetail__mains__second {
        margin-top: 2rem;
    }
}

.w75-blogdetail__mains__second__container {
    position: sticky;
    top: 1rem;
}

.w75-blogdetail__mains__second__container__tuvan {
    padding: 2rem;
    border: 1px solid #CCCCCC;
    border-radius: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0px 8px 20px 0px #0000000D;
}

.w75-blogdetail__mains__second__container__tuvan__name {
    position: relative;
    font-size: 2.4rem;
    color: rgba(var(--main-color-w),1);
    line-height: 3.2rem;
    font-weight: 600;
    text-align: center;
}

.w75-blogdetail__mains__second__container__tuvan__line {
    width: 6rem;
    height: 2px;
    background-color: rgba(var(--main-color-w),1);
    margin: 1.25rem auto;
}

.w75-blogdetail__mains__second__container__tuvan__des {
    margin-bottom: .5rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    text-align: center;
}

.w75-blogdetail__mains__second__container__tuvan__sub {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
}

.w75-blogdetail__mains__second__container__tuvan__box {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.w75-blogdetail__mains__second__container__tuvan__box__input {
    margin: 0;
    font-family: inherit;
    font-size: 1.4rem;
    line-height: 2rem;
    color: #24272C;
    padding: 1.2rem 1.8rem;
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #ccc;
    outline: none;
    transition: all .3s ease;
}

    .w75-blogdetail__mains__second__container__tuvan__box__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w75-blogdetail__mains__second__container__tuvan__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.8rem;
    justify-content: center;
    transition: all .3s ease;
    padding: 1rem 2rem;
}

    .w75-blogdetail__mains__second__container__tuvan__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-blogdetail__mains__second__container__tuvan__btn__name {
    margin-right: 1rem;
    font-weight: 600;
}

.w75-blogdetail__mains__second__container__tuvan__btn__icon {
    transition: all .3s ease;
}

.w75-blogdetail__mains__second__container__tuvan__btn:hover .w75-blogdetail__mains__second__container__tuvan__btn__icon {
    transform: rotate(45deg);
}

.w75-blogdetail__mains__second__container__ads {
}

.w75-blogdetail__mains__second__container__ads__item {
}

    .w75-blogdetail__mains__second__container__ads__item:not(:last-child) {
        margin-bottom: 1rem;
    }

.w75-blogdetail__mains__second__container__ads__item__content {
    overflow: hidden;
    width: 100%;
    display: block;
    position: relative;
    border-radius: 1rem;
}

.w75-blogdetail__mains__second__container__ads__item__content__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w75-blogdetail__mains__second__container__ads__item__content__imgbox__img {
    width: 100%;
}

.w75-blogdetail__mains__second__container__ads__item__content:after {
    position: absolute;
    top: 0;
    left: -85%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
    pointer-events: none;
}

.w75-blogdetail__mains__second__container__ads__item__content:hover:after {
    animation: key-w75-blogdetail__mains__second__container__ads__item__content 1.5s ease;
}

@keyframes key-w75-blogdetail__mains__second__container__ads__item__content {
    100% {
        left: 125%;
    }
}

.w75-blogdetail__bottom {
    position: relative;
    padding: 3rem 0;
    background-color: #fafafa;
}
.w75-blogdetail__bottom__heading {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__bottom__heading {
        text-align: center;
        justify-content: center;
    }
}

.w75-blogdetail__bottom__heading__first {
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__bottom__heading__first {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w75-blogdetail__bottom__heading__first__name {
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w75-blogdetail__bottom__heading__first__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-blogdetail__bottom__heading__first__name:hover {
}

.w75-blogdetail__bottom__heading__btn {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.w75-blogdetail__bottom__heading__btn__next {
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(var(--main-color-w),.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-left: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w75-blogdetail__bottom__heading__btn__next:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w75-blogdetail__bottom__heading__btn__prev {
    width: 3.6rem;
    height: 3.6rem;
    background-color: rgba(var(--main-color-w),.05);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    margin-right: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w75-blogdetail__bottom__heading__btn__prev:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w75-blogdetail__bottom__mains {
    position: relative;
    overflow: hidden;
}

.w75-blogdetail__bottom__mains__main {
    width: 100%;
    display: flex;
}

.w75-blogdetail__bottom__mains__main__item {
    margin-bottom: 2.5rem;
    width: calc(23.5% - 2px);
    margin-right: 2%;
    border: 1px solid #DEDEDE;
    border-radius: 2rem;
    overflow: hidden;
    background-color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w75-blogdetail__bottom__mains__main__item {
        width: calc(32% - 2px);
    }
}

@media only screen and (max-width:50rem) {
    .w75-blogdetail__bottom__mains__main__item {
        width: calc(48% - 2px);
        margin-left: 4%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-blogdetail__bottom__mains__main__item {
        width: calc(98% - 2px);
        margin-left: 1%;
        margin-right: 1%;
    }
}

.w75-blogdetail__bottom__mains__main__item__first {
    overflow: hidden;
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
}

    .w75-blogdetail__bottom__mains__main__item__first:after {
        position: absolute;
        top: 0;
        left: -85%;
        z-index: 2;
        display: block;
        content: '';
        width: 50%;
        height: 100%;
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
        -webkit-transform: skewX(-25deg);
        transform: skewX(-25deg);
        pointer-events: none;
    }

.w75-blogdetail__bottom__mains__main__item:hover .w75-blogdetail__bottom__mains__main__item__first:after {
    animation: key-w75-blogdetail__bottom__mains__main__item__first 1.5s;
}

@keyframes key-w75-blogdetail__bottom__mains__main__item__first {
    100% {
        left: 125%;
    }
}

.w75-blogdetail__bottom__mains__main__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

    .w75-blogdetail__bottom__mains__main__item__first__imgbox:hover {
        transform: scale(1.1);
    }

.w75-blogdetail__bottom__mains__main__item__second {
    width: calc(100% - 3rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5rem;
    justify-content: center;
}

.w75-blogdetail__bottom__mains__main__item__second__name {
    font-size: 1.7rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    color: #000;
    margin-bottom: 1rem;
    cursor: pointer;
}

    .w75-blogdetail__bottom__mains__main__item__second__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-blogdetail__bottom__mains__main__item__second__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
    text-align: justify;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w75-blogdetail__bottom__mains__main__item__second__btn {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #7c7c7c;
    cursor: pointer;
    transition: all .3s ease;
}

    .w75-blogdetail__bottom__mains__main__item__second__btn:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-blogdetail__bottom__mains__main__item__second__btn__name {
    margin-right: 1rem;
    font-weight: 600;
}

.w75-blogdetail__bottom__mains__main__item__second__btn__icon {
    margin-right: 1rem;
}

.w75-blogdetail__tableoct {
    width: 100%;
    padding: 0rem 0rem 0rem;
    margin-top: 2rem;
}

@media only screen and (max-width: 62.5rem) {
    .w75-blogdetail__tableoct {
        padding: 0rem 0rem 1rem;
    }
}

.w75-blogdetail__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: .25rem 1.5rem;
}

.w75-blogdetail__tableoct__cbcl:checked ~ .w75-blogdetail__tableoct__clone {
    display: block;
}

.w75-blogdetail__tableoct__cbcl {
    display: none;
}

.w75-blogdetail__tableoct__checkbox {
    display: none;
}

    .w75-blogdetail__tableoct__checkbox:checked ~ .w75-blogdetail__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w75-blogdetail__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w75-blogdetail__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w75-blogdetail__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w75-blogdetail__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w75-blogdetail__tableoct__checkbox:checked ~
.w75-blogdetail__tableoct__heading {
    border-bottom: solid 1px #ccc;
    margin-bottom: 1rem;
}

.w75-blogdetail__tableoct__heading__title {
    display: flex;
}

.w75-blogdetail__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    display: none;
}

.w75-blogdetail__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
}

.w75-blogdetail__tableoct__heading__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
}

.w75-blogdetail__tableoct__checkbox:checked ~
.w75-blogdetail__tableoct__heading
.w75-blogdetail__tableoct__heading__icon:before {
    content: "\f142";
}

.w75-blogdetail__tableoct__heading:hover {
    transition: all .2s ease-in-out;
}

.w75-blogdetail__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w75-blogdetail__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w75-blogdetail__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w75-blogdetail__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w75-blogdetail__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w75-blogdetail__tableoct__body__ol {
    list-style: none;
}

.w75-blogdetail__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w75-blogdetail__tableoct__body__ol__text__vl {
    padding: .75rem 2rem .75rem 1rem;
}

.w75-blogdetail__tableoct__body__ol > .w75-blogdetail__tableoct__body__ol__text {
    font-size: 1.6rem;
}

.w75-blogdetail__tableoct__body__ol__text:hover .w75-blogdetail__tableoct__body__ol--1__text {
}

    .w75-blogdetail__tableoct__body__ol__text:hover .w75-blogdetail__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w75-blogdetail__tableoct__body__ol__text.active {
}

    .w75-blogdetail__tableoct__body__ol__text.active .w75-blogdetail__tableoct__body__ol--1__text {
    }

.w75-blogdetail__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w75-blogdetail__tableoct__body__ol__text:hover .w75-blogdetail__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w75-blogdetail__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}
.w75-blogdetail__tableoct__body__ol__text__cbx:checked ~
.w75-blogdetail__tableoct__body__ol__text__vl {
    font-weight: 600;
}
    .w75-blogdetail__tableoct__body__ol__text__vl.active {
    }

.w75-blogdetail__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w75-blogdetail__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: .75rem;
    z-index: 1;
}

.w75-blogdetail__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
    transform: rotate(90deg);
    transition: all .2s ease;
}

.w75-blogdetail__tableoct__body__ol--1__text > .w75-blogdetail__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w75-blogdetail__tableoct__body__ol--1__text > .w75-blogdetail__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w75-blogdetail__tableoct__body__ol__text__cbx {
    display: none;
}

    .w75-blogdetail__tableoct__body__ol__text__cbx:checked ~ .w75-blogdetail__tableoct__body__ol--1 {
        display: block;
    }

    .w75-blogdetail__tableoct__body__ol__text__cbx:checked ~ .w75-blogdetail__tableoct__body__ol__text__lbl .w75-blogdetail__tableoct__body__ol__text__lbl__icon {
        transform: rotate(-90deg);
    }
.w75-blogdetail__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w75-blogdetail__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.6rem;
}

    .w75-blogdetail__tableoct__body__ol--1__text > a {
        padding: .75rem 1rem .75rem 3rem;
    }

ol > li > ol > .w75-blogdetail__tableoct__body__ol--1__text {
}

ol ol ol .w75-blogdetail__tableoct__body__ol--1__text {
}

    ol ol ol .w75-blogdetail__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w75-blogdetail__tableoct__body__ol--1__text > a.active {
        }

.w75-blogdetail__tableoct__body__ol--1__text:hover {
    color: white;
}

.w75-blogdetail__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w75-blogdetail__tableoct__body__ol--1__text > a.active {
    }

    .w75-blogdetail__tableoct__body__ol--1__text > a::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w75-blogdetail__tableoct__body__ol--1__text > a.active::after {
        max-width: 100%;
    }
/*ed*/

/*w75-footer*/
.w75-footer {
    width: 100%;
    padding: 5rem 1rem 0rem;
    background-color: rgba(var(--main-color-w),.9);
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w75-footer {
    }
}

.w75-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.w75-footer__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:75rem) {
    .w75-footer__heading {
    }
}

.w75-footer__heading__name {
    text-align: center;
    color: #fff;
    font-weight: 700;
    font-size: 3.6rem;
    line-height: 4.6rem;
    color: #fff;
    margin-bottom: 2rem;
    display: block;
}

.w75-footer__center {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
}

.w75-footer__center__first {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w75-footer__center__first {
        width: 100%;
        justify-content: center;
        margin-bottom: 1rem;
    }
}

.w75-footer__center__first__imgbox {
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.w75-footer__center__first__name {
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-weight: 600;
    color: #fff;
    margin-bottom: 1rem;
    text-align: center;
}

.w75-footer__center__second {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w75-footer__center__second {
        width: 100%;
        justify-content: center;
        margin-bottom: 1rem;
    }
}

.w75-footer__center__second__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-right: 2rem;
    color: #fff;
    margin-bottom: 1rem;
}

.w75-footer__center__second__social {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w75-footer__center__second__social {
    }
}

.w75-footer__center__second__social__item {
    width: 3.6rem;
    height: 3.6rem;
    margin-bottom: 1rem;
    background-color: #fff;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    border-radius: .3rem;
    margin-right: 1.25rem;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 50%;
}

    .w75-footer__center__second__social__item:last-child {
        margin-right: 0;
    }

    .w75-footer__center__second__social__item:hover {
        background-color: rgba(var(--second-color-w,1));
        color: #fff;
    }

.w75-footer__heading__second {
    width: 65rem;
    display: flex;
    padding: 0 2rem;
    position: relative;
    align-items: center;
    margin: 0 auto;
}

@media only screen and (max-width:75rem) {
    .w75-footer__heading__second {
        width: 100%;
        margin-top: 3rem;
    }
}

.w75-footer__heading__second__input {
    margin-bottom: 0;
    border-radius: 3rem;
    background-color: transparent;
    padding: 0 1.4rem;
    height: 5rem;
    outline: none;
    width: 100%;
    font-size: 1.6rem;
    border: solid .1rem #fff;
    transition: all .5s;
    color: #fff;
    font-weight: 600;
}

    .w75-footer__heading__second__input::placeholder {
        color: #fff;
    }

    .w75-footer__heading__second__input:focus {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-footer__heading__second__button {
    display: flex;
    align-items: center;
    padding: 1rem 1.5rem;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    cursor: pointer;
    border-radius: 3rem;
    position: absolute;
    width: max-content;
    right: 0;
    height: 5rem;
    border: none;
    font-family: inherit;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w75-footer__heading__second__button {
        width: 5rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        right: 1.9rem;
    }
}

.w75-footer__heading__second__button:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w75-footer__heading__second__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    position: relative;
    text-transform: uppercase;
    z-index: 2;
    margin-right: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-footer__heading__second__button__name {
        display: none;
    }
}

.w75-footer__heading__second__button__icon {
    font-size: 1.6rem;
    position: relative;
    z-index: 2;
}

.w75-footer__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:50rem) {
    .w75-footer__items {
        justify-content: space-between;
    }
}

.w75-footer__items__first {
    width: 35%;
    margin-bottom: 2rem;
    margin-right: 1%;
}

@media only screen and (min-width:75rem) {
    .w75-footer__items__first:nth-child(3n+3) {
        margin-right: 0;
        width: 36%;
    }
}

@media only screen and (max-width:75rem) {
    .w75-footer__items__first {
        width: 100%;
        margin-right: 0;
    }
}

.w75-footer__items__first__subs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start
}

.w75-footer__items__first__subs__sub {
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w75-footer__items__first__subs__sub {
        width: 49%;
        margin-left: 2%;
    }

        .w75-footer__items__first__subs__sub:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w75-footer__items__first__subs__sub {
        width: 100%;
        margin-left: 0;
    }
}

.w75-footer__items__first__subs__sub__name {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
}

.w75-footer__items__first__subs__sub__childs {
    margin-top: 2rem;
}

.w75-footer__items__first__subs__sub__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
}

.w75-footer__items__first__subs__sub__childs__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
    color: #fff;
    margin-right: 1rem;
}

.w75-footer__items__first__subs__sub__childs__item:hover
.w75-footer__items__first__subs__sub__childs__item__icon {
}

.w75-footer__items__first__subs__sub__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w75-footer__items__first__subs__sub__childs__item:hover
.w75-footer__items__first__subs__sub__childs__item__name {
    text-decoration: underline;
}

.w75-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w75-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.w75-footer__items__first__adv__sub {
    margin-bottom: 1rem;
}

    .w75-footer__items__first__adv__sub:not(:last-child) {
        margin-right: 1rem;
    }

.w75-footer__items__first__adv__sub__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w75-footer__items__first__adv__sub__imgbox:hover {
        transform: scale(1.025);
    }

.w75-footer__items__item {
    width: 35%;
    margin-right: 1%;
    margin-bottom: 1rem;
}

@media only screen and (min-width:75rem) {
    .w75-footer__items__item:nth-child(3n+3) {
        margin-right: 0;
        width: 36%
    }
}

@media only screen and (max-width:75rem) {
    .w75-footer__items__item {
        width: 48%;
        margin-right: 1%;
    }
}

@media only screen and (max-width:50rem) {
    .w75-footer__items__item {
        width: 100%;
        margin-right: 0;
    }
}

.w75-footer__items__item__name {
    font-size: 1.8rem;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
}

    .w75-footer__items__item__name:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w75-footer__items__item__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w75-footer__items__item__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w75-footer__items__item__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w75-footer__items__item__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w75-footer__items__item__childs {
    margin-top: 2rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w75-footer__items__item__childs__item {
    display: flex;
    margin-bottom: 1.5rem;
    align-items: center;
    width: 49%;
    margin-left: 2%;
}

    .w75-footer__items__item__childs__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w75-footer__items__item__childs__item__icon {
    font-size: 1.6rem;
    transition: all .5s;
    margin-right: 1rem;
    color: #fff;
}

.w75-footer__items__item__childs__item:hover
.w75-footer__items__item__childs__item__icon {
}

.w75-footer__items__item__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w75-footer__items__item__childs__item:hover
.w75-footer__items__item__childs__item__name {
    text-decoration: underline;
}

.w75-footer__items__item__ma {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .w75-footer__items__item__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w75-footer__items__first__ma {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .w75-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w75-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.w75-footer__items__item__adv__sub {
    margin-bottom: 1rem;
}

    .w75-footer__items__item__adv__sub:not(:last-child) {
        margin-right: 1rem;
    }

.w75-footer__items__item__adv__sub__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w75-footer__items__item__adv__sub__imgbox:hover {
        transform: scale(1.025);
    }

.w56-footer__items__first__adv {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.w56-footer__items__first__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__first__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__first__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w56-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w56-footer__items__last__adv__sub {
    margin-top: 1.5rem;
}

.w56-footer__items__last__adv__sub__figure {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w56-footer__items__last__adv__sub__figure:hover {
        transform: scale(1.025);
    }

.w75-footer__items__item__ads {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w75-footer__items__item__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-bottom: 1rem;
}

    .w75-footer__items__item__ads__child:not(:last-child) {
        margin-right: 1.5rem;
    }

    .w75-footer__items__item__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w75-footer__items__first__ads {
    display: flex;
    margin-top: 0rem;
    width: 100%;
    flex-wrap: wrap;
}

.w75-footer__items__first__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-bottom: 1rem;
}

    .w75-footer__items__first__ads__child:not(:last-child) {
        margin-right: 1.5rem;
    }

    .w75-footer__items__first__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w75-footer__items__item__supports {
}

.w75-footer__items__item__supports {
    margin-top: 3rem;
}

.w75-footer__items__item__supports__child {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
    position: relative;
    padding-left: 5rem;
}

    .w75-footer__items__item__supports__child:last-child {
        margin-bottom: 0;
    }

.w75-footer__items__item__supports__child__first {
    width: 4rem;
    height: 4rem;
    border-radius: .5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    transition: all .5s;
    position: absolute;
    left: 0;
    cursor: pointer;
}

    .w75-footer__items__item__supports__child__first:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-footer__items__item__supports__child__first__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

.w75-footer__items__item__supports__child__first:hover .w75-footer__items__item__supports__child__first__icon {
    color: #fff;
}

.w75-footer__items__item__supports__child__name {
}

.w75-footer__items__item__supports__child__name__text {
    display: block;
    font-size: 1.6rem;
    color: #fff;
    line-height: 2.6rem;
}

.w75-footer__items__item__supports__child__name__des {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
    color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w75-footer__items__item__supports__child__name__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-footer__figure {
    width: 100%;
    background-size: cover;
    margin-top: 1rem;
}

.w75-footer__code {
    width: 100%;
    margin-top: 1rem;
}

.w75-footer__items__last {
    margin-bottom: 2rem;
    width: 27%;
    margin-right: 1%;
}

@media only screen and (min-width:75rem) {
    .w75-footer__items__last:nth-child(3n+3) {
        margin-right: 0;
        width: 28%;
    }
}

@media only screen and (max-width:75rem) {
    .w75-footer__items__last {
        width: 48%;
        margin-right: 1%;
    }
}

@media only screen and (max-width:50rem) {
    .w75-footer__items__last {
        width: 100%;
        margin-right: 0;
    }
}

.w75-footer__items__last__hinhanh {
    margin-bottom: 1rem;
    display: block;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
}

.w75-footer__items__last__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w75-footer__items__last__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w75-footer__items__last__hinhanh__imgbox__img {
    width: 100%;
}

.w75-footer__items__last__items {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
}

.w75-footer__items__last__items__item {
    width: calc((100% - 4rem) / 5);
    margin-bottom: 1rem;
    margin-left: 1rem;
    overflow: hidden;
    border-radius: .5rem;
    cursor: pointer;
}

    .w75-footer__items__last__items__item:nth-child(5n+1) {
        margin-left: 0;
    }

.w75-footer__items__last__items__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w75-footer__items__last__items__item__imgbox:hover {
        transform: scale(.9);
    }

.w75-footer__items__last__ads {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w75-footer__items__last__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-bottom: 1rem;
}

    .w75-footer__items__last__ads__child:not(:last-child) {
        margin-right: 1.5rem;
    }

    .w75-footer__items__last__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w75-footer__items__last__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.w75-footer__items__last__adv__sub {
    margin-bottom: 1rem;
}

    .w75-footer__items__last__adv__sub:not(:last-child) {
        margin-right: 1rem;
    }

.w75-footer__items__last__adv__sub__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w75-footer__items__last__adv__sub__imgbox:hover {
        transform: scale(1.025);
    }

.w75-footer__items__last__ma {
    display: block;
    width: 100%;
    overflow: hidden;
}

    .w75-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w75-footer__bottom {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 3rem 0 2rem;
}

@media only screen and (max-width:50rem) {
    .w75-footer__bottom {
        padding: 1.5rem 0 .5rem;
    }
}

.w75-footer__bottom__bg {
    background-color: rgba(var(--main-color-w),1);
    position: absolute;
    width: 300%;
    left: -100%;
    top: 0;
    height: 100%;
}

.w75-footer__bottom__first {
    position: relative;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

@media only screen and (max-width:50rem) {
    .w75-footer__bottom__first {
        width: 100%;
        justify-content: center;
    }
}

.w75-footer__bottom__first__icon {
    margin-right: 1rem;
}

.w75-footer__bottom__first__text {
}

.w75-footer__bottom__second {
    margin-bottom: 1rem;
    position: relative;
    color: #fff;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media only screen and (max-width:50rem) {
    .w75-footer__bottom__second {
        width: 100%;
        text-align: center;
    }
}

.w75-footer__bottom__second__text {
}
/*ed*/
/*w74-ads-5*/
.w74-ads-5 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w74-ads-4 {
        padding-bottom: 2rem;
    }
}

.w74-ads-5__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w74-ads-5__mains {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w74-ads-5__mains__item {
    width: 49%;
    position: relative;
    overflow: hidden;
    margin-bottom: 2.5rem;
    border-radius: 1.6rem;
    z-index: 0;
    display: flex;
    align-items: center;
    padding: 3rem;
    justify-content: space-between;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-5__mains__item {
        width: 100%;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-5__mains__item {
        margin-bottom: 1.5rem;
        flex-wrap: wrap;
    }
}

.w74-ads-5__mains__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
}

.w74-ads-5__mains__item__link {
    width: 34%;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-5__mains__item__link {
        width: 24%;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-5__mains__item__link {
        flex-wrap: wrap;
        width: 100%;
    }
}

.w74-ads-5__mains__item__link__imgbox {
    background-size: contain;
    background-position: center;
    width: 100%;
    height: 100%;
    transition: all .5s;
    cursor: pointer;
}

.w74-ads-5__mains__item:hover .w74-ads-5__mains__item__link__imgbox {
    transform: scale(1.03);
}

.w74-ads-5__mains__item__info {
    width: 61%;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w74-ads-5__mains__item__info {
        width: 71%;
    }
}

@media only screen and (max-width: 50rem) {
    .w74-ads-5__mains__item__info {
        width: 100%;
        margin-top: 2rem;
    }
}

.w74-ads-5__mains__item__info__name {
    color: #fff;
    font-size: 2.2rem;
    font-weight: 600;
    line-height: 3rem;
    display: block;
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-5__mains__item__info__name {
        text-align: center;
    }
}

.w74-ads-5__mains__item__info__des {
    margin-top: 1rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: white;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-5__mains__item__info__des {
        text-align: center;
    }
}

.w74-ads-5__mains__item__info__sub {
    margin-top: 1rem;
    font-weight: 300;
    font-size: 1.6rem;
    color: white;
}

.w74-ads-5__mains__item__info__btn {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: 500;
    border: 1px solid rgba(var(--main-color-w), 1);
    color: rgba(var(--main-color-w), 1);
    background: rgba(255, 255, 255,1);
    padding: 1.25rem 5rem;
    border-radius: 1.4rem;
    width: max-content;
    justify-content: center;
    font-weight: 600;
}

@media only screen and (max-width: 50rem) {
    .w74-ads-5__mains__item__info__btn {
        margin: 2rem auto 0;
    }
}
.w74-ads-5__mains__item__info__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
    color: rgba(255, 255, 255,1);
}

.w74-ads-5__mains__item__info__btn__icon {
    margin-left: 1.25rem;
}
/*ed*/
/*w75-header-2*/
.w75-header-2 {
    padding: 2rem 0rem 1rem;
    width: 100%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2 {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2 {
        padding-left: 0;
        padding-right: 0;
        padding-bottom: .5rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-header-2.ws1StickyApply {
        padding-top: 1rem;
        padding-bottom: 0;
    }
}

.w75-header-2__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 98px;
    background: #fff;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-2__bg {
        height: 80px;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__bg {
        height: 100%;
    }
}

.ws1TransApply .w75-header-2__bg {
    display: none;
}

.w75-header-2__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    position: relative
}

.w75-header-2__mains {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 1rem 1rem;
    background-color: #fff;
}

.ws1TransApply .w75-header-2__mains {
    background-color: transparent;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mains {
        padding-bottom: 1rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__mains {
        display: none;
    }
}

.w75-header-2__linebg {
    position: absolute;
    bottom: 66px;
    width: 100%;
    left: 0;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.05);
    height: 1rem;
    z-index: 1;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-2__linebg {
        bottom: 45px;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__linebg {
        height: 5px;
        bottom: 5px;
    }
}

.ws1TransApply .w75-header-2__linebg {
    display: none;
}

.w75-header-2__mains__first {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 33%;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mains__first {
        width: 65%;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-2__mains__first {
        width: 100%;
        justify-content: space-around;
    }
}

.w75-header-2__mains__first__item {
    width: 48%;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 62.5rem) {
    .w75-header-2__mains__first__item {
        margin-left: 4%;
    }

        .w75-header-2__mains__first__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-2__mains__first__item {
        width: max-content;
        margin-bottom: 2rem;
    }

        .w75-header-2__mains__first__item:not(:last-child) {
            margin-right: 2rem;
        }
}

.w75-header-2__mains__first__item__box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-2__mains__first__item__box {
        justify-content: center;
    }
}

.w75-header-2__mains__first__item__box__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}

    .w75-header-2__mains__first__item__box__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header-2__mains__first__item__box__content {
    width: calc(100% - 6rem);
    margin-left: 1rem;
    font-size: 1.6rem;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-2__mains__first__item__box__content {
        width: max-content;
    }
}

.w75-header-2__mains__first__item__box__content__name {
    color: #333;
    margin-bottom: .5rem;
    white-space: nowrap;
    font-weight: 600;
}

.w75-header-2__mains__first__item__box__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header-2__mains__first__item__box__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header-2__mains__first__alter {
    width: 48%;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 62.5rem) {
    .w75-header-2__mains__first__alter {
        margin-left: 4%;
    }

        .w75-header-2__mains__first__alter:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-2__mains__first__alter {
        width: max-content;
        margin-bottom: 2rem;
    }

        .w75-header-2__mains__first__alter:not(:last-child) {
            margin-right: 2rem;
        }
}

.w75-header-2__mains__first__alter__box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w75-header-2__mains__first__alter__box__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}

    .w75-header-2__mains__first__alter__box__icon:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w75-header-2__mains__first__alter__box__content {
    width: calc(100% - 6rem);
    margin-left: 1rem;
    font-size: 1.6rem;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-2__mains__first__alter__box__content {
        width: max-content;
    }
}

.w75-header-2__mains__first__alter__box__content__name {
    color: #333;
    margin-bottom: .25rem;
    white-space: nowrap;
    font-weight: 600;
}

.w75-header-2__mains__first__alter__box__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header-2__mains__first__alter__box__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header-2__mains__center {
    width: 33.333%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mains__center {
        display: none
    }
}

.w75-header-2__mains__center__imgbox {
    background-size: contain;
    cursor: pointer;
    background-position: center;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-2__mains__center__imgbox {
        max-height: 5rem;
    }
}

.w75-header-2__mains__last {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    width: 33%;
    justify-content: flex-end;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mains__last {
        width: max-content;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-2__mains__last {
        width: 100%;
        justify-content: center;
    }
}

.w75-header-2__mains__last__iconsearch {
    font-size: 2rem;
    color: #333;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
    margin-right: 3rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mains__last__iconsearch {
        display: none;
    }
}

.w75-header-2__mains__last__iconsearch:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w75-header-2__mains__last__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .9rem 2rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .3s ease;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mains__last__btn {
        margin-left: 0;
    }
}

.w75-header-2__mains__last__btn:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w75-header-2__mains__last__btn__icon {
}

.w75-header-2__mains__last__btn__name {
    font-weight: 700;
    margin-left: 1rem;
    white-space: nowrap;
}

.w75-header-2__cksearch {
    display: none;
}

.w75-header-2__search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    background-color: rgba(17, 24, 28, 0.8);
    visibility: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__search {
        transition: all 0s ease;
    }
}

.w75-header-2__cksearch:checked ~ .w75-header-2__search {
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.w75-header-2__search__value {
    position: absolute;
    padding: 0 15px;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transform: translate(0,-25%);
    justify-content: center;
    transition: all ease .75s;
    margin-top: 18rem;
}

.w75-header-2__cksearch:checked ~
.w75-header-2__search
.w75-header-2__search__value {
    transform: translate(0,0);
    transition: all ease .3s;
}

.w75-header-2__search__value__content {
    width: 60rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w75-header-2__search__value__content__close {
    transition: all .5s;
    color: #fff;
    position: absolute;
    top: -4rem;
    right: -4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w75-header-2__search__value__content__close {
        right: 1rem;
    }
}

.w75-header-2__search__value__content__close__first {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(-45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-2__search__value__content__close:hover .w75-header-2__search__value__content__close__first {
    transform: rotate(45deg);
}

.w75-header-2__search__value__content__close__second {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-2__search__value__content__close:hover .w75-header-2__search__value__content__close__second {
    transform: rotate(-45deg);
}

.w75-header-2__cksearch:checked ~
.w75-header-2__search
.w75-header-2__search__value
.w75-header-2__search__value__content
.w75-header-2__search__value__content__heading
.w75-header-2__search__value__content__close
.w75-header-2__search__value__content__close__icon {
    animation-name: key-w75-header-2__search__value__content__close__icon;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.w75-header-2__search__value__content__text {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.w75-header-2__search__value__content__text__input {
    width: 100%;
    padding: 1.5rem 2rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 400;
    background: #fff;
    color: #333;
    border-radius: 3rem;
    transition: all .5s;
    outline: none;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: none;
}

    .w75-header-2__search__value__content__text__input:focus {
    }

@media only screen and (max-width: 75rem) {
    .w75-header-2__search__value__content__text__input {
    }
}

.w75-header-2__search__value__content__text__input::placeholder {
    color: #333;
}

.w75-header-2__search__value__content__text__btn {
    font-size: 1.6rem;
    cursor: pointer;
    position: absolute;
    right: .75rem;
    transition: all .2s ease;
    background-color: rgba(var(--main-color-w),1);
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__search__value__content__text__btn {
        font-size: 1.8rem;
    }
}

.w75-header-2__search__value__content__text__btn:hover {
}

.w75-header-2__mobile {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
        position: relative;
        padding: 0 8rem;
    }

    .w75-header-2__mobile__logo {
    }

    .w75-header-2__mobile__logo__imgbox {
        background-size: contain;
        background-position: center;
    }

    .w75-header-2__mobile__iconsearch {
        font-size: 1.8rem;
        color: #333;
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fafafa;
        border-radius: 50%;
        cursor: pointer;
        transition: all .3s;
        position: absolute;
        right: 0;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__mobile__iconsearch {
        right: 1rem;
    }
}

.w75-header-2__subs {
    display: none;
    padding: 1rem 0;
    background-color: #fafafa;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__subs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w75-header-2__subs__first {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w75-header-2__subs__first__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}

    .w75-header-2__subs__first__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header-2__subs__first__content {
    margin-left: 1rem;
    font-size: 1.5rem;
}

.w75-header-2__subs__first__content__name {
    color: #333;
    margin-bottom: .25rem;
    font-weight: 600;
}

.w75-header-2__subs__first__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header-2__subs__first__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header-2__subs__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 2rem;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__subs__btn {
        margin-left: 0;
    }
}

.w75-header-2__subs__btn:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w75-header-2__subs__btn__icon {
}

.w75-header-2__subs__btn__name {
    font-weight: 600;
    margin-left: 1rem;
    white-space: nowrap;
}

.w75-header-2__mobile__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 36px;
    height: 36px;
    display: none;
    align-items: center;
    justify-content: left;
    position: relative;
    border-radius: 3px;
    position: absolute;
    left: 0rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__mobile__lbl {
        display: flex;
    }
}

.w75-header-2__checkboxMobileMenu:checked ~
.w75-header-2__mobile
.w75-header-2__mobile__lbl {
    width: 30px;
    height: 30px;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__mobile__lbl {
        left: 1rem;
    }
}

.w75-header-2__mobile__lbl__top {
    position: absolute;
    width: 26px;
    height: 3px;
    top: 8px;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

.w75-header-2__checkboxMobileMenu:checked ~
.w75-header-2__mobile
.w75-header-2__mobile__lbl
.w75-header-2__mobile__lbl__top {
    transform: rotate(45deg);
    top: 13px;
}

.w75-header-2__mobile__lbl__center {
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: rgba(var(--main-color-w),1);
}

.w75-header-2__checkboxMobileMenu:checked ~
.w75-header-2__mobile
.w75-header-2__mobile__lbl
.w75-header-2__mobile__lbl__center {
    width: 0;
}

.w75-header-2__mobile__lbl__bottom {
    position: absolute;
    width: 26px;
    height: 3px;
    bottom: 8px;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

.w75-header-2__checkboxMobileMenu:checked ~
.w75-header-2__mobile
.w75-header-2__mobile__lbl
.w75-header-2__mobile__lbl__bottom {
    bottom: 14px;
    transform: rotate(-45deg);
}

.w75-header-2__checkboxpopup {
    display: none;
}

.w75-header-2__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.w75-header-2__popup__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.w75-header-2__checkboxpopup:checked ~ .w75-header-2__popup {
    z-index: 3;
    visibility: visible;
    opacity: 1;
}

.w75-header-2__popup__mains {
    padding: 3rem;
    border: 1px solid #f1f1f1;
    border-radius: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0px 8px 20px 0px #0000000D;
    max-width: 94%;
    width: 51rem;
    height: max-content;
    margin: 0 auto;
    background-color: #fff;
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10rem);
    position: relative;
}

.w75-header-2__checkboxpopup:checked ~
.w75-header-2__popup
.w75-header-2__popup__mains {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.w75-header-2__popup__mains__close {
    transition: all .5s;
    color: #fff;
    position: absolute;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (min-width: 50rem) {
    .w75-header-2__popup__mains__close {
        right: -5rem;
        top: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w75-header-2__popup__mains__close {
        left: 0;
        top: -4rem;
    }
}

.w75-header-2__popup__mains__close__first {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(-45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-2__popup__mains__close:hover .w75-header-2__popup__mains__close__first {
    transform: rotate(45deg);
}

.w75-header-2__popup__mains__close__second {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-2__popup__mains__close:hover .w75-header-2__popup__mains__close__second {
    transform: rotate(-45deg);
}

.w75-header-2__popup__mains__name {
    position: relative;
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    line-height: 4rem;
    font-weight: 600;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__popup__mains__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-header-2__popup__mains__line {
    width: 6rem;
    height: 2px;
    background-color: rgba(var(--main-color-w),1);
    margin: 1.25rem auto;
}

.w75-header-2__popup__mains__des {
    margin-bottom: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__popup__mains__des {
        font-size: 1.4rem;
    }
}

.w75-header-2__popup__mains__sub {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__popup__mains__sub {
        font-size: 1.6rem;
    }
}

.w75-header-2__popup__mains__box {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.w75-header-2__popup__mains__box__input {
    margin: 0;
    font-family: inherit;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #24272C;
    padding: 1.5rem 1.8rem;
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #ccc;
    outline: none;
    transition: all .3s ease;
}

    .w75-header-2__popup__mains__box__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w75-header-2__popup__mains__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width:50rem) {
    .w75-header-2__popup__mains__dropdown {
        width: 100%;
    }
}

.w75-header-2__popup__mains__dropdown__label {
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
    transition: all .3s ease;
}

.w75-header-2__popup__mains__dropdown__check:checked ~
.w75-header-2__popup__mains__dropdown__label {
    border-color: rgba(var(--main-color-w),1);
}

    .w75-header-2__popup__mains__dropdown__check:checked ~
    .w75-header-2__popup__mains__dropdown__label
    .w75-header-2__popup__mains__dropdown__label__icon:before {
        content: "\f106";
    }

.w75-header-2__popup__mains__dropdown__label__name {
    font-size: 1.4rem;
}

.w75-header-2__popup__mains__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w75-header-2__popup__mains__dropdown__check {
    display: none;
}

.w75-header-2__popup__mains__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w75-header-2__popup__mains__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w75-header-2__popup__mains__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w75-header-2__popup__mains__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w75-header-2__popup__mains__dropdown__check:checked ~
.w75-header-2__popup__mains__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
}

.w75-header-2__popup__mains__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w75-header-2__popup__mains__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w75-header-2__popup__mains__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w75-header-2__popup__mains__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.8rem;
    justify-content: center;
    transition: all .3s ease;
    padding: 1.35rem 2rem;
    margin-top: 2rem;
}

    .w75-header-2__popup__mains__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header-2__popup__mains__btn__name {
    margin-right: 1rem;
    font-weight: 600;
}

.w75-header-2__popup__mains__btn__icon {
    transition: all .3s ease;
}

.w75-header-2__popup__mains__btn:hover .w75-header-2__popup__mains__btn__icon {
    transform: rotate(45deg);
}

.w75-header-2__detail {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 0 0 1.5rem 1.5rem;
}

@media only screen and (min-width: 75rem) {
    .ws1TransApply .w75-header-2__detail {
        background-color: transparent;
    }

    .w75-header-2__detail {
        transform: translateY(-2px);
    }

    .ws1StickyApply .w75-header-2__detail {
        transform: translateY(0);
    }
}

.ws1StickyApply .w75-header-2__detail {
}

.w75-header-2__checkboxMobileMenu:checked ~
.w75-header-2__detail {
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail {
    }

    .w75-header-2__detail {
        background-color: rgba(var(--main-color-w), 1);
        position: absolute;
        width: 100%;
        height: 65vh;
        left: 0;
        transition: all .2s ease;
        padding: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        z-index: 0;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w75-header-2__checkboxMobileMenu:checked ~
    .w75-header-2__detail {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: none;
    }
}

.w75-header-2__checkboxMobileMenu {
    display: none;
}

.w75-header-2__detail__two__mains__lblicon {
    display: none;
}


.w75-header-2__checkboxMobileMenu:checked ~ .w75-header-2__detail__two__mains__lblicon {
    display: block;
}

.w75-header-2__detail__two__mains__lblicon {
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    padding: 1rem;
    font-size: 3rem;
    z-index: 1;
}

.w75-header-2__detail__bottom {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        padding: 1rem 1rem 0rem;
        justify-content: center;
        background-color: rgba(var(--second-color-w),1);
        width: 100%;
    }

    .w75-header-2__detail__bottom__hotline {
        display: flex;
        margin-bottom: 1rem;
        color: #fff;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .w75-header-2__detail__bottom__hotline:not(:last-child) {
            margin-right: 1.5rem;
        }

    .w75-header-2__detail__bottom__hotline__icon {
        margin-right: 1rem;
        display: flex;
        width: 3.8rem;
        height: 3.8rem;
        background-color: #fff;
        border-radius: 50%;
        color: rgba(var(--main-color-w),1);
        justify-content: center;
        align-items: center;
        font-size: 2rem;
    }

    .w75-header-2__detail__bottom__hotline__name {
        font-size: 1.6rem;
    }

    .w75-header-2__detail__bottom__hotline__name__text {
        margin-bottom: .25rem;
    }

    .w75-header-2__detail__bottom__hotline__name__des {
        font-weight: 600;
    }
}

.w75-header-2__detail__items {
    display: flex;
    align-items: center;
}

.ws1RightMenubox .w75-header-2__detail__items {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items {
        width: 100%;
        position: relative;
        z-index: 1;
        display: block;
        max-height: 90%;
        padding: 3rem 2rem;
        overflow-y: scroll;
    }

        .w75-header-2__detail__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w75-header-2__detail__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w75-header-2__detail__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w75-header-2__detail::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w75-header-2__detail__items__item {
    display: flex;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item {
        width: 100%;
        display: block;
    }

        .w75-header-2__detail__items__item:last-child {
            border-bottom: none;
        }
}

.w75-header-2__detail__items__item__inner {
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-2__detail__items__item__inner {
        padding-top: .75rem;
        padding-bottom: .75rem;
    }
}

.ws1RightMenubox .w75-header-2__detail__items__item__inner {
    padding: 3rem 1rem 3.5rem;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-2__detail__items__item__inner {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__inner {
        padding: .75rem 0;
        justify-content: flex-start;
    }

    .w75-header-2__detail__items__item:last-child .w75-header-2__detail__items__item__inner {
        border-bottom: none;
    }
}

.w75-header-2__detail__items__item__inner:hover .w75-header-2__detail__items__item__inner__text {
}

@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__inner:hover .w75-header-2__detail__items__item__inner__text {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-header-2__detail__items__item__inner__text__icon {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__inner__text__icon {
        display: inline-block;
        margin-right: 1rem;
    }
}

.w75-header-2__detail__items__item__inner:hover .w75-header-2__detail__items__item__inner__icon {
    transition: all .2s ease;
}

@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__inner:hover .w75-header-2__detail__items__item__inner__icon {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-header-2__detail__items__item__inner__text {
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
}

.ws1RightMenubox .w75-header-2__detail__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__inner__text {
        font-size: 1.6rem;
        color: #fff;
        display: flex;
        align-items: center;
    }

    .w75-header-2__detail__items__item__inputcheck:checked ~
    .w75-header-2__detail__items__item__inner
    .w75-header-2__detail__items__item__inner__text {
        /*color: rgba(var(--main-color-w),1);*/
    }
}

.w75-header-2__detail__items__item__inner__icon {
    color: #000;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        background-color: rgba(var(--second-color-w),0);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
        color: #fff;
        border: solid .1px #fff;
    }

    .w75-header-2__detail__items__item__inner__icon__value {
        font-weight: 400;
        transition: none;
    }

    .w75-header-2__detail__items__item__inputcheck:checked ~
    .w75-header-2__detail__items__item__inner
    .w75-header-2__detail__items__item__inner__icon {
    }
}

.w75-header-2__detail__items__item__inputcheck {
    display: none;
}


    .w75-header-2__detail__items__item__inputcheck:checked ~
    .w75-header-2__detail__items__item__inner
    .w75-header-2__detail__items__item__inner__icon
    .w75-header-2__detail__items__item__inner__icon__value {
        transform: rotate(180deg);
    }

.w75-header-2__detail__items__item__drops {
    position: absolute;
    border-radius: 1rem;
    margin-bottom: 0;
    min-width: 26rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__drops {
        width: max-content;
        visibility: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        -moz-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        opacity: 0;
        top: 100%;
    }

    .w75-header-2__detail__items__item:hover .w75-header-2__detail__items__item__drops {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    .w75-header-2__detail__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media only screen and (min-width: 50rem) {
    .w75-header-2__detail__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
    }

    .w75-header-2__detail__items__item__inputcheck:checked ~ .w75-header-2__detail__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }

    .w75-header-2__detail__items__item__inputcheck:not(:checked) ~ .w75-header-2__detail__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w75-header-2__detail__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w75-header-2__detail__items__item__drops__drop {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop {
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
        border: 1px solid #fafafa;
        margin-top: 1rem;
        padding: .5rem 0;
        border-radius: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop {
        height: fit-content;
    }
}

.w75-header-2__detail__items__item__drops__drop__contents {
    width: 100%;
}

.w75-header-2__detail__items__item__drops__drop__contents__content {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--second-color-w),1);
    padding: .75rem 1.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content {
        padding: 1rem 0rem 1rem 3rem;
    }
}

.w75-header-2__detail__items__item__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    color: #000;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content__box {
        color: #fff;
    }
}

.w75-header-2__detail__items__item__drops__drop__contents__content__box:hover {
}

@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content__box:hover {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-header-2__detail__items__item__drops__drop__contents__content__box__text {
    transition: all .3s;
}


@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content:hover .w75-header-2__detail__items__item__drops__drop__contents__content__box__text {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content {
    }

    .w75-header-2__detail__items__item__drops__drop__contents__content__check:checked ~
    .w75-header-2__detail__items__item__drops__drop__contents__content__box {
    }

        .w75-header-2__detail__items__item__drops__drop__contents__content__check:checked ~
        .w75-header-2__detail__items__item__drops__drop__contents__content__box
        .w75-header-2__detail__items__item__drops__drop__contents__content__box__text {
        }
}

.w75-header-2__detail__items__item__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content__box__text {
    }
}

.w75-header-2__detail__items__item__drops__drop__contents__content__subs {
    position: absolute;
    left: calc(100% + 5rem);
    width: max-content;
    top: -1rem;
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        overflow: hidden;
    }

    .w75-header-2__detail__items__item__drops__drop__contents__content__check:checked ~ .w75-header-2__detail__items__item__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content:hover .w75-header-2__detail__items__item__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub {
    margin-left: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    padding: 0rem 0;
    margin-bottom: 0;
    min-width: 20rem;
    width: max-content;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border: 1px solid #fafafa;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub {
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 1rem 0 0;
    }
}

.w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: .75rem 1.5rem;
    color: #000;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub__child {
        padding: 1rem 1rem 1rem 2rem;
        color: #fff;
    }

        .w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
}

.w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub__child:hover .w75-header-2__detail__items__item__drops__drop__contents__content__subs__sub__child__text {
}

.w75-header-2__detail__items__item__drops__drop__contents__content__check {
    display: none;
}

.w75-header-2__detail__items__item__drops__drop__contents__content__icon {
    margin-left: 1rem;
    color: #000;
}

.w75-header-2__detail__items__item__drops__drop__contents__content:hover
.w75-header-2__detail__items__item__drops__drop__contents__content__icon {
}

@media only screen and (min-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content:hover
    .w75-header-2__detail__items__item__drops__drop__contents__content__icon {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__items__item__drops__drop__contents__content__icon {
        position: absolute;
        margin: 0;
        right: 0;
        top: .5rem;
        transform: rotate(90deg);
        font-weight: 400;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: solid .1px #fff;
    }

    .w75-header-2__detail__items__item__drops__drop__contents__content__check:checked ~
    .w75-header-2__detail__items__item__drops__drop__contents__content__icon {
        transform: rotate(270deg);
    }
}

.w75-header-2__detail__two__mains__search {
    margin-left: 3rem;
    width: 3rem;
    height: 3rem;
    background-color: rgba(var(--second-color-w),.75);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .w75-header-2__detail__two__mains__search:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 93.75rem) {
    .w75-header-2__detail__two__mains__search {
        margin-left: auto;
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__two__mains__search {
        display: flex;
        margin-left: 2rem;
        margin-right: 0;
    }
}

.w75-header-2__detail__two__mains__search__btn {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .2s ease;
    color: #fff;
}

.w75-header-2__detail__two__mains__search__btn__icon {
    color: white;
    font-size: 1.7rem;
    transition: all .3s;
}

.w75-header-2__detail__two__mains__search__btn:hover {
}

.w75-header-2__detail__two__mains__search__searchcheckbox:checked ~
.w75-header-2__detail__two__mains__search__btn
.w75-header-2__detail__two__mains__search__btn__icon {
    transform: rotate(0);
}

    .w75-header-2__detail__two__mains__search__searchcheckbox:checked ~
    .w75-header-2__detail__two__mains__search__btn
    .w75-header-2__detail__two__mains__search__btn__icon:before {
        content: "\f00d";
    }

.w75-header-2__detail__two__mains__search__searchcheckbox {
    display: none;
}

.w75-header-2__detail__two__mains__search__box {
    background-color: #fff;
    position: absolute;
    width: 30rem;
    right: 0;
    top: 8rem;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(var(--second-color-w),1);
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border-radius: 3rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.w75-header-2__detail__two__mains__search__searchcheckbox:checked ~ .w75-header-2__detail__two__mains__search__box {
    top: 6rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__two__mains__search__searchcheckbox:checked ~ .w75-header-2__detail__two__mains__search__box {
        top: 7rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-2__detail__two__mains__search__box {
        width: 29rem;
    }
}

.w75-header-2__detail__two__mains__search__box__value {
    padding: 1rem 2rem;
    border-radius: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 81.25rem) {
    .w75-header-2__detail__two__mains__search__box__value {
        width: 90%;
    }
}

.w75-header-2__detail__two__mains__search__box__value__input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 50rem) {
    .w75-header-2__detail__two__mains__search__box__value__input {
        font-size: 1.8rem;
    }
}

.w75-header-2__detail__two__mains__search__box__value__input::placeholder {
}

.w75-header-2__detail__two__mains__search__box__value__btn {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    right: 1.25rem;
}

@media only screen and (max-width: 81.25rem) {
    .w75-header-2__detail__two__mains__search__box__value__btn {
        right: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w75-header-2__detail__two__mains__search__box__value__btn {
        font-size: 1.8rem;
    }
}

.w75-header-2__detail__two__mains__search__box__value__btn:hover {
    transition: all .2s ease;
    transform: scale(1.3);
}

.w75-header-2__detail__social {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding: 1rem 1rem 0rem;
    background-color: rgba(var(--main-color-w,1));
}

@media only screen and (max-width: 75rem) {
    .w75-header-2__detail__social {
        display: flex;
    }
}

.w75-header-2__detail__social__item {
    width: 3rem;
    height: 3rem;
    background-color: rgba(255,255,255,1);
    color: rgba(var(--main-color-w,1));
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    margin-right: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 50%;
    margin-bottom: 1rem;
}

    .w75-header-2__detail__social__item:last-child {
        margin-right: 0;
    }

    .w75-header-2__detail__social__item:hover {
        background-color: rgba(var(--second-color-w,1));
    }

/*ed*/

/*w75-ctaregister-3*/
.w75-ctaregister-3 {
    background-color: #fff;
    padding: 3rem 1rem;
}

.w75-ctaregister-3__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w75-ctaregister-3__heading {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

@media only screen and (max-width:75rem) {
    .w75-ctaregister-3__heading {
        text-align: center;
    }
}

.w75-ctaregister-3__heading__first {
    width: 100%;
    position: relative;
    z-index: 0;
}

.w75-ctaregister-3__heading__first__name {
    color: rgba(var(--main-color-w),1);
    font-size: 3.6rem;
    line-height: 5rem;
    font-weight: 700;
    line-height: 5rem;
    width: 100%;
    transition: all .5s;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-ctaregister-3__heading__first__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w75-ctaregister-3__heading__first__name:hover {
}

.w75-ctaregister-3__heading__first__title {
    margin-bottom: 1rem;
    font-size: 3rem;
    width: 100%;
}

@media only screen and (max-width:37.5rem) {
    .w75-ctaregister-3__heading__first__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-ctaregister-3__heading__second {
    width: 26rem;
    position: absolute;
    right: 0;
    z-index: 0;
}

@media only screen and (max-width:75rem) {
    .w75-ctaregister-3__heading__second {
        position: relative;
        margin: 0 auto 2rem;
        right: initial;
    }
}

.w75-ctaregister-3__heading__second__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w75-ctaregister-3__mains {
}

.w75-ctaregister-3__mains__heading {
    margin-bottom: 2rem;
}

.w75-ctaregister-3__mains__heading__name {
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w75-ctaregister-3__mains__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w75-ctaregister-3__mains__box {
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 1rem;
    box-shadow: 0px 8px 20px 0px #0000000D;
    padding: 3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

@media only screen and (max-width:62.5rem) {
    .w75-ctaregister-3__mains__box {
        padding: 1.5rem;
    }
}

.w75-ctaregister-3__mains__box__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: center;
    width: 48%;
}

@media only screen and (max-width:62.5rem) {
    .w75-ctaregister-3__mains__box__items {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.w75-ctaregister-3__mains__box__items:first-child {
    margin-top: 0;
}

.w75-ctaregister-3__mains__box__items__item {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
}

    .w75-ctaregister-3__mains__box__items__item:not(:last-child) {
        margin-bottom: 1.5rem;
    }

.w75-ctaregister-3__mains__box__items__item__icon {
    position: absolute;
    left: 2rem;
    font-size: 1.6rem;
}

@media only screen and (max-width:62.5rem) {
    .w75-ctaregister-3__mains__box__items__item {
        width: 100%;
        margin-left: 0;
    }
}



.w75-ctaregister-3__mains__box__items__item__input {
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 5rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    border: 1px solid #ccc;
    transition: all .5s;
    font-family: inherit;
    color: rgba(var(--main-color-w),1);
    border-radius: 1rem;
}

    .w75-ctaregister-3__mains__box__items__item__input::placeholder {
    }

    .w75-ctaregister-3__mains__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w75-ctaregister-3__mains__box__items__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width:50rem) {
    .w75-ctaregister-3__mains__box__items__dropdown {
        width: 100%;
    }
}

.w75-ctaregister-3__mains__box__items__dropdown__label {
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.5rem 2rem;
    font-size: 1.4rem;
    transition: all .3s ease;
}

.w75-ctaregister-3__mains__box__items__dropdown__check:checked ~
.w75-ctaregister-3__mains__box__items__dropdown__label {
    border-color: rgba(var(--main-color-w),1);
}

    .w75-ctaregister-3__mains__box__items__dropdown__check:checked ~
    .w75-ctaregister-3__mains__box__items__dropdown__label
    .w75-ctaregister-3__mains__box__items__dropdown__label__icon:before {
        content: "\f106";
    }

.w75-ctaregister-3__mains__box__items__dropdown__label__place {
    margin-right: 1rem;
}

.w75-ctaregister-3__mains__box__items__dropdown__label__name {
    font-size: 1.4rem;
}

.w75-ctaregister-3__mains__box__items__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w75-ctaregister-3__mains__box__items__dropdown__check {
    display: none;
}

.w75-ctaregister-3__mains__box__items__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w75-ctaregister-3__mains__box__items__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w75-ctaregister-3__mains__box__items__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w75-ctaregister-3__mains__box__items__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w75-ctaregister-3__mains__box__items__dropdown__check:checked ~
.w75-ctaregister-3__mains__box__items__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
    z-index: 1;
}

.w75-ctaregister-3__mains__box__items__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w75-ctaregister-3__mains__box__items__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w75-ctaregister-3__mains__box__items__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w75-ctaregister-3__mains__box__second {
    width: 49%;
}

@media only screen and (max-width:62.5rem) {
    .w75-ctaregister-3__mains__box__second {
        width: 100%;
    }
}

.w75-ctaregister-3__mains__box__second__input {
    width: 100%;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w75-ctaregister-3__mains__box__second__input {
    }
}

.w75-ctaregister-3__mains__box__second__input__textarea {
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 5rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    font-family: inherit;
    transition: all .5s;
    border: solid 1px #ccc;
    border-radius: 1rem;
}

    .w75-ctaregister-3__mains__box__second__input__textarea::placeholder {
    }

    .w75-ctaregister-3__mains__box__second__input__textarea:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w75-ctaregister-3__mains__box__second__input__icon {
    position: absolute;
    left: 2rem;
    top: 18px;
    font-size: 1.6rem;
}

.w75-ctaregister-3__mains__box__bottom {
    display: flex;
    width: 100%;
    margin-top: 1.5rem;
    justify-content: flex-end;
}

.w75-ctaregister-3__mains__box__bottom__btn {
    padding: 1.25rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
    border: none;
    outline: none;
    transition: all .5s;
    cursor: pointer;
    font-family: inherit;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 1.2rem;
}

    .w75-ctaregister-3__mains__box__bottom__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w75-ctaregister-3__mains__subs {
}

.w75-ctaregister-3__mains__subs__item {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w75-ctaregister-3__mains__subs__item__anh {
    width: max-content;
    margin-right: 2rem;
}

@media only screen and (max-width:50rem) {
    .w75-ctaregister-3__mains__subs__item__anh {
        margin-right: 1rem;
    }
}

.w75-ctaregister-3__mains__subs__item__anh__imgbox {
    width: 8rem;
    height: 8rem;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    border-radius: 50%;
}

@media only screen and (max-width:50rem) {
    .w75-ctaregister-3__mains__subs__item__anh__imgbox {
        width: 5rem;
        height: 5rem;
    }
}

.w75-ctaregister-3__mains__subs__item__box {
    width: calc(100% - 10rem);
}

@media only screen and (max-width:50rem) {
    .w75-ctaregister-3__mains__subs__item__box {
        width: calc(100% - 6rem);
    }
}

.w75-ctaregister-3__mains__subs__item__box__name {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.w75-ctaregister-3__mains__subs__item__box__name__text {
    font-weight: 600;
    font-size: 1.6rem;
    margin-right: 1rem;
}

.w75-ctaregister-3__mains__subs__item__box__name__rate {
    display: flex;
    align-items: center;
}

.w75-ctaregister-3__mains__subs__item__box__name__rate__icon {
    color: #ff9900;
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w75-ctaregister-3__mains__subs__item__box__des {
    font-size: 1.6rem;
    line-height: 3rem;
    margin-bottom: 2rem;
}

.w75-ctaregister-3__mains__subs__item__box__traloi {
    background-color: #f1f1f1;
    padding: 2rem;
    border-radius: 1rem;
    position: relative;
    width: 100%;
    display: flex;
    align-items: flex-start;
    margin-bottom:2rem;
}

.w75-ctaregister-3__mains__subs__item__box__traloi__anh {
    margin-right: 2rem;
}

@media only screen and (max-width:50rem) {
    .w75-ctaregister-3__mains__subs__item__box__traloi__anh {
        margin-right: 1rem;
    }
}

.w75-ctaregister-3__mains__subs__item__box__traloi__anh__imgbox {
    width: 8rem;
    height: 8rem;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
}

@media only screen and (max-width:50rem) {
    .w75-ctaregister-3__mains__subs__item__box__traloi__anh__imgbox {
        width: 5rem;
        height: 5rem;
    }
}

.w75-ctaregister-3__mains__subs__item__box__traloi__icon {
    position: absolute;
    color: #f1f1f1;
    font-size: 3rem;
    top: -19px;
    left: 20px;
}

.w75-ctaregister-3__mains__subs__item__box__traloi__content {
    width: calc(100% - 10rem);
}

@media only screen and (max-width:50rem) {
    .w75-ctaregister-3__mains__subs__item__box__traloi__content {
        width: calc(100% - 6rem);
    }
}

.w75-ctaregister-3__mains__subs__item__box__traloi__content__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
}

.w75-ctaregister-3__mains__subs__item__box__traloi__content__text {
    font-size: 1.6rem;
    line-height: 3rem;
}

.w75-ctaregister-3__mains__subs__item__line {
    display: block;
    width: 100%;
    margin: 1rem 0 0;
    border-top: solid .1px #f1f1f1;
}

.w75-ctaregister-3__mains__subs__item:last-child .w75-ctaregister-3__mains__subs__item__line {
    display: none;
}
/*ed*/

/*w75-support-1*/
.w75-support-1 {
    z-index: 11;
    max-width: 100%;
    width:max-content;
}

.w75-support-1__mains {
    width: 4rem;
}
.w75-support-1__mains {
    width: 4rem;
    -webkit-animation: key-w75-support-1__mains 3s;
    animation: key-w75-support-1__mains 3s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w75-support-1__mains {
    0% {
        transform: translateY(-5rem);
        opacity: 0;
    }

    75% {
        transform: translateY(5rem);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}
.w75-support-1__mains__item {
    cursor: pointer;
    overflow: hidden;
    display:block;
}

    .w75-support-1__mains__item:not(:last-child) {
        margin-bottom: 1rem;
    }

.w75-support-1__mains__item__imgbox {
    width: 4rem;
    height: 4rem;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 50%;
}

    .w75-support-1__mains__item__imgbox:hover {
        transform: scale(.9);
    }

.w75-support-1__mains__scroll {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    border:solid 1px #fff;
}

    .w75-support-1__mains__scroll:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-support-1__mains__scroll__icon {
    font-size: 2rem;
}

.w75-support-1__mains__scroll:not(:last-child) {
    margin-bottom: 1rem;
}
/*ed*/
/*w74-support-2*/
.w74-support-2 {
    z-index: 11;
    max-width: 100%;
}

.w74-support-2__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: max-content;
    border: 1px solid rgba(var(--main-color-w),1);
    background-color: #fff;
    padding: .5rem;
    border-radius: .5rem;
    max-width: 100%;
}

.w74-support-2__main__first {
    display: flex;
    align-items: center;
    margin-right: 2rem;
}

.w74-support-2__main__first__imgbox {
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    margin-right: 1.25rem;
    background-size: cover;
}

.w74-support-2__main__first__box {
}

.w74-support-2__main__first__box__name {
    font-size: 1.5rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w74-support-2__main__first__box__des {
    margin-top: .5rem;
    display: flex;
    font-size: 1.5rem;
    color: #252121;
}

.w74-support-2__main__first__box__des__icon {
    margin-right: .5rem;
}

.w74-support-2__main__first__box__des__text {
}

.w74-support-2__main__second {
    display: flex;
    align-items: center;
}

.w74-support-2__main__second__item {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    cursor: pointer;
    position: relative;
    border: solid .1rem rgba(var(--main-color-w),1);
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    font-size: 2.8rem;
    transition: all .3s ease;
}

    .w74-support-2__main__second__item:hover {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

.w74-support-2__main__second__item__icon {
}

.w74-support-2__main__second__item:not(:last-child) {
    margin-right: .75rem;
}

.w74-support-2__main__second__item__info {
    width: max-content;
    padding: .35rem 1rem;
    border-radius: .5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    position: absolute;
    top: -4rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-support-2__main__second__item:hover .w74-support-2__main__second__item__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-support-2__main__second__item__info__text {
    font-size: 1.2rem;
}

.w74-support-2__main__second__item__info__bg {
    position: absolute;
    bottom: -12px;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w74-support-2__main__second__alter {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 5rem;
    height: 5rem;
    border-radius: .5rem;
    cursor: pointer;
    position: relative;
    border: solid .1rem rgba(var(--main-color-w),1);
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    transition: all .3s ease;
}

    .w74-support-2__main__second__alter:hover {
        background-color: rgba(var(--main-color-w),1);
    }

    .w74-support-2__main__second__alter:not(:last-child) {
        margin-right: .75rem;
    }

.w74-support-2__main__second__alter__imgbox {
    width: 4rem;
    height: 4rem;
    background-position: center;
    background-size: contain;
}

.w74-support-2__main__second__alter__info {
    width: max-content;
    padding: .35rem 1rem;
    border-radius: .5rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    position: absolute;
    top: -4rem;
    display: flex;
    justify-content: center;
    transform: translateY(-2rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

.w74-support-2__main__second__alter:hover .w74-support-2__main__second__alter__info {
    transform: translateY(0);
    visibility: visible;
    opacity: 1;
}

.w74-support-2__main__second__alter__info__text {
    font-size: 1.2rem;
}

.w74-support-2__main__second__alter__info__bg {
    position: absolute;
    bottom: -13px;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}
/*ed*/
/*w75-header-3*/
.w75-header-3 {
    padding: 0;
    width: 100%;
    position: relative;
    z-index: 1;
}

.w75-header-3__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 98px;
    background: #fff;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-3__bg {
        height: 80px;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bg {
        height: 100%;
    }
}

.ws1TransApply .w75-header-3__bg {
    display: none;
}

.w75-header-3__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    position: relative
}

.w75-header-3__top {
    background-color: #fff;
    width: 100%;
    position: relative;
    padding: 1rem 1rem 1rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top {
        padding: 2rem 0 0;
    }
}

.ws1TransApply .w75-header-3__top {
    padding-top: 1rem;
    background-color: transparent;
    padding-bottom: 0;
}

.w75-header-3__top__mains {
    display: flex;
    width: 100%;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mains {
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__top__mains {
        display: none;
    }
}

.w75-header-3__top__linebg {
    position: absolute;
    bottom: 0;
    width: 100%;
    left: 0;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.05);
    height: 4px;
    z-index: 1;
}

.ws1TransApply .w75-header-3__top__linebg {
    display: none;
}

.w75-header-3__top__mains__first {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 33%;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mains__first {
        width: 65%;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-3__top__mains__first {
        width: 100%;
        justify-content: space-around;
    }
}

.w75-header-3__top__mains__first__item {
    width: 48%;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 62.5rem) {
    .w75-header-3__top__mains__first__item {
        margin-left: 4%;
    }

        .w75-header-3__top__mains__first__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-3__top__mains__first__item {
        width: max-content;
        margin-bottom: 2rem;
    }

        .w75-header-3__top__mains__first__item:not(:last-child) {
            margin-right: 2rem;
        }
}

.w75-header-3__top__mains__first__item__box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-3__top__mains__first__item__box {
        justify-content: center;
    }
}

.w75-header-3__top__mains__first__item__box__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}

    .w75-header-3__top__mains__first__item__box__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header-3__top__mains__first__item__box__content {
    width: calc(100% - 6rem);
    margin-left: 1rem;
    font-size: 1.6rem;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-3__top__mains__first__item__box__content {
        width: max-content;
    }
}

.w75-header-3__top__mains__first__item__box__content__name {
    color: #333;
    margin-bottom: .5rem;
    white-space: nowrap;
    font-weight: 600;
}

.w75-header-3__top__mains__first__item__box__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header-3__top__mains__first__item__box__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header-3__top__mains__first__alter {
    width: 48%;
    margin-bottom: 1rem;
}

@media only screen and (min-width: 62.5rem) {
    .w75-header-3__top__mains__first__alter {
        margin-left: 4%;
    }

        .w75-header-3__top__mains__first__alter:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-3__top__mains__first__alter {
        width: max-content;
        margin-bottom: 2rem;
    }

        .w75-header-3__top__mains__first__alter:not(:last-child) {
            margin-right: 2rem;
        }
}

.w75-header-3__top__mains__first__alter__box {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w75-header-3__top__mains__first__alter__box__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}

    .w75-header-3__top__mains__first__alter__box__icon:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w75-header-3__top__mains__first__alter__box__content {
    width: calc(100% - 6rem);
    margin-left: 1rem;
    font-size: 1.6rem;
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-3__top__mains__first__alter__box__content {
        width: max-content;
    }
}

.w75-header-3__top__mains__first__alter__box__content__name {
    color: #333;
    margin-bottom: .25rem;
    white-space: nowrap;
    font-weight: 600;
}

.w75-header-3__top__mains__first__alter__box__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header-3__top__mains__first__alter__box__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header-3__top__mains__center {
    width: 33.333%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mains__center {
        display: none
    }
}

.w75-header-3__top__mains__center__imgbox {
    background-size: contain;
    cursor: pointer;
    background-position: center;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-3__top__mains__center__imgbox {
        max-height: 5rem;
    }
}

.w75-header-3__top__mains__last {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    width: 33%;
    justify-content: flex-end;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mains__last {
        width: max-content;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w75-header-3__top__mains__last {
        width: 100%;
        justify-content: center;
    }
}

.w75-header-3__top__mains__last__iconsearch {
    font-size: 2rem;
    color: #333;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s;
    margin-right: 3rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mains__last__iconsearch {
        display: none;
    }
}

.w75-header-3__top__mains__last__iconsearch:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w75-header-3__top__mains__last__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .9rem 2rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .3s ease;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mains__last__btn {
        margin-left: 0;
    }
}

.w75-header-3__top__mains__last__btn:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w75-header-3__top__mains__last__btn__icon {
}

.w75-header-3__top__mains__last__btn__name {
    font-weight: 700;
    margin-left: 1rem;
    white-space: nowrap;
}

.w75-header-3__cksearch {
    display: none;
}

.w75-header-3__search {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: -1;
    background-color: rgba(17, 24, 28, 0.8);
    visibility: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__search {
        transition: all 0s ease;
    }
}

.w75-header-3__cksearch:checked ~ .w75-header-3__search {
    z-index: 3;
    opacity: 1;
    visibility: visible;
}

.w75-header-3__search__value {
    position: absolute;
    padding: 0 15px;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transform: translate(0,-25%);
    justify-content: center;
    transition: all ease .75s;
    margin-top: 18rem;
}

.w75-header-3__cksearch:checked ~
.w75-header-3__search
.w75-header-3__search__value {
    transform: translate(0,0);
    transition: all ease .3s;
}

.w75-header-3__search__value__content {
    width: 60rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w75-header-3__search__value__content__close {
    transition: all .5s;
    color: #fff;
    position: absolute;
    top: -4rem;
    right: -4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w75-header-3__search__value__content__close {
        right: 1rem;
    }
}

.w75-header-3__search__value__content__close__first {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(-45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-3__search__value__content__close:hover .w75-header-3__search__value__content__close__first {
    transform: rotate(45deg);
}

.w75-header-3__search__value__content__close__second {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-3__search__value__content__close:hover .w75-header-3__search__value__content__close__second {
    transform: rotate(-45deg);
}

.w75-header-3__cksearch:checked ~
.w75-header-3__search
.w75-header-3__search__value
.w75-header-3__search__value__content
.w75-header-3__search__value__content__heading
.w75-header-3__search__value__content__close
.w75-header-3__search__value__content__close__icon {
    animation-name: key-w75-header-3__search__value__content__close__icon;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

.w75-header-3__search__value__content__text {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
}

.w75-header-3__search__value__content__text__input {
    width: 100%;
    padding: 1.5rem 2rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 400;
    background: #fff;
    color: #333;
    border-radius: 3rem;
    transition: all .5s;
    outline: none;
    box-shadow: 0 5px 15px rgba(0,0,0,.5);
    border: none;
}

    .w75-header-3__search__value__content__text__input:focus {
    }

@media only screen and (max-width: 75rem) {
    .w75-header-3__search__value__content__text__input {
    }
}

.w75-header-3__search__value__content__text__input::placeholder {
    color: #333;
}

.w75-header-3__search__value__content__text__btn {
    font-size: 1.6rem;
    cursor: pointer;
    position: absolute;
    right: .75rem;
    transition: all .2s ease;
    background-color: rgba(var(--main-color-w),1);
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__search__value__content__text__btn {
        font-size: 1.8rem;
    }
}

.w75-header-3__search__value__content__text__btn:hover {
}

.w75-header-3__top__mobile {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mobile {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2rem;
        position: relative;
        padding: 0 8rem;
    }

    .w75-header-3__top__mobile__logo {
    }

    .w75-header-3__top__mobile__logo__imgbox {
        background-size: contain;
        background-position: center;
    }

    .w75-header-3__top__mobile__iconsearch {
        font-size: 1.8rem;
        color: #333;
        width: 4rem;
        height: 4rem;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fafafa;
        border-radius: 50%;
        cursor: pointer;
        transition: all .3s;
        position: absolute;
        right: 1rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__top__mobile__iconsearch {
        right: 1rem;
    }
}

.w75-header-3__top__subs {
    display: none;
    padding: 1rem 0;
    background-color: #fafafa;
}

.ws1TransApply .w75-header-3__top__subs {
    background-color: transparent;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__top__subs {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w75-header-3__top__subs__first {
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w75-header-3__top__subs__first__icon {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
    border-radius: 50%;
    color: #fff;
    font-size: 1.8rem;
    transition: all .3s ease;
}

    .w75-header-3__top__subs__first__icon:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header-3__top__subs__first__content {
    margin-left: 1rem;
    font-size: 1.5rem;
}

.w75-header-3__top__subs__first__content__name {
    color: #333;
    margin-bottom: .25rem;
    font-weight: 600;
}

.w75-header-3__top__subs__first__content__des {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

    .w75-header-3__top__subs__first__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w75-header-3__top__subs__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1.5rem;
    border-radius: 3rem;
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-left: 2rem;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__subs__btn {
        margin-left: 0;
    }
}

.w75-header-3__top__subs__btn:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w75-header-3__top__subs__btn__icon {
}

.w75-header-3__top__subs__btn__name {
    font-weight: 600;
    margin-left: 1rem;
    white-space: nowrap;
}

.w75-header-3__top__mobile__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 36px;
    height: 36px;
    display: none;
    align-items: center;
    justify-content: left;
    position: relative;
    border-radius: 3px;
    position: absolute;
    left:1rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__top__mobile__lbl {
        display: flex;
    }
}

.w75-header-3__checkboxMobileMenu:checked ~
.w75-header-3__top
.w75-header-3__group
.w75-header-3__top__mobile
.w75-header-3__top__mobile__lbl {
    width: 30px;
    height: 30px;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__top__mobile__lbl {
        left: 1rem;
    }
}

.w75-header-3__top__mobile__lbl__top {
    position: absolute;
    width: 26px;
    height: 3px;
    top: 8px;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

.w75-header-3__checkboxMobileMenu:checked ~
.w75-header-3__top
.w75-header-3__group
.w75-header-3__top__mobile
.w75-header-3__top__mobile__lbl
.w75-header-3__top__mobile__lbl__top {
    transform: rotate(45deg);
    top: 13px;
}

.w75-header-3__top__mobile__lbl__center {
    position: absolute;
    width: 20px;
    height: 3px;
    background-color: rgba(var(--main-color-w),1);
}

.w75-header-3__checkboxMobileMenu:checked ~
.w75-header-3__top
.w75-header-3__group
.w75-header-3__top__mobile
.w75-header-3__top__mobile__lbl
.w75-header-3__top__mobile__lbl__center {
    width: 0;
}

.w75-header-3__top__mobile__lbl__bottom {
    position: absolute;
    width: 26px;
    height: 3px;
    bottom: 8px;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s;
}

.w75-header-3__checkboxMobileMenu:checked ~
.w75-header-3__top
.w75-header-3__group
.w75-header-3__top__mobile
.w75-header-3__top__mobile__lbl
.w75-header-3__top__mobile__lbl__bottom {
    bottom: 14px;
    transform: rotate(-45deg);
}

.w75-header-3__checkboxpopup {
    display: none;
}

.w75-header-3__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    justify-content: center;
    align-items: center;
    display: flex;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.w75-header-3__popup__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
}

.w75-header-3__checkboxpopup:checked ~ .w75-header-3__popup {
    z-index: 3;
    visibility: visible;
    opacity: 1;
}

.w75-header-3__popup__mains {
    padding: 3rem;
    border: 1px solid #f1f1f1;
    border-radius: 1rem;
    margin-bottom: 2rem;
    box-shadow: 0px 8px 20px 0px #0000000D;
    max-width: 94%;
    width: 51rem;
    height: max-content;
    margin: 0 auto;
    background-color: #fff;
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
    transform: translateY(-10rem);
    position: relative;
}

.w75-header-3__checkboxpopup:checked ~
.w75-header-3__popup
.w75-header-3__popup__mains {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.w75-header-3__popup__mains__close {
    transition: all .5s;
    color: #fff;
    position: absolute;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (min-width: 50rem) {
    .w75-header-3__popup__mains__close {
        right: -5rem;
        top: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w75-header-3__popup__mains__close {
        left: 0;
        top: -4rem;
    }
}

.w75-header-3__popup__mains__close__first {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(-45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-3__popup__mains__close:hover .w75-header-3__popup__mains__close__first {
    transform: rotate(45deg);
}

.w75-header-3__popup__mains__close__second {
    position: absolute;
    width: 100%;
    height: .2rem;
    transform: rotate(45deg);
    background-color: #fff;
    transition: all .3s ease;
}

.w75-header-3__popup__mains__close:hover .w75-header-3__popup__mains__close__second {
    transform: rotate(-45deg);
}

.w75-header-3__popup__mains__name {
    position: relative;
    font-size: 3rem;
    color: rgba(var(--main-color-w),1);
    line-height: 4rem;
    font-weight: 600;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__popup__mains__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w75-header-3__popup__mains__line {
    width: 6rem;
    height: 2px;
    background-color: rgba(var(--main-color-w),1);
    margin: 1.25rem auto;
}

.w75-header-3__popup__mains__des {
    margin-bottom: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__popup__mains__des {
        font-size: 1.4rem;
    }
}

.w75-header-3__popup__mains__sub {
    text-align: center;
    font-size: 1.8rem;
    line-height: 2.6rem;
    font-weight: 600;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__popup__mains__sub {
        font-size: 1.6rem;
    }
}

.w75-header-3__popup__mains__box {
    display: flex;
    align-items: center;
    margin-bottom: 1.5rem;
}

.w75-header-3__popup__mains__box__input {
    margin: 0;
    font-family: inherit;
    font-size: 1.6rem;
    line-height: 2rem;
    color: #24272C;
    padding: 1.5rem 1.8rem;
    width: 100%;
    border-radius: 1rem;
    border: 1px solid #ccc;
    outline: none;
    transition: all .3s ease;
}

    .w75-header-3__popup__mains__box__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w75-header-3__popup__mains__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width:50rem) {
    .w75-header-3__popup__mains__dropdown {
        width: 100%;
    }
}

.w75-header-3__popup__mains__dropdown__label {
    background-color: #fff;
    border-radius: 1rem;
    border: 1px solid #ccc;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    color: #24272C;
    padding: 1.4rem 1.6rem;
    font-size: 1.4rem;
    transition: all .3s ease;
}

.w75-header-3__popup__mains__dropdown__check:checked ~
.w75-header-3__popup__mains__dropdown__label {
    border-color: rgba(var(--main-color-w),1);
}

    .w75-header-3__popup__mains__dropdown__check:checked ~
    .w75-header-3__popup__mains__dropdown__label
    .w75-header-3__popup__mains__dropdown__label__icon:before {
        content: "\f106";
    }

.w75-header-3__popup__mains__dropdown__label__name {
    font-size: 1.4rem;
}

.w75-header-3__popup__mains__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
}

.w75-header-3__popup__mains__dropdown__check {
    display: none;
}

.w75-header-3__popup__mains__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    top: 6rem;
    opacity: 0;
    border: .1rem solid #f1f1f1;
    webkit-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
    -ms-transform: scale(0.75) translateY(-21px);
    transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    overflow: hidden;
    overflow-y: scroll;
    visibility: hidden;
    max-height: 21rem;
}

    .w75-header-3__popup__mains__dropdown__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w75-header-3__popup__mains__dropdown__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w75-header-3__popup__mains__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

.w75-header-3__popup__mains__dropdown__check:checked ~
.w75-header-3__popup__mains__dropdown__subs {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
    visibility: visible;
    z-index:2;
}

.w75-header-3__popup__mains__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w75-header-3__popup__mains__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w75-header-3__popup__mains__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w75-header-3__popup__mains__btn {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 1rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    width: 100%;
    font-size: 1.8rem;
    justify-content: center;
    transition: all .3s ease;
    padding: 1.35rem 2rem;
    margin-top: 2rem;
}

    .w75-header-3__popup__mains__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-header-3__popup__mains__btn__name {
    margin-right: 1rem;
    font-weight: 600;
}

.w75-header-3__popup__mains__btn__icon {
    transition: all .3s ease;
}

.w75-header-3__popup__mains__btn:hover .w75-header-3__popup__mains__btn__icon {
    transform: rotate(45deg);
}

.w75-header-3__bot {
    width: 100%;
}

.w75-header-3__bot__detail {
    width: 100%;
    display: flex;
    justify-content: center;
    background-color: #fafafa;
    border-radius: 0 0 1.5rem 1.5rem;
}

.ws1TransApply .w75-header-3__bot__detail {
    background-color: transparent;
}

.w75-header-3__checkboxMobileMenu:checked ~
.w75-header-3__bot__detail {
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail {
    }

    .w75-header-3__bot__detail {
        position: absolute;
        width: 100%;
        height: 65vh;
        left: 0;
        transition: all .2s ease;
        padding: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        z-index: 0;
        transform: matrix3d(1, 0, 0, 0, 0, 0, 1, 0.008, 0, -1, 0, 0, 0, 0, 0, 1);
        transform-origin: center top 0px;
    }

    .w75-header-3__checkboxMobileMenu:checked ~
    .w75-header-3__bot
    .w75-header-3__group
    .w75-header-3__bot__detail {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        transform: none;
    }
}

.w75-header-3__checkboxMobileMenu {
    display: none;
}

.w75-header-3__bot__detail__two__mains__lblicon {
    display: none;
}


.w75-header-3__checkboxMobileMenu:checked ~ .w75-header-3__bot__detail__two__mains__lblicon {
    display: block;
}

.w75-header-3__bot__detail__two__mains__lblicon {
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    padding: 1rem;
    font-size: 3rem;
    z-index: 1;
}

.w75-header-3__bot__detail__bottom {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__bottom {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        display: flex;
        flex-wrap: wrap;
        padding: 1rem 1rem 0rem;
        justify-content: center;
        background-color: rgba(var(--second-color-w),1);
        width: 100%;
    }

    .w75-header-3__bot__detail__bottom__hotline {
        display: flex;
        margin-bottom: 1rem;
        color: #fff;
        align-items: center;
        justify-content: center;
        cursor: pointer;
    }

        .w75-header-3__bot__detail__bottom__hotline:not(:last-child) {
            margin-right: 1.5rem;
        }

    .w75-header-3__bot__detail__bottom__hotline__icon {
        margin-right: 1rem;
        display: flex;
        width: 3.8rem;
        height: 3.8rem;
        background-color: #fff;
        border-radius: 50%;
        color: rgba(var(--main-color-w),1);
        justify-content: center;
        align-items: center;
        font-size: 2rem;
    }

    .w75-header-3__bot__detail__bottom__hotline__name {
        font-size: 1.6rem;
    }

    .w75-header-3__bot__detail__bottom__hotline__name__text {
        margin-bottom: .25rem;
    }

    .w75-header-3__bot__detail__bottom__hotline__name__des {
        font-weight: 600;
    }
}

.w75-header-3__bot__detail__items {
    display: flex;
    align-items: center;
}

.ws1RightMenubox .w75-header-3__bot__detail__items {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items {
        width: 100%;
        position: relative;
        z-index: 1;
        display: block;
        max-height: 90%;
        padding: 3rem 2rem;
        overflow-y: scroll;
        background-color: rgba(var(--main-color-w), 1);
    }

        .w75-header-3__bot__detail__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w75-header-3__bot__detail__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w75-header-3__bot__detail__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

    .w75-header-3__bot__detail::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }
}

.w75-header-3__bot__detail__items__item {
    display: flex;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item {
        width: 100%;
        display: block;
    }

        .w75-header-3__bot__detail__items__item:last-child {
            border-bottom: none;
        }
}

.w75-header-3__bot__detail__items__item__inner {
    display: flex;
    align-items: center;
    padding: 1.5rem 1.5rem;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-3__bot__detail__items__item__inner {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }
}

.ws1RightMenubox .w75-header-3__bot__detail__items__item__inner {
    padding: 3rem 1rem 3.5rem;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w75-header-3__bot__detail__items__item__inner {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__inner {
        padding: .75rem 0;
        justify-content: flex-start;
    }

    .w75-header-3__bot__detail__items__item:last-child .w75-header-3__bot__detail__items__item__inner {
        border-bottom: none;
    }
}

.w75-header-3__bot__detail__items__item__inner:hover .w75-header-3__bot__detail__items__item__inner__text {
}

@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__inner:hover .w75-header-3__bot__detail__items__item__inner__text {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-header-3__bot__detail__items__item__inner__text__icon {
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__inner__text__icon {
        display: inline-block;
        margin-right: 1rem;
    }
}

.w75-header-3__bot__detail__items__item__inner:hover .w75-header-3__bot__detail__items__item__inner__icon {
    transition: all .2s ease;
}

@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__inner:hover .w75-header-3__bot__detail__items__item__inner__icon {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-header-3__bot__detail__items__item__inner__text {
    font-size: 1.8rem;
    color: #000;
    font-weight: 600;
}

.ws1RightMenubox .w75-header-3__bot__detail__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__inner__text {
        font-size: 1.6rem;
        color: #fff;
        display: flex;
        align-items: center;
    }

    .w75-header-3__bot__detail__items__item__inputcheck:checked ~
    .w75-header-3__bot__detail__items__item__inner
    .w75-header-3__bot__detail__items__item__inner__text {
    }
}

.w75-header-3__bot__detail__items__item__inner__icon {
    color: #000;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        background-color: rgba(var(--second-color-w),0);
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
        color: #fff;
        border: solid .1px #fff;
    }

    .w75-header-3__bot__detail__items__item__inner__icon__value {
        font-weight: 400;
        transition: none;
    }

    .w75-header-3__bot__detail__items__item__inputcheck:checked ~
    .w75-header-3__bot__detail__items__item__inner
    .w75-header-3__bot__detail__items__item__inner__icon {
    }
}

.w75-header-3__bot__detail__items__item__inputcheck {
    display: none;
}


    .w75-header-3__bot__detail__items__item__inputcheck:checked ~
    .w75-header-3__bot__detail__items__item__inner
    .w75-header-3__bot__detail__items__item__inner__icon
    .w75-header-3__bot__detail__items__item__inner__icon__value {
        transform: rotate(180deg);
    }

.w75-header-3__bot__detail__items__item__drops {
    position: absolute;
    border-radius: 1rem;
    margin-bottom: 0;
    min-width: 26rem;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops {
        width: max-content;
        visibility: hidden;
        clip: rect(1px, 1px, 1px, 1px);
        -moz-transition: all 200ms linear 0ms;
        -o-transition: all 200ms linear 0ms;
        transition: all 200ms linear 0ms;
        clip: rect(1px, 1px, 1px, 1px);
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -ms-transform: scaleY(0);
        -o-transform: scaleY(0);
        transform: scaleY(0);
        transform-origin: 0 0 0;
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        opacity: 0;
        top: 100%;
    }

    .w75-header-3__bot__detail__items__item:hover .w75-header-3__bot__detail__items__item__drops {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }

    .w75-header-3__bot__detail__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
        -moz-transform: scaleY(1);
        -ms-transform: scaleY(1);
        -o-transform: scaleY(1);
        transform: scaleY(1);
    }
}

@media only screen and (min-width: 50rem) {
    .w75-header-3__bot__detail__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
    }

    .w75-header-3__bot__detail__items__item__inputcheck:checked ~ .w75-header-3__bot__detail__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }

    .w75-header-3__bot__detail__items__item__inputcheck:not(:checked) ~ .w75-header-3__bot__detail__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w75-header-3__bot__detail__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w75-header-3__bot__detail__items__item__drops__drop {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop {
        flex-direction: column;
        background-color: #fff;
        box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
        border: 1px solid #fafafa;
        margin-top: 1rem;
        padding: .5rem 0;
        border-radius: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop {
        height: fit-content;
    }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents {
    width: 100%;
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content {
    width: 100%;
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--second-color-w),1);
    padding: .75rem 1.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content {
        padding: 1rem 0rem 1rem 3rem;
    }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
    color: #000;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__box {
        color: #fff;
    }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__box:hover {
}

@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__box:hover {
        color: rgba(var(--main-color-w),1);
    }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__box__text {
    transition: all .3s;
}


@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content:hover .w75-header-3__bot__detail__items__item__drops__drop__contents__content__box__text {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content {
    }

    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__check:checked ~
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__box {
    }

        .w75-header-3__bot__detail__items__item__drops__drop__contents__content__check:checked ~
        .w75-header-3__bot__detail__items__item__drops__drop__contents__content__box
        .w75-header-3__bot__detail__items__item__drops__drop__contents__content__box__text {
        }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__box__text {
    }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs {
    position: absolute;
    left: calc(100% + 5rem);
    width: max-content;
    top: -1rem;
    visibility: hidden;
    transition: all .3s;
    opacity: 0;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        overflow: hidden;
    }

    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__check:checked ~ .w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
    }
}

@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content:hover .w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub {
    margin-left: 1rem;
    margin-top: 1rem;
    background-color: #fff;
    border-radius: 1rem;
    padding: 0rem 0;
    margin-bottom: 0;
    min-width: 20rem;
    width: max-content;
    background-color: #fff;
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border: 1px solid #fafafa;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub {
        width: 100%;
        box-shadow: none;
        background-color: transparent;
        border: none;
        padding: 0;
        margin: 1rem 0 0;
    }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: .75rem 1.5rem;
    color: #000;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub__child {
        padding: 1rem 1rem 1rem 2rem;
        color: #fff;
    }

        .w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub__child:hover .w75-header-3__bot__detail__items__item__drops__drop__contents__content__subs__sub__child__text {
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__check {
    display: none;
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content__icon {
    margin-left: 1rem;
    color: #000;
}

.w75-header-3__bot__detail__items__item__drops__drop__contents__content:hover
.w75-header-3__bot__detail__items__item__drops__drop__contents__content__icon {
}

@media only screen and (min-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content:hover
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__icon {
        color: rgba(var(--main-color-w),1);
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__icon {
        position: absolute;
        margin: 0;
        right: 0;
        top: .5rem;
        transform: rotate(90deg);
        font-weight: 400;
        cursor: pointer;
        width: 3rem;
        height: 3rem;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #fff;
        border: solid .1px #fff;
    }

    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__check:checked ~
    .w75-header-3__bot__detail__items__item__drops__drop__contents__content__icon {
        transform: rotate(270deg);
    }
}

.w75-header-3__bot__detail__two__mains__search {
    margin-left: 3rem;
    width: 3rem;
    height: 3rem;
    background-color: rgba(var(--second-color-w),.75);
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

    .w75-header-3__bot__detail__two__mains__search:hover {
        background-color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width: 93.75rem) {
    .w75-header-3__bot__detail__two__mains__search {
        margin-left: auto;
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__two__mains__search {
        display: flex;
        margin-left: 2rem;
        margin-right: 0;
    }
}

.w75-header-3__bot__detail__two__mains__search__btn {
    height: 30px;
    width: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .3rem;
    cursor: pointer;
    transition: all .2s ease;
    color: #fff;
}

.w75-header-3__bot__detail__two__mains__search__btn__icon {
    color: white;
    font-size: 1.7rem;
    transition: all .3s;
}

.w75-header-3__bot__detail__two__mains__search__btn:hover {
}

.w75-header-3__bot__detail__two__mains__search__searchcheckbox:checked ~
.w75-header-3__bot__detail__two__mains__search__btn
.w75-header-3__bot__detail__two__mains__search__btn__icon {
    transform: rotate(0);
}

    .w75-header-3__bot__detail__two__mains__search__searchcheckbox:checked ~
    .w75-header-3__bot__detail__two__mains__search__btn
    .w75-header-3__bot__detail__two__mains__search__btn__icon:before {
        content: "\f00d";
    }

.w75-header-3__bot__detail__two__mains__search__searchcheckbox {
    display: none;
}

.w75-header-3__bot__detail__two__mains__search__box {
    background-color: #fff;
    position: absolute;
    width: 30rem;
    right: 0;
    top: 8rem;
    transition: all .2s;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid rgba(var(--second-color-w),1);
    box-shadow: 0px 10px 30px rgba(104, 104, 104, 0.2);
    border-radius: 3rem;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
}

.w75-header-3__bot__detail__two__mains__search__searchcheckbox:checked ~ .w75-header-3__bot__detail__two__mains__search__box {
    top: 6rem;
    opacity: 1;
    visibility: visible;
    z-index: 2;
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__two__mains__search__searchcheckbox:checked ~ .w75-header-3__bot__detail__two__mains__search__box {
        top: 7rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w75-header-3__bot__detail__two__mains__search__box {
        width: 29rem;
    }
}

.w75-header-3__bot__detail__two__mains__search__box__value {
    padding: 1rem 2rem;
    border-radius: 5rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 81.25rem) {
    .w75-header-3__bot__detail__two__mains__search__box__value {
        width: 90%;
    }
}

.w75-header-3__bot__detail__two__mains__search__box__value__input {
    background-color: transparent;
    border: none;
    outline: none;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 50rem) {
    .w75-header-3__bot__detail__two__mains__search__box__value__input {
        font-size: 1.8rem;
    }
}

.w75-header-3__bot__detail__two__mains__search__box__value__input::placeholder {
}

.w75-header-3__bot__detail__two__mains__search__box__value__btn {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    cursor: pointer;
    position: absolute;
    right: 1.25rem;
}

@media only screen and (max-width: 81.25rem) {
    .w75-header-3__bot__detail__two__mains__search__box__value__btn {
        right: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w75-header-3__bot__detail__two__mains__search__box__value__btn {
        font-size: 1.8rem;
    }
}

.w75-header-3__bot__detail__two__mains__search__box__value__btn:hover {
    transition: all .2s ease;
    transform: scale(1.3);
}

.w75-header-3__bot__detail__social {
    display: none;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
    padding: 1rem 1rem 0rem;
    background-color: rgba(var(--main-color-w,1));
}

@media only screen and (max-width: 75rem) {
    .w75-header-3__bot__detail__social {
        display: flex;
    }
}

.w75-header-3__bot__detail__social__item {
    width: 3rem;
    height: 3rem;
    background-color: rgba(255,255,255,1);
    color: rgba(var(--main-color-w,1));
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .3rem;
    margin-right: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 50%;
    margin-bottom: 1rem;
}
    .w75-header-3__bot__detail__social__item:last-child {
        margin-right: 0;
    }
    .w75-header-3__bot__detail__social__item:hover {
        background-color: rgba(var(--second-color-w,1));
    }
/*ed*/
/*w60-ctaregister-4*/
.w60-ctaregister-4 {
    display: flex;
    justify-content: center;
    align-content: center;
    width: 100%;
    padding: 10rem 1rem 3rem;
    background-size: cover;
    background-color: #fff;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-4 {
        padding-top: 3rem;
    }
}

.w60-ctaregister-4__group {
    max-width: 100rem;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w60-ctaregister-4__main {
    display: flex;
    width: 100%;
    border-radius: 2rem;
    justify-content: space-between;
    flex-wrap: wrap;
    background: linear-gradient(99.5deg, rgba(var(--main-color-w),.3) 0%, rgba(var(--second-color-w),.2) 99.13%);
    border: solid .1rem #f1f1f1;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-4__main {
        flex-direction: column-reverse;
    }
}

.w60-ctaregister-4__main__first {
    width: 56%;
    margin-right: 2%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 4rem 0rem 4rem 4rem;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-4__main__first {
        width: 100%;
        margin-right: 0;
        padding: 2.5rem;
    }
}

.w60-ctaregister-4__main__first__heading {
    width: 100%;
}

.w60-ctaregister-4__main__first__heading__text {
    font-size: 2.4rem;
    line-height: 3.4rem;
    font-weight: 700;
    display: block;
    color: #FF922E;
    transition: all .5s;
}

.w60-ctaregister-4__main__first__heading__des {
    margin-top: 1rem;
    font-size: 2rem;
    line-height: 2.6rem;
    text-align: justify;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w60-ctaregister-4__main__first__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: center;
    width: 100%;
}

.w60-ctaregister-4__main__first__items__item {
    width: 100%;
    margin-bottom: 1.5rem;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-4__main__first__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w60-ctaregister-4__main__first__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w60-ctaregister-4__main__first__items__item__input {
    width: 100%;
    padding: 1.25rem 2rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    border-radius: 2rem;
    border: solid .1rem #e1e1e1;
    transition: all .5s;
    font-family: inherit;
    color: #495057;
    -webkit-appearance: none;
}

    .w60-ctaregister-4__main__first__items__item__input:focus {
        border: solid .1rem rgba(var(--main-color-w),1);
    }

.w60-ctaregister-4__main__first__items__item__capcha {
    left: auto;
    right: 0;
    top: 0;
    margin: 0 !important;
    padding: 0.5rem !important;
}

.w60-ctaregister-4__main__first__items__item--capcha {
    margin-left: 0;
}

.w60-ctaregister-4__main__first__button {
    display: flex;
    align-items: center;
    padding: 1rem 3rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    border-radius: 3rem;
    margin-top: 1rem;
    width: max-content;
    font-family: inherit;
    font-size: 1rem;
    border: none;
    overflow: hidden;
    transition: all .3s ease;
}

    .w60-ctaregister-4__main__first__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w60-ctaregister-4__main__first__button__name {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .5s;
    font-weight: 600;
    margin-right: 1rem;
}

.w60-ctaregister-4__main__first__button__icon {
    font-size: 1.6rem;
}

.w60-ctaregister-4__main__second {
    width: 38%;
    border-radius: 0 1rem 1rem 0;
    position: relative;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-4__main__second {
        width: 100%;
    }
}

.w60-ctaregister-4__main__second__imgbox {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    transition: all .5s;
    position: relative;
    width: 100%;
}

@media only screen and (min-width:50rem) {
    .w60-ctaregister-4__main__second__imgbox {
        position: absolute;
        right: 3rem;
        bottom: 0rem;
    }
}

.w60-ctaregister-4__main__second__imgbox__img {
    width: 100%;
}

.w60-ctaregister-4__main__close {
    position: absolute;
    z-index: 5;
    right: 1.5rem;
    top: 1.5rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background-color: #fff;
    cursor: pointer;
    transition: all .5s;
}

    .w60-ctaregister-4__main__close:hover {
        background-color: red;
    }

.w60-ctaregister-4__main__close__icon {
    font-size: 1.6rem;
    transform: rotate(45deg);
    color: rgba(var(--main-color-w),1);
    transition: all .5s;
}

.w60-ctaregister-4__main__close:hover .w60-ctaregister-4__main__close__icon {
    color: #fff;
    transform: rotate(405deg);
}

.w60-ctaregister-4__main__first__items__dropdown {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-4__main__first__items__dropdown {
        width: 100%;
    }
}

.w60-ctaregister-4__main__first__items__dropdown__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: 3rem;
    border: #e6e6e6 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w60-ctaregister-4__main__first__items__dropdown__check:checked ~
.w60-ctaregister-4__main__first__items__dropdown__label
.w60-ctaregister-4__main__first__items__dropdown__label__icon:before {
    content: "\f106";
}

.w60-ctaregister-4__main__first__items__dropdown__label__name {
    font-size: 1.6rem;
    color: #626262;
}

.w60-ctaregister-4__main__first__items__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #626262;
}

.w60-ctaregister-4__main__first__items__dropdown__check {
    display: none;
}

.w60-ctaregister-4__main__first__items__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #e6e6e6 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 30rem;
}

    .w60-ctaregister-4__main__first__items__dropdown__subs::-webkit-scrollbar {
        width: 6px;
    }

    .w60-ctaregister-4__main__first__items__dropdown__subs::-webkit-scrollbar-track {
        border-radius: 1rem;
    }

    .w60-ctaregister-4__main__first__items__dropdown__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background-color: rgba(var(--main-color-w),1);
    }

.w60-ctaregister-4__main__first__items__dropdown__check:checked ~
.w60-ctaregister-4__main__first__items__dropdown__subs {
    visibility: visible;
    z-index: 2;
    top: 5rem;
    opacity: 1;
}

.w60-ctaregister-4__main__first__items__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #626262;
}

    .w60-ctaregister-4__main__first__items__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w60-ctaregister-4__main__first__items__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }

.w60-ctaregister-4__main__first__items__droptime {
    position: relative;
    width: 100%;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w60-ctaregister-4__main__first__items__droptime {
        width: 100%;
    }
}

.w60-ctaregister-4__main__first__items__droptime__label {
    background-color: #fff;
    padding: 1.25rem 1rem;
    border-radius: 3rem;
    border: #e6e6e6 solid .1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
}

.w60-ctaregister-4__main__first__items__droptime__check:checked ~
.w60-ctaregister-4__main__first__items__droptime__label
.w60-ctaregister-4__main__first__items__droptime__label__icon:before {
    content: "\f106";
}

.w60-ctaregister-4__main__first__items__droptime__label__name {
    font-size: 1.6rem;
    color: #626262;
}

.w60-ctaregister-4__main__first__items__droptime__label__icon {
    font-size: 1.4rem;
    margin-left: auto;
    color: #626262;
}
.w60-ctaregister-4__main__first__items__droptime__label__text {
    position: absolute;
    border: none;
    font-family: inherit;
    outline: none;
    position: absolute;
    right: 2rem;
    color: #333;
    font-size: 1.4rem;
    width: 14rem;
    pointer-events:none;
    opacity:0;
}
    .w60-ctaregister-4__main__first__items__droptime__label__text.active {
    }
.w60-ctaregister-4__main__first__items__droptime__check {
    display: none;
}

.w60-ctaregister-4__main__first__items__droptime__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #e6e6e6 solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 30rem;
}

    .w60-ctaregister-4__main__first__items__droptime__subs::-webkit-scrollbar {
        width: 6px;
    }

    .w60-ctaregister-4__main__first__items__droptime__subs::-webkit-scrollbar-track {
        border-radius: 1rem;
    }

    .w60-ctaregister-4__main__first__items__droptime__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background-color: rgba(var(--main-color-w),1);
    }

.w60-ctaregister-4__main__first__items__droptime__check:checked ~
.w60-ctaregister-4__main__first__items__droptime__subs {
    visibility: visible;
    z-index: 2;
    top: 5rem;
    opacity: 1;
}

.w60-ctaregister-4__main__first__items__droptime__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
    color: #626262;
}

    .w60-ctaregister-4__main__first__items__droptime__subs__sub.active {
        color: red;
        pointer-events: none;
        cursor: not-allowed;
    }

    .w60-ctaregister-4__main__first__items__droptime__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w60-ctaregister-4__main__first__items__droptime__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/

/*w60-abimg-4*/
.w60-abimg-4 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: #fff;
}

@media only screen and (max-width:600px) {
    .w60-abimg-4 {
        padding: 2rem 1rem 3rem;
    }
}

.w60-abimg-4__group {
    width: 100%;
    padding: 0 1rem;
    margin: 0 auto;
    max-width: 120rem;
}

.w60-abimg-4__heading {
}

.w60-abimg-4__heading__name {
    font-size: 3rem;
    font-weight: 600;
    line-height: 4rem;
    margin-bottom: 1rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}

.w60-abimg-4__heading__des {
    font-size: 1.6rem;
    line-height: 3rem;
    text-align: center;
}

.w60-abimg-4__check {
    display: none;
}

.w60-abimg-4__items {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.w60-abimg-4__items__item {
    width: 19.2%;
    margin-left: 1%;
    margin-top: 2rem;
    position: relative;
    overflow: hidden;
    height: 40rem;
    cursor: move;
    border-radius: .5rem;
    border: solid 1px #ccc;
    box-shadow: 2px 2px 15px rgba(204,204,204,0.5);
}

@media only screen and (min-width:1200px) {
    .w60-abimg-4__items__item:nth-child(5n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:1200px) {
    .w60-abimg-4__items__item {
        width: 24.25%;
        margin-left: 1%;
        margin-top: 1rem;
    }

    @media only screen and (min-width:800px) {
        .w60-abimg-4__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }

    @media only screen and (max-width:800px) {
        .w60-abimg-4__items__item {
            width: 32.6666%;
        }

        @media only screen and (min-width:600px) {
            .w60-abimg-4__items__item:nth-child(3n+1) {
                margin-left: 0;
            }
        }

        @media only screen and (max-width:600px) {
            .w60-abimg-4__items__item {
                width: 49%;
                margin-left: 2%;
            }

                .w60-abimg-4__items__item:nth-child(2n+1) {
                    margin-left: 0;
                }
        }
    }
}

.w60-abimg-4__items__item__imgbox {
    background-size: cover;
    background-position: top center;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 1s;
    overflow: hidden;
    z-index: 0;
}

.w60-abimg-4__items__item:hover
.w60-abimg-4__items__item__imgbox {
    transform: scale(1.1);
    transform: translateY(-30%);
}

.w60-abimg-4__items__item__imgbox__img {
    width: 100%;
}

.w60-abimg-4__items__item__main {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: move;
}

.w60-abimg-4__items__item__main__icon {
    background-color: rgba(var(--main-color-w),1);
    width: 6rem;
    height: 6rem;
    border-radius: 50%;
    position: absolute;
    transition: all .5s;
    transform: scale(0);
    visibility: hidden;
    z-index: -1;
    opacity: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.w60-abimg-4__items__item:hover .w60-abimg-4__items__item__main__icon {
    transform: scale(1);
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w60-abimg-4__items__item__main__icon__value {
    color: #fff;
    font-size: 2rem;
    transition: all .5s;
}

.w60-abimg-4__items__item__main__icon:hover {
    background-color: rgba(var(--text-color-w),1);
}

.w60-abimg-4__items__item:hover .w60-abimg-4__items__item__main__icon__value {
    transform: rotate(360deg);
}

.w60-abimg-4__items__item__main:after {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
    visibility: hidden;
    content: "";
    transition: all .5s;
}

.w60-abimg-4__items__item:hover .w60-abimg-4__items__item__main:after {
    z-index: 1;
    visibility: visible;
}

.w60-abimg-4__items__item__check {
    display: none;
}

.w60-abimg-4__items__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    height: 100vh;
}

.w60-abimg-4__items__item__check:checked ~
.w60-abimg-4__items__item__modal {
    opacity: 1;
    z-index: 9;
    visibility: visible;
}

.w60-abimg-4__items__item__modal__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w60-abimg-4__items__item__modal__main {
    width: 70rem;
    max-width: 96%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
    height: 100%;
    box-shadow: 0px 0px 30px rgba(255,255,255,.5);
}

.w60-abimg-4__items__item__modal__main__content {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
}
.w60-abimg-4__items__item__modal__main__content::-webkit-scrollbar {
    width: 1rem;
}

.w60-abimg-4__items__item__modal__main__content::-webkit-scrollbar-track {
    border-radius: 1rem;
}

.w60-abimg-4__items__item__modal__main__content::-webkit-scrollbar-thumb {
    border-radius: 1rem;
    background: linear-gradient(to bottom, rgba(255,255,255,.5) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,.5) 95%);
}
.w60-abimg-4__items__item__modal__main__content__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    transition: all 10s;
    cursor: move;
}

.w60-abimg-4__items__item__modal__main__content__imgbox__img {
    width: 100%;
}

.w60-abimg-4__items__item__modal__main__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -7.5rem;
    top: 2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w60-abimg-4__items__item__modal__main__close {
        right: 3rem;
        top: 1.5rem
    }
}

.w60-abimg-4__items__item__modal__main__close:hover {
    background-color: red;
}

.w60-abimg-4__items__item__modal__main__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w60-abimg-4__items__item__modal__main__close__icon {
        font-size: 2.5rem;
    }
}

.w60-abimg-4__items__item__modal__main__close:hover .w60-abimg-4__items__item__modal__main__close__icon {
    transform: rotate(405deg);
}

/*ed*/

/*w60-blankpage*/
.w60-blankpage {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
    position: relative;
    z-index: 0;
}

.w60-blankpage__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w60-blankpage__mains {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 2rem;
    padding: 7.5rem 1rem;
    flex-wrap: wrap;
}

@media screen and (max-width:37.5rem) {
    .w60-blankpage__mains {
        padding: 3rem 1rem;
    }
}

.w60-blankpage__mains__bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(0,0,0,.45);
    z-index: 0;
}

.w60-blankpage__mains__imgbox {
    background-size: cover;
    background-position: center;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.w60-blankpage__mains__imgbox__img {
    width: 100%;
    height: 100%;
}

.w60-blankpage__mains__main {
    max-width: 100%;
    width: 50rem;
    background-color: #fff;
    border-radius: 1rem;
    box-shadow: 0 0 1rem rgba(53,25,125,0.28);
    padding: 1.5rem;
    position: relative;
    z-index: 1;
}

@media screen and (max-width:81.25rem) {
    .w60-blankpage__mains__main {
        width: 55%;
        margin-bottom: 2rem;
    }
}

@media screen and (max-width:62.5rem) {
    .w60-blankpage__mains__main {
        width: 100%;
    }
}

.w60-blankpage__mains__main__heading {
    margin-bottom: 1rem;
}

.w60-blankpage__mains__main__heading__name {
    text-align: center;
    font-weight: 600;
    font-size: 2.4rem;
}

.w60-blankpage__mains__main__bar {
    margin-bottom: 2rem;
    padding-top: 1rem;
    border-top: solid 2px #ededed;
}

.w60-blankpage__mains__main__bar__name {
    font-size: 1.8rem;
    margin-bottom: .5rem;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w60-blankpage__mains__main__bar__box {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.w60-blankpage__mains__main__bar__box__name {
    font-size: 1.8rem;
    font-weight: 600;
}

.w60-blankpage__mains__main__bar__box__ranger {
    width: 90%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w60-blankpage__mains__main__bar__box__ranger__slider {
    width: 100%;
    height: 12px;
    background-color: #fafafa;
    border: solid 1px #ccc;
    border-radius: 6px;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w60-blankpage__mains__main__bar__box__ranger__slider__active {
    width: 100%;
    height: 100%;
    background-color: #0078d4;
    position: absolute;
    left: 0;
}

@-webkit-keyframes key-w60-blankpage__mains__main__bar__box__ranger__slider__active--down {
    0% {
        width: 100%;
    }

    100% {
        width: 3%;
    }
}

@-webkit-keyframes key-w60-blankpage__mains__main__bar__box__ranger__slider__active--up {
    0% {
        width: 3%;
    }

    100% {
        width: 100%;
    }
}

.w60-blankpage__mains__main__bar__box__ranger--down
.w60-blankpage__mains__main__bar__box__ranger__slider__active {
    animation: key-w60-blankpage__mains__main__bar__box__ranger__slider__active--down 2s;
    animation-fill-mode: forwards;
}

.w60-blankpage__mains__main__bar__box__ranger--up
.w60-blankpage__mains__main__bar__box__ranger__slider__active {
    animation: key-w60-blankpage__mains__main__bar__box__ranger__slider__active--up 2s;
    animation-fill-mode: forwards;
}

.w60-blankpage__mains__main__bar__box__ranger__dot {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background-color: #0078d4;
    left: calc(100% - 20px);
    position: absolute;
}

@-webkit-keyframes key-w60-blankpage__mains__main__bar__box__ranger__dot--down {
    0% {
        left: calc(100% - 20px);
    }

    100% {
        left: 3%;
    }
}

@-webkit-keyframes key-w60-blankpage__mains__main__bar__box__ranger__dot--up {
    0% {
        left: 3%;
    }

    100% {
        left: calc(100% - 20px);
    }
}

.w60-blankpage__mains__main__bar__box__ranger--down
.w60-blankpage__mains__main__bar__box__ranger__dot {
    animation: key-w60-blankpage__mains__main__bar__box__ranger__dot--down 2s;
    animation-fill-mode: forwards;
}

.w60-blankpage__mains__main__bar__box__ranger--up
.w60-blankpage__mains__main__bar__box__ranger__dot {
    animation: key-w60-blankpage__mains__main__bar__box__ranger__dot--up 2s;
    animation-fill-mode: forwards;
}

.w60-blankpage__mains__main__box {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 1rem;
    margin-bottom: 1.5rem;
}

.w60-blankpage__mains__main__box__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w60-blankpage__mains__main__box__imgbox__img {
    width: 100%;
}

.w60-blankpage__mains__main__box__center {
    border: 2px dashed white;
    transform: scale(1);
    height: 20rem;
    width: 15rem;
    position: absolute;
    box-shadow: 0 0 40rem 40rem rgba(0, 0, 0, 0.803);
    border-radius: .5rem;
    animation-name: key-blankpage__mains__main__box__center;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    display: flex;
    align-items: center;
    justify-content: center;
}

@-webkit-keyframes key-blankpage__mains__main__box__center {
    0% {
        height: 20rem;
        width: 15rem;
        border-radius: .5rem;
    }

    100% {
        height: 100%;
        width: 100%;
        border-radius: 1rem;
    }
}

.w60-blankpage__mains__main__box__center__top {
    position: absolute;
    width: 4rem;
    height: 4rem;
    top: -3.1rem;
    font-size: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.7);
}

.w60-blankpage__mains__main__box__center__bot {
    position: absolute;
    width: 4rem;
    height: 4rem;
    bottom: -3.1rem;
    font-size: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.5);
}

.w60-blankpage__mains__main__box__center__right {
    position: absolute;
    width: 4rem;
    height: 4rem;
    right: -3.1rem;
    font-size: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.5);
}

.w60-blankpage__mains__main__box__center__left {
    position: absolute;
    width: 4rem;
    height: 4rem;
    left: -3.1rem;
    font-size: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,.5);
}

.w60-blankpage__mains__main__bottom {
}

.w60-blankpage__mains__main__bottom__btn {
    background-color: rgba(var(--main-color-w),1);
    width: 100%;
    padding: 1.25rem 2rem;
    text-align: center;
    border-radius: .5rem;
    font-size: 1.6rem;
    font-weight: 600;
    color: #fff;
}

    .w60-blankpage__mains__main__bottom__btn:not(:last-child) {
        margin-bottom: 1.5rem;
    }

.w60-blankpage__mains__main__bottom__btn__text {
}

.w60-blankpage__mains__content {
    width: 31rem;
    background-color: #fff;
    padding: 1rem;
    border: solid .1px #fafafa;
    font-size: 1.4rem;
    font-size: 1.8rem;
    border-radius: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    z-index: 0;
    transition: all .3s ease;
    box-shadow: 0 0 1rem rgba(53,25,125,0.28);
}

@media screen and (min-width:81.25rem) {
    .w60-blankpage__mains__content {
        opacity: 0;
        visibility: hidden;
        position: absolute;
    }
}

@media screen and (max-width:81.25rem) {
    .w60-blankpage__mains__content {
        margin-bottom: 2rem;
        width: 49%;
        margin-left: 2%;
    }

        .w60-blankpage__mains__content:nth-child(2n) {
            margin-left: 0;
        }
}

@media screen and (max-width:37.5rem) {
    .w60-blankpage__mains__content {
        margin-left: 0;
        width: 100%;
        margin-bottom: 1rem;
    }
}

@-webkit-keyframes key-w60-blankpage__mains__content--first {
    0% {
        left: 37rem;
        opacity: 0;
        visibility: hidden;
    }

    50% {
        opacity: 1;
        visibility: visible;
        left: 1.5rem;
    }

    100% {
        opacity: 1;
        visibility: visible;
        left: 1.5rem;
    }
}

@media screen and (min-width:81.25rem) {
    .active .w60-blankpage__mains__content--1 {
        animation: key-w60-blankpage__mains__content--first 2s;
        animation-fill-mode: forwards;
    }

    .w60-blankpage__mains__content--2 {
        transform: translateY(-12rem);
    }

    .active .w60-blankpage__mains__content--2 {
        animation: key-w60-blankpage__mains__content--first 2s;
        animation-fill-mode: forwards;
    }

    .w60-blankpage__mains__content--3 {
        transform: translateY(12rem);
    }

    .active .w60-blankpage__mains__content--3 {
        animation: key-w60-blankpage__mains__content--first 2s;
        animation-fill-mode: forwards;
    }
}

@-webkit-keyframes key-w60-blankpage__mains__content--second {
    0% {
        left: 50rem;
        opacity: 0;
        visibility: hidden;
    }

    50% {
        left: 50rem;
        opacity: 0;
        visibility: hidden;
    }

    100% {
        left: 87.5rem;
        opacity: 1;
        visibility: visible;
    }
}

@media screen and (min-width:81.25rem) {
    .w60-blankpage__mains__content--4 {
        left: 50rem;
    }

    .active .w60-blankpage__mains__content--4 {
        animation: key-w60-blankpage__mains__content--second 2s;
        animation-fill-mode: forwards;
    }

    .w60-blankpage__mains__content--5 {
        transform: translateY(-12rem);
    }

    .active .w60-blankpage__mains__content--5 {
        animation: key-w60-blankpage__mains__content--second 2s;
        animation-fill-mode: forwards;
    }

    .w60-blankpage__mains__content--6 {
        transform: translateY(12rem);
    }

    .active .w60-blankpage__mains__content--6 {
        animation: key-w60-blankpage__mains__content--second 2s;
        animation-fill-mode: forwards;
    }
}

.w60-blankpage__mains__content__num {
    width: 4rem;
    height: 4rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: .5rem .5rem 0 0;
    font-size: 1.8rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    font-weight: 600;
}

.w60-blankpage__mains__content__name {
    width: calc(100% - 5rem);
    margin-left: 1rem;
}

.w60-blankpage__mains__content__line {
    display: none;
}

@media screen and (min-width:81.25rem) {
    .w60-blankpage__mains__content__line {
        width: 10rem;
        height: 6px;
        background-color: #fff;
        right: 0;
        position: absolute;
        display: block;
    }

    .w60-blankpage__mains__content--1 .w60-blankpage__mains__content__line {
        right: -10rem;
    }

    .w60-blankpage__mains__content--2 .w60-blankpage__mains__content__line {
        right: -10rem;
    }

    .w60-blankpage__mains__content--3 .w60-blankpage__mains__content__line {
        right: -10rem;
    }

    .w60-blankpage__mains__content--4 .w60-blankpage__mains__content__line {
        left: -10rem;
    }

    .w60-blankpage__mains__content--5 .w60-blankpage__mains__content__line {
        left: -10rem;
    }

    .w60-blankpage__mains__content--6 .w60-blankpage__mains__content__line {
        left: -10rem;
    }
}

.w60-blankpage__mains__main__close {
    width: 3rem;
    height: 3rem;
    font-size: 2rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border: solid .1rem #ededed;
    position: absolute;
    top: -1.3rem;
    right: -1.3rem;
    box-shadow: 0 0 1rem rgba(53,25,125,0.28);
}

.w60-blankpage__mains__main__close__icon {
    transform: rotate(45deg);
}
/*ed*/
/*w58-service-2*/
.w58-service-2 {
    background-color: #fff;
    padding: 3rem 1rem;
}

.w58-service-2__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w58-service-2__heading {
}

.w58-service-2__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
}

.w58-service-2__heading__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__heading__tabs {
    }
}

.w58-service-2__heading__tabs__items {
    display: flex;
}

.w58-service-2__heading__tabs__items__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.w58-service-2__heading__tabs__items__item__name {
    font-size: 1.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__heading__tabs__items__item__name {
        font-size: 1.6rem;
    }
}

.w58-service-2__heading__tabs__items__item__name:hover {
    color: rgba(var(--main-color-w),1);
}

.w58-service-2__heading__tabs__items__item__line {
    height: 100%;
    margin: 0 2rem;
    width: 2px;
    background-color: #ccc;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__heading__tabs__items__item__line {
        margin: 0 .5rem;
    }
}

.w58-service-2__heading__tabs__items__item:last-child
.w58-service-2__heading__tabs__items__item__line {
    display: none;
}

.w58-service-2__heading__tabs__btn {
    align-items: center;
    padding: .75rem 2rem;
    overflow: hidden;
    display: flex;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 3rem;
    font-size: 1.6rem;
    cursor: pointer;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__heading__tabs__btn {
        font-size: 1.4rem;
        padding: .5rem 1rem;
    }
}

.w58-service-2__heading__tabs__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w58-service-2__heading__tabs__btn__name {
    margin-right: 1rem;
    font-weight: 600;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__heading__tabs__btn__name {
        margin-right: .5rem;
    }
}

.w58-service-2__heading__tabs__btn__icon {
}

.w58-service-2__name {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w58-service-2__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 2rem;
}

.w58-service-2__gallery {
    margin-bottom: 2rem;
}

@media only screen and (max-width:75rem) {
    .w58-service-2__gallery {
        width: 60%;
    }
}

@media only screen and (max-width:75rem) {
    .w58-service-2__gallery {
        width: 100%;
    }
}

.w58-service-2__gallery__1 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.w58-service-2__gallery__1__mains {
    width: 100%;
    overflow: hidden;
}

.w58-service-2__gallery__1__mains__thumb {
    position: relative;
    width: 100%;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.w58-service-2__gallery__1__mains__thumb__box {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

.w58-service-2__gallery__1__mains__thumb__box__items__item::-webkit-scrollbar {
    width: .3rem;
}

.w58-service-2__gallery__1__mains__thumb__box__items__item::-webkit-scrollbar-thumb {
    background: #ccc;
}

.w58-service-2__gallery__1__mains__items__item__imgbox {
    background-size: cover;
    width: 100%;
    background-repeat: no-repeat;
    position: relative;
    overflow: hidden;
    border-radius: .3rem;
    display: flex;
    justify-content: center;
    border-radius: .5rem;
}

    .w58-service-2__gallery__1__mains__items__item__imgbox .zoomImg {
        background: #fff;
    }

.w58-service-2__gallery__1__mains__items__item__imgbox__img {
    width: 100%;
}

.main .w58-service-2__gallery__1__mains__items__item__imgbox img.w58-service-2__gallery__1__mains__items__item__imgbox__img {
    opacity: 1;
}

.w58-service-2__gallery__1__mains__thumb__box__items__item.swiper-slide {
    width: 15.833333%;
    margin-right: 1%;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width: 62.5rem) {
    .w58-service-2__gallery__1__mains__thumb__box__items__item.swiper-slide {
        width: 18.4%;
        margin-right: 2%;
    }
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__gallery__1__mains__thumb__box__items__item.swiper-slide {
        width: 23.5%;
    }
}

.w58-service-2__gallery__1__mains__thumb__box__items__item:hover {
    border-color: rgba(var(--main-color-w), 1);
}

.w58-service-2__gallery__1__mains__thumb__box__items__item__imgbox {
    background-size: cover;
    border: solid .1rem #e0e0e0;
    border-radius: .5rem;
}

.w58-service-2__gallery__1__mains__thumb__next,
.w58-service-2__gallery__1__mains__thumb__prev {
    margin: 0;
    font-size: 2.6rem;
    padding: 0;
    border-radius: 50%;
    width: 4rem;
    height: 4rem;
    text-align: center;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__gallery__1__mains__thumb__next,
    .w58-service-2__gallery__1__mains__thumb__prev {
        width: 2.6rem;
        height: 2.6rem;
        font-size: 1.8rem;
    }
}

.w58-service-2__gallery__1__mains__thumb__prev {
    left: -2rem;
}

.w58-service-2__gallery__1__mains__thumb__next {
    right: -2rem;
}

@media only screen and (max-width:75rem) {
    .w58-service-2__gallery__1__mains__thumb__prev {
        left: 1rem;
    }

    .w58-service-2__gallery__1__mains__thumb__next {
        right: 1rem;
    }
}

.w58-service-2__gallery__1__mains__thumb__next:hover,
.w58-service-2__gallery__1__mains__thumb__prev:hover {
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
}

.w58-service-2__gallery__1__mains__thumb__next:after,
.w58-service-2__gallery__1__mains__thumb__prev:after {
    display: none;
}

.w58-service-2__gallery__1__mains__items__item__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background: rgb(255 255 255 / 70%);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    /*transition: all 1s;*/
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w58-service-2__gallery__1__mains__items__item__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background: rgb(241 241 241 / 70%);
    }

.w58-service-2__gallery__1__mains__items__item__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
    animation: key-wd-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-wd-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w58-service-2__gallery__1__mains__items__item__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w58-service-2__gallery__1__mains__items__item__imgbox__zoom:hover .w58-service-2__gallery__1__mains__items__item__imgbox__zoom__text {
    display: block;
}

.w58-service-2__gallery__1__form {
    margin-top: 1rem;
    background-color: #b90d0d;
    border-radius: .5rem;
    padding: 2rem;
    position: relative;
    color: #fff;
    width: 100%;
}

.w58-service-2__mains {
}

.w58-service-2__mains__heading {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    justify-content: space-between;
}

@media only screen and (min-width: 50rem) {
    .w58-service-2__mains__heading {
        justify-content: center;
    }
}

.w58-service-2__mains__heading__rate {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__mains__heading__rate {
        margin-right: 0;
        width: 100%;
    }
}

.w58-service-2__mains__heading__rate__name {
    font-weight: 600;
    font-size: 1.8rem;
    margin-right: 1rem;
    display: flex;
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__heading__rate__name {
        font-size: 1.6rem;
    }
}

.w58-service-2__mains__heading__rate__name__text {
    margin-right: .5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__heading__rate__name__text {
        display: none;
    }
}

.w58-service-2__mains__heading__rate__name__des {
    color: rgba(var(--main-color-w),1);
}

.w58-service-2__mains__heading__rate__stars {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.w58-service-2__mains__heading__rate__stars__star {
    color: #efad0d;
    margin-right: .5rem;
    font-size: 1.8rem;
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__heading__rate__stars__star {
        font-size: 1.6rem;
    }
}

.w58-service-2__mains__heading__rate__count {
    font-size: 1.8rem;
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__heading__rate__count {
        font-size: 1.6rem;
        margin-left: auto;
    }
}

.w58-service-2__mains__heading__rate__count__val {
    color: rgba(var(--main-color-w),1);
}

.w58-service-2__mains__heading__view {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    margin-right: 3rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__mains__heading__view {
        margin-right: 1rem;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__heading__view {
        font-size: 1.6rem;
    }
}

.w58-service-2__mains__heading__view__icon {
    margin-right: 1rem;
    color: rgba(var(--main-color-w),1);
}

.w58-service-2__mains__heading__view__name {
}

.w58-service-2__mains__heading__view__name__val {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w58-service-2__mains__heading__buy {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__heading__buy {
        font-size: 1.6rem;
    }
}

.w58-service-2__mains__heading__buy__icon {
    margin-right: 1rem;
    color: rgba(var(--main-color-w),1);
}

.w58-service-2__mains__heading__buy__name {
}

.w58-service-2__mains__heading__buy__name__val {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
}

.w58-service-2__mains__text {
    font-size: 3rem;
    line-height: 4.6rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w58-service-2__mains__text {
        font-size: 2.4rem;
        line-height: 3.4rem;
    }
}

.w58-service-2__mains__text__name {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w58-service-2__mains__price {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.w58-service-2__mains__price__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border: solid rgba(var(--main-color-w),1) 4px;
    border-radius: 1rem;
    font-weight: 600;
    width: max-content;
    font-size: 3rem;
    line-height: 4.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__price__items {
        font-size: 2.2rem;
        line-height: 3.4rem;
    }
}

.w58-service-2__mains__price__items__chinh {
    padding: 1rem 2rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w58-service-2__mains__price__items__phu {
    padding: 1rem 2rem;
    text-decoration: line-through;
}

.w58-service-2__mains__warning {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 2rem;
}

.w58-service-2__mains__items {
    margin-bottom: 2rem;
}

.w58-service-2__mains__items__item {
    display: flex;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
}

.w58-service-2__mains__items__item__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    margin-right: 1rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center
}

.w58-service-2__mains__items__item__name {
    width: calc(100% - 5rem);
    font-size: 1.6rem;
    line-height: 2.6rem;
    font-weight: 600;
}

.w58-service-2__mains__bottom {
    display: flex;
    justify-content: center;
}

.w58-service-2__mains__bottom__btn {
    align-items: center;
    width: max-content;
    padding: 1rem 3rem;
    overflow: hidden;
    display: flex;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 3rem;
    font-size: 2.4rem;
    cursor: pointer;
}

@media only screen and (max-width: 37.5rem) {
    .w58-service-2__mains__bottom__btn {
        font-size: 2rem;
        padding: .75rem 2.5rem;
    }
}

.w58-service-2__mains__bottom__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w58-service-2__mains__bottom__btn__name {
    font-weight: 600;
}

.w58-service-2__mains__bottom__btn__icon {
    margin-right: 1rem;
}
/*ed*/

/*w75-productlist*/
.w75-productlist {
    width: 100%;
    padding: 1rem;
    background-color: #fff;
}

.w75-productlist__group {
    margin: 0 auto;
    position: relative;
    max-width: 120rem;
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__group {
        flex-wrap: wrap;
    }
}

.w75-productlist__mobile {
    align-items: center;
    justify-content: space-between;
    border: solid 1px #ccc;
    padding: 1rem;
    font-size: 1.6rem;
    border-radius: 1rem;
    display: none;
    width: 100%;
    cursor: pointer;
    position: relative;
    margin-top:1rem;
    margin-bottom:1rem;
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__mobile {
        display: flex;
    }
}

.w75-productlist__checkmb {
    display: none;
}

.w75-productlist__mobile__icon {
    width: 3.25rem;
    height: 3.25rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    position: absolute;
    right: 1rem;
}

.w75-productlist__checkmb:checked ~
.w75-productlist__mobile
.w75-productlist__mobile__icon {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

    .w75-productlist__checkmb:checked ~
    .w75-productlist__mobile
    .w75-productlist__mobile__icon:before {
        content: "\f142";
    }

.w75-productlist__second {
    position: relative;
    width: 23%;
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__second {
        width: 100%;
        margin-top: 0;
        overflow: hidden;
        max-height: 0;
        transition: all .3s ease;
    }

    .w75-productlist__checkmb:checked ~
    .w75-productlist__second {
        max-height: 200vh;
        margin-top: 1rem;
    }
}

.w75-productlist__second__container {
    position: sticky;
    top: 1rem;
}

.w75-productlist__second__container__main {
    margin-top: 1.5rem;
    border: 1px solid #ccc;
    overflow: hidden;
    border-radius: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__second__container__main:last-child {
        display: none;
    }
}

.w75-productlist__second__container__main:first-child {
    margin-top: 0;
}

@-webkit-keyframes key-w75-productlist__second {
    0% {
        transform: translateX(-10rem);
    }

    70% {
        transform: translateX(1rem);
    }

    100% {
        transform: translateX(0rem);
    }
}

section.in .w75-productlist__second {
    -webkit-animation: key-w75-productlist__second 1s;
    animation: key-w75-productlist__second 1s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:81.25rem) {
    .w75-productlist__second {
    }
}

@media only screen and (max-width:31.25rem) {
    .w75-productlist__second {
    }
}

.w75-productlist__second__container__main__items {
    list-style-type: none;
    background-color: #fff;
    width: 100%;
    transition: all .5s;
}

    .w75-productlist__second__container__main__items::-webkit-scrollbar {
        width: .4rem;
    }

    .w75-productlist__second__container__main__items::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w75-productlist__second__container__main__items::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w75-productlist__second__container__main__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w75-productlist__second__container__main__items__item {
}

.w75-productlist__second__container__main__items__item__main {
    display: flex;
    align-items: center;
    padding: 1rem 1rem 1rem 1.5rem;
    position: relative;
    overflow: hidden;
    border-top: dotted 1px #ccc;
}

.w75-productlist__second__container__main__items__item:first-child
.w75-productlist__second__container__main__items__item__main {
    border: none;
}

.w75-productlist__second__container__main__items__item__check:checked ~
.w75-productlist__second__container__main__items__item__main {
    background: linear-gradient(to right, rgba(var(--main-color-w),1), rgba(var(--main-color-w),.7));
    border-radius: 1rem;
    border: none;
}

.w75-productlist__second__container__main__items__item__check {
    display: none;
}

.w75-productlist__second__container__main__items__item__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    transition: all .5s;
    color: #373737;
    cursor: pointer;
    display: block;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__second__container__main__items__item__main__name {
        font-size: 1.4rem;
    }
}

.w75-productlist__second__container__main__items__item__main:hover .w75-productlist__second__container__main__items__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w75-productlist__second__container__main__items__item--active .w75-productlist__second__container__main__items__item__main__name {
}

.w75-productlist__second__container__main__items__item__check:checked ~
.w75-productlist__second__container__main__items__item__main
.w75-productlist__second__container__main__items__item__main__name {
    color: #fff;
}

.w75-productlist__second__container__main__items__item__main__icon2 {
    margin-left: auto;
    font-size: 1.3rem;
    font-weight: 400;
    padding: 0rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    height: 100%;
    right: 0;
    cursor: pointer;
}

.w75-productlist__second__container__main__items__item__main__icon2__value {
    transition: all .3s ease;
}

.w75-productlist__second__container__main__items__item:hover
.w75-productlist__second__container__main__items__item__main__icon2 {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:81.25rem) {
    .w75-productlist__second__container__main__items__item:hover
    .w75-productlist__second__container__main__items__item__main__icon2
    .w75-productlist__second__container__main__items__item__main__icon2__value:before {
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__second__container__main__items__item__main__icon2 {
    }

    .w75-productlist__second__container__main__items__item__check:checked ~
    .w75-productlist__second__container__main__items__item__main
    .w75-productlist__second__container__main__items__item__main__icon2
    .w75-productlist__second__container__main__items__item__main__icon2__value:before {
    }
}

.w75-productlist__second__container__main__items__item__check:checked ~
.w75-productlist__second__container__main__items__item__main
.w75-productlist__second__container__main__items__item__main__icon2 {
}

    .w75-productlist__second__container__main__items__item__check:checked ~
    .w75-productlist__second__container__main__items__item__main
    .w75-productlist__second__container__main__items__item__main__icon2
    .w75-productlist__second__container__main__items__item__main__icon2__value {
        transform: rotate(180deg);
        color: #fff;
    }

.w75-productlist__second__container__main__items__item__childs {
    list-style-type: none;
    overflow: hidden;
    max-height: 0;
    transition: all .3s ease;
}

.w75-productlist__second__container__main__items__item__check:checked ~ .w75-productlist__second__container__main__items__item__childs {
    max-height: 200vh;
    margin-top: .5rem;
    margin-bottom: 1rem;
}

.w75-productlist__second__container__main__items__item__childs__item {
}

    .w75-productlist__second__container__main__items__item__childs__item:first-child {
        border-bottom: none;
    }

.w75-productlist__second__container__main__items__item__childs__item__check {
    display: none;
}

.w75-productlist__second__container__main__items__item__childs__item__main {
    display: flex;
    align-items: center;
    padding: .5rem 1rem .5rem 3.75rem;
    position: relative;
}

.w75-productlist__second__container__main__items__item__childs__item__main__name {
    font-size: 1.5rem;
    font-weight: 600;
    text-transform: capitalize;
    transition: all .5s;
    color: #373737;
    width: 100%;
    display: block;
    line-height: 2.6rem;
}
.w75-productlist__second__container__main__items__item__childs__item__check:checked ~
.w75-productlist__second__container__main__items__item__childs__item__main
.w75-productlist__second__container__main__items__item__childs__item__main__name {
    color: rgba(var(--main-color-w),1);
}
.w75-productlist__second__container__main__items__item__childs__item__main__dot {
    position: absolute;
    left: 2rem;
    font-size: .7rem;
    color: rgba(var(--main-color-w),1);
}

.w75-productlist__second__container__main__items__item__check:checked ~
.w75-productlist__second__container__main__items__item__main
.w75-productlist__second__container__main__items__item__childs__item__main__dot {
    color: #fff;
}

.w75-productlist__second__container__main__items__item__childs__item__main__icon {
    font-size: 1.3rem;
    padding: 0rem 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .5s;
    position: absolute;
    height: 100%;
    right: 0;
    cursor: pointer;
}

.w75-productlist__second__container__main__items__item__childs__item__main__icon__value {
    transition: all .3s ease;
}

.w75-productlist__second__container__main__items__item__childs__item:hover .w75-productlist__second__container__main__items__item__childs__item__main__name,
.w75-productlist__second__container__main__items__item__childs__item:hover .w75-productlist__second__container__main__items__item__childs__item__main__icon {
    color: rgba(var(--main-color-w),1);
}

@media only screen and (min-width:81.25rem) {
    .w75-productlist__second__container__main__items__item__childs__item:hover
    .w75-productlist__second__container__main__items__item__childs__item__main__icon
    .w75-productlist__second__container__main__items__item__childs__item__main__icon__value:before {
    }
}

@media only screen and (max-width:81.25rem) {
    .w75-productlist__second__container__main__items__item__childs__item__main__icon {
    }

    .w75-productlist__second__container__main__items__item__childs__item__check:checked ~
    .w75-productlist__second__container__main__items__item__childs__item__main
    .w75-productlist__second__container__main__items__item__childs__item__main__icon {
    }
}

.w75-productlist__second__container__main__items__item__childs__item__check:checked ~
.w75-productlist__second__container__main__items__item__childs__item__main
.w75-productlist__second__container__main__items__item__childs__item__main__icon
.w75-productlist__second__container__main__items__item__childs__item__main__icon__value {
    transform: rotate(180deg);
    color: rgba(var(--main-color-w),1);
}

.w75-productlist__second__container__main__items__item__childs__item__grands {
    list-style-type: none;
    overflow: hidden;
    max-height: 0
}

@media only screen and (min-width:81.25rem) {
    .w75-productlist__second__container__main__items__item__childs__item__grands {
        transition: all .6s ease-in-out;
    }
}

@media only screen and (max-width:81.25rem) {
    .w75-productlist__second__container__main__items__item__childs__item__grands {
    }
}

.w75-productlist__second__container__main__items__item__childs__item__check:checked ~ .w75-productlist__second__container__main__items__item__childs__item__grands {
    max-height: 200vh;
}

.w75-productlist__second__container__main__items__item__childs__item__grands__item {
}

.w75-productlist__second__container__main__items__item__childs__item__grands__item__main {
    padding: 0;
    display: flex;
    align-items: center;
    position: relative;
    padding: .25rem 1.5rem .25rem 7rem;
}

.w75-productlist__second__container__main__items__item__childs__item__grands__item__main__name {
    font-size: 1.5rem;
    transition: all .5s;
    text-transform: capitalize;
    cursor: pointer;
    line-height: 2.6rem;
}

.w75-productlist__second__container__main__items__item__childs__item__grands__item__main__name--active {
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
}

.w75-productlist__second__container__main__items__item__childs__item__grands__item:hover .w75-productlist__second__container__main__items__item__childs__item__grands__item__main__name {
    color: rgba(var(--main-color-w),1);
}

.w75-productlist__second__container__main__items__item__childs__item__grands__item__main__dot {
    position: absolute;
    left: 5rem;
    font-size: .7rem;
    color: rgba(var(--main-color-w),1);
}

.w75-productlist__second__container__main__name {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    color: #fff;
    padding: 1rem 1.5rem;
    text-transform: capitalize;
    background: linear-gradient(to right,rgba(var(--main-color-w),1),rgba(var(--main-color-w),.7));
    border-radius: 1rem;
}

.w75-productlist__second__container__main__item__list {
    display: flex;
    flex-wrap: wrap;
}

.w75-productlist__second__container__main__item__list__item {
    display: flex;
    padding: 1rem;
    width: 100%;
    border-top: .1rem dotted #d3d3d3;
}

    .w75-productlist__second__container__main__item__list__item:first-child {
        border-top: none;
    }

@media only screen and (max-width:62.5rem) {
    .w75-productlist__second__container__main__item__list__item {
        width: 49%;
        margin-left: 2%;
    }

        .w75-productlist__second__container__main__item__list__item:nth-child(2n+1) {
            margin-left: 0;
        }

    @media only screen and (min-width:37.5rem) {
        .w75-productlist__second__container__main__item__list__item:nth-child(2) {
            border-top: none;
        }
    }
}

@media only screen and (max-width:31.25rem) {
    .w75-productlist__second__container__main__item__list__item {
        width: 100%;
        margin-left: 0;
    }

        .w75-productlist__second__container__main__item__list__item:last-child {
            border-bottom: none;
            padding-bottom: 0;
        }
}

@media only screen and (min-width:62.5rem) {
    .w75-productlist__second__container__main__item__list__item:last-child {
        border-bottom: none;
        padding-bottom: 0;
    }
}

.w75-productlist__second__container__main__item__list__item__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    width: 23%;
    transition: all 1s;
    border-radius: .5rem;
    cursor: pointer;
}

    .w75-productlist__second__container__main__item__list__item__imgbox:hover {
        transform: scale(1.05)
    }

.w75-productlist__second__container__main__item__list__item__name {
    width: 70%;
    margin-left: 7%;
}

@media only screen and (max-width:37.5rem) {
    .w75-productlist__second__container__main__item__list__item__name {
        width: 74%;
        margin-left: 3%;
    }
}

.w75-productlist__second__container__main__item__list__item__name__text {
    display: block;
    margin-bottom: .5rem;
    font-size: 1.5rem;
    line-height: 2.4rem;
    font-weight: 600;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w75-productlist__second__container__main__item__list__item__name__text {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition: all .5s;
    }
}

.w75-productlist__second__container__main__item__list__item__name__text:hover {
    color: rgba(var(--main-color-w), 1);
}

.w75-productlist__second__container__main__item__list__item__name__icon {
    display: inline-block;
    font-size: 1.2rem;
    color: #a6a6a6;
}

.w75-productlist__second__container__main__item__list__item__name__des {
    display: block;
    font-size: 1.5rem;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

.w75-productlist__second__container__main__menu {
    margin-top: 3rem;
}

.w75-productlist__second__container__main__menu__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    border-bottom: solid .1rem #dee2e6;
    padding-bottom: 1rem;
    transition: all .5s;
}

    .w75-productlist__second__container__main__menu__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

    .w75-productlist__second__container__main__menu__item:last-child {
        border-bottom: none;
    }

.w75-productlist__second__container__main__menu__item__icon {
    font-size: 1.6rem;
}

.w75-productlist__second__container__main__menu__item__name {
    font-size: 1.6rem;
}

.w75-productlist__second__container__main__menu__item__number {
    font-size: 1.6rem;
    margin-left: auto;
}

.w75-productlist__mains {
    width: 75%;
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__mains {
        width: 100%;
        margin-top: 1rem;
    }
}

@-webkit-keyframes key-w75-productlist__mains {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w75-productlist__mains {
    -webkit-animation: key-w75-productlist__mains 3s;
    animation: key-w75-productlist__mains 3s;
    animation-iteration-count: 1;
}

.w75-productlist__mains__main {
    display: flex;
    flex-wrap: wrap;
    margin-top: 1.5rem;
}

.w75-productlist__mains__name {
    font-size: 3rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    line-height: 4.6rem;
}

.w75-productlist__mains__tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 1.5rem;
}

.w75-productlist__mains__tabs__sort {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w75-productlist__mains__tabs__sort {
        width: 100%;
        margin-bottom:1.5rem;
    }
}

.w75-productlist__mains__tabs__sort__name {
    font-size: 1.6rem;
    margin-right: 1rem;
    white-space: nowrap;
}

.w75-productlist__mains__tabs__sort__dropdown {
    margin-left: auto;
    position: relative;
    min-width: 15rem;
}

@media only screen and (max-width:50rem) {
    .w75-productlist__mains__tabs__sort__dropdown {
    }
}

.w75-productlist__mains__tabs__sort__dropdown__label {
    padding: .75rem 2rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    background-color: #fff;
    border-radius: 1rem;
    border: solid .1rem #ccc;
}

.w75-productlist__mains__tabs__sort__dropdown:hover .w75-productlist__mains__tabs__sort__dropdown__label {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

.w75-productlist__mains__tabs__sort__dropdown__check:checked ~
.w75-productlist__mains__tabs__sort__dropdown__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: .5rem;
}

.w75-productlist__mains__tabs__sort__dropdown__label__name {
    font-size: 1.4rem;
}

.w75-productlist__mains__tabs__sort__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w75-productlist__mains__tabs__sort__dropdown__check {
    display: none;
}

.w75-productlist__mains__tabs__sort__dropdown__items {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: .1rem solid rgba(129,129,129,.2);
    visibility: hidden;
    z-index: -1;
    top: 6rem;
    transition: all .25s ease;
    opacity: 0;
}

.w75-productlist__mains__tabs__sort__dropdown__check:checked ~
.w75-productlist__mains__tabs__sort__dropdown__items {
    visibility: visible;
    z-index: 1;
    top: 4rem;
    opacity: 1;
}

.w75-productlist__mains__tabs__sort__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: .1rem solid rgba(129,129,129,.2);
    transition: all .5s;
    cursor: pointer;
    color: #3f3f3f;
}

    .w75-productlist__mains__tabs__sort__dropdown__items__item:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

    .w75-productlist__mains__tabs__sort__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w75-productlist__mains__tabs__count {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w75-productlist__mains__tabs__count {
        width: 100%;
    }
}

.w75-productlist__mains__tabs__count__name {
    font-size: 1.6rem;
    margin-right: 1rem;
}

.w75-productlist__mains__tabs__count__items {
    display: flex;
}

.w75-productlist__mains__tabs__count__items__item {
    margin-left: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w75-productlist__mains__tabs__count__items__item:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-productlist__mains__tabs__count__items__item--active {
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
}

.w75-productlist__mains__tabs__count__items__item:not(:last-child) {
    margin-right: .5rem;
}

.w75-productlist__mains__tabs__count__items__item__sub {
    margin-right: .5rem;
}

.w75-productlist__mains__main__item {
    width: 24.25%;
    margin-left: 1%;
    background-color: #fff;
    position: relative;
    outline: none;
    padding: 0rem 0rem 1rem;
    margin-bottom: 1rem;
    border-radius: .5rem;
    z-index: 0;
}

@media only screen and (min-width:75rem) {
    .w75-productlist__mains__main__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w75-productlist__mains__main__item {
        width: 32.66666%;
    }

        .w75-productlist__mains__main__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:43.75rem) {
    .w75-productlist__mains__main__item {
        width: 49.5%;
    }

        .w75-productlist__mains__main__item:nth-child(3n+1) {
            margin-left: 1%;
        }

        .w75-productlist__mains__main__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w75-productlist__mains__main__item:hover {
    z-index: 1;
}

.w75-productlist__mains__main__item__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(100% + 15rem);
    box-shadow: 0 0 10px rgba(0,0,0,.15);
    border-radius: 1rem;
    background-color: #fff;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.w75-productlist__mains__main__item:hover
.w75-productlist__mains__main__item__bg {
    opacity: 1;
    z-index: initial;
    visibility: visible;
}

.w75-productlist__mains__main__item__bot {
    position: absolute;
    width: 100%;
    height: 15rem;
    overflow: hidden;
    background-color: #fff;
    top: calc(100% - 1rem);
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

.w75-productlist__mains__main__item:hover
.w75-productlist__mains__main__item__bot {
    opacity: 1;
    z-index: initial;
    visibility: visible;
}

.w75-productlist__mains__main__item__bot__text {
    font-size: 1.5rem;
    line-height: 2.6rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 4;
    padding: 0rem 1.25rem;
}

.w75-productlist__mains__main__item__bot__btn {
    width: max-content;
    display: flex;
    margin: 1rem auto 0;
    align-items: center;
    border-radius: 3rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.6rem;
    padding: .6rem 2rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w75-productlist__mains__main__item__bot__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w75-productlist__mains__main__item__bot__btn__icon {
    margin-left: 1rem;
}

.w75-productlist__mains__main__item__content {
    position: relative;
    overflow: hidden;
    padding: .75rem;
}

.w75-productlist__mains__main__item__content__bottom {
    padding: 0;
    display: block;
    position: relative;
    text-align: center;
    margin-top: 0;
    padding-top: 1.5rem;
}

.w75-productlist__mains__main__item__content__bottom__name {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    cursor: pointer;
    text-align: center;
    font-weight: 600;
    transition: all .5s;
}

    .w75-productlist__mains__main__item__content__bottom__name:hover {
        color: rgba(var(--main-color-w), 1);
    }

.w75-productlist__mains__main__item__content__top {
    overflow: hidden;
    position: relative;
    padding: 0rem 0rem 0rem;
    display: flex;
    align-items: stretch;
    width: 100%;
    transition: 0.5s all ease-in-out;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: .5rem;
}

.w75-productlist__mains__main__item__content__top__imgbox {
    background-size: contain;
    background-position: top center;
    background-repeat: no-repeat;
    transition: 0.5s all ease-in-out;
    position: relative;
    width: 100%;
}

.w75-productlist__mains__main__item__content:hover .w75-productlist__mains__main__item__content__top__imgbox {
    transform: scale(1.1);
}

.w75-productlist__mains__main__item__content__price {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center;
    margin-top: 1rem;
    padding: 0rem;
    border-radius: .3rem;
}

.w75-productlist__mains__main__item__content__price__main {
    color: rgba(var(--main-color-w), 1);
    font-size: 1.6rem;
    font-weight: 600;
}

.w75-productlist__mains__main__item__content__price__sub {
    color: #858585;
    font-size: 1.6rem;
    text-decoration: line-through;
    margin-right: 1rem;
}

.w75-productlist__mains__pagination {
    bottom: 0 !important;
}

    .w75-productlist__mains__pagination .swiper-pagination-bullet {
        width: 3rem;
        border-radius: .5rem;
        background-color: rgba(var(--main-color-w), 1);
        transition: all .5s;
        opacity: .5;
    }

    .w75-productlist__mains__pagination .swiper-pagination-bullet-active {
        width: 6rem;
        opacity: 1;
    }

.w75-productlist__mains__next.swiper-button-next,
.w75-productlist__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.05rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    text-align: center;
    background-color: rgb(250 250 250 / 61%);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
}

@media only screen and (min-width:62.5rem) {
    .w75-productlist__mains__next.swiper-button-next,
    .w75-productlist__mains__prev.swiper-button-prev {
        z-index: 0;
        opacity: 0;
        visibility: hidden;
    }

    .w75-productlist__mains:hover .w75-productlist__mains__next.swiper-button-next,
    .w75-productlist__mains:hover .w75-productlist__mains__prev.swiper-button-prev {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }
}

.w75-productlist__mains__next:hover,
.w75-productlist__mains__prev:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
}

.w75-productlist__mains__next:after,
.w75-productlist__mains__prev:after {
    display: none;
}

.w75-productlist__paging {
    margin: 2rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w75-productlist__paging__item {
    list-style-type: none;
    margin: 0 .5rem 1rem;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    border: solid .1rem #f1f1f1;
    cursor: pointer;
    transition: all .5s;
}

    .w75-productlist__paging__item:hover,
    .w75-productlist__paging__item.active {
        border: rgba(var(--main-color-w), 1) solid 1px;
    }

.w75-productlist__paging__item__text {
    font-size: 1.4rem;
}

.w75-productlist__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 3rem;
}

.w75-productlist__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
}

.w75-productlist__detail {
    margin-top: 1rem;
    overflow: hidden;
    width: 100%;
    padding-bottom: 1rem;
}

.w75-productlist__detail__content iframe {
    height: 32rem;
    border: none;
}

@media only screen and (max-width:75rem) {
    .w75-productlist__detail__content iframe {
        height: 28rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-productlist__detail__content iframe {
        height: 33rem;
    }
}

@media only screen and (max-width:50rem) {
    .w75-productlist__detail__content iframe {
        height: 25rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w75-productlist__detail__content iframe {
        max-height: 16rem !important;
        min-height: 16rem !important;
    }
}

.w75-productlist__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    height: 11rem;
    overflow: hidden;
}

.w75-productlist__detail__check:checked ~ .w75-productlist__detail__content {
    height: max-content;
}

.w75-productlist__detail__check {
    display: none;
}

.w75-productlist__detail__bottom {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
    margin-top: 1rem;
}

.w75-productlist__detail__bottom__label {
    background-color: #fff;
    border: solid .1rem rgba(var(--main-color-w), 1);
    border-radius: 2rem;
    padding: .75rem 4rem;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    transition: all .5s;
}

    .w75-productlist__detail__bottom__label:hover {
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

.w75-productlist__detail__bottom__label--top {
    display: none;
}

.w75-productlist__detail__bottom__label__text {
    font-size: 1.6rem;
    font-weight: 600;
}

.w75-productlist__detail__bottom__label__text--2 {
    display: none;
}

.w75-productlist__detail__check:checked ~
.w75-productlist__detail__bottom
.w75-productlist__detail__bottom__label
.w75-productlist__detail__bottom__label__text--1 {
    display: none;
}

.w75-productlist__detail__check:checked ~
.w75-productlist__detail__bottom
.w75-productlist__detail__bottom__label
.w75-productlist__detail__bottom__label__text--2 {
    display: inline-block;
}

.w75-productlist__detail__bottom__label__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

.w75-productlist__detail__check:checked ~
.w75-productlist__detail__bottom
.w75-productlist__detail__bottom__label
.w75-productlist__detail__bottom__label__icon {
    transform: rotate(-180deg);
}

.w75-productlist .table__responsive {
    overflow-y: scroll;
}

    .w75-productlist .table__responsive::-webkit-scrollbar {
        width: .4rem;
    }

    .w75-productlist .table__responsive::-webkit-scrollbar-track {
    }

    .w75-productlist .table__responsive::-webkit-scrollbar-thumb {
        background-color: rgba(var(--main-color-w),1);
    }

        .w75-productlist .table__responsive::-webkit-scrollbar-thumb:hover {
            background-color: rgba(var(--main-color-w),1);
        }

    .w75-productlist .table__responsive table {
        width: max-content;
    }

.w75-productlist__detail__content table {
    border-top: solid .1rem #f1f1f1;
    border-left: solid .1rem #f1f1f1;
    border-spacing: 0;
    margin: 1rem 0;
}

    .w75-productlist__detail__content table td,
    .w75-productlist__detail__content table th {
        border-bottom: solid .1rem #f1f1f1;
        border-right: solid .1rem #f1f1f1;
        padding: .75rem;
    }
/*ed*/
/*w75-product-1*/
.w75-product-1 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w75-product-1__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w75-product-1__heading {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

@media only screen and (max-width:50rem) {
    .w75-product-1__heading {
        justify-content: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__heading {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }
}

.w75-product-1__heading__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w75-product-1__heading__main {
        width: 100%;
    }
}

.w75-product-1__heading__main__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    width: 48%;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__heading__main__des {
        width: 100%;
    }
}

.w75-product-1__heading__main__name {
    position: relative;
    font-size: 4rem;
    line-height: 6rem;
    transition: all .5s;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    width: 48%;
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__heading__main__name {
        font-size: 3rem;
        line-height: 5rem;
        width: 100%;
    }
}

.w75-product-1__items {
    width: 100%;
    padding-bottom: 3rem;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w75-product-1__items {
    }
}

.w75-product-1__items__bg {
    position: absolute;
    background: rgba(var(--main-color-w),1);
    height: 100%;
    width: calc(50% - 610px);
    top: 0;
    left: 0;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w75-product-1__items__bg {
        display: none;
    }
}

.w75-product-1__items__mains {
    width: 100%;
    display: flex;
}

.w75-product-1__items__mains__main {
    width: 32%;
    margin-right: 2%;
    position: relative;
    transition: all 1s;
    filter: brightness(.7);
}

@media only screen and (max-width:75rem) {
    .w75-product-1__items__mains__main {
        filter: brightness(1);
    }
}

@media only screen and (max-width:68.75rem) {
    .w75-product-1__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__items__mains__main {
        width: 78%;
        margin-left: 11%;
        margin-right: 11%;
    }
}

.w75-product-1__items__mains__main.swiper-slide-visible {
    filter: brightness(1);
}

.w75-product-1__items__mains__main__container {
    width: calc(100%);
}

.w75-product-1__items__mains__main__container__first {
    width: calc(100%);
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
    overflow:hidden;
}

@keyframes key-w75-product-1__items__mains__main__container__first {
    100% {
        left: 125%;
    }
}

.w75-product-1__items__mains__main__container__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    background-position:center;
}

.w75-product-1__items__mains__main__container__second {
    width: calc(100% - 3rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    z-index: 0;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__items__mains__main__container__second {
    }
}

.w75-product-1__items__mains__main__container__second__box {
    position: relative;
    z-index: 1;
}

.w75-product-1__items__mains__main__container__second__box__cate {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: .5rem;
}

.w75-product-1__items__mains__main__container__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    margin-bottom: 1.5rem;
}

    .w75-product-1__items__mains__main__container__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w75-product-1__items__mains__main__container__second__box__price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.w75-product-1__items__mains__main__container__second__box__price__chinh {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.8rem;
    font-weight: 600;
}

.w75-product-1__items__mains__main__container__second__box__price__sub {
    color: #999;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.w75-product-1__items__mains__main__container__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: flex;
    overflow: hidden;
}

.w75-product-1__items__mains__main__container__second__box__des__text {
    line-height: 3rem;
}

.w75-product-1__items__mains__main__container__second__box__status {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.6rem;
    margin-top: .5rem;
}

.w75-product-1__items__mains__main__container__second__box__status__name {
    margin-right: 1rem;
    margin-top: .5rem;
}

.w75-product-1__items__mains__main__container__second__box__status__text {
    margin-right: 1rem;
    color: rgba(var(--main-color-w),1);
    margin-top: .5rem;
}

.w75-product-1__heading__btn {
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__heading__btn {
        justify-content: center;
        margin-left: 0;
        display: none;
    }
}

.w75-product-1__heading__btn__next,
.w75-product-1__heading__btn__prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    background-color: transparent;
    color: rgba(var(--second-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid rgba(var(--second-color-w),1);
    top: initial;
    position: relative;
    opacity: 1 !important;
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__heading__btn__next,
    .w75-product-1__heading__btn__prev {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.w75-product-1__heading__btn__next {
    right: initial;
    margin-left: 2rem;
}

.w75-product-1__heading__btn__prev {
    left: initial;
}

    .w75-product-1__heading__btn__next:hover,
    .w75-product-1__heading__btn__prev:hover {
        color: #fff;
        background-color: rgba(var(--second-color-w), 1);
    }

    .w75-product-1__heading__btn__next:after,
    .w75-product-1__heading__btn__prev:after {
        display: none;
    }

.w75-product-1__items__next,
.w75-product-1__items__prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    background-color: transparent;
    border: solid .1rem rgba(var(--second-color-w), 1);
    color: rgba(var(--second-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w75-product-1__items__next,
    .w75-product-1__items__prev {
        top: -8rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-product-1__items .w75-product-1__items__next,
    .w75-product-1__items .w75-product-1__items__prev {
        opacity: 0;
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

    .w75-product-1__items:hover .w75-product-1__items__next,
    .w75-product-1__items:hover .w75-product-1__items__prev {
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__items .w75-product-1__items__next,
    .w75-product-1__items .w75-product-1__items__prev {
        opacity: 1;
        background-color: transparent;
        color: rgba(var(--second-color-w), 1);
    }
}

.w75-product-1__items__prev {
    left: 2rem;
}

@media only screen and (min-width:62.5rem) {
    .w75-product-1__items__prev {
        right: 9rem;
        left: initial;
    }
}

.w75-product-1__items__next {
    right: 2rem;
}

@media only screen and (max-width:75rem) {
    .w75-product-1__items__prev {
    }

    .w75-product-1__items__next {
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-product-1__items__next,
    .w75-product-1__items__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.6rem;
    }

    .w75-product-1__items__prev {
        left: 0;
    }

    .w75-product-1__items__next {
        right: 0;
    }
}

.w75-product-1__items__next:hover,
.w75-product-1__items__prev:hover {
}

.w75-product-1__items__next:after,
.w75-product-1__items__prev:after {
    display: none;
}
/*ed*/
/*w75-ads-2*/
.w75-ads-2 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: rgba(var(--main-color-w),1);
    position: relative;
    overflow: hidden;
    z-index: 0;
}

.w75-ads-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.w75-ads-2__heading {
    width: 100%;
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-end;
}

@media only screen and (max-width:50rem) {
    .w75-ads-2__heading {
        justify-content: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__heading {
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 2rem;
    }
}

.w75-ads-2__heading__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 70%;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w75-ads-2__heading__main {
        width: 100%;
    }
}

.w75-ads-2__heading__main__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
    width: 48%;
    color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__heading__main__des {
        width: 100%;
    }
}

.w75-ads-2__heading__main__name {
    position: relative;
    font-size: 4rem;
    line-height: 6rem;
    transition: all .5s;
    color: #fff;
    transition: all .5s;
    cursor: pointer;
    width: 48%;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__heading__main__name {
        font-size: 3rem;
        line-height: 5rem;
        width: 100%;
    }
}

.w75-ads-2__items {
    width: 100%;
    padding-bottom: 3rem;
    position: relative;
    z-index: 0;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w75-ads-2__items {
    }
}

.w75-ads-2__items__bg {
    position: absolute;
    background: rgba(var(--main-color-w),1);
    height: 100%;
    width: calc(50% - 610px);
    top: 0;
    left: 0;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w75-ads-2__items__bg {
        display: none;
    }
}

.w75-ads-2__items__mains {
    width: 100%;
    display: flex;
}

.w75-ads-2__items__mains__main {
    width: 32%;
    margin-right: 2%;
    position: relative;
    transition: all 1s;
    filter: brightness(.7);
}

@media only screen and (max-width:75rem) {
    .w75-ads-2__items__mains__main {
        filter: brightness(1);
    }
}

@media only screen and (max-width:68.75rem) {
    .w75-ads-2__items__mains__main {
        width: 49%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__items__mains__main {
        width: 78%;
        margin-left: 11%;
        margin-right: 11%;
    }
}

.w75-ads-2__items__mains__main.swiper-slide-visible {
    filter: brightness(1);
}

.w75-ads-2__items__mains__main__container {
    width: calc(100%);
    overflow:hidden;
}
.w75-ads-2__items__mains__main__container__first {
    width: calc(100%);
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
    overflow:hidden;
}
@keyframes key-w75-ads-2__items__mains__main__container__first {
    100% {
        left: 125%;
    }
}

.w75-ads-2__items__mains__main__container__first__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    background-position: center;
}
.w75-ads-2__items__mains__main__container__first__imgbox__img{
    width:100%;
}
.w75-ads-2__items__mains__main__container__second {
    width: calc(100% - 3rem);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 1.5rem;
    border-radius: 1rem;
    overflow: hidden;
    background-color: #fff;
    position: relative;
    z-index: 0;
    margin-top: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__items__mains__main__container__second {
    }
}

.w75-ads-2__items__mains__main__container__second__box {
    position: relative;
    z-index: 1;
}

.w75-ads-2__items__mains__main__container__second__box__cate {
    display: block;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
}

.w75-ads-2__items__mains__main__container__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
    margin-bottom: 1rem;
}

    .w75-ads-2__items__mains__main__container__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w75-ads-2__items__mains__main__container__second__box__price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.w75-ads-2__items__mains__main__container__second__box__price__chinh {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.8rem;
    font-weight: 600;
}

.w75-ads-2__items__mains__main__container__second__box__price__sub {
    color: #999;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.w75-ads-2__items__mains__main__container__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    display: flex;
    overflow: hidden;
}

.w75-ads-2__items__mains__main__container__second__box__des__text {
    line-height: 3rem;
}

.w75-ads-2__items__mains__main__container__second__box__status {
    display: flex;
    flex-wrap: wrap;
    font-size: 1.6rem;
    margin-top: .5rem;
}

.w75-ads-2__items__mains__main__container__second__box__status__name {
    margin-right: 1rem;
    margin-top: .5rem;
}

.w75-ads-2__items__mains__main__container__second__box__status__text {
    margin-right: 1rem;
    color: rgba(var(--main-color-w),1);
    margin-top: .5rem;
}

.w75-ads-2__heading__btn {
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__heading__btn {
        justify-content: center;
        margin-left: 0;
        display: none;
    }
}

.w75-ads-2__heading__btn__next,
.w75-ads-2__heading__btn__prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    background-color: transparent;
    color: rgba(var(--second-color-w),1);
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid rgba(var(--second-color-w),1);
    top: initial;
    position: relative;
    opacity: 1 !important;
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__heading__btn__next,
    .w75-ads-2__heading__btn__prev {
        width: 3.5rem;
        height: 3.5rem;
    }
}

.w75-ads-2__heading__btn__next {
    right: initial;
    margin-left: 2rem;
}

.w75-ads-2__heading__btn__prev {
    left: initial;
}

    .w75-ads-2__heading__btn__next:hover,
    .w75-ads-2__heading__btn__prev:hover {
        color: #fff;
        background-color: rgba(var(--second-color-w), 1);
    }

    .w75-ads-2__heading__btn__next:after,
    .w75-ads-2__heading__btn__prev:after {
        display: none;
    }

.w75-ads-2__items__next,
.w75-ads-2__items__prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    border-radius: 50%;
    width: 4.5rem;
    height: 4.5rem;
    text-align: center;
    background-color: transparent;
    border: solid .1rem rgba(var(--second-color-w), 1);
    color: rgba(var(--second-color-w), 1);
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 1;
    position: absolute;
    z-index: 2;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w75-ads-2__items__next,
    .w75-ads-2__items__prev {
        top: -8rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w75-ads-2__items .w75-ads-2__items__next,
    .w75-ads-2__items .w75-ads-2__items__prev {
        opacity: 0;
        background-color: rgba(var(--second-color-w), 1);
        color: #fff;
    }

    .w75-ads-2__items:hover .w75-ads-2__items__next,
    .w75-ads-2__items:hover .w75-ads-2__items__prev {
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__items .w75-ads-2__items__next,
    .w75-ads-2__items .w75-ads-2__items__prev {
        opacity: 1;
        background-color: transparent;
        color: rgba(var(--second-color-w), 1);
    }
}

.w75-ads-2__items__prev {
    left: 2rem;
}

@media only screen and (min-width:62.5rem) {
    .w75-ads-2__items__prev {
        right: 9rem;
        left: initial;
    }
}

.w75-ads-2__items__next {
    right: 2rem;
}

@media only screen and (max-width:75rem) {
    .w75-ads-2__items__prev {
    }

    .w75-ads-2__items__next {
    }
}

@media only screen and (max-width:37.5rem) {
    .w75-ads-2__items__next,
    .w75-ads-2__items__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.6rem;
    }

    .w75-ads-2__items__prev {
        left: 0;
    }

    .w75-ads-2__items__next {
        right: 0;
    }
}

.w75-ads-2__items__next:hover,
.w75-ads-2__items__prev:hover {
}

.w75-ads-2__items__next:after,
.w75-ads-2__items__prev:after {
    display: none;
}
/*ed*/
/*w75-downbar*/
.w75-downbar {
    width: 100%;
    padding: 0 0;
    background-color: #fff;
}

.w75-downbar__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w75-downbar__imgbox {
    background-size: contain;
    background-position: center;
}

.w75-downbar__imgbox__img {
}
/*ed*/
/*w76-topbar*/
.w76-topbar {
    background-color: #fff;
    padding: 0 0rem;
    width:100%;
}

.w76-topbar__line {
    height: 4px;
    background-color: #000;
    width: 100%;
}

.w76-topbar__group {
    width: 100%;
    margin: 0 auto;
    padding: 0 1rem;
    max-width: 120rem;
}

.w76-topbar__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w76-topbar__items__first {
    width: 26%;
    margin-top: 5px;
}

@media only screen and (max-width:75rem) {
    .w76-topbar__items__first {
        display: none;
    }
}

.w76-topbar__items__first__subs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w76-topbar__items__first__subs__sub {
    display: flex;
    align-items: flex-start;
}

    .w76-topbar__items__first__subs__sub:last-child {
        margin-right: 0;
        border-right: none;
        padding-right: 0;
    }

.w76-topbar__items__first__subs__sub__name {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #111;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-topbar__items__first__subs__sub__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w76-topbar__items__first__subs__sub__line {
    width: 1px;
    height: 16px;
    background-color: #111;
    margin: auto 1rem;
}

.w76-topbar__items__first__subs__sub:last-child .w76-topbar__items__first__subs__sub__line {
    display: none;
}

.w76-topbar__items__center {
    overflow: hidden;
    width: 46%;
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w76-topbar__items__center {
        width: 100%;
    }
}

.w76-topbar__items__center__bgleft {
    width: 6rem;
    height: 6rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    left: -4rem;
    transform: rotate(50deg);
}

.w76-topbar__items__center__bgright {
    width: 6rem;
    height: 6rem;
    background-color: #fff;
    position: absolute;
    top: 0;
    right: -4rem;
    transform: rotate(-50deg);
}

.w76-topbar__items__center__mains__name {
    text-align: center;
    font-size: 1.4rem;
    line-height: 2.4rem;
    display: block;
    background: #000;
    color: #fff;
    padding: 3px 15px;
}

.w76-topbar__items__last {
    width: 26%;
    margin-top: 5px;
    display: flex;
    justify-content: flex-end;
}

@media only screen and (max-width:75rem) {
    .w76-topbar__items__last {
        display: none;
    }
}

.w76-topbar__items__last__subs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w76-topbar__items__last__subs__sub {
    display: flex;
}

.w76-topbar__items__last__subs__sub__name {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #111;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-topbar__items__last__subs__sub__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w76-topbar__items__last__subs__sub__line {
    width: 1px;
    height: 16px;
    background-color: #111;
    margin: auto 1rem;
}

.w76-topbar__items__last__subs__sub:last-child .w76-topbar__items__last__subs__sub__line {
    display: none;
}
/*ed*/
/*w76-menu*/
.w76-menu {
    z-index: 2;
    position: relative;
    background-color: rgba(var(--main-color-w),1);
    padding: 0rem;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w76-menu {
        background-color: #fff;
        padding: 1rem;
    }
}

.w76-menu.ws1StickyApply {
}

.w76-menu__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__group {
        width: 100%;
    }
}

.w76-menu__main__container {
    width: 100%;
    position: relative;
}

.w76-menu__checkboxMobileMenu {
    display: none;
}

.w76-menu__mobile {
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    padding: 1.5rem 1rem;
    position: relative;
    border-radius: 1rem;
}

@media only screen and (max-width: 37.5rem) {
    .w76-menu__mobile {
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__mobile {
        display: none;
    }
}

.w76-menu__mobile__name {
    color: #fff;
    font-size: 1.6rem;
    font-weight: 600;
}

.w76-menu__mobile__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #fff;
    border-radius: 3px;
    position: absolute;
    right: 1rem;
}

.w76-menu__mobile__lbl__top {
    position: absolute;
    width: 20px;
    height: 2px;
    top: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w76-menu__checkboxMobileMenu:checked ~
.w76-menu__mobile
.w76-menu__mobile__lbl
.w76-menu__mobile__lbl__top {
    transform: rotate(45deg);
    top: 14px;
}

.w76-menu__mobile__lbl__center {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: rgba(var(--second-color-w),1);
}

.w76-menu__checkboxMobileMenu:checked ~
.w76-menu__mobile
.w76-menu__mobile__lbl
.w76-menu__mobile__lbl__center {
    width: 0;
}

.w76-menu__mobile__lbl__bottom {
    position: absolute;
    width: 20px;
    height: 2px;
    bottom: 8px;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s;
}

.w76-menu__checkboxMobileMenu:checked ~
.w76-menu__mobile
.w76-menu__mobile__lbl
.w76-menu__mobile__lbl__bottom {
    bottom: 14px;
    transform: rotate(-45deg);
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main {
        background-color: #fff;
        position: fixed;
        top: 0;
        width: 50rem;
        height: 100vh;
        left: -100%;
        transition: all .2s ease;
        z-index: 1;
        border-radius: 0 0rem 1rem 0;
    }

    .w76-menu__main__container {
        overflow-y: scroll;
        height: 100%;
        padding-bottom: 2rem;
    }

        .w76-menu__main__container::-webkit-scrollbar {
            width: .4rem;
        }

        .w76-menu__main__container::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w76-menu__main__container::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w76-menu__main__container::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

@media only screen and (max-width: 50rem) {
    .w76-menu__main {
        width: calc(100% - 10rem);
    }
}

.w76-menu__checkboxMobileMenu:checked ~
.w76-menu__main {
    left: 0;
}

.w76-menu__main__container__items {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.ws1RightMenubox .w76-menu__main__container__items {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items {
        width: 100%;
        position: relative;
        z-index: 2;
        padding-right: 0;
        padding-left: 1.25rem;
        margin-top: 0rem;
    }
}

.w76-menu__main__container__items__item {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item {
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .w76-menu__main__container__items__item:last-child {
            border-bottom: none;
        }
}

.w76-menu__main__container__items__item__inner {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__inner {
        padding: 1rem 0;
        border-bottom: solid 1px #fafafa;
        justify-content: flex-start;
    }

    .w76-menu__main__container__items__item:last-child .w76-menu__main__container__items__item__inner {
        border-bottom: none;
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__item__inner:hover .w76-menu__main__container__items__item__inner__text {
        background-color: rgba(var(--second-color-w),1);
    }

    .w76-menu__main__container__items__item__inner:hover .w76-menu__main__container__items__item__inner__icon {
        color: rgba(var(--main-color-w),1);
    }
}

.w76-menu__main__container__items__item__inner__text {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    transition: all .3s ease;
    padding: 1.65rem 2rem 1.65rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w76-menu__main__container__items__item__inner__text {
        color: #111;
        padding: 0;
    }
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w76-menu__main__container__items__item__inner__text {
        color: #fff;
    }
}

.ws1RightMenubox .w76-menu__main__container__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__inner__text {
        font-size: 1.6rem;
    }
}

.w76-menu__main__container__items__item__inner__text__name {
}

.w76-menu__main__container__items__item__inner__text__icon {
    margin-left: .5rem;
}

@media only screen and (max-width:75rem) {
    .w76-menu__main__container__items__item__inner__text__icon {
        display: none;
    }
}

.w76-menu__main__container__items__item__inner__icon {
    color: #111;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
    transition: all .3s ease;
    display: none;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w76-menu__main__container__items__item__inner__icon {
        color: #fff;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        padding: 0 1rem;
        height: 100%;
        right: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
    }

    .w76-menu__main__container__items__item__inner__icon__value {
        transition: none;
        transition: all .2s ease;
    }

    .w76-menu__main__container__items__item__inputcheck:checked ~
    .w76-menu__main__container__items__item__inner
    .w76-menu__main__container__items__item__inner__icon {
    }
}

.w76-menu__main__container__items__item__inputcheck {
    display: none;
}


    .w76-menu__main__container__items__item__inputcheck:checked ~
    .w76-menu__main__container__items__item__inner
    .w76-menu__main__container__items__item__inner__icon
    .w76-menu__main__container__items__item__inner__icon__value {
        transform: rotate(-225deg);
    }

.w76-menu__main__container__items__item__drops {
    position: absolute;
    margin-bottom: 0;
    transition: all .15s ease;
    left: 0;
    background-color: #fff;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__item__drops {
        width: 100%;
        visibility: hidden;
        opacity: 0;
        top: 100%;
        background-color: #fff;
        pointer-events: none;
        box-shadow: 0px 30px 60px 0px #24272C1A;
        overflow: hidden;
        border-radius: 0 0 1rem 1rem;
    }

    .w76-menu__main__container__items__item:hover .w76-menu__main__container__items__item__drops {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
    }

    .w76-menu__main__container__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
    }
}

@media only screen and (min-width: 50rem) {
    .w76-menu__main__container__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
        background-color: #fafafa;
        border-radius: 1rem 1rem;
        width: calc(100% - 1rem);
        transform: translateX(-120%);
    }

    .w76-menu__main__container__items__item__inputcheck:checked ~ .w76-menu__main__container__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 999vh;
        padding: 0rem 0rem 0 1rem;
        transform: translateX(0);
    }

    .w76-menu__main__container__items__item__inputcheck:not(:checked) ~ .w76-menu__main__container__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w76-menu__main__container__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w76-menu__main__container__items__item__drops__drop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop {
        padding: 2rem;
        display: flex;
        max-height: 80vh;
        overflow-y: scroll;
    }

        .w76-menu__main__container__items__item__drops__drop::-webkit-scrollbar {
            width: .4rem;
        }

        .w76-menu__main__container__items__item__drops__drop::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w76-menu__main__container__items__item__drops__drop::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

            .w76-menu__main__container__items__item__drops__drop::-webkit-scrollbar-thumb:hover {
                background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--second-color-w),1) 55%, rgba(255,255,255,0) 95%);
            }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop {
        height: fit-content;
        flex-wrap: wrap;
        padding: .5rem 0 .5rem;
    }
}

.w76-menu__main__container__items__item__drops__drop__contents {
    width: 24.25%;
    margin-left: 1%;
}

    .w76-menu__main__container__items__item__drops__drop__contents:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents:not(:first-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents {
        width: 100%;
        margin-left: 0;
        overflow: hidden;
    }
}

.w76-menu__main__container__items__item__drops__drop__contents__content {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content {
    }
}

.w76-menu__main__container__items__item__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w76-menu__main__container__items__item__drops__drop__contents__content__box:hover {
    }

.w76-menu__main__container__items__item__drops__drop__contents__content__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    font-weight: 600;
}

    .w76-menu__main__container__items__item__drops__drop__contents__content__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content {
        color: white;
        padding: .75rem 0;
    }

    .w76-menu__main__container__items__item__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__items__item__drops__drop__contents__content__box
    .w76-menu__main__container__items__item__drops__drop__contents__content__box__text {
    }
}

.w76-menu__main__container__items__item__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__items__item__drops__drop__contents__content__subs {
    width: 100%;
    background-color: #fff;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        transition: all .3s;
        overflow: hidden;
        transform: translateX(-120%);
        background-color: transparent;
    }

    .w76-menu__main__container__items__item__drops__drop__contents__content__check:checked ~ .w76-menu__main__container__items__item__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
        transform: translateX(0);
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content:hover .w76-menu__main__container__items__item__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub {
    margin-top: 1rem;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub {
        width: calc(100% - 1rem);
        box-shadow: none;
        border: 1rem;
        padding: .5rem 1rem 1rem 1.5rem;
        background-color: #f1f1f1;
        border-radius: 1rem;
    }

    .w76-menu__main__container__items__item__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__items__item__drops__drop__contents__content__subs
    .w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub {
    }
}

.w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: 1rem 0rem;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub__child {
        color: #fff;
        padding: .75rem 0rem;
    }

        .w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.6rem;
    font-weight: 400;
    width: max-content;
    max-width: 100%;
}

    .w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub__child__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w76-menu__main__container__items__item__drops__drop__contents__content__subs__sub__child__icon {
    color: #999;
    font-size: 1.4rem;
    margin-right: .5rem;
}

.w76-menu__main__container__items__item__drops__drop__contents__content__check {
    display: none;
}

.w76-menu__main__container__items__item__drops__drop__contents__content__box__text__icon {
    margin-left: 1rem;
    color: #24272C;
    font-size: 1.6rem;
    display: none;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__contents__content__box__text__icon {
        position: absolute;
        margin: 0;
        right: 0;
        height: 100%;
        padding: 0 1rem;
        font-weight: 400;
        cursor: pointer;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
    }

    .w76-menu__main__container__items__item__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__items__item__drops__drop__contents__content__box
    .w76-menu__main__container__items__item__drops__drop__contents__content__box__text__icon {
        transform: rotate(-225deg);
    }
}


@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__childs:not(:first-child) {
        margin-left: 6rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__childs {
        width: 49%;
    }

        .w76-menu__main__container__items__item__drops__drop__childs:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-menu__main__container__items__item__drops__drop__childs__child {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__childs__child {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__childs__child {
    }
}

.w76-menu__main__container__items__item__drops__drop__childs__child__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w76-menu__main__container__items__item__drops__drop__childs__child__box:hover {
    }

.w76-menu__main__container__items__item__drops__drop__childs__child__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    display: block;
    width: max-content;
}

    .w76-menu__main__container__items__item__drops__drop__childs__child__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__childs__child {
        color: white;
    }

    .w76-menu__main__container__items__item__drops__drop__childs__child__check:checked ~
    .w76-menu__main__container__items__item__drops__drop__childs__child__box
    .w76-menu__main__container__items__item__drops__drop__childs__child__box__text {
    }
}

.w76-menu__main__container__items__item__drops__drop__childs__child:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__childs__child:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__childs__child__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__items__item__drops__drop__grands {
    width: 100%;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__grands:not(:first-child) {
        margin-left: 6rem;
    }
}

.w76-menu__main__container__items__item__drops__drop__grands__grand {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__grands__grand {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__grands__grand {
    }
}

.w76-menu__main__container__items__item__drops__drop__grands__grand__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w76-menu__main__container__items__item__drops__drop__grands__grand__box:hover {
    }

.w76-menu__main__container__items__item__drops__drop__grands__grand__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
}

    .w76-menu__main__container__items__item__drops__drop__grands__grand__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__grands__grand {
        color: white;
    }

    .w76-menu__main__container__items__item__drops__drop__grands__grand__check:checked ~
    .w76-menu__main__container__items__item__drops__drop__grands__grand__box
    .w76-menu__main__container__items__item__drops__drop__grands__grand__box__text {
    }
}

.w76-menu__main__container__items__item__drops__drop__grands__grand:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__grands__grand:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__drop__grands__grand__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__items__item__drops__bottom {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 0rem 2rem 1rem;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__bottom {
        background-color: transparent;
        padding: 0 1rem 1rem;
    }
}

.w76-menu__main__container__items__item__drops__bottom__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-menu__main__container__items__item__drops__bottom__imgbox:hover {
        filter: brightness(.8);
    }

.w76-menu__main__container__items__item__drops__bottom__imgbox__img {
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__bottom__imgbox {
        display: none;
    }
}

.w76-menu__main__container__items__item__drops__bottom__imgbox--mobile {
    width: 100%;
    background-size: contain;
    background-position: center;
    display: none;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-menu__main__container__items__item__drops__bottom__imgbox--mobile:hover {
        filter: brightness(.8);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__item__drops__bottom__imgbox--mobile {
        display: block;
    }
}

.w76-menu__main__container__items__alter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter {
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .w76-menu__main__container__items__alter:last-child {
            border-bottom: none;
        }
}

.w76-menu__main__container__items__alter__inner {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__inner {
        padding: 1rem 0;
        border-bottom: solid 1px #fafafa;
        justify-content: flex-start;
    }

    .w76-menu__main__container__items__alter:last-child .w76-menu__main__container__items__alter__inner {
        border-bottom: none;
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__inner:hover .w76-menu__main__container__items__alter__inner__text {
        background-color: rgba(var(--second-color-w),1);
    }

    .w76-menu__main__container__items__alter__inner:hover .w76-menu__main__container__items__alter__inner__icon {
        color: rgba(var(--main-color-w),1);
    }
}

.w76-menu__main__container__items__alter__inner__text {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    transition: all .3s ease;
    padding: 1.65rem 2rem 1.65rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w76-menu__main__container__items__alter__inner__text {
        color: #111;
        padding: 0;
    }
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w76-menu__main__container__items__alter__inner__text {
        color: #fff;
    }
}

.ws1RightMenubox .w76-menu__main__container__items__alter__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__inner__text {
        font-size: 1.6rem;
    }
}

.w76-menu__main__container__items__alter__inner__text__name {
}

.w76-menu__main__container__items__alter__inner__text__icon {
    margin-left: .5rem;
}

@media only screen and (max-width:75rem) {
    .w76-menu__main__container__items__alter__inner__text__icon {
        display: none;
    }
}

.w76-menu__main__container__items__alter__inner__icon {
    color: #111;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
    transition: all .3s ease;
    display: none;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w76-menu__main__container__items__alter__inner__icon {
        color: #fff;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        padding: 0 1rem;
        height: 100%;
        right: 0;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
    }

    .w76-menu__main__container__items__alter__inner__icon__value {
        transition: none;
        transition: all .2s ease;
    }

    .w76-menu__main__container__items__alter__inputcheck:checked ~
    .w76-menu__main__container__items__alter__inner
    .w76-menu__main__container__items__alter__inner__icon {
    }
}

.w76-menu__main__container__items__alter__inputcheck {
    display: none;
}


    .w76-menu__main__container__items__alter__inputcheck:checked ~
    .w76-menu__main__container__items__alter__inner
    .w76-menu__main__container__items__alter__inner__icon
    .w76-menu__main__container__items__alter__inner__icon__value {
        transform: rotate(-225deg);
    }

.w76-menu__main__container__items__alter__drops {
    position: absolute;
    margin-bottom: 0;
    transition: all .15s ease;
    left: 0;
    background-color: #fff;
    box-shadow: 0px 30px 60px 0px #24272C1A;
    border-radius: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__drops {
        width: max-content;
        min-width: 30rem;
        visibility: hidden;
        opacity: 0;
        top: 100%;
        background-color: #fff;
        pointer-events: none;
        box-shadow: 0px 30px 60px 0px #24272C1A;
    }

    .w76-menu__main__container__items__alter:hover .w76-menu__main__container__items__alter__drops {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
    }

    .w76-menu__main__container__items__alter__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
    }
}

@media only screen and (min-width: 50rem) {
    .w76-menu__main__container__items__alter__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
        background-color: #fafafa;
        border-radius: 1rem 1rem;
        width: calc(100% - 1rem);
        transform: translateX(-120%);
    }

    .w76-menu__main__container__items__alter__inputcheck:checked ~ .w76-menu__main__container__items__alter__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 999vh;
        padding: 0rem 0 0 1rem;
        transform: translateX(0);
    }

    .w76-menu__main__container__items__alter__inputcheck:not(:checked) ~ .w76-menu__main__container__items__alter__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w76-menu__main__container__items__alter__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w76-menu__main__container__items__alter__drops__drop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop {
        padding: 0rem;
        display: flex;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop {
        height: fit-content;
        flex-wrap: wrap;
        padding: .5rem 0 .5rem;
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents {
    width: 100%;
    padding-top: 1.5rem;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents:not(:first-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents {
        width: 100%;
        margin-left: 0;
        padding: 0;
        overflow: hidden;
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content {
    width: 100%;
    padding: 1rem 2rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content {
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box {
        padding: .75rem 0;
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__box:hover {
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    font-weight: 600;
}

    .w76-menu__main__container__items__alter__drops__drop__contents__content__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content {
        color: white;
        padding: 0 0;
    }

    .w76-menu__main__container__items__alter__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box__text {
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__subs {
    width: 100%;
    position: absolute;
    left: calc(100% + 3rem);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    padding: 1rem;
    top: 0;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        transition: all .3s;
        overflow: hidden;
        transform: translateX(-120%);
        padding: 0;
        background-color: transparent;
    }

    .w76-menu__main__container__items__alter__drops__drop__contents__content__check:checked ~ .w76-menu__main__container__items__alter__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
        transform: translateX(0);
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content:hover .w76-menu__main__container__items__alter__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 30px 60px 0px #24272C1A;
    border-radius: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub {
        width: calc(100% - 1rem);
        box-shadow: none;
        border: 1rem;
        padding: .5rem 1rem 1rem 1.5rem;
        background-color: #f1f1f1;
        border-radius: 1rem;
    }

    .w76-menu__main__container__items__alter__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__items__alter__drops__drop__contents__content__subs
    .w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub {
    }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: 1rem 2rem;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub__child {
        color: #fff;
        padding: .75rem 0rem;
    }

        .w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.6rem;
    font-weight: 400;
    width: max-content;
    max-width: 100%;
}

    .w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub__child__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w76-menu__main__container__items__alter__drops__drop__contents__content__subs__sub__child__icon {
    color: #999;
    font-size: 1.4rem;
    margin-right: .5rem;
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__check {
    display: none;
}

.w76-menu__main__container__items__alter__drops__drop__contents__content__box__text__icon {
    margin-left: auto;
    color: #24272C;
    font-size: 1.6rem;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box__text__icon {
        color: #999;
    }

        .w76-menu__main__container__items__alter__drops__drop__contents__content__box__text__icon::before {
            content: "\f105";
        }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box__text__icon {
        position: absolute;
        margin: 0;
        right: 0;
        height: 100%;
        padding: 0 1rem;
        font-weight: 400;
        cursor: pointer;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
    }

    .w76-menu__main__container__items__alter__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box
    .w76-menu__main__container__items__alter__drops__drop__contents__content__box__text__icon {
        transform: rotate(-225deg);
    }
}


@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__childs:not(:first-child) {
        margin-left: 6rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__childs {
        width: 49%;
    }

        .w76-menu__main__container__items__alter__drops__drop__childs:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-menu__main__container__items__alter__drops__drop__childs__child {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__childs__child {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__childs__child {
    }
}

.w76-menu__main__container__items__alter__drops__drop__childs__child__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w76-menu__main__container__items__alter__drops__drop__childs__child__box:hover {
    }

.w76-menu__main__container__items__alter__drops__drop__childs__child__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    display: block;
    width: max-content;
}

    .w76-menu__main__container__items__alter__drops__drop__childs__child__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__childs__child {
        color: white;
    }

    .w76-menu__main__container__items__alter__drops__drop__childs__child__check:checked ~
    .w76-menu__main__container__items__alter__drops__drop__childs__child__box
    .w76-menu__main__container__items__alter__drops__drop__childs__child__box__text {
    }
}

.w76-menu__main__container__items__alter__drops__drop__childs__child:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__childs__child:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__childs__child__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__items__alter__drops__drop__grands {
    width: 100%;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__grands:not(:first-child) {
        margin-left: 6rem;
    }
}

.w76-menu__main__container__items__alter__drops__drop__grands__grand {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__grands__grand {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__grands__grand {
    }
}

.w76-menu__main__container__items__alter__drops__drop__grands__grand__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w76-menu__main__container__items__alter__drops__drop__grands__grand__box:hover {
    }

.w76-menu__main__container__items__alter__drops__drop__grands__grand__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
}

    .w76-menu__main__container__items__alter__drops__drop__grands__grand__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__grands__grand {
        color: white;
    }

    .w76-menu__main__container__items__alter__drops__drop__grands__grand__check:checked ~
    .w76-menu__main__container__items__alter__drops__drop__grands__grand__box
    .w76-menu__main__container__items__alter__drops__drop__grands__grand__box__text {
    }
}

.w76-menu__main__container__items__alter__drops__drop__grands__grand:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__grands__grand:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__drop__grands__grand__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__items__alter__drops__bottom {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 1rem 2rem 2rem;
    border-radius: 1rem;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__bottom {
        background-color: transparent;
        padding: 0 1rem 1rem;
    }
}

.w76-menu__main__container__items__alter__drops__bottom__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-menu__main__container__items__alter__drops__bottom__imgbox:hover {
        filter: brightness(.8);
    }

.w76-menu__main__container__items__alter__drops__bottom__imgbox__img {
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__bottom__imgbox {
        display: none;
    }
}

.w76-menu__main__container__items__alter__drops__bottom__imgbox--mobile {
    width: 100%;
    background-size: contain;
    background-position: center;
    display: none;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-menu__main__container__items__alter__drops__bottom__imgbox--mobile:hover {
        filter: brightness(.8);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__items__alter__drops__bottom__imgbox--mobile {
        display: block;
    }
}

.w76-menu__main__container__supports {
    display: none;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__supports {
        display: flex;
        width: 100%;
        padding: 0 1.5rem;
        justify-content: center;
    }
}

.w76-menu__main__container__supports__item {
    margin: 1rem .5rem 0;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
    color: #111;
}

.w76-menu__main__container__supports__item__icon {
    font-size: 2rem;
}

.w76-menu__main__close {
    position: absolute;
    width: 4rem;
    height: 4rem;
    right: -7rem;
    top: 1rem;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    z-index: 2;
    display: none;
    border-radius: 50%;
    cursor: pointer;
    border: solid 1px #f1f1f1;
    border-left: none;
}

.w76-menu__main__close__icon {
    font-size: 2rem;
    transform: rotate(45deg);
    transition: all .5s ease;
}

.w76-menu__main__close:hover .w76-menu__main__close__icon {
    transform: rotate(225deg);
}

@media only screen and (max-width:75rem) {
    .w76-menu__main__close {
        display: flex;
    }
}

.w76-menu__bg {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
}

.w76-menu__checkboxMobileMenu:checked ~
.w76-menu__bg {
    left: 0;
}

.w76-menu__search {
    position: relative;
    display: none;
    align-items: center;
    width: 100%;
    margin-bottom: 1rem;
}

@media only screen and (max-width:75rem) {
    .w76-menu__search {
        display: flex;
    }
}

.w76-menu__search__input {
    font-family: inherit;
    background-color: #fff;
    width: 100%;
    padding: 1.25rem 1.5rem;
    font-size: 1.6rem;
    border: solid 1px #d4d4d4;
    background-color: #f1f1f3;
    border-radius: 1rem;
    outline: none;
    transition: all .3s ease;
}

    .w76-menu__search__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w76-menu__search__btn {
    font-size: 1.8rem;
    position: absolute;
    right: 1.5rem;
    color: #111;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-menu__search__btn:hover {
        color: rgba(var(--main-color-w),1);
    }

.w76-menu__main__container__mobile {
    display: none;
    align-items: center;
    width: 100%;
}

.ws1RightMenubox .w76-menu__main__container__mobile {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile {
        width: 100%;
        position: relative;
        z-index: 2;
        padding-right: 0;
        padding-left: 1.25rem;
        margin-top: 0rem;
        flex-wrap: wrap;
        display: flex;
    }
}

.w76-menu__main__container__mobile__alter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter {
        width: 100%;
        display: block;
        overflow: hidden;
    }

        .w76-menu__main__container__mobile__alter:last-child {
            border-bottom: none;
        }
}

.w76-menu__main__container__mobile__alter__inner {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

.ws1RightMenubox .w76-menu__main__container__mobile__alter__inner {
    padding: 3rem 1rem 3.5rem;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w76-menu__main__container__mobile__alter__inner {
        align-items: center;
        padding: 3.5rem 2rem 3.5rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__inner {
        padding: 1rem 0;
        border-bottom: solid 1px #fafafa;
        justify-content: flex-start;
    }

    .w76-menu__main__container__mobile__alter:last-child .w76-menu__main__container__mobile__alter__inner {
        border-bottom: none;
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__inner:hover .w76-menu__main__container__mobile__alter__inner__text {
        background-color: rgba(var(--second-color-w),1);
    }

    .w76-menu__main__container__mobile__alter__inner:hover .w76-menu__main__container__mobile__alter__inner__icon {
        color: rgba(var(--main-color-w),1);
    }
}

.w76-menu__main__container__mobile__alter__inner__text {
    font-size: 1.6rem;
    color: #fff;
    font-weight: 600;
    white-space: nowrap;
    transition: all .3s ease;
    padding: 1.65rem 2rem 1.65rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w76-menu__main__container__mobile__alter__inner__text {
        color: #111;
        padding: 0;
    }
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w76-menu__main__container__mobile__alter__inner__text {
        color: #fff;
    }
}

.ws1RightMenubox .w76-menu__main__container__mobile__alter__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__inner__text {
        font-size: 1.6rem;
    }
}

.w76-menu__main__container__mobile__alter__inner__text__name {
}

.w76-menu__main__container__mobile__alter__inner__text__icon {
    margin-left: .5rem;
}

@media only screen and (max-width:75rem) {
    .w76-menu__main__container__mobile__alter__inner__text__icon {
        display: none;
    }
}

.w76-menu__main__container__mobile__alter__inner__icon {
    color: #111;
    margin-left: 1rem;
    font-size: 1.6rem;
    margin-top: .5rem;
    pointer-events: none;
    transition: all .3s ease;
    display: none;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w76-menu__main__container__mobile__alter__inner__icon {
        color: #fff;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0;
        height: 100%;
        padding: 0 1rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
    }

    .w76-menu__main__container__mobile__alter__inner__icon__value {
        transition: none;
        transition: all .2s ease;
    }

    .w76-menu__main__container__mobile__alter__inputcheck:checked ~
    .w76-menu__main__container__mobile__alter__inner
    .w76-menu__main__container__mobile__alter__inner__icon {
    }
}

.w76-menu__main__container__mobile__alter__inputcheck {
    display: none;
}


    .w76-menu__main__container__mobile__alter__inputcheck:checked ~
    .w76-menu__main__container__mobile__alter__inner
    .w76-menu__main__container__mobile__alter__inner__icon
    .w76-menu__main__container__mobile__alter__inner__icon__value {
        transform: rotate(-225deg);
    }

.w76-menu__main__container__mobile__alter__drops {
    position: absolute;
    margin-bottom: 0;
    transition: all .15s ease;
    left: 0;
    background-color: #fff;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops {
        width: max-content;
        min-width: 30rem;
        visibility: hidden;
        opacity: 0;
        top: 100%;
        background-color: #fff;
    }

    .w76-menu__main__container__mobile__alter:hover .w76-menu__main__container__mobile__alter__drops {
        visibility: visible;
        opacity: 1;
    }

    .w76-menu__main__container__mobile__alter__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
    }
}

@media only screen and (min-width: 50rem) {
    .w76-menu__main__container__mobile__alter__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops {
        position: relative;
        transition: all .2s ease;
        overflow: hidden;
        max-height: 0;
        height: fit-content;
        background-color: #fafafa;
        border-radius: 1rem 1rem;
        width: calc(100% - 1rem);
        transform: translateX(-120%);
    }

    .w76-menu__main__container__mobile__alter__inputcheck:checked ~ .w76-menu__main__container__mobile__alter__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 999vh;
        padding: 0rem 1rem;
        transform: translateX(0);
    }

    .w76-menu__main__container__mobile__alter__inputcheck:not(:checked) ~ .w76-menu__main__container__mobile__alter__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w76-menu__main__container__mobile__alter__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w76-menu__main__container__mobile__alter__drops__drop {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop {
        box-shadow: 0px 30px 60px 0px #24272C1A;
        padding: 0rem;
        display: flex;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop {
        height: fit-content;
        flex-wrap: wrap;
        padding: .5rem 0 .5rem;
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents {
    width: 100%;
    padding-top: 1.5rem;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents:not(:first-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents {
        width: 100%;
        margin-left: 0;
        padding: 0;
        overflow: hidden;
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content {
    width: 100%;
    padding: 1rem 2rem;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content {
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box {
        padding: .75rem 0;
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__box:hover {
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    font-weight: 600;
}

    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content {
        color: white;
        padding: 0 0;
    }

    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text {
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs {
    width: 100%;
    position: absolute;
    left: calc(100% + 3rem);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    padding: 1rem;
    top: 0;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs {
        left: initial;
        opacity: 1;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        transition: all .3s;
        overflow: hidden;
        transform: translateX(-120%);
        padding: 0;
    }

    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__check:checked ~ .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
        transform: translateX(0);
    }
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content:hover .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 30px 60px 0px #24272C1A;
    border-radius: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub {
        width: 100%;
        box-shadow: none;
        border: 1rem;
        padding: .5rem 1rem 1rem 1.5rem;
        background-color: #f1f1f1;
        border-radius: 1rem;
    }

    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub {
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub__child {
    display: flex;
    padding: 1rem 2rem;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub__child {
        color: #fff;
        padding: .75rem 0rem;
    }

        .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub__child__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.6rem;
    font-weight: 400;
    width: max-content;
    max-width: 100%;
}

    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub__child__text:hover {
        color: rgba(var(--main-color-w),1);
    }

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__subs__sub__child__icon {
    color: #999;
    font-size: 1.4rem;
    margin-right: .5rem;
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__check {
    display: none;
}

.w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text__icon {
    margin-left: auto;
    color: #24272C;
    font-size: 1.6rem;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text__icon {
        color: #999;
    }

        .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text__icon::before {
            content: "\f105";
        }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text__icon {
        position: absolute;
        margin: 0;
        right: 0;
        font-weight: 400;
        cursor: pointer;
        border-radius: .3rem;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
    }

    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__check:checked ~
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box
    .w76-menu__main__container__mobile__alter__drops__drop__contents__content__box__text__icon {
        transform: rotate(-225deg);
    }
}


@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__childs:not(:first-child) {
        margin-left: 6rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__childs {
        width: 49%;
    }

        .w76-menu__main__container__mobile__alter__drops__drop__childs:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-menu__main__container__mobile__alter__drops__drop__childs__child {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__childs__child {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__childs__child {
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__childs__child__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w76-menu__main__container__mobile__alter__drops__drop__childs__child__box:hover {
    }

.w76-menu__main__container__mobile__alter__drops__drop__childs__child__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
    display: block;
    width: max-content;
}

    .w76-menu__main__container__mobile__alter__drops__drop__childs__child__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__childs__child {
        color: white;
    }

    .w76-menu__main__container__mobile__alter__drops__drop__childs__child__check:checked ~
    .w76-menu__main__container__mobile__alter__drops__drop__childs__child__box
    .w76-menu__main__container__mobile__alter__drops__drop__childs__child__box__text {
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__childs__child:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__childs__child:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__childs__child__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__grands {
    width: 100%;
}

@media only screen and (min-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__grands:not(:first-child) {
        margin-left: 6rem;
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__grands__grand {
    width: 100%;
    padding: 1rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand {
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__grands__grand__box {
    display: flex;
    width: 100%;
    position: relative;
    align-items: center;
}

    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand__box:hover {
    }

.w76-menu__main__container__mobile__alter__drops__drop__grands__grand__box__text {
    transition: all .3s;
    color: #24272C;
    font-size: 1.8rem;
}

    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand__box__text:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand {
        color: white;
    }

    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand__check:checked ~
    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand__box
    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand__box__text {
    }
}

.w76-menu__main__container__mobile__alter__drops__drop__grands__grand:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__drop__grands__grand__box__text {
        font-size: 1.6rem;
        font-weight: 400;
    }
}

.w76-menu__main__container__mobile__alter__drops__bottom {
    display: block;
    width: 100%;
    background-color: #fff;
    padding: 1rem 2rem 1rem;
    border-radius: 1rem;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__bottom {
        background-color: transparent;
        padding: 0 0 1rem;
    }
}

.w76-menu__main__container__mobile__alter__drops__bottom__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-menu__main__container__mobile__alter__drops__bottom__imgbox:hover {
        filter: brightness(.8);
    }

.w76-menu__main__container__mobile__alter__drops__bottom__imgbox__img {
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__bottom__imgbox {
        display: none;
    }
}

.w76-menu__main__container__mobile__alter__drops__bottom__imgbox--mobile {
    width: 100%;
    background-size: contain;
    background-position: center;
    display: none;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-menu__main__container__mobile__alter__drops__bottom__imgbox--mobile:hover {
        filter: brightness(.8);
    }

@media only screen and (max-width: 75rem) {
    .w76-menu__main__container__mobile__alter__drops__bottom__imgbox--mobile {
        display: block;
    }
}
/*ed*/
/*w76-ads-1*/
.w76-ads-1 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem 3rem;
    color: #363636;
}

.w76-ads-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w76-ads-1__heading {
}
.w76-ads-1__heading__icon {
    margin: 0 auto 1.5rem;
    width: 43px;
    height: 35px;
    background-size: contain;
    background-position: center;
    background-image: url('../../img/w77/icon-heading.gif');
    background-repeat: no-repeat;
}
.w76-ads-1__heading__name {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: center;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-ads-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w76-ads-1__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
}

.w76-ads-1__heading__line {
    width: 2px;
    height: 3rem;
    background-color: #999;
    margin: 1rem auto;
}

.w76-ads-1__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    justify-content: center;
}

.w76-ads-1__items__item {
    width: 15%;
    margin-left: 2%;
    position: relative;
    overflow: hidden;
    margin-top: 2.5rem;
    border-radius: .3rem;
    z-index: 0;
}

@media only screen and (min-width: 50rem) {
    .w76-ads-1__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-ads-1__items__item {
        width: 32%;
        margin-top: 1rem;
    }

        .w76-ads-1__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

.w76-ads-1__items__item__link {
    display: flex;
    justify-content: center;
    overflow: hidden;
}

.w76-ads-1__items__item__link__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .5s;
    cursor: pointer;
}

    .w76-ads-1__items__item__link__imgbox:hover {
        filter: brightness(.9);
    }

.w76-ads-1__items__item__info {
    display: block;
    width: 100%;
    padding: 1rem 1rem 1rem;
    margin-top: .5rem;
}

.w76-ads-1__items__item__info__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    cursor: pointer;
    transition: all .3s;
    text-align: center;
    display: block;
}

@media only screen and (max-width: 62.5rem) {
    .w76-ads-1__items__item__info__name {
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-ads-1__items__item__info__name {
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w76-ads-1__items__item__info__name {
        font-size: 1.4rem;
    }
}

.w76-ads-1__items__item__info__name:hover {
    color: rgba(var(--second-color-w),1);
}

.w76-ads-1__items__item__info__sub {
    margin-top: 1rem;
    font-size: 1.6rem;
    color: white;
}

/*ed*/

/*w76-ads-2*/
.w76-ads-2 {
    background-color: #fff;
    padding: 3rem 1rem;
    width:100%;
}

.w76-ads-2__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w76-ads-2__heading {
}

.w76-ads-2__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-ads-2__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-ads-2__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 3rem;
}

.w76-ads-2__line {
    width: 20rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 3rem;
}

.w76-ads-2__line__bd {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8;
}

.w76-ads-2__line__icon {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    border: solid 3px rgba(var(--second-color-w),1);
    display: flex;
    background: #e8e8e8;
    border-radius: 100%;
}

.w76-ads-2__mains {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w76-ads-2__prev {
    width: 4rem;
    height: 4rem;
    background-color: #f1f1f1;
    color: #111;
    border-radius: 50%;
    color: #898b8e;
    left: -5rem;
    top: 50%;
    position: absolute;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w76-ads-2__prev {
        left: 1rem;
    }
}
@media only screen and (max-width:37.5rem) {
    .w76-ads-2__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}
.w76-ads-2__prev:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w76-ads-2__next {
    width: 4rem;
    height: 4rem;
    color: #111;
    background-color: #f1f1f1;
    border-radius: 50%;
    color: #898b8e;
    position: absolute;
    right: -5rem;
    top: 50%;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w76-ads-2__next {
        right: 1rem;
    }
}
@media only screen and (max-width:37.5rem) {
    .w76-ads-2__next {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}
.w76-ads-2__next:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w76-ads-2__dots {
    display: none;
}

.w76-ads-2__mains__items {
    display: flex;
}
.ws1RightMenubox .w76-ads-2__mains__items{
    height:max-content !important;
}
.w76-ads-2__mains__items__item {
    width: 32%;
    margin-right: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w76-ads-2__mains__items__item {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-ads-2__mains__items__item {
        width: 100%;
    }
}

.w76-ads-2__mains__items__item.active {
}

.w76-ads-2__mains__items__item__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-ads-2__mains__items__item__main__hinhanh {
    display: block;
    width: 100%;
    overflow: hidden;
}

.w76-ads-2__mains__items__item__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-2__mains__items__item__main__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-2__mains__items__item__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-2__mains__items__item__main__content {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    background-color: #f2f2f2;
    padding: 1rem;
}

.w76-ads-2__mains__items__item__main__content__text {
}

.w76-ads-2__mains__items__item__main__content__text__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: .5rem;
    text-align: center;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
}

    .w76-ads-2__mains__items__item__main__content__text__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-ads-2__mains__items__item__main__content__text__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
}

.w76-ads-2__mains__items__item__main__line {
    width: 100%;
    height: 2px;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    bottom: 0;
}
/*ed*/
/*w76-ads-3*/
.w76-ads-3 {
    background-color: #fff;
    padding: 3rem 1rem;
    width: 100%;
}

.w76-ads-3__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w76-ads-3__heading {
}

.w76-ads-3__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-ads-3__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-ads-3__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 3rem;
}

.w76-ads-3__line {
    width: 20rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 3rem;
}

.w76-ads-3__line__bd {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8;
}

.w76-ads-3__line__icon {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    border: solid 3px rgba(var(--second-color-w),1);
    display: flex;
    background: #e8e8e8;
    border-radius: 100%;
}

.w76-ads-3__mains {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w76-ads-3__mains__first {
    width: 32%;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__first {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w76-ads-3__mains__first__item {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__first__item {
        margin-bottom: 1rem;
    }
}

.w76-ads-3__mains__first__item__hinhanh {
    display: block;
    width: 100%;
    cursor: pointer;
}

.w76-ads-3__mains__first__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-3__mains__first__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-3__mains__first__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-3__mains__first__item__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

.w76-ads-3__mains__first__item:hover .w76-ads-3__mains__first__item__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-3__mains__first__item__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-3__mains__first__item__content__name {
    display: block;
}

.w76-ads-3__mains__first__item:hover .w76-ads-3__mains__first__item__content__name {
    animation: key-w76-ads-3__mains__first__item__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-3__mains__first__item__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w76-ads-3__mains__first__sub {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-ads-3__mains__first__sub__hinhanh {
    display: block;
    width: 100%;
    cursor: pointer;
}

.w76-ads-3__mains__first__sub__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-3__mains__first__sub__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-3__mains__first__sub__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-3__mains__first__sub__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__first__sub__content {
        font-size: 1.6rem;
    }
}

.w76-ads-3__mains__first__sub:hover .w76-ads-3__mains__first__sub__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-3__mains__first__sub__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-3__mains__first__sub__content__name {
    display: block;
}

.w76-ads-3__mains__first__sub:hover .w76-ads-3__mains__first__sub__content__name {
    animation: key-w76-ads-3__mains__first__sub__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-3__mains__first__sub__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w76-ads-3__mains__center {
    width: 32%;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__center {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w76-ads-3__mains__center__item {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-ads-3__mains__center__item__hinhanh {
    display: block;
    width: 100%;
    cursor: pointer;
}

.w76-ads-3__mains__center__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-3__mains__center__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-3__mains__center__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-3__mains__center__item__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__center__item__content {
        font-size: 1.6rem;
    }
}

.w76-ads-3__mains__center__item:hover .w76-ads-3__mains__center__item__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-3__mains__center__item__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-3__mains__center__item__content__name {
    display: block;
}

.w76-ads-3__mains__center__item:hover .w76-ads-3__mains__center__item__content__name {
    animation: key-w76-ads-3__mains__center__item__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-3__mains__center__item__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w76-ads-3__mains__last {
    width: 32%;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__last {
        width: 100%;
    }
}

.w76-ads-3__mains__last__item {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-ads-3__mains__last__item__hinhanh {
    display: block;
    width: 100%;
    cursor: pointer;
}

.w76-ads-3__mains__last__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-3__mains__last__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-3__mains__last__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-3__mains__last__item__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__last__item__content {
        font-size: 1.6rem;
    }
}

.w76-ads-3__mains__last__item__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-3__mains__last__item:hover .w76-ads-3__mains__last__item__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-3__mains__last__item__content__name {
    display: block;
}

.w76-ads-3__mains__last__item:hover .w76-ads-3__mains__last__item__content__name {
    animation: key-w76-ads-3__mains__last__item__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-3__mains__last__item__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w76-ads-3__mains__last__sub {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__last__sub {
        margin-bottom: 1rem;
    }
}

.w76-ads-3__mains__last__sub__hinhanh {
    display: block;
    width: 100%;
    cursor: pointer;
}

.w76-ads-3__mains__last__sub__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-3__mains__last__sub__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-3__mains__last__sub__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-3__mains__last__sub__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__mains__last__sub__content {
        font-size: 1.6rem;
    }
}

.w76-ads-3__mains__last__sub__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-3__mains__last__sub:hover .w76-ads-3__mains__last__sub__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-3__mains__last__sub__content__name {
    display: block;
}

.w76-ads-3__mains__last__sub:hover .w76-ads-3__mains__last__sub__content__name {
    animation: key-w76-ads-3__mains__last__sub__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-3__mains__last__sub__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w76-ads-3__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w76-ads-3__items__item {
    width: 32%;
    margin-left: 2%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
    margin-top: 2rem;
}

@media only screen and (min-width:50rem) {
    .w76-ads-3__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__items__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
    }

        .w76-ads-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-ads-3__items__item__hinhanh {
    display: block;
    width: 100%;
    cursor: pointer;
}

.w76-ads-3__items__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-3__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-3__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-3__items__item__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w76-ads-3__items__item__content {
        font-size: 1.6rem;
    }
}

.w76-ads-3__items__item__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-3__items__item:hover .w76-ads-3__items__item__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-3__items__item__content__name {
    display: block;
}

.w76-ads-3__items__item:hover .w76-ads-3__items__item__content__name {
    animation: key-w76-ads-3__items__item__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-3__items__item__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}
/*ed*/
/*w76-ads-4*/
.w76-ads-4 {
    background-color: #fff;
    padding: 3rem 1rem;
    width: 100%;
}

.w76-ads-4__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w76-ads-4__heading {
}

.w76-ads-4__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-ads-4__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-ads-4__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 3rem;
}

.w76-ads-4__line {
    width: 20rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 3rem;
}

.w76-ads-4__line__bd {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8;
}

.w76-ads-4__line__icon {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    border: solid 3px rgba(var(--second-color-w),1);
    display: flex;
    background: #e8e8e8;
    border-radius: 100%;
}

.w76-ads-4__mains {
    position: relative;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w76-ads-4__mains__item {
    width: 32%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width:50rem) {
    .w76-ads-4__mains__item {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w76-ads-4__mains__item__hinhanh {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.w76-ads-4__mains__item__hinhanh__imgbox {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-4__mains__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-4__mains__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-4__mains__item__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

.w76-ads-4__mains__item:hover .w76-ads-4__mains__item__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-4__mains__item__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-4__mains__item__content__name {
    display: block;
}

.w76-ads-4__mains__item:hover .w76-ads-4__mains__item__content__name {
    animation: key-w76-ads-4__mains__item__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-4__mains__item__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

@media only screen and (min-width:50rem) {
    .w76-ads-4__mains__item:nth-child(1) {
        position: absolute;
        left: 0;
        height: 32rem;
    }

    .w76-ads-4__mains__item:nth-child(2) {
        position: absolute;
        left: 0;
        top: 34rem;
        height: 22rem;
    }

    .w76-ads-4__mains__item:nth-child(3) {
        height: 56rem;
    }

    .w76-ads-4__mains__item:nth-child(4) {
        position: absolute;
        right: 0;
        height: 22rem;
    }

    .w76-ads-4__mains__item:nth-child(5) {
        position: absolute;
        right: 0;
        top: 24rem;
        height: 32rem;
    }
}

.w76-ads-4__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-wrap: wrap;
    width: 100%;
}

.w76-ads-4__items__item {
    width: 32%;
    margin-left: 2%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 1rem;
    margin-top: 2rem;
}

@media only screen and (min-width:50rem) {
    .w76-ads-4__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w76-ads-4__items__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
    }

        .w76-ads-4__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-ads-4__items__item__hinhanh {
    display: block;
    width: 100%;
    cursor: pointer;
}

.w76-ads-4__items__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
}

    .w76-ads-4__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-ads-4__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-ads-4__items__item__content {
    position: absolute;
    font-size: 1.8rem;
    color: #fff;
    border: solid 1px rgba(255,255,255,.5);
    padding: 1rem 2rem;
    border-radius: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
    width: 70%;
    text-align: center;
}

@media only screen and (max-width:50rem) {
    .w76-ads-4__items__item__content {
        font-size: 1.6rem;
    }
}

.w76-ads-4__items__item__content:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-ads-4__items__item:hover .w76-ads-4__items__item__content {
    border-color: rgba(255,255,255,1);
}

.w76-ads-4__items__item__content__name {
    display: block;
}

.w76-ads-4__items__item:hover .w76-ads-4__items__item__content__name {
    animation: key-w76-ads-4__items__item__content__name .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-ads-4__items__item__content__name {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}
/*ed*/


/*w76-counter-1*/
.w76-counter-1 {
    background-color: #fff;
    padding: 3rem 1rem;
    position: relative;
    z-index: 0;
    width:100%;
}

.w76-counter-1__group {
    width: 100%;
    margin: 0 auto;
    max-width: 120rem;
}

.w76-counter-1__mains {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    z-index: 0;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains {
        padding: 3rem 1.5rem 1.5rem;
        border: solid 3px #ff0007;
        border-radius: 0 1rem 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w76-counter-1__mains {
        padding: 3rem 1rem 1rem;
        border: solid 3px #ff0007;
        border-radius: 0 1rem 1rem;
    }
}

.w76-counter-1__mains__heading {
    display: none;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__heading {
        display: block;
        position: absolute;
        left: -3px;
        top: -20px;
        z-index: 2;
    }
}

.w76-counter-1__mains__heading__imgbox {
    background-size: contain;
    background-position: center;
    width: 210px;
    height: 40px;
}

.w76-counter-1__mains__linetop {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    top: 0;
    background-color: #ff0007;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__linetop {
        display: none;
    }
}

.w76-counter-1__mains__linebot {
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    bottom: 0;
    background-color: #ff0007;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__linebot {
        display: none;
    }
}

.w76-counter-1__mains__first {
    width: 35%;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__first {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.w76-counter-1__mains__first__hinhanh {
    display: block;
}

.w76-counter-1__mains__first__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__first__hinhanh__imgbox {
        display: none;
    }
}

.w76-counter-1__mains__first__hinhanh__imgbox--mobile {
    display: none;
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 1rem;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__first__hinhanh__imgbox--mobile {
        display: block;
    }
}

.w76-counter-1__mains__first__hinhanh__imgbox__img {
    width: 100%;
}

.w76-counter-1__mains__center {
    width: 27%;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__center {
        width: 49%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-counter-1__mains__center {
        width: 100%;
        margin-bottom: 1.5rem;
    }
}

.w76-counter-1__mains__center__name {
    color: #111;
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
}

.w76-counter-1__mains__center__price {
    margin-bottom: 1.5rem;
}

.w76-counter-1__mains__center__price__main {
    color: #ff0007;
    font-size: 3rem;
    line-height: 4.6rem;
}

.w76-counter-1__mains__center__price__sub {
    color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    color: #999;
    text-decoration: line-through;
}

.w76-counter-1__mains__center__sale {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
}

.w76-counter-1__mains__center__sale__name {
    font-size: 1.6rem;
    border: solid 1px #ff0007;
    line-height: 2.6rem;
    padding: .5rem 1.5rem;
    border-radius: 1rem;
    width: max-content;
}

.w76-counter-1__mains__center__sale__btn {
    display: flex;
    justify-content: flex-end;
    position: relative;
    background-color: #00a99a;
    padding: 0rem 1.5rem 0rem 1.5rem;
    color: #fff;
    align-items: center;
    height: 3.6rem;
    border-radius: 0 .5rem .5rem 0;
}

.w76-counter-1__mains__center__sale__btn__icon {
    font-size: 1rem;
    position: absolute;
    z-index: 2;
    left: 0;
}

.w76-counter-1__mains__center__sale__btn__name {
    font-size: 1.6rem;
}

.w76-counter-1__mains__center__sale__btn__bg {
    position: absolute;
    left: -1.3rem;
    width: 2.6rem;
    height: 2.6rem;
    background-color: #00a99a;
    transform: rotate(45deg);
}

.w76-counter-1__mains__center__main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1.5rem;
}

.w76-counter-1__mains__center__main__name {
    color: #111;
    font-size: 1.6rem;
    line-height: 2rem;
}

.w76-counter-1__mains__center__main__items {
    display: flex;
    align-items: center;
}

.w76-counter-1__mains__center__main__items__item {
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #cd0024;
    color: #fff;
    border-radius: 50%;
    margin-left: 1rem;
    flex-wrap: wrap;
}

.w76-counter-1__mains__center__main__items__item__content {
}

.w76-counter-1__mains__center__main__items__item__content__name {
    font-size: 1.6rem;
    font-weight: 600;
    width: 100%;
    text-align: center;
}

.w76-counter-1__mains__center__main__items__item__content__des {
    font-size: 1.2rem;
    width: 100%;
    text-align: center
}

.w76-counter-1__mains__center__line {
    margin-bottom: 1.5rem;
    position: relative;
    width: 100%;
    height: 6px;
    background-color: #e5e6e8;
    border-radius: 1rem;
    overflow: hidden;
}

.w76-counter-1__mains__center__line__val {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 30%;
    background-color: #ff0007;
    border-radius: 1rem;
}

.w76-counter-1__mains__center__bot {
    font-size: 1.6rem;
}

.w76-counter-1__mains__last {
    width: 35%;
}

@media only screen and (max-width:75rem) {
    .w76-counter-1__mains__last {
        width: 49%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-counter-1__mains__last {
        width: 100%;
    }
}

.w76-counter-1__mains__last__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-counter-1__mains__last__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-counter-1__mains__last__hinhanh__imgbox:hover {
        filter: brightness(.9);
    }

.w76-counter-1__mains__last__hinhanh__imgbox__img {
    width: 100%;
}
/*ed*/

/*w76-product-1*/
.w76-product-1 {
    background-color: #f4f4f4;
    padding: 3rem 1rem 1rem;
    width:100%;
}

.w76-product-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-product-1__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

.w76-product-1__heading__main {
    position: relative;
    padding-left: 2rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-product-1__heading__main {
        padding-left: 3.6rem;
    }
}

.w76-product-1__heading__main__line {
    position: absolute;
    width: 5px;
    height: 30px;
    background-color: rgba(var(--second-color-w),1);
    left: 0;
    border-radius: 3px;
}

@media only screen and (max-width:37.5rem) {
    .w76-product-1__heading__main__line {
        width: 2.6rem;
        height: 2.6rem;
        border-radius: 50%;
        border: solid 2px rgba(var(--main-color-w),1);
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
    }
}

.w76-product-1__heading__main__line__dot {
    display: none;
    font-size: 1rem;
    color: rgba(var(--second-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w76-product-1__heading__main__line__dot {
        display: inline-block;
    }
}

.w76-product-1__heading__main__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w76-product-1__heading__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w76-product-1__heading__btn {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem;
    border: solid 1px #7f7f7f;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .5rem;
    color: #111;
}

@media only screen and (max-width:37.5rem) {
    .w76-product-1__heading__btn {
        display: none;
    }
}

.w76-product-1__heading__btn:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-color: rgba(var(--second-color-w),1)
}

.w76-product-1__heading__btn__name {
    font-size: 1.6rem;
}

.w76-product-1__heading__btn__icon {
    margin-left: 1rem;
    font-size:1.6rem;
}

.w76-product-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-product-1__items__item {
    overflow: hidden;
    width: 49%;
    margin-left: 2%;
    margin-bottom: 1.5rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-product-1__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w76-product-1__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w76-product-1__items__item__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: .5rem;
}

.w76-product-1__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-product-1__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-product-1__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-product-1__items__item__content {
    padding: 1rem 0;
}

.w76-product-1__items__item__content__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-product-1__items__item__content__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-product-1__items__item__content__name__text {
    display: block;
}

.w76-product-1__items__item__content__bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.w76-product-1__items__item__content__bot__price {
}

.w76-product-1__items__item__content__bot__price__sub {
    display: flex;
    align-items: flex-end;
    font-size: 1.6rem;
    color: #666;
    margin-bottom: .5rem;
    text-decoration: line-through;
}
.w76-product-1__items__item__content__bot__price__sub__des{
    margin-left:.5rem;
}
.w76-product-1__items__item__content__bot__price__main {
    display: flex;
    align-items: flex-end;
    font-size: 2rem;
    color: rgba(var(--second-color-w),1);
    font-weight: 700;
}
.w76-product-1__items__item__content__bot__price__main__des{
    margin-left:.5rem;
}
.w76-product-1__items__item__content__bot__second {
}

.w76-product-1__items__item__content__bot__second__button {
    display: flex;
    align-items: center;
    background-color: #fff;
    padding: .5rem .75rem;
    border-radius: .5rem;
    transition: all .3s;
    color: #111;
    cursor: pointer;
}

    .w76-product-1__items__item__content__bot__second__button:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

.w76-product-1__items__item__content__bot__second__button__imgbox {
    width: 25px;
    height: 25px;
    background-size: contain;
}

.w76-product-1__items__item__content__bot__second__button__name {
    font-size: 1.4rem;
    margin-left: 1rem;
}
/*ed*/

/*w76-product-2*/
.w76-product-2 {
    background-color: #fff;
    padding: 2rem 1rem 1rem;
    width:100%;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2 {
        padding-left: 0;
        padding-right: 0;
    }
}

.w76-product-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-product-2__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading {
        margin-bottom: 1rem;
    }
}

.w76-product-2__heading__main {
    position: relative;
    padding-left: 3.6rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__main {
        width: 100%;
        background-color: rgba(var(--main-color-w),1);
        padding: 1rem 1rem 1rem 4.6rem;
        justify-content: space-between;
    }
}

.w76-product-2__heading__main__line {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    border: solid 2px rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    left: 0;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__main__line {
        left: 1rem;
    }
}

.w76-product-2__heading__main__line__dot {
    display: inline-block;
    font-size: 1rem;
    color: rgba(var(--second-color-w),1);
}

.w76-product-2__heading__main__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__main__name {
        color: #fff;
    }
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w76-product-2__heading__main__btn {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__main__btn {
        display: flex;
        align-items: center;
        font-size: 1.6rem;
        margin-left: 1rem;
        color: #fff;
    }

    .w76-product-2__heading__main__btn__icon {
        margin-left: 1rem;
    }
}

.w76-product-2__heading__second {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__second {
        width: 100%;
        flex-wrap: nowrap;
        overflow-y: scroll;
        padding: 1rem;
    }
}

.w76-product-2__heading__second__item {
    margin-right: 1rem;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__second__item {
        margin-top: 0;
        white-space: nowrap;
    }
}

.w76-product-2__heading__second__item__name {
    padding: .75rem 1.5rem;
    border: solid 1px #7f7f7f;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .75rem;
    background-color: #f5f5f5;
    color: #111;
    font-size: 1.6rem;
    display: block;
}

    .w76-product-2__heading__second__item__name:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        border-color: rgba(var(--second-color-w),1)
    }

.w76-product-2__heading__second__btn {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem;
    border: solid 1px #7f7f7f;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .75rem;
    background-color: #f5f5f5;
    color: #111;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__heading__second__btn {
        display: none;
    }
}

.w76-product-2__heading__second__btn:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-color: rgba(var(--second-color-w),1)
}

.w76-product-2__heading__second__btn__name {
    font-size: 1.6rem;
}

.w76-product-2__heading__second__btn__icon {
    margin-left: 1rem;
    font-size:1.6rem;
}

.w76-product-2__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w76-product-2__items {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w76-product-2__items__item {
    overflow: hidden;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1.5rem;
}


@media only screen and (min-width:50rem) {
    .w76-product-2__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w76-product-2__items__item {
        width: 49%;
        margin-bottom: 1rem;
    }

        .w76-product-2__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-product-2__items__item__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: .5rem;
}

.w76-product-2__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-product-2__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-product-2__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-product-2__items__item__content {
    padding: 1rem 0;
}

.w76-product-2__items__item__content__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-product-2__items__item__content__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-product-2__items__item__content__name__text {
    display: block;
}

.w76-product-2__items__item__content__bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.w76-product-2__items__item__content__bot__price {
}

.w76-product-2__items__item__content__bot__price__sub {
    display: flex;
    align-items: flex-end;
    font-size: 1.6rem;
    color: #666;
    margin-bottom: .5rem;
    text-decoration: line-through;
}
.w76-product-2__items__item__content__bot__price__sub__des{
    margin-left:.5rem;
}
.w76-product-2__items__item__content__bot__price__main {
    display: flex;
    align-items: flex-end;
    font-size: 2rem;
    color: rgba(var(--second-color-w),1);
    font-weight: 700;
}
.w76-product-2__items__item__content__bot__price__main__des{
    margin-left:.5rem;
}
.w76-product-2__items__item__content__bot__second {
}

.w76-product-2__items__item__content__bot__second__button {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    padding: .5rem .75rem;
    border-radius: .5rem;
    transition: all .3s;
    color: #111;
    cursor: pointer;
}

    .w76-product-2__items__item__content__bot__second__button:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

.w76-product-2__items__item__content__bot__second__button__imgbox {
    width: 25px;
    height: 25px;
    background-size: contain;
}

.w76-product-2__items__item__content__bot__second__button__name {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-product-2__items__item__content__bot__second__button__name {
        display: none;
    }
}
/*ed*/

/*w76-article-1*/
.w76-article-1 {
    background-color: #fff;
    padding: 3rem 1rem 3rem;
    width:100%;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1 {
    }
}

.w76-article-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-article-1__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading {
        margin-bottom: 1rem;
    }
}

.w76-article-1__heading__main {
    position: relative;
    padding-left: 3.6rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main {
        width: 100%;
        background-color: rgba(var(--main-color-w),1);
        padding: 1rem 1rem 1rem 4.6rem;
        justify-content: space-between;
    }
}

.w76-article-1__heading__main__line {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    border: solid 2px rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    left: 0;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__line {
        left: 1rem;
    }
}

.w76-article-1__heading__main__line__dot {
    display: inline-block;
    font-size: 1rem;
    color: rgba(var(--second-color-w),1);
}

.w76-article-1__heading__main__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__name {
        color: #fff;
    }
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w76-article-1__heading__main__btn {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__btn {
        display: flex;
        align-items: center;
        font-size: 1.6rem;
        margin-left: 1rem;
        color: #fff;
    }

    .w76-article-1__heading__main__btn__icon {
        margin-left: 1rem;
    }
}

.w76-article-1__heading__second {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__second {
        width: 100%;
        flex-wrap: nowrap;
        overflow-y: scroll;
        padding: 1rem;
    }
}

.w76-article-1__heading__second__item {
    margin-right: 1rem;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__second__item {
        margin-top: 0;
        white-space: nowrap;
    }
}

.w76-article-1__heading__second__item__name {
    padding: .75rem 1.5rem;
    border: solid 1px #7f7f7f;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .75rem;
    background-color: #f5f5f5;
    color: #111;
    font-size: 1.6rem;
    display: block;
}

    .w76-article-1__heading__second__item__name:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        border-color: rgba(var(--second-color-w),1)
    }

.w76-article-1__heading__second__btn {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem;
    border: solid 1px #7f7f7f;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .75rem;
    background-color: #f5f5f5;
    color: #111;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__second__btn {
        display: none;
    }
}

.w76-article-1__heading__second__btn:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-color: rgba(var(--second-color-w),1)
}

.w76-article-1__heading__second__btn__name {
    font-size: 1.6rem;
}

.w76-article-1__heading__second__btn__icon {
    margin-left: 1rem;
    font-size:1.6rem;
}

.w76-article-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-article-1__items__item {
    overflow: hidden;
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border-radius: 1rem;
}

    .w76-article-1__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w76-article-1__items__item__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: .5rem 0 0 .5rem;
    width: 38%;
    height:100%;
}

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item__hinhanh {
        width: 30%;
        margin-left: 0;
    }
}

.w76-article-1__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
    height: 100%;
}

    .w76-article-1__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-article-1__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-article-1__items__item__content {
    width: 62%;
    padding: 2rem;
}

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item__content {
        width: 70%;
        margin-left: 0;
        padding: 1rem;
    }
}

.w76-article-1__items__item__content__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-article-1__items__item__content__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-article-1__items__item__content__name__text {
    display: block;
}

.w76-article-1__items__item__content__date__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item__content__date__date {
        font-size: 1.2rem;
    }
}

.w76-article-1__items__item__content__date__date__icon {
    margin-right: 1rem;
}
/*ed*/

/*w76-testimonial-1*/
.w76-testimonial-1 {
    background-color: #f4f4f4;
    padding: 3rem 1rem;
    width:100%;
}

.w76-testimonial-1__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w76-testimonial-1__heading {
}

.w76-testimonial-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-testimonial-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-testimonial-1__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 3rem;
}

.w76-testimonial-1__line {
    width: 20rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 3rem;
}

.w76-testimonial-1__line__bd {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8;
}

.w76-testimonial-1__line__icon {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    border: solid 3px rgba(var(--second-color-w),1);
    display: flex;
    background: #e8e8e8;
    border-radius: 100%;
}

.w76-testimonial-1__mains {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w76-testimonial-1__prev {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    color: #111;
    border-radius: 50%;
    color: #898b8e;
    left: -5rem;
    top: 50%;
    position: absolute;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w76-testimonial-1__prev {
        left: 1rem;
    }
}
@media only screen and (max-width:37.5rem) {
    .w76-testimonial-1__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}
.w76-testimonial-1__prev:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w76-testimonial-1__next {
    width: 4rem;
    height: 4rem;
    color: #111;
    background-color: #fff;
    border-radius: 50%;
    color: #898b8e;
    position: absolute;
    right: -5rem;
    top: 50%;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w76-testimonial-1__next {
        right: 1rem;
    }
}
@media only screen and (max-width:37.5rem) {
    .w76-testimonial-1__next {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}
.w76-testimonial-1__next:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w76-testimonial-1__dots {
    display: none;
}

.w76-testimonial-1__mains__items {
    display: flex;
    height:max-content !important;
}

.w76-testimonial-1__mains__items__item {
    width: 32%;
    margin-right: 2%;
}

@media only screen and (max-width:62.5rem) {
    .w76-testimonial-1__mains__items__item {
        width: 49%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-testimonial-1__mains__items__item {
        width: 100%;
    }
}

.w76-testimonial-1__mains__items__item.active {
}

.w76-testimonial-1__mains__items__item__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    background-color: #fff;
}

.w76-testimonial-1__mains__items__item__main__hinhanh {
    display: flex;
    justify-content: center;
    width: 100%;
    overflow: hidden;
    padding-bottom: 5rem;
    position: relative;
}

.w76-testimonial-1__mains__items__item__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
}

    .w76-testimonial-1__mains__items__item__main__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-testimonial-1__mains__items__item__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-testimonial-1__mains__items__item__main__hinhanh__botimgbox {
    width: 8rem;
    height: 8rem;
    background-size: cover;
    background-position: center;
    border-radius: 50%;
    position: absolute;
    bottom: 1rem;
}

.w76-testimonial-1__mains__items__item__main__content {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 1.5rem;
}

.w76-testimonial-1__mains__items__item__main__content__text {
}

.w76-testimonial-1__mains__items__item__main__content__text__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: .5rem;
    text-align: center;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
}

    .w76-testimonial-1__mains__items__item__main__content__text__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-testimonial-1__mains__items__item__main__content__text__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
}

.w76-testimonial-1__mains__items__item__main__hinhanh__bg {
    position: absolute;
    height: 11rem;
    left: 0;
    width: 100%;
    bottom: 5rem;
    background: linear-gradient(0deg, rgba(255,255,255, 1) 2%, rgba(255,255,255, 0) 98%);
}
/*ed*/
/*w76-video-1*/
.w76-video-1 {
    background-color: #fff;
    padding: 3rem 1rem 1.5rem;
    width:100%;
    position:relative;
    z-index:0;
}

.w76-video-1__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w76-video-1__heading {
}

.w76-video-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-video-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-video-1__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 3rem;
}

.w76-video-1__line {
    width: 20rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 3rem;
}

.w76-video-1__line__bd {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8;
}

.w76-video-1__line__icon {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    border: solid 3px rgba(var(--second-color-w),1);
    display: flex;
    background: #e8e8e8;
    border-radius: 100%;
}

.w76-video-1__mains {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w76-video-1__mains__first {
    width: 49%;
}

@media only screen and (max-width:62.5rem) {
    .w76-video-1__mains__first {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.w76-video-1__mains__first__hinhanh {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.w76-video-1__mains__first__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-video-1__mains__first__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-video-1__mains__first__hinhanh__imgbox__img {
    width: 100%;
}

.w76-video-1__mains__first__hinhanh__btn {
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
    transition: all .5s;
    background-color: rgba(0,0,0,.9);
    border: solid 5px rgba(241,241,241,1);
}

.w76-video-1__mains__first__hinhanh__btn__icon {
    font-size: 2.6rem;
    color: #fff;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

.w76-video-1__mains__first__hinhanh__btn:before {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    -webkit-animation: key-w76-video-1__mains__first__hinhanh__btn__before 1000ms infinite;
    animation: key-w76-video-1__mains__first__hinhanh__btn__before 1000ms infinite;
}

@-webkit-keyframes key-w76-video-1__mains__first__hinhanh__btn__before {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.w76-video-1__mains__first__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.w76-video-1__mains__first__content__info {
    margin-top: 1rem;
}

.w76-video-1__mains__first__content__info__name {
    margin-bottom: .25rem;
    display: block;
    font-size: 1.6rem;
    color: #111;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-video-1__mains__first__content__info__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w76-video-1__mains__first__content__info__des {
    display: flex;
    align-items: center;
    color: #ff0006;
}

.w76-video-1__mains__first__content__info__des__name {
    font-size: 2rem;
    line-height: 3rem;
}

.w76-video-1__mains__first__content__info__des__text {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w76-video-1__mains__first__content__btn {
    margin-top: 1rem;
    background-color: #f1f1f1;
    color: #666;
    padding: 1rem 2rem;
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    border-radius: 3rem;
}

.w76-video-1__mains__first__content__btn__icon {
    margin-right: 1rem;
}

.w76-video-1__mains__second {
    width: 49%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w76-video-1__mains__second {
        width: 100%;
    }
}

.w76-video-1__mains__second__item {
    width: 48%;
    margin-left: 4%;
    margin-bottom: 1.5rem;
}

    .w76-video-1__mains__second__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w76-video-1__mains__second__item__hinhanh {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.w76-video-1__mains__second__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-video-1__mains__second__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-video-1__mains__second__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-video-1__mains__second__item__hinhanh__btn {
    width: 6rem;
    height: 6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
    transition: all .5s;
    background-color: rgba(0,0,0,.9);
    border: solid 5px rgba(241,241,241,1);
}

@media only screen and (max-width:37.5rem) {
    .w76-video-1__mains__second__item__hinhanh__btn {
        width: 5rem;
        height: 5rem;
    }
}

.w76-video-1__mains__second__item__hinhanh__btn__icon {
    font-size: 1.8rem;
    color: #fff;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w76-video-1__mains__second__item__hinhanh__btn__icon {
        font-size: 1.6rem;
    }
}

.w76-video-1__mains__second__item__hinhanh__btn:before {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    -webkit-animation: key-w76-video-1__mains__second__item__hinhanh__btn__before 1000ms infinite;
    animation: key-w76-video-1__mains__second__item__hinhanh__btn__before 1000ms infinite;
}

@-webkit-keyframes key-w76-video-1__mains__second__item__hinhanh__btn__before {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.w76-video-1__mains__second__item__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.w76-video-1__mains__second__item__content__info {
    margin-top: 1rem;
}

.w76-video-1__mains__second__item__content__info__name {
    margin-bottom: .25rem;
    display: block;
    font-size: 1.6rem;
    color: #111;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-video-1__mains__second__item__content__info__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w76-video-1__mains__second__item__content__info__des {
    display: flex;
    align-items: center;
    color: #ff0006;
}

.w76-video-1__mains__second__item__content__info__des__name {
    font-size: 2rem;
    line-height: 3rem;
}

.w76-video-1__mains__second__item__content__info__des__text {
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w76-video-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-video-1__items__item {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1.5rem;
}

@media only screen and (min-width:50rem) {
    .w76-video-1__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w76-video-1__items__item {
        width: 49%;
    }

        .w76-video-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-video-1__items__item__hinhanh {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 1rem;
    overflow: hidden;
}

.w76-video-1__items__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-video-1__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-video-1__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-video-1__items__item__hinhanh__btn {
    width: 8rem;
    height: 8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #fff;
    border-radius: 50%;
    z-index: 1;
    cursor: pointer;
    box-shadow: 0px 10px 30px 0px rgba(20,36,66,0.15);
    transition: all .5s;
    background-color: rgba(0,0,0,.9);
    border: solid 5px rgba(241,241,241,1);
}

@media only screen and (max-width:37.5rem) {
    .w76-video-1__items__item__hinhanh__btn {
        width: 5rem;
        height: 5rem;
    }
}

.w76-video-1__items__item__hinhanh__btn__icon {
    font-size: 2.6rem;
    color: #fff;
    position: relative;
    z-index: 2;
    transition: all .5s;
}

@media only screen and (max-width:37.5rem) {
    .w76-video-1__items__item__hinhanh__btn__icon {
        font-size: 1.6rem;
    }
}

.w76-video-1__items__item__hinhanh__btn:before {
    width: 100%;
    z-index: 1;
    height: 100%;
    position: absolute;
    content: "";
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.25);
    opacity: 0;
    -webkit-animation: key-w76-video-1__items__item__hinhanh__btn__before 1000ms infinite;
    animation: key-w76-video-1__items__item__hinhanh__btn__before 1000ms infinite;
}

@-webkit-keyframes key-w76-video-1__items__item__hinhanh__btn__before {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0;
    }

    0% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
    }
}

.w76-video-1__items__item__content {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.w76-video-1__items__item__content__info {
    margin-top: 1rem;
}

.w76-video-1__items__item__content__info__name {
    margin-bottom: .25rem;
    display: block;
    font-size: 1.6rem;
    color: #111;
    line-height: 2.6rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-video-1__items__item__content__info__name:hover {
        color: rgba(var(--second-color-w),1)
    }

.w76-video-1__items__item__content__info__des {
    display: flex;
    align-items: center;
    color: #ff0006;
}

.w76-video-1__items__item__content__info__des__name {
    font-size: 2rem;
    line-height: 3rem;
}

.w76-video-1__items__item__content__info__des__text {
    font-size: 1.4rem;
    margin-left: .5rem;
}
/*ed*/
/*w76-ctaregister-1*/
.w76-ctaregister-1 {
    background-color: #f4f4f4;
    padding: 3rem 1rem;
    width:100%;
}

.w76-ctaregister-1__group {
    width: 100%;
    margin: 0 auto;
    max-width: 120rem;
}

.w76-ctaregister-1__mains {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.w76-ctaregister-1__mains__first {
    width: 43%;
}

@media only screen and (max-width:75rem) {
    .w76-ctaregister-1__mains__first {
        width: 100%;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-ctaregister-1__mains__first {
        margin-bottom: 1rem;
    }
}

.w76-ctaregister-1__mains__first__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #111;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-ctaregister-1__mains__first__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
        text-align: center;
    }
}

.w76-ctaregister-1__mains__first__des {
    font-size: 1.8rem;
    line-height: 2rem;
    color: #111;
    padding: .5rem 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w76-ctaregister-1__mains__first__des {
    }
}

.w76-ctaregister-1__mains__first__des__name {
}

.w76-ctaregister-1__mains__first__des__sub {
    background-image: url(../../img/w77/20.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    height: 36px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    margin-right: 5px;
    padding:0 5px;
}

.w76-ctaregister-1__mains__first__des__sub__text {
    margin-left: 20px;
}

.w76-ctaregister-1__mains__first__des__text {
}
.w76-ctaregister-1__mains__second {
    width: 54%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w76-ctaregister-1__mains__second {
        width: 100%;
    }
}

.w76-ctaregister-1__mains__second__input {
    background-color: #fff;
    font-family: inherit;
    outline: none;
    width: 100%;
    padding: 2.5rem 3rem;
    font-size: 1.8rem;
    color: #333;
    border: solid 1px #e9e9e9;
    border-radius: 4rem;
}

.w76-ctaregister-1__mains__second__btn {
    display: flex;
    position: absolute;
    right: 0;
    align-items: center;
    background-color: #333;
    color: #fff;
    height: 100%;
    padding-left: 4rem;
    padding-right: 4rem;
    border-radius: 0 4rem 4rem 0;
    transition:all .3s ease;
}
.w76-ctaregister-1__mains__second__btn:hover{
    background-color: rgba(var(--second-color-w),1);
}
@media only screen and (max-width:37.5rem) {
    .w76-ctaregister-1__mains__second__btn {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

.w76-ctaregister-1__mains__second__btn__name {
    font-size: 2.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-ctaregister-1__mains__second__btn__name {
        display: none;
    }
}

.w76-ctaregister-1__mains__second__btn__icon {
    margin-left: 2rem;
    font-size: 2.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-ctaregister-1__mains__second__btn__icon {
        margin-left: 0;
    }
}
/*ed*/
/*w76-footer*/
.w76-footer {
    width: 100%;
    padding: 3rem 1rem 2rem;
    background-color: rgba(var(--main-color-w),1);
    overflow: hidden;
}

.w76-footer__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
    position: relative;
}

.w76-footer__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@-webkit-keyframes key-wd-footer-11__items {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

.w76-footer__items__first {
    width: 27%;
    margin-bottom: 2rem;
    margin-right: 2%;
}

@media only screen and (max-width:75rem) {
    .w76-footer__items__first {
        width: 50%;
        margin-right: 0;
        padding-right: 2%;
    }
}

@media only screen and (max-width:43.75rem) {
    .w76-footer__items__first {
        width: 100%;
        padding-right: 0;
    }
}
.w76-footer__items__first__logo{
    display:flex;
    justify-content:center;
}
.w76-footer__items__first__logo__imgbox {
    background-size: contain;
    cursor: pointer;
    transition: all .5s;
    margin: 1rem auto 0;
    width: max-content;
}

.w76-footer__items__first__line {
    margin: 2rem auto;
    width: 10rem;
    height: 2px;
    background-color: #ccc;
}

.w76-footer__items__first__items {
    margin-bottom: 1rem;
}

.w76-footer__items__first__items__heading {
    display: flex;
    font-size: 1.5rem;
    line-height: 2.6rem;
    align-items: center;
    color: #fff;
    margin-bottom: 1rem;
}

.w76-footer__items__first__items__heading__icon {
    margin-right: 1rem;
}
.w76-footer__items__item__adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w76-footer__items__item__adv__sub {
    margin-top: 1.5rem;
}

.w76-footer__items__item__adv__sub__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w76-footer__items__item__adv__sub__imgbox:hover {
        transform: scale(1.025);
    }
.w76-footer__items__first__items__subs {
}

.w76-footer__items__first__items__subs__sub {
}

.w76-footer__items__first__items__subs__sub__name {
    font-size: 1.5rem;
    line-height: 2.5rem;
    color: #fff;
    margin-bottom: 1rem;
}

.w76-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w76-footer__items__first__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w76-footer__items__first__ads__child:first-child {
        margin-left: 0;
    }

    .w76-footer__items__first__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-footer__items__first_adv {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.w76-footer__items__first_adv__sub {
    margin-top: 1.5rem;
}

.w76-footer__items__first_adv__sub__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .5s;
    cursor: pointer;
    max-width: 100%;
}

    .w76-footer__items__first_adv__sub__imgbox:hover {
        transform: scale(1.025);
    }

.w76-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w76-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w76-footer__items__item {
    width: 21%;
    margin-right: 2%;
    margin-bottom: 2rem;
}

    .w76-footer__items__item:nth-child(4n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:75rem) {
    .w76-footer__items__item {
        width: 50%;
        padding-right: 2%;
        margin-right: 0;
    }
}

@media only screen and (max-width:43.75rem) {
    .w76-footer__items__item {
        width: 100%;
        padding-right: 0;
    }
}

.w76-footer__items__item__buttons {
    margin-top: 2rem;
}

.w76-footer__items__item__buttons__name {
    margin-bottom: 2rem;
    font-size: 1.5rem;
    color: #fff;
}

.w76-footer__items__item__buttons__btn {
    display: flex;
    align-items: center;
    background-color: #4d4d4d;
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 1rem 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-footer__items__item__buttons__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w76-footer__items__item__buttons__btn__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
}

.w76-footer__items__item__buttons__btn__name {
    width: calc(100% - 4rem);
    font-size: 1.3rem;
    line-height: 2.2rem;
}

.w76-footer__items__item__name {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w76-footer__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

    .w76-footer__items__item__name:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 4rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

.w76-footer__items__item__lastname {
    font-size: 1.6rem;
    text-transform: uppercase;
    font-weight: 600;
    margin-bottom: 1rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w76-footer__items__item__lastname:hover {
        letter-spacing: .1rem;
        color: rgba(var(--second-color-w),1);
    }

    .w76-footer__items__item__lastname:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 6rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

    .w76-footer__items__item__lastname:hover:after {
        width: 9rem;
        background-color: rgba(var(--second-color-w),1);
    }

.w76-footer__items__item__childs {
    margin-top: 2rem;
}

.w76-footer__items__item__childs__item {
    display: flex;
    margin-bottom: 1rem;
    align-items: center;
}

.w76-footer__items__item__childs__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
}

.w76-footer__items__item__childs__item:hover
.w76-footer__items__item__childs__item__name {
    color: rgba(var(--second-color-w), 1);
}

.w76-footer__items__item__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w76-footer__items__item__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w76-footer__items__first__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w76-footer__items__first__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w76-footer__items__last__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w76-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w76-footer__items__item__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w76-footer__items__item__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w76-footer__items__item__ads__child:first-child {
        margin-left: 0;
    }

    .w76-footer__items__item__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-footer__items__first__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w76-footer__items__first__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w76-footer__items__first__ads__child:first-child {
        margin-left: 0;
    }

    .w76-footer__items__first__ads__child:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-footer__items__last {
    width: 23%;
    margin-right: 2%;
}

@media only screen and (min-width:75rem) {
    .w76-footer__items__last:nth-child(2n+4) {
        width: 25%;
        margin-right: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w76-footer__items__last {
        width: 50%;
        padding-right: 2%;
        margin-right: 0;
    }
}

@media only screen and (max-width:43.75rem) {
    .w76-footer__items__last {
        width: 100%;
        padding-right: 0;
    }
}

.w76-footer__items__last__subs__name {
    font-size: 1.5rem;
    text-transform: uppercase;
    margin-bottom: 2rem;
    display: block;
    transition: all .5s;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding: 1.5rem 0rem;
}

    .w76-footer__items__last__subs__name:hover {
        color: rgba(var(--second-color-w),1);
    }

    .w76-footer__items__last__subs__name:after {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 4rem;
        height: .2rem;
        background-color: #fff;
        content: "";
        transition: all .5s;
    }

.w76-footer__items__last__subs__ads {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w76-footer__items__last__subs__ads__child {
    margin-bottom: 1rem;
}

    .w76-footer__items__last__subs__ads__child:not(:last-child) {
        margin-right: 1.5rem;
    }

.w76-footer__items__last__subs__ads__child__imgbox {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background-size: cover;
    cursor: pointer;
    transition: all .3s ease;
    background-position: center;
}

    .w76-footer__items__last__subs__ads__child__imgbox:hover {
        filter: brightness(.85);
    }

.w76-footer__items__last__subs__adv {
    display: flex;
    margin-top: 2rem;
    width: 100%;
    flex-wrap: wrap;
}

.w76-footer__items__last__subs__adv__child {
    margin-bottom: 1rem;
}

    .w76-footer__items__last__subs__adv__child:not(:last-child) {
        margin-right: 1.5rem;
    }

.w76-footer__items__last__subs__adv__child__imgbox {
    background-size: cover;
    cursor: pointer;
    transition: all .3s ease;
    background-position: center;
}

    .w76-footer__items__last__subs__adv__child__imgbox:hover {
        filter: brightness(.85);
    }

.w76-footer__items__last__subs__alter {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-top: 2rem;
}

.w76-footer__items__last__subs__alter__child {
    margin-bottom: 1rem;
}

    .w76-footer__items__last__subs__alter__child:not(:last-child) {
        margin-right: 1.5rem;
    }

.w76-footer__items__last__subs__alter__child__imgbox {
    background-size: cover;
    cursor: pointer;
    transition: all .3s ease;
    background-position: center;
}

    .w76-footer__items__last__subs__alter__child__imgbox:hover {
        filter: brightness(.85);
    }

.w76-footer__items__last__buttons {
    margin-top: 2rem;
}

.w76-footer__items__last__buttons__btn {
    display: flex;
    align-items: center;
    border: solid 1px #4d4d4d;
    color: #fff;
    padding: 1rem 1.5rem;
    border-radius: 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-footer__items__last__buttons__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w76-footer__items__last__buttons__btn__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    font-size: 1.8rem;
}

.w76-footer__items__last__buttons__btn__name {
    width: calc(100% - 4rem);
    font-size: 1.3rem;
    line-height: 2.2rem;
}

.w76-footer__items__last__ma {
    display: block;
    padding-top: 2rem;
    width: 100%;
    overflow: hidden;
}

    .w76-footer__items__last__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w76-footer__bot {
    position: relative;
    padding-top: 1rem;
}

.w76-footer__bot__line {
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 1px;
    background-color: #383838;
}

.w76-footer__bot__items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w76-footer__bot__items__first {
    margin-top: 1rem;
}

.w76-footer__bot__items__first__text {
    font-size: 1.5rem;
    line-height: 2.6rem;
    color: #fff;
}

.w76-footer__bot__items__last {
    margin-top: 1rem;
}

.w76-footer__bot__items__last__text {
    font-size: 1.5rem;
    line-height: 2.6rem;
    color: #fff;
}
/*ed*/
/*w76-header*/
.w76-header {
    background-color: #fff;
    padding: 3rem 1rem;
    width:100%;
}

@media only screen and (max-width:50rem) {
    .w76-header {
        padding: 2rem 1rem 1rem;
    }
}

.w76-header__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-header__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width:50rem) {
    .w76-header__items {
        align-items: center;
    }
}

.w76-header__items__first {
    width: 35%;
}

@media only screen and (max-width:50rem) {
    .w76-header__items__first {
        width: 30%;
    }
}

.w76-header__items__first__search {
    position: relative;
    display: flex;
    align-items: center;
    width: 75%;
}

@media only screen and (max-width:62.5rem) {
    .w76-header__items__first__search {
        width: 90%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-header__items__first__search {
        display: none;
    }
}

.w76-header__items__first__search__input {
    font-family: inherit;
    background-color: #fff;
    width: 100%;
    padding: 1rem 1.5rem;
    font-size: 1.6rem;
    border: solid 1px #d4d4d4;
    border-radius: 3rem;
    outline: none;
    transition: all .3s ease;
}

    .w76-header__items__first__search__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w76-header__items__first__search__btn {
    font-size: 1.8rem;
    position: absolute;
    right: 1.5rem;
    color: #111;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-header__items__first__search__btn:hover {
        color: rgba(var(--main-color-w),1);
    }

.w76-header__items__first__mb {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w76-header__items__first__mb {
        display: flex;
        align-items: center;
    }
}

.w76-header__items__first__mb__btn {
    margin-right: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

    .w76-header__items__first__mb__btn:before {
        z-index: 2;
        height: 3rem;
        width: 3rem;
        position: absolute;
        content: "";
        border-radius: 50%;
        border: solid .1rem rgba(var(--second-color-w),.5);
        -webkit-animation: key-w76-header__items__first__mb__btn__before 3s infinite;
        animation: key-w76-header__items__first__mb__btn__before 3s infinite;
    }

@-webkit-keyframes key-w76-header__items__first__mb__btn__before {
    0% {
        transform: scale(.5);
        opacity: .5;
        border: solid .1rem rgba(255,255,255,1);
    }

    50% {
        opacity: 1;
        transform: scale(1.8);
        border: solid .1rem rgba(var(--main-color-w),1);
    }

    100% {
        opacity: .5;
        transform: scale(.5);
        border: solid .1rem rgba(255,255,255,1);
    }
}

.w76-header__items__first__mb__btn:after {
    z-index: 1;
    height: 2.5rem;
    width: 2.5rem;
    position: absolute;
    content: "";
    border-radius: 50%;
    border: solid .1rem rgba(var(--second-color-w),.5);
    -webkit-animation: key-w76-header__items__first__mb__btn__after 3s infinite;
    animation: key-w76-header__items__first__mb__btn__after 3s infinite;
}

@-webkit-keyframes key-w76-header__items__first__mb__btn__after {
    0% {
        transform: scale(.25);
        opacity: .1;
        border: solid .1rem rgba(255,255,255,1);
    }

    50% {
        opacity: .5;
        transform: scale(1.3);
        border: solid .1rem rgba(var(--main-color-w),1);
    }

    100% {
        opacity: .1;
        transform: scale(.25);
        border: solid .1rem rgba(255,255,255,1);
    }
}

@media only screen and (max-width:31.25rem) {
    .w76-header__items__first__mb__btn {
        margin-right: 1rem;
    }
}

.w76-header__items__first__mb__btn__icon {
    font-size: 2.2rem;
    color: #fff;
    width: 4.2rem;
    height: 4.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
}

.w76-header__items__first__mb__btn__icon--active {
    background-color: rgba(var(--main-color-w),1);
}

.w76-header__items__first__mb__btn__icon:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w76-header__items__first__mb__btn__icon {
        font-size: 1.8rem;
        width: 3.4rem;
        height: 3.4rem;
    }
}

.w76-header__items__first__mb__cart {
    margin-right: 1.5rem;
    position: relative;
}

@media only screen and (max-width:31.25rem) {
    .w76-header__items__first__mb__cart {
        margin-right: 1rem;
    }
}

.w76-header__items__first__mb__cart__icon {
    color: rgba(var(--second-color-w),1);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: #f1f1f2;
    transition: all .3s ease;
    font-size: 2.2rem;
    width: 4.2rem;
    height: 4.2rem;
}

    .w76-header__items__first__mb__cart__icon:hover {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w76-header__items__first__mb__cart__icon {
        font-size: 1.8rem;
        width: 3.4rem;
        height: 3.4rem;
    }
}

.w76-header__items__first__mb__cart__num {
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(var(--second-color-w), 1);
    top: -.6rem;
    right: -.6rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-header__items__first__mb__cart__num {
        width: 1.9rem;
        height: 1.9rem;
        font-size: .9rem;
    }
}

.w76-header__items__center {
    width: 28%;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:50rem) {
    .w76-header__items__center {
        width: 40%;
    }
}

.w76-header__items__center__main {
}

.w76-header__items__center__main__imgbox {
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width:62.5rem) {
    .w76-header__items__center__main__imgbox {
        display: none;
    }
}

.w76-header__items__center__main__mbimgbox {
    display: none;
    background-size: contain;
    background-position: center;
}

@media only screen and (max-width:62.5rem) {
    .w76-header__items__center__main__mbimgbox {
        display: block;
    }
}

.w76-header__items__last {
    width: 35%;
}

@media only screen and (max-width:50rem) {
    .w76-header__items__last {
        width: 30%;
    }
}

.w76-header__items__last {
    display: flex;
    justify-content: flex-end;
}

.w76-header__items__last__call {
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 3rem;
    border: solid 1px #d4d4d4;
    width: max-content;
    padding: .75rem;
    transition: all .3s ease;
    cursor: pointer;
}

@media only screen and (max-width:75rem) {
    .w76-header__items__last__call {
        padding: 0;
        border: 0;
    }
}

@media only screen and (min-width:75rem) {
    .w76-header__items__last__call:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }
}

@media only screen and (max-width:50rem) {
    .w76-header__items__last__call {
        display: none;
    }
}

.w76-header__items__last__call__icon {
    width: 2.6rem;
    height: 2.6rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: 50%;
    font-size: 1.4rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 1rem;
    animation-name: key-w76-header__items__last__call__icon;
    animation-iteration-count: infinite;
    animation-duration: 3s;
}

@-webkit-keyframes key-w76-header__items__last__call__icon {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

@media only screen and (max-width:75rem) {
    .w76-header__items__last__call__icon {
        margin-right: 0;
        width: 4.4rem;
        height: 4.4rem;
        font-size: 2.4rem;
        background-color: #f1f1f2;
        color: rgba(var(--main-color-w),1);
        transition: all .3s ease;
    }

        .w76-header__items__last__call__icon:hover {
            color: #fff;
            background-color: rgba(var(--main-color-w),1);
        }
}

@media only screen and (max-width:50rem) {
    .w76-header__items__last__call__icon {
        width: 4.2rem;
        height: 4.2rem;
    }
}

.w76-header__items__last__call__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

@media only screen and (max-width:75rem) {
    .w76-header__items__last__call__name {
        display: none;
    }
}

.w76-header__items__last__cart {
    margin-left: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 4.4rem;
    height: 4.4rem;
    position: relative;
    border-radius: 50%;
    background-color: #f1f1f2;
    cursor: pointer;
    color: rgba(var(--second-color-w),1);
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w76-header__items__last__cart {
        margin-left: 1.5rem;
    }
}

@media only screen and (max-width:50rem) {
    .w76-header__items__last__cart {
        width: 4.2rem;
        height: 4.2rem;
    }
}

@media only screen and (max-width:50rem) {
    .w76-header__items__last__cart {
        display: none;
    }
}

.w76-header__items__last__cart:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
}

.w76-header__items__last__cart__icon {
    font-size: 2.4rem;
}

@media only screen and (max-width:50rem) {
    .w76-header__items__last__cart__icon {
        font-size: 2.2rem;
    }
}

.w76-header__items__last__cart__num {
    position: absolute;
    width: 2.1rem;
    height: 2.1rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1rem;
    color: #fff;
    background-color: rgba(var(--second-color-w),1);
    top: -.6rem;
    right: -.6rem;
}

.w76-header__items__last__mb {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w76-header__items__last__mb {
        display: flex;
        align-items: center;
    }
}

.w76-header__items__last__mb__mes {
    margin-left: 1.5rem;
}

@media only screen and (max-width:31.25rem) {
    .w76-header__items__last__mb__mes {
        margin-left: 1rem;
    }
}

.w76-header__items__last__mb__mes__icon {
    font-size: 3.8rem;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
}

    .w76-header__items__last__mb__mes__icon:hover {
        color: rgba(var(--second-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w76-header__items__last__mb__mes__icon {
        font-size: 3.6rem;
    }
}

.w76-header__items__last__mb__call {
    margin-left: 1.5rem;
}

@media only screen and (max-width:31.25rem) {
    .w76-header__items__last__mb__call {
        margin-left: 1rem;
    }
}

.w76-header__items__last__mb__call__icon {
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--second-color-w),1);
    transition: all .3s ease;
    width: 4.2rem;
    height: 4.2rem;
    font-size: 2.2rem;
    animation-name: key-w76-header__items__last__mb__call__icon;
    animation-iteration-count: infinite;
    animation-duration: 3s;
}

@-webkit-keyframes key-w76-header__items__last__mb__call__icon {
    0% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w76-header__items__last__mb__call__icon:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:37.5rem) {
    .w76-header__items__last__mb__call__icon {
        font-size: 1.8rem;
        width: 3.4rem;
        height: 3.4rem;
    }
}
/*ed*/
/*w76-bloglist*/
.w76-bloglist {
    padding: 3rem 1rem;
    background-color: #fff;
    width:100%;
}

.w76-bloglist__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-bloglist__mains {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w76-bloglist__mains__first {
    width: 67%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-bloglist__mains__first {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.w76-bloglist__mains__first__heading {
    position: relative;
    margin-bottom: 1.5rem;
}

.w76-bloglist__mains__first__heading__name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    padding: 0 0 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-bloglist__mains__first__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-bloglist__mains__first__heading__bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #e6e6e6;
}

.w76-bloglist__mains__first__heading__bot__active {
    position: absolute;
    left: 0;
    width: 10rem;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
}

.w76-bloglist__mains__first__sub {
    margin-bottom: 1.5rem;
}

.w76-bloglist__mains__first__main {
    border: solid 1px #ebebeb;
    padding: 2rem 2rem 1rem;
    border-radius: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w76-bloglist__mains__first__main {
        border: none;
        padding: 0;
    }
}

.w76-bloglist__mains__first__main__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-bloglist__mains__first__main__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 2rem;
    align-items: flex-start;
    width:100%;
}

.w76-bloglist__mains__first__main__items__item__hinhanh {
    width: 30%;
    overflow: hidden;
    height: 100%;
    border-radius: 1rem;
}

.w76-bloglist__mains__first__main__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    height: 100%;
    cursor: pointer;
}

    .w76-bloglist__mains__first__main__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-bloglist__mains__first__main__items__item__hinhanh__imgbox__img {
    width: 100%;
    height: 100%;
}

.w76-bloglist__mains__first__main__items__item__content {
    width: 66.5%;
    position: relative;
    padding-bottom: 2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w76-bloglist__mains__first__main__items__item__content {
        padding-bottom: 1rem;
    }
}

.w76-bloglist__mains__first__main__items__item__content__name {
    font-size: 1.6rem;
    color: #111;
    line-height: 2.6rem;
    margin-bottom: .5rem;
}

@media only screen and (max-width: 37.5rem) {
    .w76-bloglist__mains__first__main__items__item__content__name {
        font-size: 1.4rem;
        line-height: 2.4rem;
    }
}

.w76-bloglist__mains__first__main__items__item__content__name__text {
    display: block;
}

.w76-bloglist__mains__first__main__items__item__content__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #666;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 50rem) {
    .w76-bloglist__mains__first__main__items__item__content__des {
    }
}

.w76-bloglist__mains__first__main__items__item__content__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-bloglist__mains__first__main__items__item__content__date {
        font-size: 1.2rem;
    }
}

.w76-bloglist__mains__first__main__items__item__content__date__icon {
    margin-right: 1rem;
}

.w76-bloglist__mains__first__main__items__item__content__btn {
    width: max-content;
    display: flex;
    margin-top: 2rem;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w76-bloglist__mains__first__main__items__item__content__btn {
        display: none;
    }
}

.w76-bloglist__mains__first__main__items__item__content__btn__text {
    border-radius: .5rem;
    cursor: pointer;
    padding: .5rem 2rem;
    font-size: 1.6rem;
    border: solid 1px #8c8c8c;
    transition: all .3s ease;
    background-color: #fff;
    color: #111;
}

    .w76-bloglist__mains__first__main__items__item__content__btn__text:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-bloglist__mains__first__main__items__item__line {
    position: absolute;
    bottom: 0;
    height: 1px;
    left: 0;
    width: 100%;
    background-color: #ebebeb;
}

.w76-bloglist__mains__first__main__items__item:last-child .w76-bloglist__mains__first__main__items__item__line {
    display: none;
}

.w76-bloglist__mains__first__main__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w76-bloglist__mains__first__main__paging__item {
    list-style-type: none;
    margin: 0 .5rem 1rem;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    border: solid .1rem #f1f1f1;
    cursor: pointer;
    transition: all .5s;
}

    .w76-bloglist__mains__first__main__paging__item:hover,
    .w76-bloglist__mains__first__main__paging__item.active {
        border: rgba(var(--second-color-w), 1) solid 1px;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-bloglist__mains__first__main__paging__item__text {
    font-size: 1.4rem;
}

.w76-bloglist__mains__second {
    width: 30%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-bloglist__mains__second {
        width: 100%;
    }
}

.w76-bloglist__mains__second__container {
    position: sticky;
    top: 0;
}

.w76-bloglist__mains__second__container__heading {
    position: relative;
    margin-bottom: 2rem;
}

.w76-bloglist__mains__second__container__heading__name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    padding: 0 0 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-bloglist__mains__second__container__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-bloglist__mains__second__container__heading__bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #e6e6e6;
}

.w76-bloglist__mains__second__container__heading__bot__active {
    position: absolute;
    left: 0;
    width: 10rem;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
}

.w76-bloglist__mains__second__container__hot {
    width: 100%;
    margin-bottom: 2rem;
}

.w76-bloglist__mains__second__container__hot__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-bloglist__mains__second__container__hot__main__hinhanh {
    display: block;
    width: 100%;
    overflow: hidden;
}

.w76-bloglist__mains__second__container__hot__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    width:100%;
    transition: all .3s ease;
}

    .w76-bloglist__mains__second__container__hot__main__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-bloglist__mains__second__container__hot__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-bloglist__mains__second__container__hot__main__content {
    width: 100%;
    position: relative;
    background-color: #f2f2f2;
    padding: 1rem;
}

.w76-bloglist__mains__second__container__hot__main__content__text {
}

.w76-bloglist__mains__second__container__hot__main__content__text__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: .5rem;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
}

    .w76-bloglist__mains__second__container__hot__main__content__text__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-bloglist__mains__second__container__hot__main__content__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-bloglist__mains__second__container__hot__main__content__date {
        font-size: 1.2rem;
    }
}

.w76-bloglist__mains__second__container__hot__main__content__date__icon {
    margin-right: 1rem;
}

.w76-bloglist__mains__second__container__hot__main__line {
    width: 100%;
    height: 2px;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    bottom: 0;
}

.w76-bloglist__mains__second__container__items {
}

.w76-bloglist__mains__second__container__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    width: 100%;
}

.w76-bloglist__mains__second__container__items__item__hinhanh {
    width: 12rem;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-bloglist__mains__second__container__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-bloglist__mains__second__container__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-bloglist__mains__second__container__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-bloglist__mains__second__container__items__item__content {
    width: calc(100% - 13.5rem);
}

.w76-bloglist__mains__second__container__items__item__content__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: .5rem;
}

.w76-bloglist__mains__second__container__items__item__content__text__name {
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-bloglist__mains__second__container__items__item__content__text__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-bloglist__mains__second__container__items__item__content__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-bloglist__mains__second__container__items__item__content__date {
        font-size: 1.2rem;
    }
}

.w76-bloglist__mains__second__container__items__item__content__date__icon {
    margin-right: 1rem;
}
/*ed*/

/*w76-blogdetail*/
.w76-blogdetail {
    padding: 3rem 1rem;
    background-color: #fff;
    width:100%;
}

.w76-blogdetail__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-blogdetail__mains {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w76-blogdetail__mains__first {
    width: 67%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-blogdetail__mains__first {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.w76-blogdetail__mains__first__heading {
    position: relative;
    margin-bottom: 2rem;
}

.w76-blogdetail__mains__first__heading__name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    padding: 0 0 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-blogdetail__mains__first__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-blogdetail__mains__first__heading__bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #e6e6e6;
}

.w76-blogdetail__mains__first__heading__bot__active {
    position: absolute;
    left: 0;
    width: 10rem;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
}

.w76-blogdetail__mains__first__main {
}

.w76-blogdetail__tableoct {
    width: 100%;
    padding: 0rem 0rem 0rem;
    margin-top: 2rem;
    margin-bottom:2rem;
}

@media only screen and (max-width: 62.5rem) {
    .w76-blogdetail__tableoct {
        padding: 0rem 0rem 1rem;
    }
}

.w76-blogdetail__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: .25rem 1.5rem;
}

.w76-blogdetail__tableoct__cbcl:checked ~ .w76-blogdetail__tableoct__clone {
    display: block;
}

.w76-blogdetail__tableoct__cbcl {
    display: none;
}

.w76-blogdetail__tableoct__checkbox {
    display: none;
}

    .w76-blogdetail__tableoct__checkbox:checked ~ .w76-blogdetail__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w76-blogdetail__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w76-blogdetail__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w76-blogdetail__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w76-blogdetail__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w76-blogdetail__tableoct__checkbox:checked ~
.w76-blogdetail__tableoct__heading {
   
}

.w76-blogdetail__tableoct__heading__title {
    display: flex;
}

.w76-blogdetail__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    display: none;
}

.w76-blogdetail__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
}

.w76-blogdetail__tableoct__heading__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
}

.w76-blogdetail__tableoct__checkbox:checked ~
.w76-blogdetail__tableoct__heading
.w76-blogdetail__tableoct__heading__icon:before {
    content: "\f142";
}

.w76-blogdetail__tableoct__heading:hover {
    transition: all .2s ease-in-out;
}

.w76-blogdetail__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w76-blogdetail__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w76-blogdetail__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w76-blogdetail__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w76-blogdetail__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w76-blogdetail__tableoct__body__ol {
    list-style: none;
}

.w76-blogdetail__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w76-blogdetail__tableoct__body__ol__text__vl {
    padding: .75rem 2rem .75rem 1rem;
}

.w76-blogdetail__tableoct__body__ol > .w76-blogdetail__tableoct__body__ol__text {
    font-size: 1.6rem;
}

.w76-blogdetail__tableoct__body__ol__text:hover .w76-blogdetail__tableoct__body__ol--1__text {
}

    .w76-blogdetail__tableoct__body__ol__text:hover .w76-blogdetail__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w76-blogdetail__tableoct__body__ol__text.active {
}

    .w76-blogdetail__tableoct__body__ol__text.active .w76-blogdetail__tableoct__body__ol--1__text {
    }

.w76-blogdetail__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w76-blogdetail__tableoct__body__ol__text:hover .w76-blogdetail__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w76-blogdetail__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w76-blogdetail__tableoct__body__ol__text__vl.active {
    }

.w76-blogdetail__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w76-blogdetail__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: .75rem;
    z-index: 1;
}

.w76-blogdetail__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
    transform: rotate(90deg);
}

.w76-blogdetail__tableoct__body__ol--1__text > .w76-blogdetail__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w76-blogdetail__tableoct__body__ol--1__text > .w76-blogdetail__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w76-blogdetail__tableoct__body__ol__text__cbx {
    display: none;
}

    .w76-blogdetail__tableoct__body__ol__text__cbx:checked ~ .w76-blogdetail__tableoct__body__ol--1 {
        display: block;
    }

    .w76-blogdetail__tableoct__body__ol__text__cbx:checked ~ .w76-blogdetail__tableoct__body__ol__text__lbl .w76-blogdetail__tableoct__body__ol__text__lbl__icon {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

.w76-blogdetail__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w76-blogdetail__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.6rem;
}

    .w76-blogdetail__tableoct__body__ol--1__text > a {
        padding: .75rem 1rem .75rem 3rem;
    }

ol > li > ol > .w76-blogdetail__tableoct__body__ol--1__text {
}

ol ol ol .w76-blogdetail__tableoct__body__ol--1__text {
}

    ol ol ol .w76-blogdetail__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w76-blogdetail__tableoct__body__ol--1__text > a.active {
        }

.w76-blogdetail__tableoct__body__ol--1__text:hover {
    color: white;
}

.w76-blogdetail__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w76-blogdetail__tableoct__body__ol--1__text > a.active {
    }

    .w76-blogdetail__tableoct__body__ol--1__text > a::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w76-blogdetail__tableoct__body__ol--1__text > a.active::after {
        max-width: 100%;
    }

.w76-blogdetail__mains__first__main__sub {
}

.w76-blogdetail__mains__second {
    width: 30%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-blogdetail__mains__second {
        width: 100%;
    }
}

.w76-blogdetail__mains__second__container {
    position: sticky;
    top: 0;
}

.w76-blogdetail__mains__second__container__heading {
    position: relative;
    margin-bottom: 2rem;
}

.w76-blogdetail__mains__second__container__heading__name {
    font-size: 2.4rem;
    line-height: 3.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    padding: 0 0 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-blogdetail__mains__second__container__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-blogdetail__mains__second__container__heading__bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #e6e6e6;
}

.w76-blogdetail__mains__second__container__heading__bot__active {
    position: absolute;
    left: 0;
    width: 10rem;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
}

.w76-blogdetail__mains__second__container__hot {
    width: 100%;
    margin-bottom: 2rem;
}

.w76-blogdetail__mains__second__container__hot__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-blogdetail__mains__second__container__hot__main__hinhanh {
    display: block;
    width: 100%;
    overflow: hidden;
}

.w76-blogdetail__mains__second__container__hot__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-blogdetail__mains__second__container__hot__main__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-blogdetail__mains__second__container__hot__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-blogdetail__mains__second__container__hot__main__content {
    width: 100%;
    position: relative;
    background-color: #f2f2f2;
    padding: 1rem;
}

.w76-blogdetail__mains__second__container__hot__main__content__text {
}

.w76-blogdetail__mains__second__container__hot__main__content__text__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: .5rem;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
}

    .w76-blogdetail__mains__second__container__hot__main__content__text__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-blogdetail__mains__second__container__hot__main__content__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-blogdetail__mains__second__container__hot__main__content__date {
        font-size: 1.2rem;
    }
}

.w76-blogdetail__mains__second__container__hot__main__content__date__icon {
    margin-right: 1rem;
}

.w76-blogdetail__mains__second__container__hot__main__line {
    width: 100%;
    height: 2px;
    background-color: rgba(var(--second-color-w),1);
    position: absolute;
    bottom: 0;
}

.w76-blogdetail__mains__second__container__items {
}

.w76-blogdetail__mains__second__container__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 1.5rem;
    width: 100%;
}

.w76-blogdetail__mains__second__container__items__item__hinhanh {
    width: 12rem;
    overflow: hidden;
    border-radius: 1rem;
}

.w76-blogdetail__mains__second__container__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-blogdetail__mains__second__container__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-blogdetail__mains__second__container__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-blogdetail__mains__second__container__items__item__content {
    width: calc(100% - 13.5rem);
}

.w76-blogdetail__mains__second__container__items__item__content__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: .5rem;
}

.w76-blogdetail__mains__second__container__items__item__content__text__name {
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-blogdetail__mains__second__container__items__item__content__text__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-blogdetail__mains__second__container__items__item__content__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-blogdetail__mains__second__container__items__item__content__date {
        font-size: 1.2rem;
    }
}

.w76-blogdetail__mains__second__container__items__item__content__date__icon {
    margin-right: 1rem;
}
/*ed*/

/*w76-productlist*/
.w76-productlist {
    background-color: #fff;
    padding: 2rem 1rem 1rem;
    width:100%;
}

.w76-productlist__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-productlist__heading {
    position: relative;
}

.w76-productlist__heading__name {
    font-size: 2.4rem;
    line-height: 3.4rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    padding: 0 0 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-productlist__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-productlist__heading__bot {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 2px;
    left: 0;
    background-color: #e6e6e6;
}

.w76-productlist__heading__bot__active {
    position: absolute;
    left: 0;
    width: 10rem;
    height: 100%;
    background-color: rgba(var(--second-color-w),1);
}

.w76-productlist__sorts {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #f2f2f2;
    padding: 0 1rem 1rem;
    border-radius: 1rem;
    align-items: center;
    margin-bottom: 2rem;
}

.w76-productlist__sorts__price {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
}

.w76-productlist__sorts__price__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-right: 1.5rem;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w76-productlist__sorts__price__name {
        cursor: pointer;
    }
}

.w76-productlist__sorts__price__name__icon {
    margin-left: 1rem;
    display: none;
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w76-productlist__sorts__price__name__icon {
        display: inline-block;
    }

    .w76-productlist__sorts__price__check:checked ~
    .w76-productlist__sorts__price__name
    .w76-productlist__sorts__price__name__icon {
        transform: rotate(180deg);
    }
}

.w76-productlist__sorts__price__check {
    display: none;
}

.w76-productlist__sorts__price__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w76-productlist__sorts__price__items {
        position: absolute;
        left: 0;
        top: 8rem;
        background-color: #fff;
        border: solid 1px #e6e6e6;
        overflow-y: scroll;
        max-height: 50rem;
        z-index: 1;
        width: fit-content;
        border-radius: 1rem;
        transition: all .3s ease;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        padding: .5rem 0;
    }

    .w76-productlist__sorts__price__check:checked ~
    .w76-productlist__sorts__price__items {
        visibility: visible;
        opacity: 1;
        z-index: 1;
        top: 6rem;
    }
}

.w76-productlist__sorts__price__items__item {
    display: flex;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    margin-right: 1.5rem;
    margin-top: 1rem;
}

@media only screen and (max-width:75rem) {
    .w76-productlist__sorts__price__items__item {
        width: 100%;
        margin: 0;
        padding: .5rem 1rem;
    }
}

.w76-productlist__sorts__price__items__item:hover {
    text-decoration: underline;
}

.w76-productlist__sorts__price__items__item__icon {
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    border: solid 1px #ccc;
    background-color: #fff;
    margin-right: 1rem;
    transition: all .3s ease;
}

.w76-productlist__sorts__price__items__item:hover .w76-productlist__sorts__price__items__item__icon {
    background-color: rgba(var(--second-color-w),1);
}
.w76-productlist__sorts__price__items__item.active .w76-productlist__sorts__price__items__item__icon {
    background-color: rgba(var(--second-color-w),1);
}
.w76-productlist__sorts__price__items__item__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    white-space: nowrap;
}

.w76-productlist__sorts__sort {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w76-productlist__sorts__sort__name {
    font-size: 1.6rem;
    margin-right: 1rem;
    white-space: nowrap;
}

@media only screen and (max-width:37.5rem) {
    .w76-productlist__sorts__sort__name {
        display: none;
    }
}

.w76-productlist__sorts__sort__dropdown {
    margin-left: auto;
    position: relative;
    min-width: 15rem;
}

@media only screen and (max-width:50rem) {
    .w76-productlist__sorts__sort__dropdown {
    }
}

.w76-productlist__sorts__sort__dropdown__label {
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    background-color: #fff;
    border-radius: .5rem;
    border: solid .1rem #ccc;
    color: #111;
}

.w76-productlist__sorts__sort__dropdown:hover .w76-productlist__sorts__sort__dropdown__label {
    background-color: rgba(var(--second-color-w), 1);
    color: #fff;
}

.w76-productlist__sorts__sort__dropdown__check:checked ~
.w76-productlist__sorts__sort__dropdown__label {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w76-productlist__sorts__sort__dropdown__label__name {
    font-size: 1.4rem;
}

.w76-productlist__sorts__sort__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w76-productlist__sorts__sort__dropdown__check {
    display: none;
}

.w76-productlist__sorts__sort__dropdown__items {
    background-color: #fff;
    border-radius: 1rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: .1rem solid rgba(129,129,129,.2);
    visibility: hidden;
    z-index: -1;
    top: 7rem;
    transition: all .25s;
    opacity: 0;
}

.w76-productlist__sorts__sort__dropdown__check:checked ~
.w76-productlist__sorts__sort__dropdown__items {
    visibility: visible;
    z-index: 1;
    top: 5.5rem;
    opacity: 1;
}

.w76-productlist__sorts__sort__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    color: #111;
}

    .w76-productlist__sorts__sort__dropdown__items__item:hover {
        text-decoration: underline;
    }

    .w76-productlist__sorts__sort__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w76-productlist__sub {
    margin-bottom: 2rem;
}

.w76-productlist__items {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w76-productlist__items {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w76-productlist__items__item {
    overflow: hidden;
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1.5rem;
}


@media only screen and (min-width:50rem) {
    .w76-productlist__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w76-productlist__items__item {
        width: 49%;
        margin-bottom: 1rem;
    }

        .w76-productlist__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-productlist__items__item__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: .5rem;
}

.w76-productlist__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-productlist__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-productlist__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-productlist__items__item__content {
    padding: 1rem 0;
}

.w76-productlist__items__item__content__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-productlist__items__item__content__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-productlist__items__item__content__name__text {
    display: block;
}

.w76-productlist__items__item__content__bot {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.w76-productlist__items__item__content__bot__price {
}

.w76-productlist__items__item__content__bot__price__sub {
    display: flex;
    align-items: flex-end;
    font-size: 1.6rem;
    color: #666;
    margin-bottom: .5rem;
    text-decoration: line-through;
}
.w76-productlist__items__item__content__bot__price__sub__des{
    margin-left:.5rem;
}
.w76-productlist__items__item__content__bot__price__main {
    display: flex;
    align-items: flex-end;
    font-size: 2rem;
    color: rgba(var(--second-color-w),1);
    font-weight: 700;
}
.w76-productlist__items__item__content__bot__price__main__des {
    margin-left: .5rem;
}
.w76-productlist__items__item__content__bot__second {
}

.w76-productlist__items__item__content__bot__second__button {
    display: flex;
    align-items: center;
    background-color: #f2f2f2;
    padding: .5rem .75rem;
    border-radius: .5rem;
    transition: all .3s;
    color: #111;
    cursor: pointer;
}

    .w76-productlist__items__item__content__bot__second__button:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

.w76-productlist__items__item__content__bot__second__button__imgbox {
    width: 23px;
    height: 23px;
    background-size: contain;
}

.w76-productlist__items__item__content__bot__second__button__name {
    font-size: 1.4rem;
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-productlist__items__item__content__bot__second__button__name {
        display: none;
    }
}

.w76-productlist__paging {
    margin: 2rem 0 2rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w76-productlist__paging__item {
    list-style-type: none;
    margin: 0 .5rem 1rem;
    width: 3.6rem;
    height: 3.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: .75rem;
    border: solid .1rem #f1f1f1;
    cursor: pointer;
    transition: all .5s;
}
    .w76-productlist__paging__item:hover,
    .w76-productlist__paging__item.active {
        border: rgba(var(--second-color-w), 1) solid 1px;
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-productlist__paging__item__text {
    font-size: 1.4rem;
}
/*ed*/
/*w76-productdetail-2*/
.w76-productdetail-2 {
    padding: 3rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
    width:100%;
}

.w76-productdetail-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-productdetail-2__mains {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w76-productdetail-2__mains__first {
    width: 46%;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail-2__mains__first {
        width: 58%;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail-2__mains__first {
        width: 100%;
    }
}

.w76-productdetail-2__mains__first__name {
    font-size: 2.4rem;
    color: #111;
    line-height: 3.4rem;
    margin-bottom: 1rem;
}

.w76-productdetail-2__mains__first__gallery {
    overflow: hidden;
    width:100%;
}

.w76-productdetail-2__mains__first__gallery__main {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
    width:100%;
}

.w76-productdetail-2__mains__first__gallery__main__items {
    display: flex;
}

.w76-productdetail-2__mains__first__gallery__main__items__item {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    position: relative;
    display: flex;
    justify-content: center;
}

.w76-productdetail-2__mains__first__gallery__main__items__item__zoom {
    position: absolute;
    bottom: -100%;
    border-radius: .5rem;
    padding: .5rem 3rem;
    color: #fff;
    background-color: rgba(0,0,0,.5);
    font-size: 1.6rem;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
}

    .w76-productdetail-2__mains__first__gallery__main__items__item__zoom:hover {
        background-color: rgba(var(--second-color-w),.6);
    }

.w76-productdetail-2__mains__first__gallery__main__items__item:hover .w76-productdetail-2__mains__first__gallery__main__items__item__zoom {
    bottom: 1.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w76-productdetail-2__mains__first__gallery__main__items__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w76-productdetail-2__mains__first__gallery__main__items__item__imgbox__img {
    width: 100%;
}

.w76-productdetail-2__mains__first__gallery__thumbs {
    display: flex;
}

.w76-productdetail-2__mains__first__gallery__thumbs__item {
    width: 18.4%;
    margin-right: 2%;
    overflow: hidden;
    border-radius: .5rem;
}

.w76-productdetail-2__mains__first__gallery__thumbs__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w76-productdetail-2__mains__first__gallery__thumbs__item__imgbox__img {
    width: 100%;
}

.w76-productdetail-2__mains__first__gallery__main__prev {
    width: 3.6rem;
    height: 3.6rem;
    background-color: transparent;
    border: solid 1px #fff;
    color: #fff;
    border-radius: 50%;
    left: 1.5rem;
    top: 50%;
    position: absolute;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-productdetail-2__mains__first__gallery__main__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-productdetail-2__mains__first__gallery__main__next {
    width: 3.6rem;
    height: 3.6rem;
    background-color: transparent;
    border: solid 1px #fff;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 1.5rem;
    top: 50%;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-productdetail-2__mains__first__gallery__main__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w76-productdetail-2__mains__first__gallery__main__dots {
    display: none;
}

.w76-productdetail-2__mains__second {
    width: 31%;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail-2__mains__second {
        width: 40%;
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail-2__mains__second {
        width: 100%;
    }
}

.w76-productdetail-2__mains__second__price {
    display: flex;
    justify-content: space-between;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.w76-productdetail-2__mains__second__price__sub {
    display: flex;
    align-items: flex-end;
    font-size: 1.6rem;
    color: #666;
    margin-bottom: .5rem;
}

.w76-productdetail-2__mains__second__price__sub--hide {
    display: none;
}

.w76-productdetail-2__mains__second__price__sub__title {
    margin-right: 1rem;
}

.w76-productdetail-2__mains__second__price__sub__name {
    text-decoration: line-through;
}

.w76-productdetail-2__mains__second__price__sub__des {
    text-decoration: line-through;
}

.w76-productdetail-2__mains__second__price__main {
    display: flex;
    align-items: flex-end;
    font-size: 2.8rem;
    color: rgba(var(--second-color-w),1);
    font-weight: 700;
}

.w76-productdetail-2__mains__second__price__main__des {
    margin-left: .5rem;
}

.w76-productdetail-2__mains__second__price__sale {
    display: flex;
    align-items: center;
    width: 100%;
    margin-top: 1rem;
}

.w76-productdetail-2__mains__second__price__sale--hide {
    display: none;
}

.w76-productdetail-2__mains__second__price__sale__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: max-content;
}

.w76-productdetail-2__mains__second__price__sale__name__val {
    font-weight: 700;
}

.w76-productdetail-2__mains__second__price__sale__btn {
    display: flex;
    justify-content: flex-end;
    position: relative;
    background-color: #00a99a;
    padding: 0rem 1.5rem 0rem 1.5rem;
    color: #fff;
    align-items: center;
    height: 3rem;
    border-radius: 0 .5rem .5rem 0;
    margin-left: 3rem;
}

.w76-productdetail-2__mains__second__price__sale__btn__icon {
    font-size: .8rem;
    position: absolute;
    z-index: 2;
    left: 0;
}

.w76-productdetail-2__mains__second__price__sale__btn__name {
    font-size: 1.6rem;
    font-weight: 700;
}

.w76-productdetail-2__mains__second__price__sale__btn__name--hide {
    display: none;
}

.w76-productdetail-2__mains__second__price__sale__btn__bg {
    position: absolute;
    left: -10px;
    width: 20px;
    height: 20px;
    background-color: #00a99a;
    transform: rotate(45deg);
}

.w76-productdetail-2__mains__second__mau {
    margin-bottom: 1rem;
    margin-top:1rem;
}

.w76-productdetail-2__mains__second__mau--hide {
    display: none;
}

.w76-productdetail-2__mains__second__mau__text {
    font-size: 1.4rem;
    display: flex;
    align-items: center;
}

.w76-productdetail-2__mains__second__mau__text__name {
}

.w76-productdetail-2__mains__second__mau__text__value {
    margin-left: .5rem;
}

.w76-productdetail-2__mains__second__mau__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w76-productdetail-2__mains__second__mau__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    border: #f1f1f1 solid .1rem;
    border-radius: .5rem;
    position: relative;
    padding: .6rem 2.5rem;
    overflow: hidden;
    display: block;
    filter: brightness(1) !important;
    transition: all .5s;
    cursor: pointer;
}

    .w76-productdetail-2__mains__second__mau__items__item:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w76-productdetail-2__mains__second__mau__items__item--hide {
    display: none;
}

.w76-productdetail-2__mains__second__mau__items__item--hethang {
    cursor: not-allowed;
}

    .w76-productdetail-2__mains__second__mau__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

@media only screen and (min-width:37.5rem) {
    .w76-productdetail-2__mains__second__mau__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

.w76-productdetail-2__mains__second__mau__items__item__check {
    display: none;
}

.w76-productdetail-2__mains__second__mau__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
}

.w76-productdetail-2__mains__second__mau__items__item__label__icon {
    width: 15px;
    height: 15px;
    border: solid .1rem #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: -26px;
    top: -7px;
    font-size: 10px;
    display: none;
}

.w76-productdetail-2__mains__second__mau__items__item.active .w76-productdetail-2__mains__second__mau__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}

.w76-productdetail-2__mains__second__mau__items__item__check:checked ~
.w76-productdetail-2__mains__second__mau__items__item__label
.w76-productdetail-2__mains__second__mau__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    display: flex;
}

.w76-productdetail-2__mains__second__mau__items__item.active .w76-productdetail-2__mains__second__mau__items__item__label__icon:before {
    content: "\f107";
    font-weight: 400;
}

.w76-productdetail-2__mains__second__mau__items__item__check:checked ~
.w76-productdetail-2__mains__second__mau__items__item__label
.w76-productdetail-2__mains__second__mau__items__item__label__icon:before {
    content: "\f107";
    font-weight: 400;
}

.w76-productdetail-2__mains__second__mau__items__item__label__text {
    font-size: 1.4rem;
}

.w76-productdetail-2__mains__second__mau__items__item__label__info {
    position: absolute;
    width: max-content;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 1.4rem;
    font-weight: 600;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .5rem;
    border-radius: .5rem;
    flex-wrap: wrap;
    transition: all .5s;
    top: -6.5rem;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
}

.w76-productdetail-2__mains__second__mau__items__item__label:hover .w76-productdetail-2__mains__second__mau__items__item__label__info {
    top: -6.5rem;
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w76-productdetail-2__mains__second__mau__items__item__label__info__text {
    width: 100%;
    text-align: center;
}

.w76-productdetail-2__mains__second__mau__items__item__label__info__price {
    width: 100%;
    text-align: center;
    margin-top: 0rem;
}

.w76-productdetail-2__mains__second__mau__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
}

.w76-productdetail-2__mains__second__size {
    margin-bottom: 1.5rem;
}

.w76-productdetail-2__mains__second__size--hide {
    display: none;
}

.w76-productdetail-2__mains__second__size__text {
    font-size: 1.5rem;
    font-weight: 600;
    display: flex;
    align-items: center;
}

.w76-productdetail-2__mains__second__size__text__value {
    margin-left: .5rem;
}

.w76-productdetail-2__mains__second__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
}

.w76-productdetail-2__mains__second__size__items__item {
    width: max-content;
    margin-right: 2%;
    margin-top: 1rem;
    border: #f1f1f1 solid .1rem;
    border-radius: .5rem;
    position: relative;
    padding: .6rem 2.5rem;
    display: block !important;
    position: relative;
    overflow: hidden;
    filter: brightness(1) !important;
    transition: all .5s;
    cursor: pointer;
}

    .w76-productdetail-2__mains__second__size__items__item:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w76-productdetail-2__mains__second__size__items__item--hethang {
    cursor: not-allowed;
}

    .w76-productdetail-2__mains__second__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

.w76-productdetail-2__mains__second__size__items__item--hide {
    display: none !important;
}

.w76-productdetail-2__mains__second__size__items__item.active {
}

.w76-productdetail-2__mains__second__size__items__item__check {
    display: none;
}

.w76-productdetail-2__mains__second__size__items__item__label {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    position: relative;
    z-index: 0;
}

.w76-productdetail-2__mains__second__size__items__item__label__icon {
    width: 15px;
    height: 15px;
    border: solid .1rem #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
    position: absolute;
    right: -26px;
    top: -7px;
    font-size: 10px;
    display: none;
}

.w76-productdetail-2__mains__second__size__items__item.active .w76-productdetail-2__mains__second__size__items__item__label__icon,
.w76-productdetail-2__mains__second__size__items__item__check:checked ~
.w76-productdetail-2__mains__second__size__items__item__label
.w76-productdetail-2__mains__second__size__items__item__label__icon {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    display: flex;
}

    .w76-productdetail-2__mains__second__size__items__item.active .w76-productdetail-2__mains__second__size__items__item__label__icon:before,
    .w76-productdetail-2__mains__second__size__items__item__check:checked ~
    .w76-productdetail-2__mains__second__size__items__item__label
    .w76-productdetail-2__mains__second__size__items__item__label__icon:before {
        content: "\f107";
        font-weight: 900;
    }

.w76-productdetail-2__mains__second__size__items__item__label__info {
    position: absolute;
    padding: .5rem;
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    flex-wrap: wrap;
    font-size: 1.4rem;
    font-weight: 600;
    transition: all .5s;
    width: max-content;
    justify-content: center;
    text-align: center;
    border-radius: .3rem;
    top: -5.5rem;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}

.w76-productdetail-2__mains__second__size__items__item__label:hover .w76-productdetail-2__mains__second__size__items__item__label__info {
    top: -4.5rem;
    z-index: 1;
    visibility: visible;
    opacity: 1;
}

.w76-productdetail-2__mains__second__size__items__item__label__info__icon {
    position: absolute;
    bottom: -1.2rem;
    display: flex;
    color: rgba(var(--main-color-w), 1);
    font-size: 2rem;
}

.w76-productdetail-2__mains__second__size__items__item__label__text {
    font-size: 1.4rem;
}

.w76-productdetail-2__mains__second__size__items__item__label__info__price {
    width: 100%;
}

.w76-productdetail-2__mains__second__des {
    margin-top: .5rem;
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: 1rem;
}

.w76-productdetail-2__mains__second__cart {
    display: flex;
    width: 100%;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__mains__second__cart {
        justify-content: center;
    }
}

.w76-productdetail-2__mains__second__cart__text {
    font-size: 1.5rem;
    margin-right: 2rem;
    margin-bottom: 1rem;
}

.w76-productdetail-2__mains__second__cart__main__minus, .w76-productdetail-2__mains__second__cart__main__plus {
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w76-productdetail-2__mains__second__cart__main {
    display: flex;
    align-items: center;
    border: solid 1px #ccc;
    overflow: hidden;
    border-radius: .5rem;
    margin-bottom: 1rem;
}

.w76-productdetail-2__mains__second__cart__main__minus {
    padding: 0rem 1rem;
    border-radius: .4rem 0 0 .4rem;
    transition: all .5s;
}

.w76-productdetail-2__mains__second__cart__main__plus {
    padding: 0rem 1rem;
    border-radius: 0 .4rem .4rem 0;
    transition: all .5s;
}

.w76-productdetail-2__mains__second__cart__main__input {
    border: none;
    outline: none;
    font-family: inherit;
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    width: 4rem;
    color: #777;
    outline: none;
    height: 100%;
    padding: .75rem 0rem;
    text-align: center;
    font-size: 1.6rem;
}

    .w76-productdetail-2__mains__second__cart__main__input::-webkit-outer-spin-button,
    .w76-productdetail-2__mains__second__cart__main__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.w76-productdetail-2__mains__second__cart__main__status {
    display: flex;
    margin-bottom: 1rem;
    margin-left: auto;
}

.w76-productdetail-2__mains__second__cart__main__status--hide {
    display: none;
}

@media only screen and (min-width:37.5rem) {
    .w76-productdetail-2__mains__second__cart__main__status {
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__mains__second__cart__main__status {
    }
}

.w76-productdetail-2__mains__second__cart__main__status__masp {
    display: flex;
    font-size: 1.4rem;
}

.w76-productdetail-2__mains__second__cart__main__status__masp__name {
    margin-right: .5rem;
}

.w76-productdetail-2__mains__second__cart__main__status__masp__des {
    font-weight: 600
}

.w76-productdetail-2__mains__second__cart__main__status__soluong {
    display: flex;
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w76-productdetail-2__mains__second__cart__main__status__soluong__name {
    margin-right: .5rem;
}

.w76-productdetail-2__mains__second__cart__main__status__soluong__des {
    font-weight: 600
}

.w76-productdetail-2__mains__second__buttons {
    width:100%;
    display:flex;
    flex-wrap:wrap;
}

.w76-productdetail-2__mains__second__buttons__item {
    background-color: rgba(var(--main-color-w),.85);
    border-radius: .5rem;
    position: relative;
    padding: .5rem 3rem;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all .3s ease;
    cursor: pointer;
    margin-bottom: 1rem;
    width:100%;
}

    .w76-productdetail-2__mains__second__buttons__item:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w76-productdetail-2__mains__second__buttons__item__name {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    width: 100%;
}

.w76-productdetail-2__mains__second__buttons__item__des {
    text-align: center;
    font-size: 1.4rem;
    width: 100%;
    line-height: 2.4rem;
}

.w76-productdetail-2__mains__second__buttons__item__icon {
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #111;
    border-radius: 50%;
    font-size: 1.6rem;
    position: absolute;
    right: 1.5rem;
}

.w76-productdetail-2__mains__second__buttons__sub {
    background-color: rgba(var(--second-color-w),.85);
    border-radius: .5rem;
    position: relative;
    padding: .75rem 3rem;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    cursor: pointer;
    margin-bottom: 1rem;
    width:100%;
}

    .w76-productdetail-2__mains__second__buttons__sub:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w76-productdetail-2__mains__second__buttons__sub__imgbox {
    margin-right: 1rem;
    height: 28px;
    width: 28px;
    background-size: contain;
    background-position: center;
}

.w76-productdetail-2__mains__second__buttons__sub__name {
    text-align: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w76-productdetail-2__mains__second__chinhsach {
    width: 100%;
    border: solid 1px rgba(var(--second-color-w),1);
    padding: 2rem 1.5rem 1rem;
    border-radius: .5rem;
    position: relative;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
    display: flex;
    justify-content: center;
    margin-top: 2.5rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail-2__mains__second__chinhsach {
        width: 100%;
    }
}

.w76-productdetail-2__mains__second__chinhsach__heading {
    position: absolute;
    top: -13px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    border-radius: 1rem;
    width: max-content;
    max-width: 100%;
}

.w76-productdetail-2__mains__second__chinhsach__heading__name {
    font-size: 1.6rem;
}

.w76-productdetail-2__mains__second__chinhsach__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-productdetail-2__mains__second__chinhsach__items__item {
    width: 100%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w76-productdetail-2__mains__second__chinhsach__items__item__icon {
    margin-right: .5rem;
    font-size: 1.2rem;
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail-2__mains__second__chinhsach__items__item__name {
    font-size: 1.2rem;
    line-height: 2.2rem;
    color: #111;
    transition: all .3s;
    color: #111;
}

.w76-productdetail-2__mains__last {
    width: 20%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail-2__mains__last {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w76-productdetail-2__mains__last__mes {
    display: flex;
    background-color: #f5f5f5;
    border: solid 1px #e5e5e5;
    padding: 1.5rem;
    align-items: center;
    flex-wrap: wrap;
    border-radius: .5rem;
    margin-bottom: 1rem;
    width: 100%;
}

.w76-productdetail-2__mains__last__mes__name {
    font-size: 1.4rem;
    margin-right: auto;
    color: #111;
}

.w76-productdetail-2__mains__last__mes__item {
}

    .w76-productdetail-2__mains__last__mes__item:not(:last-child) {
        margin-right: 1rem;
    }

.w76-productdetail-2__mains__last__mes__item__imgbox {
    width: 35px;
    height: 35px;
    background-position: center;
    background-size: contain;
    cursor: pointer;
}

.w76-productdetail-2__mains__last__camket {
    margin-bottom: 1rem;
    border-radius: .5rem;
    overflow: hidden;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail-2__mains__last__camket {
        width: 49%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__mains__last__camket {
        width: 100%;
    }
}

.w76-productdetail-2__mains__last__camket__heading {
    position: relative;
    padding: .5rem .5rem .5rem 4rem;
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
}

.w76-productdetail-2__mains__last__camket__heading__line {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: solid 1px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 1rem;
}

.w76-productdetail-2__mains__last__camket__heading__line__dot {
    display: inline-block;
    font-size: .8rem;
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail-2__mains__last__camket__heading__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
}

.w76-productdetail-2__mains__last__camket__items {
    padding: 1rem;
    background-color: #f5f5f5;
}

.w76-productdetail-2__mains__last__camket__items__item {
}

    .w76-productdetail-2__mains__last__camket__items__item:not(:last-child) {
        margin-bottom: .75rem;
        border-bottom: solid 1px #fff;
        padding-bottom: .75rem
    }

.w76-productdetail-2__mains__last__camket__items__item__name {
    font-size: 1.4rem;
    line-height: 2.2rem;
}

.w76-productdetail-2__mains__last__camket__items__item__des {
    font-size: 1.3rem;
    line-height: 2.2rem;
}

.w76-productdetail-2__mains__last__support {
    margin-bottom: 1rem;
    border: solid 1px #e5e5e5;
    padding: 1rem;
    border-radius: .5rem;
    width: 100%;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail-2__mains__last__support {
        width: 49%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__mains__last__support {
        width: 100%;
    }
}

.w76-productdetail-2__mains__last__support__name {
    font-size: 1.4rem;
    margin-bottom: .75rem;
    color: #111;
}

.w76-productdetail-2__mains__last__support__items {
}

.w76-productdetail-2__mains__last__support__items__item {
    display: flex;
    align-items: center;
    margin-bottom: .5rem;
    font-size: 1.4rem;
    color: #111;
}

    .w76-productdetail-2__mains__last__support__items__item:last-child {
        margin-bottom: 0;
    }

.w76-productdetail-2__mains__last__support__items__item__icon {
    margin-right: .5rem;
}

.w76-productdetail-2__mains__last__support__items__item__name {
    line-height: 2.4rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-productdetail-2__mains__last__support__items__item__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-productdetail-2__subs {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w76-productdetail-2__subs__first {
    width: 74%;
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail-2__subs__first {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w76-productdetail-2__subs__first__support {
    border: 1px solid rgba(229, 231, 235,1);
    border-radius: .5rem;
    padding: 1.5rem 1.5rem .5rem;
    margin-bottom: 2rem;
}

.w76-productdetail-2__subs__first__support__items {
}

.w76-productdetail-2__subs__first__support__items__item {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #111;
}

.w76-productdetail-2__subs__first__support__items__item__icon {
    margin-right: 1rem;
}

.w76-productdetail-2__subs__first__support__items__item__name {
    line-height: 2.6rem;
}

.w76-productdetail-2__subs__first__support__alters {
}

.w76-productdetail-2__subs__first__support__alters__item {
    display: flex;
    align-items: center;
    font-size: 1.5rem;
    color: #0ea5e9;
}

.w76-productdetail-2__subs__first__support__alters__item__icon {
    margin-right: 1rem;
}

.w76-productdetail-2__subs__first__support__alters__item__name {
    line-height: 2.6rem;
}

.w76-productdetail-2__subs__first__support__des {
    font-size: 1.5rem;
    color: #0ea5e9;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    padding: .75rem 1.5rem;
    background-color: #eff6ff;
    border-radius: .5rem;
    margin-top: .5rem;
}

.w76-productdetail-2__subs__first__support__des__text {
    background: linear-gradient(to right, #2a83e9, #0ea5e9);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.w76-productdetail-2__subs__first__main {
    background-color: #fff;
    padding: .5rem 1.5rem 1.5rem;
    border-radius: .5rem;
    border: solid 1px #f2f2f2;
    position: relative;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main {
        padding: 0rem 1rem 1rem;
    }
}

.w76-productdetail-2__subs__first__main__tabs {
    position: sticky;
    top: 0;
    z-index: 2;
}

.w76-productdetail-2__subs__first__main__tabs__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    padding: 1rem 0rem;
    position:absolute;
}

.w76-productdetail-2__subs__first__main__tabs__items__item {
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .3s ease;
    color: #111;
    background-color: #f2f2f2;
    padding: 1rem 1.5rem 1rem 3.2rem;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: .5rem .5rem;
    margin-top: 1rem;
}

@media only screen and (min-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__tabs__items__item:not(:last-child) {
        margin-right: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__tabs__items__item {
        width: calc((100% - 1rem) / 2 );
        margin-left: 1rem;
        font-size: 1.4rem;
        padding: 1rem;
    }

        .w76-productdetail-2__subs__first__main__tabs__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-productdetail-2__subs__first__main__tabs__items__item:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-productdetail-2__subs__first__main__tabs__items__item.active {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w76-productdetail-2__subs__first__main__tabs__items__item__icon {
    width: 17px;
    height: 17px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: solid 1px rgba(var(--second-color-w),1);
    color: rgba(var(--second-color-w),1);
    position: absolute;
    left: 1rem;
    border-radius: 50%;
    font-size: 1.2rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__tabs__items__item__icon {
        display: none;
    }
}

.w76-productdetail-2__subs__first__main__tabs__items__item:hover .w76-productdetail-2__subs__first__main__tabs__items__item__icon {
    border-color: #fff;
    color: #fff;
}

.w76-productdetail-2__subs__first__main__tabs__items__item.active .w76-productdetail-2__subs__first__main__tabs__items__item__icon {
    border-color: #fff;
    color: #fff;
}

.w76-productdetail-2__subs__first__main__content {
    margin-bottom: 1.5rem;
    padding-top: 8rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__content {
        padding-top: 7rem;
    }

    .w76-productdetail-2__subs__first__main__tabs__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

.w76-productdetail-2__subs__first__main__content__detail {
}

.w76-productdetail-2__subs__second {
    width: 24%;
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail-2__subs__second {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w76-productdetail-2__subs__second__container {
    position: sticky;
    top: 1rem;
}

.w76-productdetail-2__subs__second__container__stafts {
    margin-bottom: 1rem;
    border-radius: .5rem;
    overflow: hidden;
    width: 100%;
}

.w76-productdetail-2__subs__second__container__stafts__heading {
    position: relative;
    padding: .5rem .5rem .5rem 4rem;
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
}

.w76-productdetail-2__subs__second__container__stafts__heading__line {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: solid 1px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 1rem;
}

.w76-productdetail-2__subs__second__container__stafts__heading__line__dot {
    display: inline-block;
    font-size: .8rem;
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail-2__subs__second__container__stafts__heading__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
}

.w76-productdetail-2__subs__second__container__stafts__items {
    overflow: hidden;
    border-radius: 0 0 .5rem .5rem;
    background-color: #f2f2f2;
    padding: .5rem 0;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__stafts__items {
        padding: 1rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__stafts__items {
        padding: .5rem 0;
    }
}

.w76-productdetail-2__subs__second__container__stafts__items__item {
    cursor: pointer;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__stafts__items__item {
        width: 49%;
        margin-left: 2%;
        margin-top: 1rem;
        background-color: #f7f7f7;
        border-radius: 1rem;
    }

        .w76-productdetail-2__subs__second__container__stafts__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__stafts__items__item {
        width: 100%;
        margin-left: 0;
        margin-top: 0;
        background-color: transparent;
        border-radius: 0;
    }

        .w76-productdetail-2__subs__second__container__stafts__items__item:nth-child(2n+1) {
            background-color: #f7f7f7;
        }
}

.w76-productdetail-2__subs__second__container__stafts__items__item:nth-child(2n+1) {
    background-color: #f7f7f7;
}

.w76-productdetail-2__subs__second__container__stafts__items__item__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: .75rem 1rem;
}

.w76-productdetail-2__subs__second__container__stafts__items__item__box__hinhanh {
    width: 6.5rem;
    height: 6.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.w76-productdetail-2__subs__second__container__stafts__items__item__box__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
    width:100%;
    height:100%;
}

    .w76-productdetail-2__subs__second__container__stafts__items__item__box__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-productdetail-2__subs__second__container__stafts__items__item__box__hinhanh__imgbox__img {
    width: 100%;
}

.w76-productdetail-2__subs__second__container__stafts__items__item__box__content {
    width: calc(100% - 8rem);
}

.w76-productdetail-2__subs__second__container__stafts__items__item__box__content__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: .5rem;
}

.w76-productdetail-2__subs__second__container__stafts__items__item__box__content__name {
    display: block;
}

.w76-productdetail-2__subs__second__container__stafts__items__item__box__content__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    display: block;
    transition: all .3s ease;
}

    .w76-productdetail-2__subs__second__container__stafts__items__item__box__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-productdetail-2__subs__second__container__hot {
    width: 100%;
    margin-bottom: 1rem;
    border: solid 1px #f2f2f2;
    border-radius: 1rem;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w76-productdetail-2__subs__second__container__hot__heading {
    position: relative;
    padding: .5rem .5rem .5rem 4rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__hot__heading {
        border-bottom: solid 1px #f2f2f2;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__hot__heading {
        border-bottom: none;
    }
}

.w76-productdetail-2__subs__second__container__hot__heading__line {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: solid 1px rgba(var(--second-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 1rem;
}

.w76-productdetail-2__subs__second__container__hot__heading__line__dot {
    display: inline-block;
    font-size: .8rem;
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail-2__subs__second__container__hot__heading__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
}

.w76-productdetail-2__subs__second__container__hot__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__hot__box {
        padding: 1rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__hot__box {
        padding: 0;
    }
}

.w76-productdetail-2__subs__second__container__hot__box__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    width: 100%;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__hot__box__main {
        width: 49%;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__hot__box__main {
        width: 100%;
    }
}

.w76-productdetail-2__subs__second__container__hot__box__main__hinhanh {
    display: block;
    width: 100%;
    overflow: hidden;
}

.w76-productdetail-2__subs__second__container__hot__box__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-productdetail-2__subs__second__container__hot__box__main__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-productdetail-2__subs__second__container__hot__box__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-productdetail-2__subs__second__container__hot__box__main__content {
    width: 100%;
    position: relative;
    background-color: #fff;
    padding: 1rem 1rem 0rem 1rem;
}

.w76-productdetail-2__subs__second__container__hot__box__main__content__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    margin-bottom: .5rem;
    display: block;
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
}

    .w76-productdetail-2__subs__second__container__hot__box__main__content__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-productdetail-2__subs__second__container__hot__box__main__content__des {
    font-size: 1.4rem;
    line-height: 2.4rem;
    color: #666;
}


.w76-productdetail-2__subs__second__container__hot__box__items {
    padding: 0 1rem;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__hot__box__items {
        width: 49%;
        padding: 0 0;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__hot__box__items {
        width: 100%;
        padding: 0 1rem;
    }
}

.w76-productdetail-2__subs__second__container__hot__box__items__item {
}

    .w76-productdetail-2__subs__second__container__hot__box__items__item:last-child {
    }

.w76-productdetail-2__subs__second__container__hot__box__items__item__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-bottom: 1rem;
}

.w76-productdetail-2__subs__second__container__hot__box__items__item__main__hinhanh {
    width: 7rem;
    overflow: hidden;
    border-radius: .3rem;
}

.w76-productdetail-2__subs__second__container__hot__box__items__item__main__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-productdetail-2__subs__second__container__hot__box__items__item__main__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-productdetail-2__subs__second__container__hot__box__items__item__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-productdetail-2__subs__second__container__hot__box__items__item__main__content {
    width: calc(100% - 8rem);
}

.w76-productdetail-2__subs__second__container__hot__box__items__item__main__content__text {
    font-size: 1.4rem;
    line-height: 2.4rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-productdetail-2__subs__second__container__hot__box__items__item__main__content__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-productdetail-2__subs__second__container__hot__box__items__item__main__content__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__subs__second__container__hot__box__items__item__main__content__date {
        font-size: 1.2rem;
    }
}

.w76-productdetail-2__subs__second__container__relates {
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: .5rem;
}

.w76-productdetail-2__subs__second__container__relates__heading {
    position: relative;
    padding: .5rem .5rem .5rem 4rem;
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
}

.w76-productdetail-2__subs__second__container__relates__heading__line {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: solid 1px #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 1rem;
}

.w76-productdetail-2__subs__second__container__relates__heading__line__dot {
    display: inline-block;
    font-size: .8rem;
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail-2__subs__second__container__relates__heading__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #fff;
}

.w76-productdetail-2__subs__second__container__relates__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-productdetail-2__subs__second__container__relates__items__item {
    width: 100%;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__relates__items__item {
        width: 49%;
        margin-left: 2%;
        margin-bottom: 0;
        margin-top: 1rem;
    }

        .w76-productdetail-2__subs__second__container__relates__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__relates__items__item {
        width: 100%;
        margin-bottom: 1rem;
        margin-top: 0rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__relates__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w76-productdetail-2__subs__second__container__relates__items__item__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
}

@media only screen and (min-width: 62.5rem) {
    .w76-productdetail-2__subs__second__container__relates__items__item:first-child
    .w76-productdetail-2__subs__second__container__relates__items__item__main {
        border-radius: 0 0 .5rem .5rem;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__second__container__relates__items__item:first-child
    .w76-productdetail-2__subs__second__container__relates__items__item__main {
        border-radius: 0 0 .5rem .5rem;
    }
}

.w76-productdetail-2__subs__second__container__relates__items__item__main__hinhanh {
    display: block;
    width: 100%;
    position: relative;
}

.w76-productdetail-2__subs__second__container__relates__items__item__main__hinhanh__bg {
    background-image: url(../../img/w77/flash-1.png);
    background-size: contain;
    background-position: center;
    position: absolute;
    width: 110px;
    height: 26px;
    bottom: -13px;
    left: 1rem;
    z-index: 2;
}

.w76-productdetail-2__subs__second__container__relates__items__item__main__hinhanh__price {
    bottom: -28px;
    right: 1.5rem;
    z-index: 2;
    font-size: 4rem;
    font-weight: 600;
    font-style: italic;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff;
    position: absolute;
}

.w76-productdetail-2__subs__second__container__relates__items__item__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-productdetail-2__subs__second__container__relates__items__item__main__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-productdetail-2__subs__second__container__relates__items__item__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-productdetail-2__subs__second__container__relates__items__item__main__content {
    width: 100%;
    position: relative;
    background-color: #f2f2f2;
    padding: 2.25rem 1rem 1rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w76-productdetail-2__subs__second__container__relates__items__item__main__content__text {
    width: 65%;
    font-size: 1.4rem;
    line-height: 2.4rem;
    cursor: pointer;
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
}

    .w76-productdetail-2__subs__second__container__relates__items__item__main__content__text:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-productdetail-2__subs__second__container__relates__items__item__main__content__price {
    width: 31%;
    color: rgba(var(--second-color-w),1);
    font-size: 1.4rem;
    display: flex;
    text-decoration: line-through;
    justify-content: flex-end;
}

.w76-productdetail-2__tableoct {
    width: 100%;
    padding: 0rem 0rem 0rem;
    margin-bottom: 1.5rem;
}

.w76-productdetail-2__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: .25rem 1.5rem;
}

.w76-productdetail-2__tableoct__cbcl:checked ~ .w76-productdetail-2__tableoct__clone {
    display: block;
}

.w76-productdetail-2__tableoct__cbcl {
    display: none;
}

.w76-productdetail-2__tableoct__checkbox {
    display: none;
}

    .w76-productdetail-2__tableoct__checkbox:checked ~ .w76-productdetail-2__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w76-productdetail-2__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w76-productdetail-2__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w76-productdetail-2__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w76-productdetail-2__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w76-productdetail-2__tableoct__checkbox:checked ~
.w76-productdetail-2__tableoct__heading {
}

.w76-productdetail-2__tableoct__heading__title {
    display: flex;
}

.w76-productdetail-2__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    display: none;
}

.w76-productdetail-2__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
}

.w76-productdetail-2__tableoct__heading__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
}

.w76-productdetail-2__tableoct__checkbox:checked ~
.w76-productdetail-2__tableoct__heading
.w76-productdetail-2__tableoct__heading__icon:before {
    content: "\f142";
}

.w76-productdetail-2__tableoct__heading:hover {
    transition: all .2s ease-in-out;
}

.w76-productdetail-2__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w76-productdetail-2__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w76-productdetail-2__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w76-productdetail-2__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w76-productdetail-2__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w76-productdetail-2__tableoct__body__ol {
    list-style: none;
}

.w76-productdetail-2__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w76-productdetail-2__tableoct__body__ol__text__vl {
    padding: .75rem 2rem .75rem 1rem;
}

.w76-productdetail-2__tableoct__body__ol > .w76-productdetail-2__tableoct__body__ol__text {
    font-size: 1.6rem;
}

.w76-productdetail-2__tableoct__body__ol__text:hover .w76-productdetail-2__tableoct__body__ol--1__text {
}

    .w76-productdetail-2__tableoct__body__ol__text:hover .w76-productdetail-2__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail-2__tableoct__body__ol__text.active {
}

    .w76-productdetail-2__tableoct__body__ol__text.active .w76-productdetail-2__tableoct__body__ol--1__text {
    }

.w76-productdetail-2__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w76-productdetail-2__tableoct__body__ol__text:hover .w76-productdetail-2__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail-2__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w76-productdetail-2__tableoct__body__ol__text__vl.active {
    }

.w76-productdetail-2__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w76-productdetail-2__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: .75rem;
    z-index: 1;
}

.w76-productdetail-2__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
    transform: rotate(90deg);
    transition: all .2s ease;
}

.w76-productdetail-2__tableoct__body__ol--1__text > .w76-productdetail-2__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w76-productdetail-2__tableoct__body__ol--1__text > .w76-productdetail-2__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w76-productdetail-2__tableoct__body__ol__text__cbx {
    display: none;
}

    .w76-productdetail-2__tableoct__body__ol__text__cbx:checked ~ .w76-productdetail-2__tableoct__body__ol--1 {
        display: block;
    }

    .w76-productdetail-2__tableoct__body__ol__text__cbx:checked ~ .w76-productdetail-2__tableoct__body__ol__text__lbl .w76-productdetail-2__tableoct__body__ol__text__lbl__icon {
        transform: rotate(-90deg);
       
    }

.w76-productdetail-2__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w76-productdetail-2__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.6rem;
}

    .w76-productdetail-2__tableoct__body__ol--1__text > a {
        padding: .75rem 1rem .75rem 3rem;
    }

ol > li > ol > .w76-productdetail-2__tableoct__body__ol--1__text {
}

ol ol ol .w76-productdetail-2__tableoct__body__ol--1__text {
}

    ol ol ol .w76-productdetail-2__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w76-productdetail-2__tableoct__body__ol--1__text > a.active {
            color:#fff;
        }

.w76-productdetail-2__tableoct__body__ol--1__text:hover {
    color: white;
}

.w76-productdetail-2__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w76-productdetail-2__tableoct__body__ol--1__text > a.active {
    }

    .w76-productdetail-2__tableoct__body__ol--1__text > a::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w76-productdetail-2__tableoct__body__ol--1__text > a.active::after {
        max-width: 100%;
    }

.w76-productdetail-2__subs__first__main__comment {
    margin-top: 2rem;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    border-radius: .5rem;
    overflow: hidden;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__subs__first__main__comment {
        margin-top: 1.5rem;
    }
}

.w76-productdetail-2__subs__first__main__comment__heading {
    padding: 1rem 1rem 1rem 5rem;
    display: flex;
    align-items: center;
    background-color: #fff;
    width: 100%;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productdetail-2__subs__first__main__comment__heading {
        border-bottom: solid 1px #f2f2f2;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-productdetail-2__subs__first__main__comment__heading {
        border-bottom: none;
    }
}

.w76-productdetail-2__subs__first__main__comment__heading__line {
    position: absolute;
    width: 2.2rem;
    height: 2.2rem;
    border-radius: 50%;
    border: solid 1px rgba(var(--second-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    left: 1.5rem;
}

.w76-productdetail-2__subs__first__main__comment__heading__line__dot {
    display: inline-block;
    font-size: .8rem;
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail-2__subs__first__main__comment__heading__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
}

.w76-productdetail-2__subs__first__main__comment__items {
    transition: all .5s ease;
    overflow: hidden;
}

.w76-productdetail-2__subs__first__main__comment__items__item {
    padding: 1.5rem;
    background-color: #f2f2f2;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

    .w76-productdetail-2__subs__first__main__comment__items__item:nth-child(2n+1) {
        background-color: #fff;
    }

.w76-productdetail-2__subs__first__main__comment__items__item__create {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 17%;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__comment__items__item__create {
    }
}

.w76-productdetail-2__subs__first__main__comment__items__item__sub__date {
    font-size: 1.6rem;
    color: #696665;
    width: 100%;
}

.w76-productdetail-2__subs__first__main__comment__items__item__create__imgbox {
    width: 100%;
    background-size: cover;
    border-radius: .5rem;
}

.w76-productdetail-2__subs__first__main__comment__items__item__create__imgbox__img {
    width: 100%;
}

.w76-productdetail-2__subs__first__main__comment__items__item__sub__create {
    width: 100%;
}

.w76-productdetail-2__subs__first__main__comment__items__item__sub__create__name {
    font-size: 1.8rem;
    line-height: 2.6rem;
    color: #111;
    font-weight: 600;
    margin-bottom: .5rem;
}

.w76-productdetail-2__subs__first__main__comment__items__item__sub__create__stars {
    margin-bottom: 1rem;
    display: flex;
}

.w76-productdetail-2__subs__first__main__comment__items__item__sub__create__stars__icon {
    font-size: 1rem;
    color: #ff7101;
}

    .w76-productdetail-2__subs__first__main__comment__items__item__sub__create__stars__icon:not(:first-child) {
        margin-left: .5rem;
    }

.w76-productdetail-2__subs__first__main__comment__items__item__sub {
    width: 81%;
}

.w76-productdetail-2__subs__first__main__comment__items__item__sub__detail {
    color: #111;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: .5rem;
}

.w76-productdetail-2__subs__first__main__comment__more {
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    margin-top: 1rem;
    cursor: pointer;
}

.w76-productdetail-2__subs__first__main__comment__more__name {
    font-weight: 600;
    font-size: 1.6rem;
}

.w76-productdetail-2__subs__first__main__comment__more__icon {
    margin-left: 1rem;
    transition: all .3s ease;
    font-size: 1rem;
    width: 1.7rem;
    font-size: .8rem;
    height: 1.7rem;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w76-productdetail-2__subs__first__main__comment__ck:checked ~
.w76-productdetail-2__subs__first__main__comment__more {
    display: none;
}

.w76-productdetail-2__subs__first__main__comment__box {
    background-color: #fff;
    padding: 2rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: .5rem;
    margin-top: 3rem;
    width: calc(100% - 3rem);
    margin: 2rem 1.5rem 1.5rem;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__subs__first__main__comment__box {
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__comment__box {
        padding: 1.5rem;
    }
}

.w76-productdetail-2__subs__first__main__comment__box__heading {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__subs__first__main__comment__box__heading {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__comment__box__heading {
        margin-bottom: 2rem;
    }
}

.w76-productdetail-2__subs__first__main__comment__box__heading__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
    cursor: pointer;
    transition: all .5s;
    display: block;
    margin-bottom: .5rem;
}

.w76-productdetail-2__subs__first__main__comment__box__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #696665;
}

.w76-productdetail-2__subs__first__main__comment__box__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 100%;
}

.w76-productdetail-2__subs__first__main__comment__box__items__item {
    width: 48%;
    margin-bottom: 2.5rem;
    margin-left: 4%;
}

@media only screen and (min-width:50rem) {
    .w76-productdetail-2__subs__first__main__comment__box__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__subs__first__main__comment__box__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail-2__subs__first__main__comment__box__items__item {
        margin-bottom: 2rem;
    }
}

.w76-productdetail-2__subs__first__main__comment__box__items__item:nth-child(2n+1) {
    margin-left: 0;
}

.w76-productdetail-2__subs__first__main__comment__box__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w76-productdetail-2__subs__first__main__comment__box__items__item__name {
    color: #111;
    font-weight: 600;
    font-size: 1.5rem;
    margin-bottom: 1rem;
    display: block;
}

.w76-productdetail-2__subs__first__main__comment__box__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: .5rem;
    border: 1px solid #EDEDED;
    background: #f2f2f2;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    transition: all .3s ease;
}

    .w76-productdetail-2__subs__first__main__comment__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
        background-color: #fff;
    }

.w76-productdetail-2__subs__first__main__comment__box__full {
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__subs__first__main__comment__box__full {
        margin-bottom: 2rem;
    }
}

.w76-productdetail-2__subs__first__main__comment__box__full__name {
    color: #111;
    font-weight: 600;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    display: block;
}

.w76-productdetail-2__subs__first__main__comment__box__full__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: .5rem;
    border: 1px solid #EDEDED;
    background: #f2f2f2;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 1.4rem;
    font-weight: 400;
    color: #111;
    transition: all .3s ease;
}

    .w76-productdetail-2__subs__first__main__comment__box__full__input:focus {
        border-color: rgba(var(--main-color-w),1);
        background-color: #fff;
    }

.w76-productdetail-2__subs__first__main__comment__box__btn {
    width: max-content;
    display: block;
    font-size: 1.6rem;
    font-weight: 500;
    border-radius: .5rem;
    padding: 1.5rem 10rem;
    text-align: center;
    transition: all .3s ease;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    cursor: pointer;
    margin-left: auto;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail-2__subs__first__main__comment__box__btn {
        width: 100%;
        padding: 1.5rem 1.5rem;
    }
}

.w76-productdetail-2__subs__first__main__comment__box__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
}

.w76-productdetail-2__subs__first__main__comment__box__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}
/*ed*/
/*w76-service-1*/
.w76-service-1 {
    padding: 3rem 1rem;
    background-color: #fff;
    width:100%;
}

.w76-service-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w76-service-1__items {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w76-service-1__items__item {
    width: 100%;
    border: solid 1px #e6e6e6;
    padding: 2.5rem 2rem 1.5rem;
    border-radius: 1rem;
    position: relative;
    margin-bottom: 1.5rem;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-service-1__items__item {
        width: 100%;
    }
}

.w76-service-1__items__item__heading {
    position: absolute;
    top: -18px;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content:center;
    padding: .5rem 1rem;
    border-radius: 1rem;
}

.w76-service-1__items__item__heading__name {
    font-size: 2rem;
}

.w76-service-1__items__item__heading__icon {
    width: 2.2rem;
    height: 2.2rem;
    margin-left: 1rem;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
}

.w76-service-1__items__item__subs {
    display: flex;
    flex-wrap: wrap;
}

.w76-service-1__items__item__subs__sub {
    margin-bottom: .5rem;
    margin-left: 2%;
    width: 32%;
    display: flex;
    align-items: center;
    cursor: pointer;
}

@media only screen and (min-width:37.5rem) {
    .w76-service-1__items__item__subs__sub:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-service-1__items__item__subs__sub {
        width: 49%;
    }

        .w76-service-1__items__item__subs__sub:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-service-1__items__item__subs__sub__icon {
    margin-right: .5rem;
    font-size: .8rem;
    color: rgba(var(--second-color-w),1);
}

.w76-service-1__items__item__subs__sub__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
    transition: all .3s;
}

    .w76-service-1__items__item__subs__sub__name:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

.w76-service-1__items__item__subs__sub.active
.w76-service-1__items__item__subs__sub__name {
    color: rgba(var(--second-color-w),1)
}
/*ed*/
/*w76-service-2*/
.w76-service-2 {
    background-color: #fff;
    padding: 3rem 1rem;
    width:100%;
}

.w76-service-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-service-2__heading {
    margin-bottom: 2rem;
}

.w76-service-2__heading__name {
    width: max-content;
    max-width: 100%;
    margin: 0 auto 2rem;
    font-size: 3rem;
    line-height: 4rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width: 37.5rem) {
    .w76-service-2__heading__name {
        font-size: 2.4rem;
        line-height: 3.4rem;
    }
}

.w76-service-2__heading__line {
    width: 10rem;
    height: 3px;
    background-color: rgba(var(--second-color-w),1);
    border-radius: .3rem;
    margin: 0 auto;
}

.w76-service-2__items {
    overflow: hidden;
    border-radius: 0 0 .5rem .5rem;
    padding: 0rem 0;
    display: flex;
    flex-wrap: wrap;
    border-top: solid 1px #e4e4e4;
    width: 100%;
}

.w76-service-2__items__item {
    padding: 2.5rem 0;
    cursor: pointer;
    width: calc(100% / 3);
    border-bottom: solid 1px #e4e4e4;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w76-service-2__items__item {
        width: 50%;
    }
}

@media only screen and (max-width: 50rem) {
    .w76-service-2__items__item {
        width: 100%;
    }
}

.w76-service-2__items__item__hinhanh {
    width: 11rem;
    height: 11rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.w76-service-2__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
    width: 100%;
    height: 100%;
}

    .w76-service-2__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-service-2__items__item__hinhanh__imgbox__img {
    width: 100%;
    height: 100%;
}

.w76-service-2__items__item__content {
    width: calc(100% - 13rem);
}

.w76-service-2__items__item__content__text {
    font-size: 2.2rem;
    line-height: 3.2rem;
}

.w76-service-2__items__item__content__name {
    display: block;
}

.w76-service-2__items__item__content__des {
    font-size: 2.2rem;
    line-height: 3.2rem;
    display: block;
    transition: all .3s ease;
}

    .w76-service-2__items__item__content__des:hover {
        color: rgba(var(--second-color-w),1);
    }
/*ed*/
/*w76-service-3*/
.w76-service-3 {
    padding: 6rem 1rem;
    background-color: #fff;
    width:100%;
}

.w76-service-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w76-service-3__mains {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    border: solid 6px #e7e7e8;
    padding: 4rem;
    border-radius: 1rem;
    position: relative;
}

.w76-service-3__mains__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:62.5rem) {
    .w76-service-3__mains__items {
        width: 100%;
    }
}

.w76-service-3__mains__heading {
    position: absolute;
    top: -30px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    border-radius: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-service-3__mains__heading {
        top: -20px;
    }
}

.w76-service-3__mains__heading__name {
    font-size: 3rem;
    line-height: 4rem;
    color: #333;
}

@media only screen and (max-width:37.5rem) {
    .w76-service-3__mains__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w76-service-3__mains__items__subs {
    width: 35%;
}

@media only screen and (max-width:62.5rem) {
    .w76-service-3__mains__items__subs {
        width: 45%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-service-3__mains__items__subs {
        width: 100%;
    }
}

.w76-service-3__mains__items__subs__line {
    width: 100%;
    background-color: #eee;
    height: 1px;
    margin: 2.5rem 0;
}

@media only screen and (min-width:50rem) {
    .w76-service-3__mains__items:last-child .w76-service-3__mains__items__subs__line {
        display: none;
    }
}

@media only screen and (max-width:50rem) {
    .w76-service-3__mains__items:last-child .w76-service-3__mains__items__subs:last-child .w76-service-3__mains__items__subs__line {
        display: none;
    }
}

.w76-service-3__mains__items__subs__sub {
    margin-bottom: .5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
}

.w76-service-3__mains__items__subs__sub__icon {
    margin-right: 1rem;
    font-size: 1.4rem;
    color: #666;
}

.w76-service-3__mains__items__subs__sub__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
    transition: all .3s;
}

    .w76-service-3__mains__items__subs__sub__name:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

/*ed*/
/*w76-service-4*/
.w76-service-4 {
    padding: 5rem 1rem 0rem;
    background-color: #fff;
    width:100%;
}

.w76-service-4__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w76-service-4__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-service-4__items__first {
    width: 34%;
    border: solid 1px #e6e6e6;
    padding: 3rem 3rem 1.5rem;
    border-radius: 1rem;
    position: relative;
    margin-bottom: 3.5rem;
    margin-top: 1rem;
}

@media only screen and (min-width:62.5rem) {
    .w76-service-4__items__first {
        margin-left: 3%;
    }

        .w76-service-4__items__first:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w76-service-4__items__first {
        width: 100%;
    }
}

.w76-service-4__items__first__heading {
    position: absolute;
    top: -30px;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    border-radius: 1rem;
}

.w76-service-4__items__first__heading__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.w76-service-4__items__first__subs {
    display: flex;
    flex-wrap: wrap;
}

.w76-service-4__items__first__subs__heading {
    padding: 1rem 0;
    position: relative;
    margin-bottom: 1.5rem;
}

.w76-service-4__items__first__subs__heading__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.w76-service-4__items__first__subs__heading__line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 5rem;
    background-color: rgba(var(--second-color-w),1);
}

.w76-service-4__items__first__subs__sub {
    width: 100%;
}

.w76-service-4__items__first__subs__sub__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
    transition: all .3s;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .w76-service-4__items__first__subs__sub__name:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

.w76-service-4__items__first__subs__sub__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
}

.w76-service-4__items__last {
    width: 34%;
    border: solid 1px #e6e6e6;
    padding: 3rem 3rem 1.5rem;
    border-radius: 1rem;
    position: relative;
    margin-bottom: 3.5rem;
    margin-top: 1rem;
}

@media only screen and (min-width:62.5rem) {
    .w76-service-4__items__last {
        margin-left: 3%;
    }

        .w76-service-4__items__last:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w76-service-4__items__last {
        width: 100%;
    }
}

.w76-service-4__items__last__heading {
    position: absolute;
    top: -30px;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    border-radius: 1rem;
}

.w76-service-4__items__last__heading__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.w76-service-4__items__last__subs {
    display: flex;
    flex-wrap: wrap;
}

.w76-service-4__items__last__subs__heading {
    padding: 1rem 0;
    position: relative;
    margin-bottom: 1.5rem;
}

.w76-service-4__items__last__subs__heading__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.w76-service-4__items__last__subs__heading__line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 5rem;
    background-color: rgba(var(--second-color-w),1);
}

.w76-service-4__items__last__subs__sub {
    width: 100%;
}

.w76-service-4__items__last__subs__sub__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
    transition: all .3s;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .w76-service-4__items__last__subs__sub__name:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

.w76-service-4__items__last__subs__sub__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
}

.w76-service-4__items__center {
    width: 26%;
    border: solid 1px #e6e6e6;
    padding: 3rem 3rem 1.5rem;
    border-radius: 1rem;
    position: relative;
    margin-bottom: 3.5rem;
    margin-top: 1rem;
}

@media only screen and (min-width:62.5rem) {
    .w76-service-4__items__center {
        margin-left: 3%;
    }

        .w76-service-4__items__center:nth-child(3n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w76-service-4__items__center {
        width: 100%;
    }
}

.w76-service-4__items__center__heading {
    position: absolute;
    top: -30px;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    border-radius: 1rem;
}

.w76-service-4__items__center__heading__icon {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.w76-service-4__items__center__subs {
    display: flex;
    flex-wrap: wrap;
}

.w76-service-4__items__center__subs__heading {
    padding: 1rem 0;
    position: relative;
    margin-bottom: 1.5rem;
}

.w76-service-4__items__center__subs__heading__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.w76-service-4__items__center__subs__heading__line {
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 5rem;
    background-color: rgba(var(--second-color-w),1);
}

.w76-service-4__items__center__subs__sub {
    width: 100%;
}

.w76-service-4__items__center__subs__sub__name {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: #111;
    transition: all .3s;
    display: flex;
    align-items: center;
    cursor: pointer;
}

    .w76-service-4__items__center__subs__sub__name:hover {
        color: rgba(var(--second-color-w),1);
        text-decoration: underline;
    }

.w76-service-4__items__center__subs__sub__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1.5rem;
}
/*ed*/

/*w76-ctaregister-2*/
.w76-ctaregister-2 {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
    color: #3f3f3f;
    position: relative;
    z-index: 0;
}

.w76-ctaregister-2__group {
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
    z-index: 0;
}

.w76-ctaregister-2__items {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    background-color: #f3f3f4;
    border-radius: .5rem;
    width: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w76-ctaregister-2__items {
        flex-direction: column-reverse;
    }
}

.w76-ctaregister-2__items__contact {
    width: 40%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 4rem;
}

@media only screen and (max-width: 62.5rem) {
    .w76-ctaregister-2__items__contact {
        width: 100%;
        padding: 2rem;
    }
}

.w76-ctaregister-2__items__contact__name {
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 1.5rem;
}

.w76-ctaregister-2__items__contact__form {
    width: 100%;
}

.w76-ctaregister-2__items__contact__form__input {
    margin-top: 1.5rem;
    display: block;
    padding: 1.25rem;
    border: 0.15rem solid #eee;
    border-radius: 0.5rem;
    background-color: white;
}

    .w76-ctaregister-2__items__contact__form__input:first-child {
        margin-top: 0;
    }

.w76-ctaregister-2__items__contact__form__input__text {
    outline: none;
    border: none;
    width: 97%;
    display: inline-block;
    font-size: 1.5rem;
}

    .w76-ctaregister-2__items__contact__form__input__text::placeholder {
    }

.w76-ctaregister-2__items__contact__form__input__icon {
    color: red;
}

.w76-ctaregister-2__items__contact__form__text {
    outline: none;
    width: 100%;
    margin-top: 1.5rem;
    display: block;
    padding: 1.2rem;
    border-radius: 0.5rem;
    border: 0.15rem solid #eee;
    font-size: 1.5rem;
    font-family: inherit;
}

.w76-ctaregister-2__items__contact__form__vung {
    padding: 1rem;
    position: relative;
    border: 1px solid #eee;
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 1rem;
    border-radius: 0.5rem;
}

.w76-ctaregister-2__items__contact__form__vung__checkbox {
    display: none;
}

    .w76-ctaregister-2__items__contact__form__vung__checkbox:checked ~ .w76-ctaregister-2__items__contact__form__vung__items {
        visibility: visible;
        transform: scale(1);
        max-height: 100vh;
        transition: all 0.2s ease;
    }

.w76-ctaregister-2__items__contact__form__vung__ad {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 1.4rem;
    font-weight: 600;
    cursor: pointer;
}

.w76-ctaregister-2__items__contact__form__vung__ad__icon {
    margin-left: 0.5rem;
}

.w76-ctaregister-2__items__contact__form__vung__items {
    position: absolute;
    top: 4rem;
    background-color: white;
    z-index: 1;
    left: 0;
    width: 100%;
    border: 1px solid #eee;
    max-height: 0;
    transform: scale(1) translate(0%, 0%);
    visibility: hidden;
    transition: all 0.2s ease;
    overflow: hidden;
}

    .w76-ctaregister-2__items__contact__form__vung__items .active {
        font-weight: 800;
    }

.w76-ctaregister-2__items__contact__form__vung__items__item {
    font-size: 1.4rem;
    display: block;
    font-weight: 600;
    cursor: pointer;
    padding: 0.5rem;
    margin-top: 0.5rem;
}

    .w76-ctaregister-2__items__contact__form__vung__items__item:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w76-ctaregister-2__items__contact__form__vung__items__item:hover {
        background-color: #eee;
    }

.w76-ctaregister-2__items__contact__button {
    padding: 1rem 2rem;
    display: inline-block;
    font-weight: 600;
    color: white;
    font-size: 1.6rem;
    margin: 0 auto;
    border-radius: .3rem;
    margin-top: 2rem;
    border: none;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    transition: all .5s;
    width: 100%;
    text-align: center;
}

    .w76-ctaregister-2__items__contact__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w76-ctaregister-2__items__contact__info {
    line-height: 1.6rem;
    display: block;
    margin-top: 2rem;
}

.w76-ctaregister-2__items__second {
    width: 60%;
    overflow: hidden;
    cursor: pointer;
    position: relative;
    border-radius:0 .5rem .5rem 0;
}

@media only screen and (max-width: 62.5rem) {
    .w76-ctaregister-2__items__second {
        width: 100%;
    }
}

.w76-ctaregister-2__hinhanh {
    width: 100%;
}

@media only screen and (min-width: 62.5rem) {
    .w76-ctaregister-2__hinhanh {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.w76-ctaregister-2__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
}

@media only screen and (min-width: 62.5rem) {
    .w76-ctaregister-2__hinhanh__imgbox {
        height: 100%;
    }
}

.w76-ctaregister-2__hinhanh__imgbox__img {
    width: 100%;
}

@media only screen and (min-width: 62.5rem) {
    .w76-ctaregister-2__hinhanh__imgbox__img {
        height: 100%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-ctaregister-2__items__contact__form__dropdown {
        width: 100%;
    }
}

.w76-ctaregister-2__items__contact__form__dropdown__label {
    background-color: transparent;
    padding: 1.25rem 1.5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: 0.15rem solid #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
}

.w76-ctaregister-2__items__contact__form__dropdown__check:checked ~
.w76-ctaregister-2__items__contact__form__dropdown__label
.w76-ctaregister-2__items__contact__form__dropdown__label__icon:before {
    content: "\f106";
}

.w76-ctaregister-2__items__contact__form__dropdown__label__name {
    font-size: 1.5rem;
}

.w76-ctaregister-2__items__contact__form__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w76-ctaregister-2__items__contact__form__dropdown {
    position: relative;
}

.w76-ctaregister-2__items__contact__form__dropdown__check {
    display: none;
}

.w76-ctaregister-2__items__contact__form__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 100%;
    transition: all .25s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 20rem;
}
.w76-ctaregister-2__items__contact__form__dropdown__check:checked ~
.w76-ctaregister-2__items__contact__form__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: calc(100% + 1rem);
    opacity: 1;
}

.w76-ctaregister-2__items__contact__form__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w76-ctaregister-2__items__contact__form__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w76-ctaregister-2__items__contact__form__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w76-article-1*/
.w76-article-1 {
    background-color: #fff;
    padding: 3rem 1rem 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1 {
    }
}

.w76-article-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w76-article-1__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 2rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading {
        margin-bottom: 1rem;
    }
}

.w76-article-1__heading__main {
    position: relative;
    padding-left: 3.6rem;
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main {
        width: 100%;
        background-color: rgba(var(--main-color-w),1);
        padding: 1rem 1rem 1rem 4.6rem;
        justify-content: space-between;
    }
}

.w76-article-1__heading__main__line {
    position: absolute;
    width: 2.6rem;
    height: 2.6rem;
    border-radius: 50%;
    border: solid 2px rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    left: 0;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__line {
        left: 1rem;
    }
}

.w76-article-1__heading__main__line__dot {
    display: inline-block;
    font-size: 1.3rem;
    color: rgba(var(--second-color-w),1);
}

.w76-article-1__heading__main__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__name {
        color: #fff;
    }
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w76-article-1__heading__main__btn {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__main__btn {
        display: flex;
        align-items: center;
        font-size: 1.6rem;
        margin-left: 1rem;
        color: #fff;
    }

    .w76-article-1__heading__main__btn__icon {
        margin-left: 1rem;
    }
}

.w76-article-1__heading__second {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__second {
        width: 100%;
        flex-wrap: nowrap;
        overflow-y: scroll;
        padding: 1rem;
    }
}

.w76-article-1__heading__second__item {
    margin-right: 1rem;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__second__item {
        margin-top: 0;
        white-space: nowrap;
    }
}

.w76-article-1__heading__second__item__name {
    padding: .75rem 1.5rem;
    border: solid 1px #7f7f7f;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .75rem;
    background-color: #f5f5f5;
    color: #111;
    font-size: 1.6rem;
    display: block;
}

    .w76-article-1__heading__second__item__name:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        border-color: rgba(var(--second-color-w),1)
    }

.w76-article-1__heading__second__btn {
    display: flex;
    align-items: center;
    padding: .75rem 1.5rem;
    border: solid 1px #7f7f7f;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .75rem;
    background-color: #f5f5f5;
    color: #111;
    margin-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-article-1__heading__second__btn {
        display: none;
    }
}

.w76-article-1__heading__second__btn:hover {
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-color: rgba(var(--second-color-w),1)
}

.w76-article-1__heading__second__btn__name {
    font-size: 1.6rem;
}

.w76-article-1__heading__second__btn__icon {
    margin-left: 1rem;
}

.w76-article-1__items {
    display: flex;
    flex-wrap: wrap;
}

.w76-article-1__items__item {
    overflow: hidden;
    width: 49%;
    margin-left: 2%;
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: #f5f5f5;
    border-radius: 1rem;
}

    .w76-article-1__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item {
        width: 100%;
        margin-left: 0;
        margin-bottom: 1rem;
    }
}

.w76-article-1__items__item__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: .5rem 0 0 .5rem;
    width: 38%;
}

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item__hinhanh {
        width: 30%;
        margin-left: 0;
    }
}

.w76-article-1__items__item__hinhanh__imgbox {
    background-size: cover;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w76-article-1__items__item__hinhanh__imgbox:hover {
        filter: brightness(.85);
    }

.w76-article-1__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w76-article-1__items__item__content {
    width: 62%;
    padding: 2rem;
}

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item__content {
        width: 70%;
        margin-left: 0;
        padding: 1rem;
    }
}

.w76-article-1__items__item__content__name {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2.6rem;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-article-1__items__item__content__name:hover {
        color: rgba(var(--second-color-w),1);
    }

.w76-article-1__items__item__content__name__text {
    display: block;
}

.w76-article-1__items__item__content__date__date {
    display: flex;
    align-items: center;
    font-size: 1.4rem;
    margin-bottom: 1rem;
    color: #666;
}

@media only screen and (max-width:50rem) {
    .w76-article-1__items__item__content__date__date {
        font-size: 1.2rem;
    }
}

.w76-article-1__items__item__content__date__date__icon {
    margin-right: 1rem;
}
/*ed*/

/*w76-abimg-1*/
.w76-abimg-1 {
    background-color: #f4f4f4;
    padding: 3rem 1rem;
    width: 100%;
}

.w76-abimg-1__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    position: relative;
}

.w76-abimg-1__heading {
}

.w76-abimg-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: rgba(var(--main-color-w),1);
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 1rem;
    text-align: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-abimg-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w76-abimg-1__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-bottom: 1rem;
    max-width: 100%;
    width: max-content;
    margin: 0 auto 3rem;
}

.w76-abimg-1__line {
    width: 20rem;
    max-width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin: 0 auto 0rem;
}

.w76-abimg-1__line__bd {
    width: 100%;
    height: 2px;
    background-color: #e8e8e8;
}

.w76-abimg-1__line__icon {
    width: 1.8rem;
    height: 1.8rem;
    position: absolute;
    border: solid 3px rgba(var(--second-color-w),1);
    display: flex;
    background: #e8e8e8;
    border-radius: 100%;
}

.w76-abimg-1__mains {
    position: relative;
    width: 100%;
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w76-abimg-1__prev {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    color: #111;
    border-radius: 50%;
    color: #898b8e;
    left: -5rem;
    top: 50%;
    position: absolute;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-abimg-1__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

@media only screen and (max-width:75rem) {
    .w76-abimg-1__prev {
        left: 0rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-abimg-1__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}

@media only screen and (max-width:50rem) {
    .w76-abimg-1__prev {
        left: 0rem;
    }
}

.w76-abimg-1__next {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    color: #111;
    border-radius: 50%;
    color: #898b8e;
    position: absolute;
    right: -5rem;
    top: 50%;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-abimg-1__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

@media only screen and (max-width:75rem) {
    .w76-abimg-1__next {
        right: 0rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-abimg-1__next {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}

@media only screen and (max-width:50rem) {
    .w76-abimg-1__next {
        right: 0rem;
    }
}

.w76-abimg-1__dots {
    display: none;
}

.w76-abimg-1__mains__items {
    display: flex;
    padding-top:8rem;
    height:max-content !important;
}
@media only screen and (max-width:75rem) {
    .w76-abimg-1__mains__items {
        padding-top: 7rem;
    }
}
@media only screen and (max-width:50rem) {
    .w76-abimg-1__mains__items {
        padding-top: 3.5rem;
    }
}
.w76-abimg-1__mains__items__item {
    width: 19.2%;
    margin-right: 1%;
}

@media only screen and (max-width:75rem) {
    .w76-abimg-1__mains__items__item {
        width: 32%;
        margin-right: 2%;
    }
}

@media only screen and (max-width:50rem) {
    .w76-abimg-1__mains__items__item {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%;
        display:flex;
        align-items:flex-start;
        justify-content:center;
    }
}

.w76-abimg-1__mains__items__item.active {
}

.w76-abimg-1__mains__items__item__main {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    transition: all .3s ease;
}
@media only screen and (max-width:50rem) {
    .w76-abimg-1__mains__items__item__main {
        width: 96%;
    }
}
.w76-abimg-1__mains__items__item__main__hinhanh {
    display: block;
    width: 100%;
    margin-bottom: 5rem;
    overflow: hidden;
    border-radius: 0rem 4rem 0 4rem;
    border: solid .7rem #fff;
    transition: all 1s ease;
    transform: scale(.7);
    opacity: .5;
}
@media only screen and (min-width:75rem) {
    .w76-abimg-1__mains__items__item.ws1SliderCenter-2-prev .w76-abimg-1__mains__items__item__main__hinhanh {
        transform: scale(.7) translateX(-3rem);
    }

    .w76-abimg-1__mains__items__item.ws1SliderCenter-1-prev .w76-abimg-1__mains__items__item__main__hinhanh {
        transform: scale(.95) translateX(-5rem);
        opacity: .7;
    }

    .w76-abimg-1__mains__items__item.ws1SliderCenter-1-next .w76-abimg-1__mains__items__item__main__hinhanh {
        transform: scale(.95) translateX(5rem);
        opacity: .7;
    }

    .w76-abimg-1__mains__items__item.ws1SliderCenter-2-next .w76-abimg-1__mains__items__item__main__hinhanh {
        transform: scale(.7) translateX(3rem);
    }

    .w76-abimg-1__mains__items__item.ws1SliderCenter-0 {
    }
    .w76-abimg-1__mains__items__item.ws1SliderCenter-0 .w76-abimg-1__mains__items__item__main__hinhanh {
        transform: scale(1.3);
        opacity: 1;
    }
}
@media only screen and (max-width:75rem) {
    @media only screen and (min-width:50rem) {
        .w76-abimg-1__mains__items__item__main__hinhanh {
            transform: scale(.8);
            opacity: .7;
        }

        .w76-abimg-1__mains__items__item.ws1SliderCenter-1-prev .w76-abimg-1__mains__items__item__main__hinhanh {
            transform: scale(.8) translateX(-2rem);
            opacity: .7;
        }

        .w76-abimg-1__mains__items__item.ws1SliderCenter-1-next .w76-abimg-1__mains__items__item__main__hinhanh {
            transform: scale(.8) translateX(2rem);
            opacity: .7;
        }

        .w76-abimg-1__mains__items__item.ws1SliderCenter-0 .w76-abimg-1__mains__items__item__main__hinhanh {
            transform: scale(1.2);
            opacity: 1;
        }
    }
    
}
@media only screen and (max-width:50rem) {
    .w76-abimg-1__mains__items__item__main__hinhanh {
        transform: scale(.8);
        opacity: .8;
        margin-bottom:1rem;
    }
    .w76-abimg-1__mains__items__item.active .w76-abimg-1__mains__items__item__main__hinhanh {
        transform: scale(1);
        opacity: 1;
    }
}
.w76-abimg-1__mains__items__item__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
}

.w76-abimg-1__mains__items__item__main__hinhanh__imgbox__img {
    width: 100%;
}

.w76-abimg-1__mains__items__item__main__content {
    width: 100%;
    position: relative;
    height: 12rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w76-abimg-1__mains__items__item__main__content__text {
    position: absolute;
    width: 200%;
    top: 1rem;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
}

.w76-abimg-1__mains__items__item.ws1SliderCenter-0 .w76-abimg-1__mains__items__item__main__content__text {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}
@media only screen and (max-width:50rem) {
    .w76-abimg-1__mains__items__item__main__content__text{
        position:relative;
        top:initial;
        width:100%;
    }
    .w76-abimg-1__mains__items__item.active .w76-abimg-1__mains__items__item__main__content__text {
        opacity: 1;
        z-index: 1;
        visibility: visible;
    }
}
.w76-abimg-1__mains__items__item__main__content__text__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: .5rem;
    text-align: center;
    display: block;
    width: 100%;
    transition:all 1s;
    opacity:0;
}
.w76-abimg-1__mains__items__item.ws1SliderCenter-0 .w76-abimg-1__mains__items__item__main__content__text__name {
    opacity: 1;
}
@media only screen and (max-width:50rem) {
    .w76-abimg-1__mains__items__item.active .w76-abimg-1__mains__items__item__main__content__text__name {
        opacity: 1;
    }
}
.w76-abimg-1__mains__items__item__main__content__text__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    text-align: center;
    width: 100%;
    overflow: hidden;
    max-height: 0;
    transition: all 1s;
    opacity:0;
}

.w76-abimg-1__mains__items__item.ws1SliderCenter-0 .w76-abimg-1__mains__items__item__main__content__text__des {
    max-height: 8rem;
    opacity:1;
}
@media only screen and (max-width:50rem) {
    .w76-abimg-1__mains__items__item.active .w76-abimg-1__mains__items__item__main__content__text__des {
        max-height: 8rem;
        opacity: 1;
    }
}
/*ed*/
/*w76-support-1*/
.w76-support-1 {
    z-index: 11;
    max-width: 100%;
    width: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-1 {
        position: fixed;
        z-index: 1;
        left: 0 !important;
        bottom: 0 !important;
        width: 100%;
        right: initial !important;
        top: initial !important;
    }
}

.w76-support-1__mains {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w76-support-1__mains__items {
    border: 1px solid #f2f2f2;
    background-color: #fff;
    border-radius: 1rem;
    padding: 0 0;
    margin-bottom: 1rem;
}
@media only screen and (min-width:37.5rem) {
    .w76-support-1__mains__items{
        overflow:hidden;
    }
}
@media only screen and (max-width:37.5rem) {
    .w76-support-1__mains__items {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-radius: 0;
        margin: 0;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.8);
    }
}

.w76-support-1__mains__items__item {
    cursor: pointer;
    display: block;
    position: relative;
    padding: .5rem 1rem;
    transition: all .3s;
}

@media only screen and (min-width:37.5rem) {
    .w76-support-1__mains__items__item:first-child {
        padding-top: 1rem;
    }

    .w76-support-1__mains__items__item:last-child {
        padding-bottom: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-support-1__mains__items__item {
        width: 100%;
    }

        .w76-support-1__mains__items__item:not(:last-child) {
            border-right: solid 1px #f2f2f2;
        }
}

.w76-support-1__mains__items__item:hover {
    background-color: #f1f1f1;
}

.w76-support-1__mains__items__item__imgbox {
    width: 4rem;
    height: 4rem;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 50%;
    margin: 0 auto 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-1__mains__items__item__imgbox {
        margin-bottom: .5rem;
    }
}

.w76-support-1__mains__items__item__imgbox:hover {
    transform: rotate(45deg);
}

.w76-support-1__mains__items__item__name {
    text-align: center;
    font-size: 1.1rem;
    width: 100%;
}

.w76-support-1__mains__items__sub {
    cursor: pointer;
    display: block;
    position: relative;
    padding: .5rem 1rem;
}

@media only screen and (min-width:37.5rem) {
    .w76-support-1__mains__items__sub:first-child {
        padding-top: 1rem;
    }

    .w76-support-1__mains__items__sub:last-child {
        padding-bottom: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-support-1__mains__items__sub {
        width: 100%;
    }

        .w76-support-1__mains__items__sub:not(:last-child) {
            border-right: solid 1px #f2f2f2;
        }
}

.w76-support-1__mains__items__sub:hover {
    background-color: #f1f1f1;
}

.w76-support-1__mains__items__sub__hinhanh {
}

@media only screen and (max-width:37.5rem) {
    .w76-support-1__mains__items__sub__hinhanh {
        transform: scale(1.3) translateY(-7px);
    }
}

.w76-support-1__mains__items__sub__hinhanh__imgbox {
    width: 4rem;
    height: 4rem;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 50%;
    animation: key-w76-support-1__mains__items__sub__hinhanh__imgbox 1s infinite;
    background-size: contain;
    margin: 0 auto 1rem;
    border: solid 2px #fff;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-1__mains__items__sub__hinhanh__imgbox {
        margin-bottom: .5rem;
    }
}

.w76-support-1__mains__items__sub__hinhanh__imgbox:hover {
    transform: rotate(45deg);
}

.w76-support-1__mains__items__sub__name {
    text-align: center;
    font-size: 1.1rem;
    width: 100%;
}

@keyframes key-w76-support-1__mains__items__sub__hinhanh__imgbox {
    0% {
    }

    50% {
        transform: rotate(0);
    }

    60% {
        transform: rotate(30deg);
    }

    70% {
        transform: rotate(-30deg);
    }

    80% {
        transform: rotate(30deg);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }
}

.w76-support-1__mains__bot {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-1__mains__bot {
        position: absolute;
        bottom: calc(100% + 2rem);
        right: 1rem;
        width: max-content;
    }
}

.w76-support-1__mains__bot__scroll {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    color: #333333;
    cursor: pointer;
    transition: all .3s ease;
    border: solid 2px #333333;
}

    .w76-support-1__mains__bot__scroll:hover {
        background-color: #333333;
        color: #fff;
    }

.w76-support-1__mains__bot__scroll__icon {
    font-size: 2rem;
}

.w76-support-1__mains__bot__scroll:not(:last-child) {
    margin-bottom: 1rem;
}
/*ed*/
/*w76-support-2*/
.w76-support-2 {
    z-index: 11;
    max-width: 100%;
    width: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-2 {
        position: fixed;
        z-index: 1;
        left: 0 !important;
        bottom: 0 !important;
        width: 100%;
        right: initial !important;
        top: initial !important;
    }
}

.w76-support-2__items {
}

@media only screen and (max-width:37.5rem) {
    .w76-support-2__items {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
        background-color: rgba(0,0,0,0.6);
        width: 100%;
    }
}

.w76-support-2__items__tuvan {
}

.w76-support-2__items__tuvan__btn {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    border-radius: .5rem;
    padding: .5rem 1rem;
    margin-top: 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-2__items__tuvan__btn {
        margin: .5rem;
        font-size: 1.5rem;
    }
}

.w76-support-2__items__tuvan__btn:hover {
    background-color: rgba(var(--main-color-w),.85);
}

.w76-support-2__items__tuvan__btn__icon {
    margin-right: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-2__items__tuvan__btn__icon {
        margin-right: .5rem;
    }
}

.w76-support-2__items__item__box {
    display: flex;
    align-items: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: .5rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
    padding: .5rem 1rem;
    margin-top: 1.5rem;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-2__items__item__box {
        margin: .5rem;
        font-size: 1.5rem;
    }
}

.w76-support-2__items__item__box:hover {
    background-color: rgba(var(--second-color-w),.85);
}

.w76-support-2__items__item__box__icon {
    margin-right: 1rem;
}

.w76-support-2__items__crolltop {
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-2__items__crolltop {
        position: absolute;
        right: 1rem;
        top: calc(-100% - 1rem);
    }
}

.w76-support-2__items__crolltop__box {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    color: #333333;
    cursor: pointer;
    transition: all .3s ease;
    border: solid 2px #333333;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-support-2__items__crolltop__box:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w76-support-2__items__crolltop__box__icon {
    font-size: 2rem;
}

.w76-support-2__check {
    display: none;
}

.w76-support-2__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(0,0,0,.5);
    transition: all .3s ease;
    z-index: 0;
    visibility: hidden;
    opacity: 0;
}

.w76-support-2__check:checked ~ .w76-support-2__popup {
    z-index: 9;
    visibility: visible;
    opacity: 1;
}

.w76-support-2__popup__main {
    width: 60rem;
    max-width: 96%;
    background-color: #fff;
    border-radius: 1rem;
    border: solid .1rem #f1f1f1;
    padding: 2rem;
    position: relative;
    transition: all .3s ease;
    transform: scale(.5);
    box-shadow: 6px 6px 50px 0px rgba(255, 255, 255, 0.6);
}

.w76-support-2__check:checked ~ .w76-support-2__popup .w76-support-2__popup__main {
    transform: scale(1);
}

.w76-support-2__popup__main__name {
    font-size: 2rem;
    font-weight: 600;
    line-height: 3rem;
    text-align: center;
    color: rgba(var(--main-color-w),1);
}

.w76-support-2__popup__main__items {
    margin-top: 1.5rem;
}

.w76-support-2__popup__main__items__item {
    margin-top: 1.5rem;
}

.w76-support-2__popup__main__items__item__input {
    width: 100%;
    background-color: #fff;
    font-size: 1.6rem;
    outline: none;
    padding: 1rem 1rem;
    border-radius: .5rem;
    border: solid .1rem #f1f1f1;
    transition: all .3s ease;
    font-weight: 400;
    font-family: inherit;
}

    .w76-support-2__popup__main__items__item__input:focus {
        border-color: #ccc;
    }

.w76-support-2__popup__main__items__btn {
    margin-top: 1.5rem;
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    font-size: 1.6rem;
    line-height: 2.6rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: 1rem;
    text-align: center;
    border-radius: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w76-support-2__popup__main__items__btn:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w76-support-2__popup__main__items__btn__icon {
    margin-right: 1rem;
}

.w76-support-2__popup__main__text {
    text-align: justify;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1.5rem;
}

.w76-support-2__popup__main__close {
    position: absolute;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-radius: 50%;
    top: -2rem;
    right: -2rem;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-2__popup__main__close {
        border-radius: .5rem;
        top: .5rem;
        right: .5rem;
        width: 3rem;
        height: 3rem;
        font-size: 1.2rem;
    }
}

.w76-support-2__popup__main__close:hover {
    background-color: rgba(var(--second-color-w),1);
}

.w76-support-2__popup__main__close__icon {
    transform: rotate(45deg);
}

@media only screen and (max-width:50rem) {
    .w76-support-2__popup__main__items__item__dropdown {
        width: 100%;
    }
}

.w76-support-2__popup__main__items__item__dropdown__label {
    background-color: transparent;
    padding: 1.25rem 1.5rem;
    border-radius: .5rem;
    background-color: #fff;
    border: 0.15rem solid #eee;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
}

.w76-support-2__popup__main__items__item__dropdown__check:checked ~
.w76-support-2__popup__main__items__item__dropdown__label
.w76-support-2__popup__main__items__item__dropdown__label__icon:before {
    content: "\f106";
}

.w76-support-2__popup__main__items__item__dropdown__label__name {
    font-size: 1.5rem;
}

.w76-support-2__popup__main__items__item__dropdown__label__icon {
    font-size: 1.5rem;
    margin-left: auto;
}

.w76-support-2__popup__main__items__item__dropdown {
    position: relative;
}

.w76-support-2__popup__main__items__item__dropdown__check {
    display: none;
}

.w76-support-2__popup__main__items__item__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: 100%;
    transition: all .25s;
    opacity: 0;
    overflow-y: scroll;
    max-height: 20rem;
}

.w76-support-2__popup__main__items__item__dropdown__check:checked ~
.w76-support-2__popup__main__items__item__dropdown__subs {
    visibility: visible;
    z-index: 1;
    top: calc(100% + 1rem);
    opacity: 1;
}

.w76-support-2__popup__main__items__item__dropdown__subs__sub {
    display: block;
    padding: .75rem;
    font-size: 1.4rem;
    border-bottom: #f1f1f1 solid .1rem;
    transition: all .5s;
    cursor: pointer;
}

    .w76-support-2__popup__main__items__item__dropdown__subs__sub:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w76-support-2__popup__main__items__item__dropdown__subs__sub:last-child {
        border: none;
        cursor: pointer;
    }
/*ed*/
/*w76-support-3*/
.w76-support-3 {
    z-index: 11;
    max-width: 100%;
    width: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3 {
        position: fixed;
        z-index: 1;
        left: 0 !important;
        bottom: 0 !important;
        width: 100%;
        right: initial !important;
        top: initial !important;
    }
}

.w76-support-3__mains {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.w76-support-3__mains__items {
    border: 1px solid #f2f2f2;
    background-color: #fff;
    border-radius: 1rem;
    padding: 0 0;
    margin-bottom: 1rem;
}

@media only screen and (min-width:37.5rem) {
    .w76-support-3__mains__items {
        overflow: hidden;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3__mains__items {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-radius: 0;
        margin: 0;
        box-shadow: 0 4px 8px 0 rgba(0,0,0,.8);
    }
}

.w76-support-3__mains__items__item {
    cursor: pointer;
    display: block;
    position: relative;
    padding: .5rem 1rem;
    transition: all .3s;
    overflow: hidden;
}

@media only screen and (min-width:37.5rem) {
    .w76-support-3__mains__items__item:first-child {
        padding-top: 1rem;
    }

    .w76-support-3__mains__items__item:last-child {
        padding-bottom: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3__mains__items__item {
        width: 100%;
    }

        .w76-support-3__mains__items__item:not(:last-child) {
            border-right: solid 1px #f2f2f2;
        }
}

.w76-support-3__mains__items__item:hover {
    background-color: #f1f1f1;
}

.w76-support-3__mains__items__item__imgbox {
    width: 4rem;
    height: 4rem;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 50%;
    margin: 0 auto 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3__mains__items__item__imgbox {
        margin-bottom: .5rem;
    }
}

.w76-support-3__mains__items__item__imgbox:hover {
    transform: rotate(45deg);
}

.w76-support-3__mains__items__item__name {
    text-align: center;
    font-size: 1.1rem;
    width: 100%;
}

.w76-support-3__mains__items__sub {
    cursor: pointer;
    display: block;
    position: relative;
    padding: .5rem 1rem;
}

@media only screen and (min-width:37.5rem) {
    .w76-support-3__mains__items__sub:first-child {
        padding-top: 1rem;
    }

    .w76-support-3__mains__items__sub:last-child {
        padding-bottom: 1rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3__mains__items__sub {
        width: 100%;
    }

        .w76-support-3__mains__items__sub:not(:last-child) {
            border-right: solid 1px #f2f2f2;
        }
}

.w76-support-3__mains__items__sub:hover {
    background-color: #f1f1f1;
}

.w76-support-3__mains__items__sub__hinhanh {
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3__mains__items__sub__hinhanh {
        transform: scale(1.3) translateY(-7px);
    }
}

.w76-support-3__mains__items__sub__hinhanh__imgbox {
    width: 4rem;
    height: 4rem;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
    border-radius: 50%;
    animation: key-w76-support-3__mains__items__sub__hinhanh__imgbox 1s infinite;
    background-size: contain;
    margin: 0 auto 1rem;
    border: solid 2px #fff;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3__mains__items__sub__hinhanh__imgbox {
        margin-bottom: .5rem;
    }
}

.w76-support-3__mains__items__sub__hinhanh__imgbox:hover {
    transform: rotate(45deg);
}

.w76-support-3__mains__items__sub__name {
    text-align: center;
    font-size: 1.1rem;
    width: 100%;
}

@keyframes key-w76-support-3__mains__items__sub__hinhanh__imgbox {
    0% {
    }

    50% {
        transform: rotate(0);
    }

    60% {
        transform: rotate(30deg);
    }

    70% {
        transform: rotate(-30deg);
    }

    80% {
        transform: rotate(30deg);
    }

    90% {
        transform: rotate(-30deg);
    }

    100% {
        transform: rotate(0);
    }
}

.w76-support-3__mains__bot {
    width: 100%;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-support-3__mains__bot {
        position: absolute;
        bottom: calc(100% + 2rem);
        right: 1rem;
        width: max-content;
    }
}

.w76-support-3__mains__bot__scroll {
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #fff;
    color: #333333;
    cursor: pointer;
    transition: all .3s ease;
    border: solid 2px #333333;
}

    .w76-support-3__mains__bot__scroll:hover {
        background-color: #333333;
        color: #fff;
    }

.w76-support-3__mains__bot__scroll__icon {
    font-size: 2rem;
}

.w76-support-3__mains__bot__scroll:not(:last-child) {
    margin-bottom: 1rem;
}
/*ed*/

/*w31-topbar-2*/
.w31-topbar-2 {
    width: 100%;
    border-bottom: 0.1rem solid #eee;
    background-color: rgba(var(--main-color-w), 1);
    padding: .5rem 1rem;
}

.w31-topbar-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w31-topbar-2__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.w31-topbar-2__items__first {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w31-topbar-2__items__first__subs__sub {
    font-size: 1rem;
    margin-left: 2rem;
    line-height: 2rem;
    font-size: 1.4rem;
    color: #fff;
    display: flex;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .3s ease;
}

    .w31-topbar-2__items__first__subs__sub:last-child {
        margin-right: 0;
    }

.w31-topbar-2__items__first__subs__sub__icon {
    margin-right: .5rem;
}

.w31-topbar-2__items__first__subs__sub__name {
    transition: all .3s ease;
}

    .w31-topbar-2__items__first__subs__sub__name:hover {
        text-decoration: underline;
    }

.w31-topbar-2__items__info__lbl__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #fff;
    cursor: pointer;
    border-radius: 50%;
    transition: all .2s ease;
    color: #000;
}

    .w31-topbar-2__items__info__lbl__icon:hover {
        background-color: white;
        color: rgba(var(--main-color-w), 1);
        transform: rotate(95deg);
    }

.w31-topbar-2__info {
    display: flex;
    align-items: center;
    padding: 0 1rem;
    text-align: center;
}

    .w31-topbar-2__info:not(:last-child) {
        border-right: 0.1rem solid #eee;
    }

.w31-topbar-2__info__icon {
    font-size: 1rem;
    margin: 0 0.5rem;
    color: #0062bd;
}

.w31-topbar-2__checkbox:checked ~ .w31-topbar-2__search {
    top: 0;
    visibility: visible;
}

.w31-topbar-2__checkbox {
    display: none;
}

.w31-topbar-2__search {
    position: fixed;
    top: -15rem;
    visibility: hidden;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0, 0, 0, 0.8);
    padding: 4rem;
    color: white;
    box-shadow: 0.1rem 0.1rem 1rem 0.1rem #f5f5f5;
    transition: all 0.2s;
    z-index: 15;
    text-shadow: 0 0 3rem white;
}

.w31-topbar-2__search__content {
    max-width: 120rem;
    margin: 0 auto;
    margin-top: 10%;
}

.w31-topbar-2__search__content__title {
    display: block;
}

.w31-topbar-2__search__content__title__icon {
    font-size: 2rem;
    background: none;
    border: none;
    cursor: pointer;
    margin-left: auto;
    float: right;
    margin-top: 2rem;
}

.w31-topbar-2__search__content__input {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    padding: 2rem 0;
    width: 100%;
    border-bottom: 0.2rem solid #f5f5f5;
}

.w31-topbar-2__search__content__input__text {
    border: none;
    font-weight: 500;
    font-size: 2rem;
    text-transform: uppercase;
    color: white;
    width: 100%;
    background-color: transparent;
    text-align: center;
}

    .w31-topbar-2__search__content__input__text::-webkit-input-placeholder {
        color: white;
    }

    .w31-topbar-2__search__content__input__text:focus {
        outline: none;
    }

.w31-topbar-2__search__content__input__icon {
    cursor: pointer;
    font-size: 2rem;
    background-color: transparent;
    color: white;
    border: none;
    outline: none;
}
/*ed*/
/*w77-menu*/
.w77-menu {
    z-index: 2;
    position: relative;
    background-color: #fff;
    padding: 0 0rem;
    width: 100%;
}

@media only screen and (max-width: 75rem) {
    .w77-menu {
        padding: 0;
    }
}

.w77-menu.ws1StickyApply {
}

.w77-menu__group {
    margin: 0 auto;
    width: 100%;
    max-width: 90%;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__group {
        width: 100%;
        max-width: 100%;
    }
}

.w77-menu__detail {
    width: 100%;
    position: relative;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail {
        display: flex;
        justify-content: space-between;
    }
}

.ws1StickyApply .w77-menu__detail {
    align-items: normal;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail {
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail {
    }

    .ws1TransApply .w77-menu__detail {
        background-color: transparent;
    }

    .ws1TransApply .w77-menu__checkboxMobileMenu:checked ~ .w77-menu__detail {
        background-color: #fff;
    }
}

.w77-menu__detail__logo {
    justify-content: center;
    align-items: center;
    position: relative;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .ws1StickyApply .w77-menu__detail__logo {
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__logo {
        position: relative;
        width: 100%;
        justify-content: space-between;
        padding: 2rem 1rem;
        border-bottom: solid 1px #f1f1f1;
    }
}

@media only screen and (max-width: 50rem) {
    .w77-menu__detail__logo {
    }
}

@media only screen and (max-width: 37.5rem) {
    .w77-menu__detail__logo {
        min-width: 13rem;
    }
}

.w77-menu__detail__logo__link {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    cursor: pointer;
}

.w77-menu__detail__logo__link__imgbox {
    background-size: contain;
    background-position: center;
}

.w77-menu__detail__logo__link__imgboxghim {
    background-size: contain;
    background-position: center;
    display: none;
}

.ws1TransApply .w77-menu__detail__logo__link__imgbox {
    display: none;
}

.ws1TransApply .w77-menu__detail__logo__link__imgboxghim {
    display: block;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail
.w77-menu__detail__logo
.w77-menu__detail__logo__link
.w77-menu__detail__logo__link__imgbox {
    display: block;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail
.w77-menu__detail__logo
.w77-menu__detail__logo__link
.w77-menu__detail__logo__link__imgboxghim {
    display: none;
}

.w77-menu__detail__two {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two {
        align-items: center;
        width: 100%;
        z-index: 1;
    }
}

.w77-menu__detail__two__mains {
    display: flex;
    align-items: center;
    margin-left: auto;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
}

.ws1StickyApply .w77-menu__detail__two__mains {
    position: relative;
    bottom: initial;
}

@media only screen and (max-width: 93.75rem) {
    .w77-menu__detail__two__mains {
        width: 97%;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains {
        width: 100%;
        left: 0;
        position: relative;
        border: initial;
        margin-left: 0;
    }
}

.w77-menu__checkboxMobileMenu {
    display: none;
}

.w77-menu__detail__two__mains__lblicon {
    display: none;
}


.w77-menu__checkboxMobileMenu:checked ~ .w77-menu__detail__two__mains__lblicon {
    display: block;
}

.w77-menu__detail__logo__second {
    margin-left: auto;
    display: flex;
    align-items: center;
}

.w77-menu__detail__logo__second__search {
    width: 3.2rem;
    height: 3.2rem;
    border-radius: 50%;
    color: #0a529e;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    margin-right: 1.5rem;
    display: none
}

.ws1TransApply .w77-menu__detail__logo__second__search {
    color: #fff;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail
.w77-menu__detail__logo
.w77-menu__detail__logo__second
.w77-menu__detail__logo__second__search {
    color: #0a529e;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__logo__second__search {
        display: flex;
    }
}

.w77-menu__detail__logo__second__search:hover {
    background-color: #0a529e;
    color: #fff;
}

.w77-menu__searchcheckbox:checked ~
.w77-menu__group
.w77-menu__detail
.w77-menu__detail__logo__second
.w77-menu__detail__logo__second__search {
    background-color: #0a529e;
    color: #fff;
}

.w77-menu__detail__logo__second__search__icon {
    font-size: 1.8rem;
}

.w77-menu__detail__logo__second__icon {
    align-items: center;
    justify-content: space-between;
    margin-left: auto;
}

@media only screen and (max-width: 37.5rem) {
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__logo__second__icon {
        display: none;
    }
}

.w77-menu__detail__logo__second__icon__lbl {
    color: white;
    font-size: 3rem;
    cursor: pointer;
    padding: 1rem;
    width: 4.5rem;
    height: 4.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    background-color: #0a529e;
    border-radius: 50%;
    color: #fff;
}

.w77-menu__detail__logo__second__icon__lbl__top {
    position: absolute;
    width: 20px;
    height: 2px;
    top: 14px;
    background-color: #fff;
    transition: all .3s;
    left: 13px;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail
.w77-menu__detail__logo__second__icon
.w77-menu__detail__logo__second__icon__lbl
.w77-menu__detail__logo__second__icon__lbl__top {
    transform: rotate(45deg);
    top: initial;
}

.w77-menu__detail__logo__second__icon__lbl__center {
    position: absolute;
    width: 20px;
    height: 2px;
    background-color: #fff;
    left: 13px;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail
.w77-menu__detail__logo__second__icon
.w77-menu__detail__logo__second__icon__lbl
.w77-menu__detail__logo__second__icon__lbl__center {
    width: 0;
}

.w77-menu__detail__logo__second__icon__lbl__bottom {
    position: absolute;
    width: 13px;
    height: 2px;
    bottom: 14px;
    background-color: #fff;
    transition: all .3s;
    left: 13px;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail
.w77-menu__detail__logo__second__icon
.w77-menu__detail__logo__second__icon__lbl
.w77-menu__detail__logo__second__icon__lbl__bottom {
    bottom: initial;
    transform: rotate(-45deg);
    width: 20px;
}

.w77-menu__detail__two__mains__lblicon {
    position: fixed;
    right: 0;
    top: 0;
    color: white;
    padding: 1rem;
    font-size: 3rem;
    z-index: 1;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main {
        background-color: #f5f5f5;
        position: absolute;
        top: 0;
        width: 50rem;
        max-width: 100%;
        height: 100vh;
        left: -100%;
        transition: all .2s ease;
        z-index: 1;
        overflow-y: scroll;
        padding: 1.5rem 1.5rem 2rem;
    }

        .w77-menu__detail__two__mains__main::-webkit-scrollbar {
            width: .4rem;
        }

        .w77-menu__detail__two__mains__main::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w77-menu__detail__two__mains__main::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: #0a529e
        }
}

@media only screen and (max-width: 50rem) {
    .w77-menu__detail__two__mains__main {
    }
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__detail
.w77-menu__detail__two
.w77-menu__detail__two__mains
.w77-menu__detail__two__mains__main {
    left: 0;
}

.w77-menu__detail__two__mains__main__items {
    display: flex;
    align-items: center;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items {
        border-top: solid 1px #f1f1f1;
    }
}

.ws1RightMenubox .w77-menu__detail__two__mains__main__items {
    flex-wrap: nowrap;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items {
        width: 100%;
        position: relative;
        z-index: 2;
        padding: 0;
        background-color: #fff;
        flex-wrap: wrap;
        border-radius: 1rem;
    }
}

.w77-menu__detail__two__mains__main__items__item {
    display: flex;
    justify-content: center;
    padding: 0 3rem;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item:first-child {
        padding-left: 0;
    }
}

.ws1RightMenubox .w77-menu__detail__two__mains__main__items__item {
    padding: 0;
}

@media only screen and (max-width: 100rem) {
    .w77-menu__detail__two__mains__main__items__item {
        display: flex;
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

@media only screen and (min-width: 93.75rem) {
    .w77-menu__detail__two__mains__main__items__item:last-child {
        padding-right: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item {
        width: 100%;
        display: block;
        padding: 0;
    }

        .w77-menu__detail__two__mains__main__items__item:last-child {
            border-bottom: none;
        }
}

.w77-menu__detail__two__mains__main__items__item__container {
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    padding: 0rem 0;
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: -1;
    transition: all .3s ease;
    pointer-events: none;
    overflow: hidden;
    border-radius: 0 0 1rem 1rem;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item:hover
    .w77-menu__detail__two__mains__main__items__item__container {
        opacity: 1;
        visibility: visible;
        z-index: 1;
        top: 100%;
        pointer-events: initial;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container {
        position: relative;
        top: initial;
        top: initial;
        padding: 0;
        overflow: hidden;
        max-height: 0;
        visibility: hidden;
        opacity: 0;
        z-index: -1;
        pointer-events: initial;
    }

    .w77-menu__detail__two__mains__main__items__item__inputcheck:checked ~ .w77-menu__detail__two__mains__main__items__item__container {
        max-height: 300vh;
        visibility: visible;
        opacity: 1;
        z-index: 1;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box {
    box-shadow: 6px 6px 50px 0px rgba(0, 0, 0, 0.05);
    border-radius: 0 0 1rem 1rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    background-color: #f5f5f5;
    position: relative;
    flex-wrap: wrap;
}

    .w77-menu__detail__two__mains__main__items__item__container__box::-webkit-scrollbar {
        width: .4rem;
    }

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: #0a529e;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box {
        background-color: #fff;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__bg {
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
    width: 35%;
    height: 100%;
    background-color: #fff;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__bg {
        display: none;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items {
    width: 70%;
    z-index: 1;
    position: relative;
    padding-bottom: 4rem;
    padding-top: 4rem;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items {
        width: 100%;
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items {
        height: 70vh;
        overflow-y: scroll;
    }

        .w77-menu__detail__two__mains__main__items__item__container__box__items::-webkit-scrollbar {
            width: .4rem;
        }

        .w77-menu__detail__two__mains__main__items__item__container__box__items::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w77-menu__detail__two__mains__main__items__item__container__box__items::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: #0a529e;
        }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item {
    width: 100%;
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__inputcheck {
    display: none;
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner {
    display: flex;
    align-items: center;
    width: 50%;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner {
        width: 100%;
        padding: 0 2rem;
        border-bottom: solid 1px #f1f1f1;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item:last-child
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner {
        border-bottom: none;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__name {
    font-size: 1.8rem;
    color: #0a529e;
    transition: all .3s ease;
    position: relative;
    padding-right: 6rem;
    padding-left: 4rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    cursor: pointer;
    width: 100%;
    border-bottom: solid 1px #f1f1f1;
}

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__name:hover {
        font-weight:600;
    }

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__name {
        color: #292929;
        padding-right: 2rem;
        padding-left: 0rem;
        border: none;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__inputcheck:checked ~
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__name {
        font-weight: 600;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__icon {
    font-size: 1.8rem;
    color: #0a529e;
    position: absolute;
    right: 4rem;
    transition: all .3s ease;
}
@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner:hover
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__icon__value {
        font-weight: 700;
    }
}
@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__icon {
        margin: 0;
        font-size: 1.8rem;
        position: absolute;
        right: 0rem;
        width: 4rem;
        height: 3rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
        pointer-events: initial;
        transform: rotate(90deg);
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__inputcheck:checked ~
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__iner__icon {
        transform: rotate(-90deg);
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs {
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs {
        max-height: 0;
        opacity: 0;
        visibility: hidden;
        z-index: -1;
        transition: all .3s ease;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__inputcheck:checked ~
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs {
        max-height: 100vh;
        opacity: 1;
        visibility: visible;
        z-index: 1;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs {
        position: absolute;
        right: 0;
        top: 0;
        width: 50%;
        z-index: -1;
        opacity: 0;
        visibility: hidden;
        transition: none;
        background-color: #f5f5f5;
        padding: 4rem;
        overflow-y: scroll;
        height: 70vh;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item:hover .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs {
        z-index: 2;
        opacity: 1;
        visibility: visible;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__inputcheck:checked ~
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs {
        z-index: 1;
        opacity: 1;
        visibility: visible;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs::-webkit-scrollbar {
        width: .4rem;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: #0a529e;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub {
    margin-bottom: 1.5rem;
}

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub:last-child {
        margin-bottom: 0;
    }

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub {
        margin-bottom: 0;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner {
    display: flex;
    position: relative;
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__checkbox {
    display: none
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__name {
    font-size: 1.8rem;
    color: #0a529e;
    transition: all .3s ease;
    font-weight: 600;
    cursor: pointer;
    display: block;
    width: 100%;
    padding-right: 1rem;
}

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__name:hover {
        text-decoration: underline;
    }

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__name {
        color: #292929;
        font-weight: 400;
        padding: 1rem 1rem 1rem 4rem;
        border-bottom: solid 1px #f1f1f1;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub:last-child
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__name {
        border-bottom: none;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__checkbox:checked ~
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__name {
        font-weight: 600;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__icon {
    position: absolute;
    right: 0;
    font-size: 1.8rem;
    color: #0a529e;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__icon {
        margin: 0;
        width: 4rem;
        height: 3rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
        pointer-events: initial;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__checkbox:checked ~
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__iner__icon {
        transform: rotate(-180deg);
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs {
    max-height: 0;
    opacity: 1;
    overflow: hidden;
    transition: all .3s ease;
    margin-top: 1rem;
    background-color: #f5f5f5;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs {
        margin-top: 0rem;
        background-color: #fff;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__sub__checkbox:checked ~
.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs {
    max-height: 80rem;
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs__child {
    font-size: 1.8rem;
    color: #0a529e;
}

.w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs__child__name {
    padding: .75rem 0;
    font-size: 1.8rem;
    color: #0a529e;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs__child__name:hover {
        text-decoration: underline;
    }

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs__child__name {
        color: #292929;
        padding: 1rem 1rem 1rem 6rem;
        border-bottom: solid 1px #f1f1f1;
    }

    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs__child:last-child
    .w77-menu__detail__two__mains__main__items__item__container__box__items__item__subs__childs__child__name {
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__ads {
    width: 30%;
    background-color: #fff;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__ads {
        height: 70vh;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        overflow-y: scroll;
    }

        .w77-menu__detail__two__mains__main__items__item__container__box__ads::-webkit-scrollbar {
            width: .4rem;
        }

        .w77-menu__detail__two__mains__main__items__item__container__box__ads::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w77-menu__detail__two__mains__main__items__item__container__box__ads::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: #0a529e;
        }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__ads {
        width: 100%;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__ads__item {
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__ads__item {
        padding: 1rem 0;
    }
}

.w77-menu__detail__two__mains__main__items__item__container__box__ads__item__content {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
}

.w77-menu__detail__two__mains__main__items__item__container__box__ads__item__content__imgbox {
    width: 100%;
}

.w77-menu__detail__two__mains__main__items__item__container__box__ads__item__content__imgbox__img {
    width: 100%;
}

.w77-menu__detail__two__mains__main__items__item__container__box__ads__item__content__name {
    display: block;
    text-align: center;
    font-size: 2.4rem;
    line-height: 3rem;
    text-align: center;
    margin-top: 1rem;
    color: #0a529e;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__container__box__ads__item__content__name {
        font-size: 2rem;
    }
}

.w77-menu__detail__two__mains__main__items__item__inner {
    display: flex;
    align-items: center;
    padding: 1rem 2rem 1rem 0;
    cursor: pointer;
    position: relative;
    justify-content: center;
}

.ws1RightMenubox .w77-menu__detail__two__mains__main__items__item__inner {
    padding: 3rem 1rem 3.5rem;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item:last-child
    .w77-menu__detail__two__mains__main__items__item__inner {
        padding-right: 0;
    }

    .ws1StickyApply .w77-menu__detail__two__mains__main__items__item__inner {
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__inner {
        padding: 1rem 0;
        border-top: solid 1px #f1f1f1;
        justify-content: flex-start;
    }

    .w77-menu__detail__two__mains__main__items__item:first-child .w77-menu__detail__two__mains__main__items__item__inner {
        border-top: none;
    }

    .w77-menu__detail__two__mains__main__items__item:last-child .w77-menu__detail__two__mains__main__items__item__inner {
        border-bottom: none;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__inner:hover .w77-menu__detail__two__mains__main__items__item__inner__text {
    }
}

.w77-menu__detail__two__mains__main__items__item__inner__line {
    background-color: #004293;
    height: 1px;
    width: 0;
    position: absolute;
    bottom: 0;
    transition: all .4s ease;
}

@media only screen and (min-width: 75rem) {
    .ws1TransApply .w77-menu__detail__two__mains__main__items__item__inner__line {
        background-color: #fff;
    }
}

.w77-menu__detail__two__mains__main__items__item:hover
.w77-menu__detail__two__mains__main__items__item__inner__line {
    width: 100%;
}

.w77-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.8rem;
    color: #292929;
    white-space: nowrap;
    transition: all .3s ease;
    transition: all .3s ease;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w77-menu__detail__two__mains__main__items__item__inner__text {
        color: #fff;
    }
}

.ws1RightMenubox .w77-menu__detail__two__mains__main__items__item__inner__text {
    font-size: 1.4rem;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__inner__text {
        padding-left: 1rem;
        white-space: initial;
    }

    .w77-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w77-menu__detail__two__mains__main__items__item__inner
    .w77-menu__detail__two__mains__main__items__item__inner__text {
        font-weight: 600;
    }
}

.w77-menu__detail__two__mains__main__items__item__inner__icon {
    color: #0a529e;
    font-size: 1.8rem;
    pointer-events: none;
    transition: all .3s ease;
    position: absolute;
    right: 0rem;
    margin-top: .3rem;
}

@media only screen and (min-width:75rem) {
    .ws1TransApply .w77-menu__detail__two__mains__main__items__item__inner__icon {
        color: #fff;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__inner__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0rem;
        width: 4rem;
        height: 3rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 1s;
        pointer-events: initial;
    }

    .w77-menu__detail__two__mains__main__items__item__inner__icon__value {
        transition: none;
        transition: all .2s ease;
    }

    .w77-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w77-menu__detail__two__mains__main__items__item__inner
    .w77-menu__detail__two__mains__main__items__item__inner__icon {
    }
}

.w77-menu__detail__two__mains__main__items__item__inputcheck {
    display: none;
}


    .w77-menu__detail__two__mains__main__items__item__inputcheck:checked ~
    .w77-menu__detail__two__mains__main__items__item__inner
    .w77-menu__detail__two__mains__main__items__item__inner__icon
    .w77-menu__detail__two__mains__main__items__item__inner__icon__value {
        transform: rotate(-180deg);
    }

.w77-menu__detail__two__mains__main__items__item__drops {
    position: absolute;
    border-radius: 1rem;
    margin-bottom: 0;
    transition: all .3s;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops {
        width: max-content;
        visibility: hidden;
        opacity: 0;
        top: 100%;
    }

    .w77-menu__detail__two__mains__main__items__item:hover .w77-menu__detail__two__mains__main__items__item__drops {
        visibility: visible;
        opacity: 1;
    }

    .w77-menu__detail__two__mains__main__items__item__drops.ws1MenudropActive {
        visibility: visible;
        opacity: 1;
        clip: inherit;
    }
}

@media only screen and (min-width: 50rem) {
    .w77-menu__detail__two__mains__main__items__item__drops {
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops {
        position: relative;
        transition: all .3s ease;
        overflow: hidden;
        max-height: 0;
        padding: 0rem 0rem;
        border-radius: 1rem;
        opacity: 0;
    }

    .w77-menu__detail__two__mains__main__items__item__inputcheck:checked ~ .w77-menu__detail__two__mains__main__items__item__drops {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
        opacity: 1;
    }

    .w77-menu__detail__two__mains__main__items__item__inputcheck:not(:checked) ~ .w77-menu__detail__two__mains__main__items__item__drops {
    }

    @keyframes w72-menuPopIn {
        0% {
            max-height: 10vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 100vh;
        }
    }

    @keyframes w72-menuPopOut {
        0% {
            max-height: 100vh;
        }

        50% {
            max-height: 50vh;
        }

        100% {
            max-height: 0;
        }
    }

    .w77-menu__detail__two__mains__main__items__item__drops:not(:last-child) {
        border-bottom: 1px outset rgba(255, 255, 255, 0.2);
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop {
    width: 100%;
    display: flex;
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop {
        background-color: #004293;
        box-shadow: 0px 30px 60px 0px #2929291A;
        padding: 0;
        border-radius: 1rem;
        display: flex;
        border-radius: 10px 10px 10px 10px;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop {
        height: fit-content;
        flex-wrap: wrap;
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands {
    width: 100%;
    padding: .5rem 0;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands {
        padding: 0;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands:not(:first-child) {
        margin-left: 6rem;
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
    width: 100%;
    padding: 0rem 0;
    align-items: center;
    cursor: pointer;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__check {
    display: none;
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box {
    display: flex;
    width: 100%;
    position: relative;
    padding: 0 2rem;
    align-items: center;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box {
        border-bottom: solid 1px #f1f1f1;
    }

    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand:last-child
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box {
        border-bottom: none;
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box:hover {
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text {
    transition: all .3s;
    color: #fff;
    font-size: 1.8rem;
    padding: 1rem 0rem;
}

    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text:hover {
        text-decoration: underline;
    }

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand {
        color: white;
    }

    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__check:checked ~
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text {
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand:not(:last-child) {
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand:not(:last-child) {
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__text {
        color: #292929;
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__icon {
    font-size: 1.4rem;
    color: #fff;
    position:absolute;
    right:1rem;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__icon {
        margin: 0;
        font-size: 1.6rem;
        font-weight: 400;
        position: absolute;
        right: 0rem;
        width: 4rem;
        height: 3rem;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s ease;
        pointer-events: initial;
        color: #0a529e;
        transform: rotate(90deg);
    }

    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__check:checked ~
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__box__icon {
        transform: rotate(-90deg);
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs {
    width: max-content;
    position: absolute;
    left: calc(100% + 3rem);
    transition: all .3s ease;
    opacity: 0;
    visibility: hidden;
    z-index: 0;
    padding: 1rem;
    top: 0;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs {
        left: initial;
        opacity: 0;
        top: initial;
        visibility: visible;
        position: relative;
        width: 100%;
        max-height: 0;
        animation: all .2s ease;
        overflow: hidden;
        padding: 0;
        background-color: transparent;
    }

    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__check:checked ~ .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs {
        overflow: initial;
        transition: all .3s ease;
        max-height: 80vh;
        opacity: 1;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand:hover .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs {
        left: 100%;
        visibility: visible;
        opacity: 1;
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub {
    width: 100%;
    background-color: #fff;
    box-shadow: 0px 30px 60px 0px #24272C1A;
    border-radius: 1rem;
    padding: .5rem 0;
    background-color: #004293;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub {
        width: calc(100% - 1rem);
        box-shadow: none;
        border: none;
        padding: 0;
        background-color: #fff;
        border-radius: 0;
    }

    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__grand__check:checked ~
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub {
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub__child {
    display: flex;
    padding: 0rem;
    cursor: pointer;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub__child {
    }

        .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub__child:last-child {
            padding-bottom: 0;
        }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub__child__text {
    transition: all .3s;
    color: #fff;
    font-size: 1.8rem;
    width: max-content;
    max-width: 100%;
    padding: 1rem 2rem;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub__child__text {
        padding: 1rem 1rem 1rem 4rem;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub__child__text {
        color: #292929;
        display: block;
        width: 100%;
        border-bottom: solid 1px #f1f1f1;
    }
}

.w77-menu__detail__two__mains__main__items__item__drops__drop__grands__subs__sub__child__text:hover {
    text-decoration: underline;
}

.w77-menu__bg {
    position: fixed;
    left: -100%;
    top: 0;
    width: 100%;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
    z-index: 0;
}

.w77-menu__checkboxMobileMenu:checked ~
.w77-menu__bg {
    left: 0;
}

.w77-menu__detail__two__mains__main__bars {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: .75rem 0;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__bars {
        padding: 2rem 1rem;
        justify-content: center;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-menu__detail__two__mains__main__bars__search {
        margin-left: auto;
    }
}

.w77-menu__detail__two__mains__main__bars__search {
    margin-right: 2rem;
}

.w77-menu__detail__two__mains__main__bars__search__icon {
    color: #0a529e;
    font-size: 1.8rem;
    transition: all .3s ease;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    cursor: pointer;
}

    .w77-menu__detail__two__mains__main__bars__search__icon:hover {
        background-color: #0a529e;
        color: #fff;
    }

@media only screen and (min-width: 75rem) {
    .ws1TransApply .w77-menu__detail__two__mains__main__bars__search__icon {
        color: #fff;
    }
}

.w77-menu__searchcheckbox:checked ~
.w77-menu__group
.w77-menu__detail
.w77-menu__detail__two
.w77-menu__detail__two__mains
.w77-menu__detail__two__mains__main
.w77-menu__detail__two__mains__main__bars
.w77-menu__detail__two__mains__main__bars__search
.w77-menu__detail__two__mains__main__bars__search__icon {
    background-color: #0a529e;
    color: #fff;
}

.w77-menu__detail__two__mains__main__bars__items {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__bars__items {
        justify-content: center;
    }
}

.w77-menu__detail__two__mains__main__bars__items__item {
    position: relative;
}

.w77-menu__detail__two__mains__main__bars__items__item__inner {
    display: flex;
    align-items: center;
    padding: 0rem 0rem;
    margin-right: 2rem;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__bars__items__item__inner {
        padding: .5rem 0rem;
    }
}

.w77-menu__detail__two__mains__main__bars__items__item__inner__text {
    font-size: 1.6rem;
    color: #292929;
    transition: all .3s ease;
    cursor: pointer;
}

@media only screen and (min-width: 75rem) {
    .ws1TransApply .w77-menu__detail__two__mains__main__bars__items__item__inner__text {
        color: #fff;
    }
}

.w77-menu__detail__two__mains__main__bars__items__item__inner__icon {
    font-size: 1.6rem;
    margin-left: 1rem;
}

@media only screen and (min-width: 75rem) {
    .ws1TransApply .w77-menu__detail__two__mains__main__bars__items__item__inner__icon {
        color: #fff;
    }
}

.w77-menu__detail__two__mains__main__bars__items__item__inner__text:hover {
    text-decoration: underline;
}

.w77-menu__detail__two__mains__main__bars__items__item__checkbox {
    display: none
}

.w77-menu__detail__two__mains__main__bars__items__item__drops {
    position: absolute;
    top: calc(100% + 1rem);
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transition: all .3s ease;
}

.w77-menu__detail__two__mains__main__bars__items__item:hover .w77-menu__detail__two__mains__main__bars__items__item__drops {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__bars__items__item__drops {
    }
}

.w77-menu__detail__two__mains__main__bars__items__item__drops__drop__grands {
    width: max-content;
    background-color: #fff;
    border-radius: .3rem;
    border: solid 1px #f1f1f1;
    box-shadow: 6px 6px 50px 0px rgba(0, 0, 0, 0.05);
}

.w77-menu__detail__two__mains__main__bars__items__item__drops__drop__grands__grand__box__text {
    display: block;
    color: #292929;
    padding: .5rem 2rem;
    font-size: 1.6rem;
    transition: all .3s;
    cursor: pointer;
}

    .w77-menu__detail__two__mains__main__bars__items__item__drops__drop__grands__grand__box__text:hover {
        text-decoration: underline;
    }

.w77-menu__detail__two__mains__main__bars__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__bars__btns {
        width: 100%;
        justify-content: center;
    }
}

.w77-menu__detail__two__mains__main__bars__btns__item {
    margin-right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

@media only screen and (max-width: 75rem) {
    .w77-menu__detail__two__mains__main__bars__btns__item {
        margin-top: 1rem;
        margin: 1rem .5rem;
    }
}

.w77-menu__detail__two__mains__main__bars__btns__item:last-child {
    margin-right: 0;
}

.w77-menu__detail__two__mains__main__bars__btns__item__iner {
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    position: relative;
}

.w77-menu__detail__two__mains__main__bars__btns__item__iner__name {
    background-color: rgba(10,82,158,1);
    border-radius: 3rem;
    padding: .5rem 4rem .5rem 1.25rem;
    transition: all .3s ease;
}

    .w77-menu__detail__two__mains__main__bars__btns__item__iner__name:hover {
        background-color: rgba(10,82,158,.8);
    }

.w77-menu__detail__two__mains__main__bars__btns__item__iner__icon {
    position: absolute;
    right: 1.5rem;
}

.w77-menu__detail__two__mains__main__bars__btns__item:hover .w77-menu__detail__two__mains__main__bars__btns__item__iner__icon {
    -webkit-animation: key-w77-menu__detail__two__mains__main__bars__btns__item__iner__icon .5s;
    animation: key-w77-menu__detail__two__mains__main__bars__btns__item__iner__icon .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w77-menu__detail__two__mains__main__bars__btns__item__iner__icon {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    25% {
        transform: translateX(1.5rem);
        opacity: 0;
    }

    50% {
        transform: translateX(-1.5rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.w77-menu__searchcheckbox:checked ~
.w77-menu__detail__third__search__btn
.w77-menu__detail__third__search__btn__icon {
    transform: rotate(0);
}

    .w77-menu__searchcheckbox:checked ~
    .w77-menu__detail__third__search__btn
    .w77-menu__detail__third__search__btn__icon:before {
        content: "\f00d";
    }

.w77-menu__searchcheckbox {
    display: none;
}

.w77-menu__search {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease;
    visibility: hidden;
}

.w77-menu__searchcheckbox:checked ~ .w77-menu__search {
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w77-menu__search__value {
}

.w77-menu__searchcheckbox:checked ~
.w77-menu__search
.w77-menu__search__value {
    top: 0;
}

.w77-menu__search__value__content {
    width: 90rem;
    background-color: #fff;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 3rem;
    border: solid 1px #f1f1f1;
    box-shadow: 6px 6px 50px 0px rgba(0, 0, 0, 0.05);
    border-radius: 2rem;
    margin-top: 2rem;
}

@media only screen and (max-width: 50rem) {
    .w77-menu__search__value__content {
        border-radius: 0rem 0 2rem 2rem;
        margin-top: 0rem;
        padding: 2rem;
    }
}

.w77-menu__search__value__content__heading {
    display: flex;
    width: 100%;
}

.w77-menu__search__value__content__heading__close {
    margin-left: auto;
    transition: all .5s;
    color: #0a529e;
}

    .w77-menu__search__value__content__heading__close:hover {
        transform: rotate(90deg);
    }

.w77-menu__search__value__content__heading__close__icon {
    font-size: 2.6rem;
    cursor: pointer;
    transition: all .3s;
    animation-name: key-w77-menu__search__value__content__heading__close__icon--hide;
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
}


.w77-menu__search__value__content__text {
    display: flex;
    align-items: center;
    position: relative;
    width: 100%;
    margin: 2rem auto 0;
}

.w77-menu__search__value__content__text__input {
    width: 100%;
    padding: 1.2rem 2rem;
    border: none;
    font-family: inherit;
    font-size: 1.8rem;
    font-weight: 400;
    background: rgba(255, 255, 255, 0.07);
    color: #0a529e;
    border-radius: 1rem;
    transition: all .5s;
    outline: none;
    box-shadow: 6px 6px 50px 0px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 #0000, 0 0 #0000, 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgb(0,0,0,0.1);
}

    .w77-menu__search__value__content__text__input:focus {
    }

@media only screen and (max-width: 50rem) {
    .w77-menu__search__value__content__text__input {
    }
}

.w77-menu__search__value__content__text__input::placeholder {
    color: #333;
}

.w77-menu__search__value__content__text__btn {
    color: #0a529e;
    font-size: 1.8rem;
    cursor: pointer;
    position: absolute;
    right: 2rem;
    transition: all .2s ease;
}

@media only screen and (max-width: 50rem) {
    .w77-menu__search__value__content__text__btn {
        font-size: 1.8rem;
    }
}

.w77-menu__search__value__content__text__btn:hover {
    transform: scale(1.3);
}
/*ed*/
/*w77-ads-1*/
.w77-ads-1 {
    padding: 3rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w77-ads-1__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w77-ads-1__heading {
}

.w77-ads-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-ads-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w77-ads-1__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    color: #292929;
}

.w77-ads-1__heading__btn {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: #0a529e;
    line-height: 2.8rem;
    cursor: pointer;
}

.w77-ads-1__heading__btn__name {
    transition: all .3s ease;
}

    .w77-ads-1__heading__btn__name:hover {
        text-decoration: underline;
    }

.w77-ads-1__heading__btn__icon {
    margin-left: 1rem;
}

.w77-ads-1__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: 1rem;
    align-items: flex-start;
}

.w77-ads-1__items__item {
    width: 23.5%;
    margin-left: 2%;
    margin-top: 2rem;
    overflow: hidden;
    border-radius: 2.5rem;
}

@media only screen and (min-width: 62.5rem) {
    .w77-ads-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w77-ads-1__items__item {
        width: 49%;
    }

        .w77-ads-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 37.5rem) {
    .w77-ads-1__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w77-ads-1__items__item__hinhanh {
    display: block;
    padding: 1.25rem;
    background-color: #0a529e;
    overflow: hidden;
}

.w77-ads-1__items__item__hinhanh__imgbox {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 1rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-ads-1__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-ads-1__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w77-ads-1__items__item__content {
    display: flex;
    position: relative;
    align-items: flex-end;
    padding: 4em 0rem 0rem;
    background-color: #0a529e;
}

.w77-ads-1__items__item__content__name {
    font-size: 2rem;
    color: #fff;
    padding: 0 2rem 2rem;
    width: calc(100% - 6rem);
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-ads-1__items__item__content__name:hover {
        text-decoration: underline;
    }

.w77-ads-1__items__item__content__icon {
    bottom: 0;
    right: 0;
    border-top-left-radius: 32px;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1));
    padding-top: 10px;
    padding-left: 10px;
    position: absolute;
}

@media only screen and (max-width: 37.5rem) {
    .w77-ads-1__items__item__content__icon {
        border: none;
        background-color: transparent;
        padding: 0;
        right: 1rem;
        bottom: 1rem;
    }
}

.w77-ads-1__items__item__content__icon__center {
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(10 82 158 / var(--tw-border-opacity, 1));
    --tw-bg-opacity: 1;
    background-color: rgb(10 82 158 / var(--tw-bg-opacity, 1));
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 48px;
    width: 48px;
    min-width: 48px;
    cursor: pointer;
    color: #fff;
    font-size: 1.6rem;
}

@media only screen and (max-width: 37.5rem) {
    .w77-ads-1__items__item__content__icon__center {
        background-color: #fff;
        border-radius: 50%;
        color: #0a529e;
    }
}

.w77-ads-1__items__item__content__icon__center__val {
    transition: all .3s ease;
}

.w77-ads-1__items__item__content:hover
.w77-ads-1__items__item__content__icon__center__val {
    transform: rotate(-45deg);
}

.w77-ads-1__items__item__content__icon__center:hover
.w77-ads-1__items__item__content__icon__center__val {
    -webkit-animation: key-w77-ads-1__items__item__content__icon__center__val .5s;
    animation: key-w77-ads-1__items__item__content__icon__center__val .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w77-ads-1__items__item__content__icon__center__val {
    0% {
        transform: translateX(0) rotate(-45deg);
        opacity: 1;
    }

    25% {
        transform: translateX(1.5rem) rotate(-45deg);
        opacity: 0;
    }

    50% {
        transform: translateX(-1.5rem) rotate(-45deg);
        opacity: 0;
    }

    100% {
        transform: translateX(0) rotate(-45deg);
        opacity: 1;
    }
}

.w77-ads-1__items__item__content__icon__first {
    position: absolute;
    background: transparent;
    box-shadow: 5px 5px 0 5px #fff;
    width: 20px;
    height: 20px;
    top: -20px;
    right: 0;
    border-bottom-right-radius: 20px;
}

@media only screen and (max-width: 37.5rem) {
    .w77-ads-1__items__item__content__icon__first {
        display: none;
    }
}

.w77-ads-1__items__item__content__icon__second {
    position: absolute;
    background: transparent;
    box-shadow: 5px 5px 0 5px #fff;
    width: 20px;
    height: 20px;
    bottom: 0;
    left: -20px;
    border-bottom-right-radius: 20px;
}

@media only screen and (max-width: 37.5rem) {
    .w77-ads-1__items__item__content__icon__second {
        display: none;
    }
}
/*ed*/
/*w77-introducer-1*/
.w77-introducer-1 {
    padding: 5rem 1rem 0;
    background-image: url(../../img/w77/bg-01.jpg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position:relative;
    z-index:1;
}

.w77-introducer-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    position: relative;
    z-index: 1;
}

.w77-introducer-1__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 4rem
}

.w77-introducer-1__heading__hinhanh {
    width: 40%;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__heading__hinhanh {
        width: 100%;
        margin-bottom: 2rem;
    }
}

.w77-introducer-1__heading__name {
    width: 58%;
    text-align: center;
    font-size: 5rem;
    line-height: 6rem;
    color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__heading__name {
        width: 100%;
    }
}

@media only screen and (max-width: 37.5rem) {
    .w77-introducer-1__heading__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w77-introducer-1__mains {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
}

.w77-introducer-1__mains__second {
    width: 58%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__mains__second {
        width: 100%;
    }
}

.w77-introducer-1__mains__second__hinhanh {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.w77-introducer-1__mains__second__hinhanh__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
}

.w77-introducer-1__mains__second__hinhanh__imgbox__img {
    width: 100%;
}

.w77-introducer-1__mains__first {
    width: 40%;
    padding-bottom: 10rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__mains__first {
        padding-bottom: 2rem
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__mains__first {
        width: 100%;
    }
}

.w77-introducer-1__mains__first__main {
    background-color: #e6eff7;
    overflow: hidden;
    padding: 3rem;
    border-radius: 2rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-introducer-1__mains__first__main {
        padding: 2rem;
    }
}

.w77-introducer-1__mains__first__main {
}

.w77-introducer-1__mains__first__main__items__item {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding-left: 5rem;
    align-self: center;
    position: relative;
    border-bottom: rgba(10,82,158,.2) solid 1px;
    padding-bottom: 1.5rem;
    margin-bottom: 1.5rem;
}

.w77-introducer-1__mains__first__main__items__item__icon {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 3rem;
    position: absolute;
    left: 0;
    color: #0a529e;
}

.w77-introducer-1__mains__first__main__items__item__name {
    font-size: 2.2rem;
    color: #0a529e;
    line-height: 3rem;
    transition: all .3s ease;
}

    .w77-introducer-1__mains__first__main__items__item__name:hover {
        text-decoration: underline;
    }

.w77-introducer-1__mains__first__text {
    color: #fff;
    font-size: 2rem;
    line-height: 3rem;
    text-align: center;
}

.w77-introducer-1__mains__first__main__btns {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
}

.w77-introducer-1__mains__first__main__btns__item {
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w77-introducer-1__mains__first__main__btns__item {
        margin-top: 1rem;
        margin: 1rem .5rem;
    }
}

.w77-introducer-1__mains__first__main__btns__item:last-child {
    margin-right: 0;
}

.w77-introducer-1__mains__first__main__btns__item__iner {
    color: #fff;
    font-size: 1.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
}

.w77-introducer-1__mains__first__main__btns__item__iner__name {
    color: #0a529e;
    background-color: #fff;
    border: solid 1px #0a529e;
    border-radius: 3rem;
    padding: 1rem 4.5rem 1rem 2rem;
    transition: all .3s ease;
    position: relative;
    z-index: 2;
}

    .w77-introducer-1__mains__first__main__btns__item__iner__name:hover {
        background-color: transparent;
        color: #fff;
    }

.w77-introducer-1__mains__first__main__btns__item__iner__icon {
    position: absolute;
    right: 1.5rem;
    color: #0a529e;
    z-index: 2;
    transition: all .3s ease;
}

.w77-introducer-1__mains__first__main__btns__item:hover
.w77-introducer-1__mains__first__main__btns__item__iner__icon {
    color: #fff;
}

.w77-introducer-1__mains__first__main__btns__item__iner__bg {
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 0;
    background-color: #0a529e;
    transition: all .5s ease;
}

.w77-introducer-1__mains__first__main__btns__item:hover
.w77-introducer-1__mains__first__main__btns__item__iner__bg {
    width: 100%;
}

.w77-introducer-1__mains__first__main__btns__alter {
    margin-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width: 75rem) {
    .w77-introducer-1__mains__first__main__btns__alter {
        margin-top: 1rem;
        margin: 1rem .5rem;
    }
}

.w77-introducer-1__mains__first__main__btns__alter:last-child {
    margin-right: 0;
}

.w77-introducer-1__mains__first__main__btns__alter__iner {
    color: #fff;
    font-size: 1.8rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
}

.w77-introducer-1__mains__first__main__btns__alter__iner__name {
    color: #0a529e;
    background-color: #fff;
    border: solid 1px #0a529e;
    border-radius: 3rem;
    padding: 1rem 4.5rem 1rem 2rem;
    transition: all .3s ease;
    position: relative;
    z-index: 2;
}

    .w77-introducer-1__mains__first__main__btns__alter__iner__name:hover {
        background-color: transparent;
        color: #fff;
    }

.w77-introducer-1__mains__first__main__btns__alter__iner__icon {
    position: absolute;
    right: 1.5rem;
    color: #0a529e;
    z-index: 2;
    transition: all .3s ease;
}

.w77-introducer-1__mains__first__main__btns__alter:hover
.w77-introducer-1__mains__first__main__btns__alter__iner__icon {
    color: #fff;
}

.w77-introducer-1__mains__first__main__btns__alter__iner__bg {
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 0;
    background-color: #0a529e;
    transition: all .5s ease;
}

.w77-introducer-1__mains__first__main__btns__alter:hover
.w77-introducer-1__mains__first__main__btns__alter__iner__bg {
    width: 100%;
}

.w77-introducer-1__check {
    display: none;
}

    .w77-introducer-1__check:checked ~
    .w77-introducer-1__popup {
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }

.w77-introducer-1__popup {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
    cursor: pointer;
    transition: all .5s;
    opacity: 0;
    z-index: -1;
    visibility: hidden;
    overflow: hidden;
    height: 100%;
}

.w77-introducer-1__check {
    display: none;
}

    .w77-introducer-1__check:checked ~
    .w77-introducer-1__popup {
        opacity: 1;
        z-index: 9;
        visibility: visible;
    }

.w77-introducer-1__popup__close {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.9);
}

.w77-introducer-1__popup__main {
    width: 100%;
    max-width: 120rem;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.w77-introducer-1__popup__main__video {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: .5rem;
}

@media only screen and (max-width:81.25rem) {
    .w77-introducer-1__popup__main__video {
        width: 90rem;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__popup__main__video {
        width: 60rem;
    }
}

@media only screen and (max-width:43.75rem) {
    .w77-introducer-1__popup__main__video {
        width: calc(100% - 2rem);
    }
}

.w77-introducer-1__popup__main__video__detail {
    width: 100%;
    overflow: hidden;
    padding: 1rem;
    background-color: #f1f1f1;
    border-radius: .5rem;
}

.w77-introducer-1__popup__main__video iframe {
    border: none;
    width: 100%;
    height: 68rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__popup__main__video iframe {
        height: 34rem;
    }
}

@media only screen and (max-width:50rem) {
    .w77-introducer-1__popup__main__video iframe {
        height: 51rem;
    }
}

@media only screen and (max-width:43.75rem) {
    .w77-introducer-1__popup__main__video iframe {
        height: 20rem;
        max-height: initial !important;
        min-height: initial !important;
    }
}

.w77-introducer-1__popup__main__video__close {
    position: absolute;
    z-index: 3;
    width: 5rem;
    height: 5rem;
    background-color: red;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    right: -2.5rem;
    top: -2.5rem;
    transition: all .5s;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__popup__main__video__close {
        width: 4rem;
        height: 4rem;
        right: -2rem;
        top: -2rem;
    }

    @media only screen and (max-width:37.5rem) {
        .w77-introducer-1__popup__main__video__close {
            right: initial;
            top: -5rem;
        }
    }
}

.w77-introducer-1__popup__main__video__close:hover {
}

.w77-introducer-1__popup__main__video__close__icon {
    color: #fff;
    font-size: 3rem;
    transform: rotate(45deg);
    transition: all .5s;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__popup__main__video__close__icon {
        font-size: 2.5rem;
    }
}

.w77-introducer-1__popup__main__video__close:hover .w77-introducer-1__popup__main__video__close__icon {
    transform: rotate(405deg);
}

.w77-introducer-1__bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 64rem;
    z-index: 0;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-1__bottom {
        width: 100%;
    }
}

.w77-introducer-1__bottom__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
}

.w77-introducer-1__bottom__imgbox__img {
    width: 100%;
}
/*ed*/

/*w77-introducer-2*/
.w77-introducer-2 {
    padding: 3rem 1rem;
    background-color: #fff;
}

.w77-introducer-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w77-introducer-2__mains {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    align-items: center;
}

.w77-introducer-2__mains__hinhanh {
    width: 65%;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-2__mains__hinhanh {
        width: 100%;
    }
}

.w77-introducer-2__mains__hinhanh__imgbox {
    height: 100%;
    background-size: cover;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-2__mains__hinhanh__imgbox {
        border-radius: 2rem;
    }
}

.w77-introducer-2__mains__hinhanh__imgbox__img {
    width: 100%;
}

.w77-introducer-2__mains__main {
    width: 35%;
    padding: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-2__mains__main {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-introducer-2__mains__main {
        padding: 3rem 1.5rem 0;
    }
}

.w77-introducer-2__mains__main {
}

.w77-introducer-2__mains__main__cate {
    color: #0a529e;
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 1.5rem;
}

.w77-introducer-2__mains__main__name {
    color: #0a529e;
    font-size: 2.2rem;
    line-height: 3.2rem;
    margin-bottom: 1.5rem;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}
.w77-introducer-2__mains__main__name:hover{
    text-decoration:underline;
}
.w77-introducer-2__mains__main__des {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 3rem;
    color: #292929;
    max-height: 17rem;
    overflow-y: scroll;
}

@media only screen and (max-width:62.5rem) {
    .w77-introducer-2__mains__main__des {
        max-height: max-content;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-introducer-2__mains__main__des {
        margin-bottom: 1.5rem;
    }
}

.w77-introducer-2__mains__main__des::-webkit-scrollbar {
    width: .4rem;
}

.w77-introducer-2__mains__main__des::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w77-introducer-2__mains__main__des::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: #0a529e
}

.w77-introducer-2__mains__main__btn {
    display: flex;
    align-items: center;
    font-size: 2rem;
    line-height: 3rem;
    color: #0a529e;
    cursor: pointer;
}

.w77-introducer-2__mains__main__btn__name {
    transition: all .3s ease-in;
}

    .w77-introducer-2__mains__main__btn__name:hover {
        text-decoration: underline;
    }

.w77-introducer-2__mains__main__btn__icon {
    margin-left: 1.5rem;
}
/*ed*/
/*w77-service-1*/
.w77-service-1 {
    padding: 3rem 1rem 3rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w77-service-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w77-service-1__heading {
}

.w77-service-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-service-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w77-service-1__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    color: #292929;
}

.w77-service-1__heading__btn {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: #0a529e;
    line-height: 2.8rem;
    cursor: pointer;
}

.w77-service-1__heading__btn__name {
    transition: all .3s ease;
}

    .w77-service-1__heading__btn__name:hover {
        text-decoration: underline;
    }

.w77-service-1__heading__btn__icon {
    margin-left: 1rem;
}

.w77-service-1__mains {
    position: relative;
    width: 100%;
}

.w77-service-1__mains__topicon {
    position: absolute;
    width: 51px;
    height: 63px;
    right: -12rem;
    top: -1rem;
    background-image: url(../../img/w77/arrow-2.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.w77-service-1__mains__boticon {
    position: absolute;
    width: 80px;
    height: 80px;
    left: -14rem;
    bottom: 0rem;
    background-image: url(../../img/w77/arrow-1.png);
    background-size: contain;
    background-repeat: no-repeat;
}

.w77-service-1__mains__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top: .8rem;
}

.w77-service-1__mains__items__item {
    width: 15%;
    margin-top: 2.2rem;
    margin-left: 2%;
    background-color: #e6eff7;
    border-radius: 2rem;
    padding: 3rem 2rem 2rem;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__item {
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w77-service-1__mains__items__item {
        margin-top: 2rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-service-1__mains__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-service-1__mains__items__item {
        width: 23.5%;
    }

        .w77-service-1__mains__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__item {
        width: 49%;
        margin-top: 1.5rem;
    }

        .w77-service-1__mains__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 31.25rem) {
    .w77-service-1__mains__items__item {
        width: 49%;
        margin-top: 1rem;
    }
}

.w77-service-1__mains__items__item__bg {
    position: absolute;
    width: 150%;
    height: 0;
    background-color: rgba(var(--main-color-w),1);
    border-radius: 15rem 15rem 0px 0px;
    bottom: 0;
    transition: all .5s ease;
    z-index: 0;
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__item__bg {
        width: 100%;
    }
}

@media only screen and (max-width: 43.75rem) {
    .w77-service-1__mains__items__item__bg {
        width: 120%;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w77-service-1__mains__items__item__bg {
        width: 140%;
    }
}

.w77-service-1__mains__items__item:hover
.w77-service-1__mains__items__item__bg {
    height: calc(100% - 1px);
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__item:hover
    .w77-service-1__mains__items__item__bg {
        height: calc(100% - 3px);
    }
}

.w77-service-1__mains__items__item__main {
    position: relative;
    z-index: 1;
}

.w77-service-1__mains__items__item__main__hinhanh {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem;
}

.w77-service-1__mains__items__item__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
    width: 8rem;
}

.w77-service-1__mains__items__item:hover
.w77-service-1__mains__items__item__main__hinhanh__imgbox {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.w77-service-1__mains__items__item__main__name {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    color: rgba(var(--main-color-w),1);
    line-height: 2rem;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: all .3s ease;
}

.w77-service-1__mains__items__item:hover
.w77-service-1__mains__items__item__main__name {
    color: #fff;
}

.w77-service-1__mains__items__item__main__name:hover {
    text-decoration: underline;
}

.w77-service-1__mains__items__item__main__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
    cursor: pointer;
}

.w77-service-1__mains__items__item__main__icon__val {
    font-size: 2rem;
    color: #fff;
    opacity: 0;
    transition: all .3s ease;
}

.w77-service-1__mains__items__item:hover
.w77-service-1__mains__items__item__main__icon__val {
    opacity: 1;
}

.w77-service-1__mains__items__first {
    width: 15%;
    margin-top: 2.2rem;
    margin-left: 2%;
    background-color: #e6eff7;
    border-radius: 2rem;
    padding: 3rem 2rem 2rem;
    overflow: hidden;
    position: relative;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__first {
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w77-service-1__mains__items__first {
        margin-top: 2rem;
    }
}

@media only screen and (min-width: 75rem) {
    .w77-service-1__mains__items__first:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 75rem) {
    .w77-service-1__mains__items__first {
        width: 23.5%;
    }

        .w77-service-1__mains__items__first:nth-child(4n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__first {
        width: 49%;
        margin-top: 1.5rem;
    }

        .w77-service-1__mains__items__first:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 31.25rem) {
    .w77-service-1__mains__items__first {
        width: 49%;
        margin-top: 1rem;
    }
}

.w77-service-1__mains__items__first__bg {
    position: absolute;
    width: 150%;
    height: calc(100% - 1px);
    background-color: rgba(var(--main-color-w),1);
    border-radius: 15rem 15rem 0px 0px;
    bottom: 0;
    transition: all .5s ease;
    z-index: 0;
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__first__bg {
        width: 100%;
    }
}

@media only screen and (max-width: 43.75rem) {
    .w77-service-1__mains__items__first__bg {
        width: 120%;
    }
}

@media only screen and (max-width: 31.25rem) {
    .w77-service-1__mains__items__first__bg {
        width: 140%;
    }
}

@media only screen and (max-width: 50rem) {
    .w77-service-1__mains__items__first:hover
    .w77-service-1__mains__items__first__bg {
        height: calc(100% - 3px);
    }
}

.w77-service-1__mains__items__first__main {
    position: relative;
    z-index: 1;
}

.w77-service-1__mains__items__first__main__hinhanh {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-bottom: 2rem;
}

.w77-service-1__mains__items__first__main__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
    width: 8rem;
}

.w77-service-1__mains__items__first__main__hinhanh__imgbox {
    -webkit-filter: brightness(0) invert(1);
    filter: brightness(0) invert(1);
}

.w77-service-1__mains__items__first__main__name {
    display: block;
    text-align: center;
    font-size: 1.8rem;
    color: #fff;
    line-height: 2rem;
    margin-bottom: 1rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-service-1__mains__items__first__main__name:hover {
        text-decoration: underline;
    }

.w77-service-1__mains__items__first__main__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: max-content;
    margin: 0 auto;
    cursor: pointer;
}

.w77-service-1__mains__items__first__main__icon__val {
    font-size: 2rem;
    color: #fff;
    opacity: 1;
    transition: all .3s ease;
}
/*ed*/

/*w77-product-1*/
.w77-product-1 {
    padding: 3rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w77-product-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w77-product-1__heading {
}

.w77-product-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
    margin-bottom: 1rem;
    text-align: center;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width:37.5rem) {
    .w77-product-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w77-product-1__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    color: #292929;
}

.w77-product-1__btn {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: #0a529e;
    line-height: 2.8rem;
    margin: 3rem auto 0;
    width: max-content;
    max-width: 100%;
    padding: 1rem 2rem;
    border: solid 1px #0a529e;
    border-radius: 3rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
}

    .w77-product-1__btn:hover {
        background-color: #0a529e;
        color: #fff;
    }

        .w77-product-1__btn:hover
        .w77-product-1__btn__icon {
            -webkit-animation: key-w77-product-1__btn__icon .5s;
            animation: key-w77-product-1__btn__icon .5s;
            animation-iteration-count: 1;
        }

@-webkit-keyframes key-w77-product-1__btn__icon {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    25% {
        transform: translateX(1.5rem);
        opacity: 0;
    }

    50% {
        transform: translateX(-1.5rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.w77-product-1__btn__icon {
    margin-left: 1rem;
}

.w77-product-1__heading__tabs {
    margin-bottom: 2rem;
    margin-top: 2rem;
    position: relative;
}

.w77-product-1__heading__tabs__items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w77-product-1__heading__tabs__items {
        background-color: #e6eff7;
        border-radius: 2rem;
        border: solid 1px #0a529e;
        padding: 1rem 2rem 2rem;
        position: absolute;
        width: 100%;
        top: calc(100% + 1rem);
        opacity: 0;
        z-index: 0;
        pointer-events: none;
        visibility: hidden;
        transition: all .3s ease;
    }

    .w77-product-1__heading__tabs__check:checked ~
    .w77-product-1__heading__tabs__items {
        opacity: 1;
        z-index: 1;
        pointer-events: initial;
        visibility: visible;
    }
}

.w77-product-1__heading__tabs__items__item {
    margin-right: 3rem;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w77-product-1__heading__tabs__items__item {
        width: 100%;
        margin-right: 0;
    }
}

.w77-product-1__heading__tabs__items__item:last-child {
    margin-right: 0;
}

.w77-product-1__heading__tabs__items__item__main {
    display: flex;
    align-items: center;
    line-height: 2rem;
    color: #0a529e;
    cursor: pointer;
    position: relative;
    padding-left: 1.6rem;
}

.w77-product-1__heading__tabs__items__item__main__name {
    font-size: 2.4rem;
    transition: all .3s ease;
    line-height: 3rem;
}

@media only screen and (max-width:50rem) {
    .w77-product-1__heading__tabs__items__item__main__name {
        width: calc(100% - 1.6rem);
    }
}

.w77-product-1__heading__tabs__items__item__main__name:hover {
    text-decoration: underline;
}

.w77-product-1__heading__tabs__items__item__main__icon {
    font-size: .6rem;
    width: 2rem;
    position: absolute;
    left: 0;
    margin-top: 5px;
}

.w77-product-1__heading__tabs__check {
    display: none;
}

.w77-product-1__heading__tabs__name {
    display: none;
    align-items: center;
    padding-right: 3rem;
    font-size: 2.4rem;
    line-height: 3rem;
    position: relative;
    cursor: pointer;
    padding: 1rem 2rem;
    color: #0a529e;
    background-color: #fff;
    border: solid 1px #0a529e;
    border-radius: 3rem;
}

@media only screen and (max-width:50rem) {
    .w77-product-1__heading__tabs__name {
        display: flex;
    }
}

.w77-product-1__heading__tabs__name__text {
}

.w77-product-1__heading__tabs__name__icon {
    width: 3rem;
    height: 100%;
    position: absolute;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.w77-product-1__heading__tabs__check:checked ~
.w77-product-1__heading__tabs__name
.w77-product-1__heading__tabs__name__icon {
    transform: rotate(-180deg);
}

.w77-product-1__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    margin-top: 1rem;
}

.w77-product-1__items__item {
    width: 23.5%;
    margin-left: 2%;
    overflow: hidden;
    border-radius: 2rem 2rem 6rem 2rem;
    border: solid 1px rgba(10,82,158,0);
    transition: all .3s ease;
    margin-top: 2rem;
    background-color:#fff;
}

@media only screen and (min-width:75rem) {
    .w77-product-1__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w77-product-1__items__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w77-product-1__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w77-product-1__items__item {
        width: 49%;
    }

        .w77-product-1__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w77-product-1__items__item:hover {
    border-color: rgba(10,82,158,1);
}

.w77-product-1__items__item__hinhanh {
    display: block;
}

.w77-product-1__items__item__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .3s ease;
    background-repeat: no-repeat;
}

    .w77-product-1__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-product-1__items__item__main {
    padding: 3rem 2rem 4rem;
}

.w77-product-1__items__item__main__name {
    font-size: 2.2rem;
    font-weight: 600;
    color: rgba(10,82,158,1);
    line-height: 3.2rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom:1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-product-1__items__item__main__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w77-product-1__items__item__main__name:hover {
    text-decoration: underline;
}

.w77-product-1__items__item__main__price {
    display: flex;
    justify-content: center;
    font-size: 2.2rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-product-1__items__item__main__price {
        font-size: 2rem;
    }
}

.w77-product-1__items__item__main__price__sale {
    font-weight: 600;
    color: rgba(10,82,158,1);
}

.w77-product-1__items__item__main__price__sub {
    margin-left: 1rem;
    color: #999;
    text-decoration: line-through;
}
/*ed*/
/*w77-article-1*/
.w77-article-1 {
    padding: 3rem 1rem;
    background-color: #fff;
    background-image: url(../../img/w77/bg-02.jpg);
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 0;
}

.w77-article-1__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w77-article-1__heading {
}

.w77-article-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #fff;
    margin-bottom: 1rem;
    text-align: center;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w77-article-1__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    color: #fff;
}

.w77-article-1__btn {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: #fff;
    line-height: 2.8rem;
    margin: 3rem auto 0;
    width: max-content;
    max-width: 100%;
    padding: 1rem 2rem;
    border: solid 1px #fff;
    border-radius: 3rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
}

    .w77-article-1__btn:hover {
        background-color: #0a529e;
        color: #fff;
    }

        .w77-article-1__btn:hover
        .w77-article-1__btn__icon {
            -webkit-animation: key-w77-article-1__btn__icon .5s;
            animation: key-w77-article-1__btn__icon .5s;
            animation-iteration-count: 1;
        }

@-webkit-keyframes key-w77-article-1__btn__icon {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    25% {
        transform: translateX(1.5rem);
        opacity: 0;
    }

    50% {
        transform: translateX(-1.5rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.w77-article-1__btn__icon {
    margin-left: 1rem;
}

.w77-article-1__heading__tabs {
    margin-bottom: 2rem;
    margin-top: 2rem;
    position: relative;
}

.w77-article-1__heading__tabs__items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w77-article-1__heading__tabs__items {
        background-color: #e6eff7;
        border-radius: 2rem;
        border: solid 1px #0a529e;
        padding: 1rem 2rem 2rem;
        position: absolute;
        width: 100%;
        top: calc(100% + 1rem);
        opacity: 0;
        z-index: 0;
        pointer-events: none;
        visibility: hidden;
        transition: all .3s ease;
    }

    .w77-article-1__heading__tabs__check:checked ~
    .w77-article-1__heading__tabs__items {
        opacity: 1;
        z-index: 1;
        pointer-events: initial;
        visibility: visible;
    }
}

.w77-article-1__heading__tabs__items__item {
    margin-right: 3rem;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w77-article-1__heading__tabs__items__item {
        width: 100%;
        margin-right: 0;
    }
}

.w77-article-1__heading__tabs__items__item:last-child {
    margin-right: 0;
}

.w77-article-1__heading__tabs__items__item__main {
    display: flex;
    align-items: center;
    line-height: 2rem;
    color: #fff;
    cursor: pointer;
    position: relative;
    padding-left: 1.6rem;
}

@media only screen and (max-width:50rem) {
    .w77-article-1__heading__tabs__items__item__main {
        color: #0a529e;
    }
}

.w77-article-1__heading__tabs__items__item__main__name {
    font-size: 2.4rem;
    transition: all .3s ease;
    line-height: 3rem;
}

@media only screen and (max-width:50rem) {
    .w77-article-1__heading__tabs__items__item__main__name {
        width: calc(100% - 1.6rem);
    }
}

.w77-article-1__heading__tabs__items__item__main__name:hover {
    text-decoration: underline;
}

.w77-article-1__heading__tabs__items__item__main__icon {
    font-size: .6rem;
    width: 1.6rem;
    position: absolute;
    left: 0;
    margin-top: 5px;
}

.w77-article-1__heading__tabs__check {
    display: none;
}

.w77-article-1__heading__tabs__name {
    display: none;
    align-items: center;
    padding-right: 3rem;
    font-size: 2.4rem;
    line-height: 3rem;
    position: relative;
    cursor: pointer;
    padding: 1rem 2rem;
    color: #fff;
    background-color: rgba(10,82,158,.75);
    border: solid 1px #0a529e;
    border-radius: 3rem;
    transition: all .3s ease;
}

.w77-article-1__heading__tabs__check:checked ~
.w77-article-1__heading__tabs__name {
    background-color: rgba(10,82,158,1);
}

@media only screen and (max-width:50rem) {
    .w77-article-1__heading__tabs__name {
        display: flex;
    }
}

.w77-article-1__heading__tabs__name__text {
}

.w77-article-1__heading__tabs__name__icon {
    width: 3rem;
    height: 100%;
    position: absolute;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.w77-article-1__heading__tabs__check:checked ~
.w77-article-1__heading__tabs__name
.w77-article-1__heading__tabs__name__icon {
    transform: rotate(-180deg);
}

.w77-article-1__mains {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    position: relative;
    align-items: center
}

.w77-article-1__mains__main {
    overflow: hidden;
    width: 100%;
}

.w77-article-1__mains__main__items {
    display: flex;
    align-items: flex-start;
    height:max-content !important;
}

.w77-article-1__mains__main__items__item {
    width: 31.33333%;
    margin-right: 3%;
    overflow: hidden;
    border-radius: 2rem 2rem 2rem 2rem;
    transition: all .3s ease;
    margin-top: 2rem;
    position: relative;
}

@media only screen and (max-width:62.5rem) {
    .w77-article-1__mains__main__items__item {
        width: 48.5%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-1__mains__main__items__item {
        width: 96%;
        margin-left: 2%;
        margin-right: 2%;
    }
}

.w77-article-1__mains__main__items__item__bg {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    background-color: rgba(255,255,255,.2);
    transition: all .75s ease;
    backdrop-filter:blur(20px);
}

.w77-article-1__mains__main__items__item:hover
.w77-article-1__mains__main__items__item__bg {
    background-color: rgba(255,255,255,1);
}

.w77-article-1__mains__main__items__item__content {
    padding: 2rem;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-1__mains__main__items__item__content {
        padding: 1.5rem;
    }
}

.w77-article-1__mains__main__items__item__content__hinhanh {
    border-radius: 1.5rem;
    overflow: hidden;
    display: block;
}

.w77-article-1__mains__main__items__item__content__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .3s ease;
    background-repeat: no-repeat;
    border-radius: 1.5rem;
}

    .w77-article-1__mains__main__items__item__content__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-article-1__mains__main__items__item__content__box {
    padding-top: 1.5rem;
}

.w77-article-1__mains__main__items__item__content__box__name {
    font-size: 2.6rem;
    font-weight: 600;
    color: #fff;
    line-height: 3.2rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-1__mains__main__items__item__content__box__name {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w77-article-1__mains__main__items__item:hover
.w77-article-1__mains__main__items__item__content__box__name {
    color: rgba(var(--main-color-w),1);
}

.w77-article-1__mains__main__items__item__content__box__name:hover {
    text-decoration: underline;
}

.w77-article-1__mains__main__items__item__content__box__des {
    display: flex;
    justify-content: center;
    font-size: 2rem;
    line-height: 3rem;
    color: #fff;
    transition: all .3s ease;
}

.w77-article-1__mains__main__items__item:hover
.w77-article-1__mains__main__items__item__content__box__des {
    color: #292929;
}

.w77-article-1__mains__main__items__item__content__box__date {
    border-bottom: rgba(255,255,255,.2) solid 1px;
    display: flex;
    align-items: center;
    color: rgba(255,255,255,.75);
    font-size: 2rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.w77-article-1__mains__main__items__item:hover
.w77-article-1__mains__main__items__item__content__box__date {
    border-bottom-color: rgba(129,129,129,.15);
}

.w77-article-1__mains__main__items__item__content__box__date__name {
    font-weight: 600;
}

.w77-article-1__mains__main__items__item:hover
.w77-article-1__mains__main__items__item__content__box__date__name {
    color: #0a529e;
}

.w77-article-1__mains__main__items__item__content__box__date__line {
    width: 1px;
    height: 1.5rem;
    background-color: rgba(255,255,255,.2);
    margin-left: 1.5rem;
    margin-right: 1.5rem;
}

.w77-article-1__mains__main__items__item:hover
.w77-article-1__mains__main__items__item__content__box__date__line {
    background-color: rgba(129,129,129,.15);
}

.w77-article-1__mains__main__items__item__content__box__date__des {
    font-size: 1.8rem;
}

.w77-article-1__mains__main__items__item:hover
.w77-article-1__mains__main__items__item__content__box__date__des {
    color: rgba(129,129,129,.75);
}

.w77-article-1__mains__prev {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    color: #111;
    border-radius: 50%;
    color: #898b8e;
    left: -2rem;
    top: 50%;
    position: absolute;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 2;
    border: solid 1px #f1f1f1;
}

    .w77-article-1__mains__prev:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:37.5rem) {
    .w77-article-1__mains__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
        left: 0rem;
    }
}

.w77-article-1__mains__next {
    width: 4rem;
    height: 4rem;
    background-color: #fff;
    color: #111;
    border-radius: 50%;
    color: #898b8e;
    position: absolute;
    right: -2rem;
    top: 50%;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 2;
    border: solid 1px #f1f1f1;
}

    .w77-article-1__mains__next:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:37.5rem) {
    .w77-article-1__mains__next {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
        right: 0;
    }
}
/*ed*/
/*w77-article-2*/
.w77-article-2 {
    padding: 3rem 1rem;
    background-color: rgba(239,244,250,1);
    position: relative;
    z-index: 0;
}

.w77-article-2__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w77-article-2__heading {
}

.w77-article-2__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
    margin-bottom: 1rem;
    text-align: center;
    width: max-content;
    max-width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w77-article-2__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    color: #292929;
}

.w77-article-2__btn {
    display: flex;
    align-items: center;
    font-size: 1.8rem;
    color: #0a529e;
    line-height: 2.8rem;
    margin: 3rem auto 0;
    width: max-content;
    max-width: 100%;
    padding: 1rem 2rem;
    border: solid 1px #0a529e;
    border-radius: 3rem;
    transition: all .3s ease;
    cursor: pointer;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__btn {
        margin-top: 1rem;
    }
}

.w77-article-2__btn:hover {
    background-color: #0a529e;
    color: #fff;
}

    .w77-article-2__btn:hover
    .w77-article-2__btn__icon {
        -webkit-animation: key-w77-article-2__btn__icon .5s;
        animation: key-w77-article-2__btn__icon .5s;
        animation-iteration-count: 1;
    }

@-webkit-keyframes key-w77-article-2__btn__icon {
    0% {
        transform: translateX(0);
        opacity: 1;
    }

    25% {
        transform: translateX(1.5rem);
        opacity: 0;
    }

    50% {
        transform: translateX(-1.5rem);
        opacity: 0;
    }

    100% {
        transform: translateX(0);
        opacity: 1;
    }
}

.w77-article-2__btn__icon {
    margin-left: 1rem;
}

.w77-article-2__heading__tabs {
    margin-bottom: 2rem;
    margin-top: 2rem;
    position: relative;
}

.w77-article-2__heading__tabs__items {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w77-article-2__heading__tabs__items {
        background-color: #e6eff7;
        border-radius: 2rem;
        border: solid 1px #0a529e;
        padding: 1rem 2rem 2rem;
        position: absolute;
        width: 100%;
        top: calc(100% + 1rem);
        opacity: 0;
        z-index: 0;
        pointer-events: none;
        visibility: hidden;
        transition: all .3s ease;
    }

    .w77-article-2__heading__tabs__check:checked ~
    .w77-article-2__heading__tabs__items {
        opacity: 1;
        z-index: 1;
        pointer-events: initial;
        visibility: visible;
    }
}

.w77-article-2__heading__tabs__items__item {
    margin-right: 3rem;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w77-article-2__heading__tabs__items__item {
        width: 100%;
        margin-right: 0;
    }
}

.w77-article-2__heading__tabs__items__item:last-child {
    margin-right: 0;
}

.w77-article-2__heading__tabs__items__item__main {
    display: flex;
    align-items: center;
    line-height: 2rem;
    color: #0a529e;
    cursor: pointer;
    position: relative;
    padding-left: 1.6rem;
}

.w77-article-2__heading__tabs__items__item__main__name {
    font-size: 2.4rem;
    transition: all .3s ease;
    line-height: 3rem;
}

@media only screen and (max-width:50rem) {
    .w77-article-2__heading__tabs__items__item__main__name {
        width: calc(100% - 1.6rem);
    }
}

.w77-article-2__heading__tabs__items__item__main__name:hover {
    text-decoration: underline;
}

.w77-article-2__heading__tabs__items__item__main__icon {
    font-size: .6rem;
    width: 2rem;
    position: absolute;
    left: 0;
    margin-top: 5px;
}

.w77-article-2__heading__tabs__check {
    display: none;
}

.w77-article-2__heading__tabs__name {
    display: none;
    align-items: center;
    padding-right: 3rem;
    font-size: 2.4rem;
    line-height: 3rem;
    position: relative;
    cursor: pointer;
    padding: 1rem 2rem;
    color: #0a529e;
    background-color: #fff;
    border: solid 1px #0a529e;
    border-radius: 3rem;
}

@media only screen and (max-width:50rem) {
    .w77-article-2__heading__tabs__name {
        display: flex;
    }
}

.w77-article-2__heading__tabs__name__text {
}

.w77-article-2__heading__tabs__name__icon {
    width: 3rem;
    height: 100%;
    position: absolute;
    right: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

.w77-article-2__heading__tabs__check:checked ~
.w77-article-2__heading__tabs__name
.w77-article-2__heading__tabs__name__icon {
    transform: rotate(-180deg);
}

.w77-article-2__mains {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 3rem;
}

.w77-article-2__mains__first {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 60%;
    overflow: hidden;
    border-radius: 1rem;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__first {
        width: 100%;
    }
}

.w77-article-2__mains__first__hinhanh {
    width: 65%;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__first__hinhanh {
        width: 55%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__first__hinhanh {
        width: 100%;
    }
}

.w77-article-2__mains__first__hinhanh__imgbox {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 100%;
}

.w77-article-2__mains__first__main {
    width: 35%;
    background-color: #fff;
    padding: 2rem;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__first__main {
        width: 45%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__first__main {
        width: 100%;
    }
}

.w77-article-2__mains__first__main__cate {
    color: #0a529e;
    font-size: 2.4rem;
    line-height: 3rem;
    font-weight: 600;
    margin-bottom: .5rem;
    display: block;
    transition:all .3s ease;
    cursor:pointer;
}
.w77-article-2__mains__first__main__cate:hover{
    text-decoration:underline;
}
@media only screen and (max-width:75rem) {
    .w77-article-2__mains__first__main__cate {
        font-size: 1.8rem;
        line-height: 2.8rem
    }
}

.w77-article-2__mains__first__main__date {
    font-size: 2.4rem;
    color: #999;
    margin-bottom: .5rem;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__first__main__date {
        font-size: 1.8rem;
    }
}

.w77-article-2__mains__first__main__line {
    margin-bottom: 1rem;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.05);
}

.w77-article-2__mains__first__main__name {
    color: #0a529e;
    font-size: 2.6rem;
    line-height: 3.4rem;
    display: block;
    cursor: pointer;
    transition:all .3s ease;
}
.w77-article-2__mains__first__main__name:hover{
    text-decoration:underline;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__first__main__name {
        font-size: 2rem;
        line-height: 3rem
    }
}

.w77-article-2__mains__second {
    width: 38%;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w77-article-2__mains__second__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    margin-bottom: 2rem;
}

    .w77-article-2__mains__second__items__item:last-child {
        margin-bottom: 0;
    }

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__second__items__item {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__second__items__item {
        padding-bottom: 1.5rem;
        border-bottom: solid 1px rgba(45,120,200,.2);
        border-radius: 0;
        margin-bottom: 1.5rem;
    }

        .w77-article-2__mains__second__items__item:last-child {
            margin-bottom: 0;
            border-bottom: 0;
        }
}

.w77-article-2__mains__second__items__item__hinhanh {
    width: 48%;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__second__items__item__hinhanh {
        width: 28%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__second__items__item__hinhanh {
        width: 42%;
    }
}

.w77-article-2__mains__second__items__item__hinhanh__imgbox {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 100%
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__second__items__item__hinhanh__imgbox {
        height: auto;
        border-radius: 1rem;
    }
}

.w77-article-2__mains__second__items__item__main {
    width: 52%;
    background-color: #fff;
    padding: 2rem;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__mains__second__items__item__main {
        width: 72%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__second__items__item__main {
        width: 58%;
        background-color: transparent;
    }
}

.w77-article-2__mains__second__items__item__main__date {
    font-size: 2.4rem;
    color: #999;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__second__items__item__main__date {
        display: none;
    }
}

.w77-article-2__mains__second__items__item__main__line {
    margin-bottom: 1rem;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.05);
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__second__items__item__main__line {
        display: none;
    }
}

.w77-article-2__mains__second__items__item__main__name {
    color: #0a529e;
    font-size: 2.6rem;
    line-height: 3.4rem;
    display: block;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__mains__second__items__item__main__name {
        font-size: 2rem;
        line-height: 3rem
    }
}

.w77-article-2__mains__second__items__item__main__name__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    cursor:pointer;
    transition:all .3s ease;
}
.w77-article-2__mains__second__items__item__main__name__text:hover{
    text-decoration:underline;
}
.w77-article-2__items {
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
}

.w77-article-2__items__item {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 32%;
    margin-left: 2%;
    overflow: hidden;
    border-radius: 1rem;
    margin-top: 2rem;
}

@media only screen and (min-width:62.5rem) {
    .w77-article-2__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w77-article-2__items__item {
        width: 100%;
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__items__item {
        padding-bottom: 1.5rem;
        border-bottom: solid 1px rgba(45,120,200,.2);
        border-radius: 0;
        margin-bottom: 1.5rem;
    }

        .w77-article-2__items__item:last-child {
            margin-bottom: 0;
            border-bottom: 0;
        }
}

.w77-article-2__items__item__hinhanh {
    width: 48%;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__items__item__hinhanh {
        width: 28%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__items__item__hinhanh {
        width: 42%;
    }
}

.w77-article-2__items__item__hinhanh__imgbox {
    width: 100%;
    background-position: center;
    background-size: cover;
    height: 100%
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__items__item__hinhanh__imgbox {
        height: auto;
        border-radius: 1rem;
    }
}

.w77-article-2__items__item__main {
    width: 52%;
    background-color: #fff;
    padding: 2rem;
}

@media only screen and (max-width:75rem) {
    .w77-article-2__items__item__main {
        width: 72%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__items__item__main {
        width: 58%;
        background-color: transparent;
    }
}

.w77-article-2__items__item__main__date {
    font-size: 2.4rem;
    color: #999;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__items__item__main__date {
        display: none;
    }
}

.w77-article-2__items__item__main__line {
    margin-bottom: 1rem;
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.05);
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__items__item__main__line {
        display: none;
    }
}

.w77-article-2__items__item__main__name {
    color: #0a529e;
    font-size: 2.6rem;
    line-height: 3.4rem;
    display: block;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w77-article-2__items__item__main__name {
        font-size: 2rem;
        line-height: 3rem
    }
}

.w77-article-2__items__item__main__name__text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}
/*ed*/
/*w77-abimg-1*/
.w77-abimg-1 {
    padding: 3rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w77-abimg-1__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w77-abimg-1__heading {
    margin-bottom: 3rem;
}

.w77-abimg-1__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
    margin: 0 auto 1rem;
    max-width: 100%;
    width: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w77-abimg-1__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w77-abimg-1__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    text-align: center;
    color: #292929;
}

.w77-abimg-1__mains {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 2rem;
    border: solid 1px #f1f1f1;
}

@media only screen and (max-width:75rem) {
    .w77-abimg-1__mains {
        flex-direction: column-reverse;
    }
}

.w77-abimg-1__mains__first {
    width: 37%;
    background-color: rgba(239,244,250,1);
    position: relative;
    overflow: hidden;
}

@media only screen and (max-width:75rem) {
    .w77-abimg-1__mains__first {
        width: 100%;
    }
}

.w77-abimg-1__mains__first__dots {
    position: absolute;
    left: 3rem;
    bottom: 2rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

    .w77-abimg-1__mains__first__dots .ws1ChildDot {
        width: 3rem;
        height: 4px;
        background-color: rgba(10,82,158,.5);
        margin-right: 1rem;
        border-radius: 4px;
        cursor: pointer;
    }

        .w77-abimg-1__mains__first__dots .ws1ChildDot.active {
            background-color: rgba(10,82,158,1);
        }

    .w77-abimg-1__mains__first__dots:last-child {
        margin-right: 0;
    }

.w77-abimg-1__mains__first__thumbs {
    position: relative;
    z-index: 3;
}

.w77-abimg-1__mains__first__thumbs__item {
    width: 100%;
}

.w77-abimg-1__mains__first__thumbs__item__main {
    width: 100%;
    padding: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-abimg-1__mains__first__thumbs__item__main {
        padding: 1.5rem;
    }
}

.w77-abimg-1__mains__first__thumbs__item__main {
}

.w77-abimg-1__mains__first__thumbs__item__main__cate {
    color: #0a529e;
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
}

.w77-abimg-1__mains__first__thumbs__item__main__name {
    color: #0a529e;
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 1.5rem;
    display: block;
    cursor: pointer;
}

.w77-abimg-1__mains__first__thumbs__item__main__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
    color: #292929;
}

.w77-abimg-1__mains__first__thumbs__item__main__btn {
    display: flex;
    align-items: center;
    font-size: 2rem;
    line-height: 3rem;
    color: #0a529e;
    cursor: pointer;
}

.w77-abimg-1__mains__first__thumbs__item__main__btn__name {
    transition: all .3s ease-in;
}

    .w77-abimg-1__mains__first__thumbs__item__main__btn__name:hover {
        text-decoration: underline;
    }

.w77-abimg-1__mains__first__thumbs__item__main__btn__icon {
    margin-left: 1.5rem;
}

.w77-abimg-1__mains__second {
    width: 63%;
    position: relative;
    overflow:hidden;
}

@media only screen and (max-width:75rem) {
    .w77-abimg-1__mains__second {
        width: 100%;
    }
}

.w77-abimg-1__mains__second__items {
    display: flex;
    align-items: flex-start;
    height: 100%;
}

.w77-abimg-1__mains__second__items__item {
    width: 100%;
    height: 100%;
}

.w77-abimg-1__mains__second__items__item__imgbox {
    width: 100%;
    background-size: cover;
    height: 100%;
}

.w77-abimg-1__mains__second__items__item__imgbox__img {
    width: 100%;
}

.w77-abimg-1__mains__second__prev {
    width: 4rem;
    height: 4rem;
    background-color: #0a529e;
    color: #fff;
    border-radius: 50%;
    left: 2rem;
    top: 50%;
    position: absolute;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 2;
    border: solid 1px #f1f1f1;
}

    .w77-abimg-1__mains__second__prev:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:37.5rem) {
    .w77-abimg-1__mains__second__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}
.w77-abimg-1__mains__second__next {
    width: 4rem;
    height: 4rem;
    background-color: #0a529e;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 2rem;
    top: 50%;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 2;
    border: solid 1px #f1f1f1;
}

    .w77-abimg-1__mains__second__next:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:37.5rem) {
    .w77-abimg-1__mains__second__next {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}
/*ed*/
/*w77-abimg-2*/
.w77-abimg-2 {
    padding: 3rem 1rem;
    background-color: #fff;
    position: relative;
    z-index: 0;
}

.w77-abimg-2__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w77-abimg-2__heading {
    margin-bottom: 3rem;
}

.w77-abimg-2__heading__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
    margin: 0 auto 1rem;
    max-width: 100%;
    width: max-content;
}

@media only screen and (max-width:37.5rem) {
    .w77-abimg-2__heading__name {
        font-size: 2.2rem;
        line-height: 3.2rem;
    }
}

.w77-abimg-2__heading__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1rem;
    text-align: center;
    color: #292929;
}

.w77-abimg-2__mains {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    overflow: hidden;
    border-radius: 2rem;
    border: solid 1px #f1f1f1;
}

@media only screen and (max-width:75rem) {
    .w77-abimg-2__mains {
    }
}

.w77-abimg-2__mains__dots {
    position: absolute;
    left: 3rem;
    bottom: 2rem;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:62.5rem) {
    .w77-abimg-2__mains__dots {
        left: initial;
    }
}

.w77-abimg-2__mains__dots .ws1ChildDot {
    width: 3rem;
    height: 4px;
    background-color: rgba(10,82,158,.5);
    margin-right: 1rem;
    border-radius: 4px;
    cursor: pointer;
}

    .w77-abimg-2__mains__dots .ws1ChildDot.active {
        background-color: rgba(10,82,158,1);
    }

.w77-abimg-2__mains__dots:last-child {
    margin-right: 0;
}

.w77-abimg-2__mains__first__thumbs {
    position: relative;
    z-index: 3;
}

.w77-abimg-2__mains__first__thumbs__item {
    width: 100%;
}
.ws1RightMenubox .w77-abimg-2__mains__items {
    height: max-content !important;
}
@media only screen and (max-width:37.5rem) {
    .w77-abimg-2__mains__items__item__main__box {
        padding: 1.5rem;
    }
}

.w77-abimg-2__mains__items__item__main__box {
}

.w77-abimg-2__mains__items__item__main__box__cate {
    color: #0a529e;
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 1.5rem;
}

.w77-abimg-2__mains__items__item__main__box__name {
    color: #0a529e;
    font-size: 3rem;
    line-height: 4rem;
    margin-bottom: 1.5rem;
    display: block;
    cursor: pointer;
   transition:all .3s ease;
}
.w77-abimg-2__mains__items__item__main__box__name:hover{
    text-decoration:underline;
}
.w77-abimg-2__mains__items__item__main__box__des {
    font-size: 1.8rem;
    line-height: 2.8rem;
    margin-bottom: 1.5rem;
    color: #292929;
}

.w77-abimg-2__mains__items__item__main__box__btn {
    display: flex;
    align-items: center;
    font-size: 2rem;
    line-height: 3rem;
    color: #0a529e;
    cursor: pointer;
    margin-bottom:1rem;
}

.w77-abimg-2__mains__items__item__main__box__btn__name {
    transition: all .3s ease-in;
}

    .w77-abimg-2__mains__items__item__main__box__btn__name:hover {
        text-decoration: underline;
    }

.w77-abimg-2__mains__items__item__main__box__btn__icon {
    margin-left: 1.5rem;
}

.w77-abimg-2__mains {
    width: 100%;
    position: relative;
    overflow: hidden;
    border: solid 1px #f1f1f1;
    border-radius: 1rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w77-abimg-2__mains {
        width: 100%;
    }
}

.w77-abimg-2__mains__items {
    display: flex;
    align-items: flex-start;
}

.w77-abimg-2__mains__items__item {
    width: 100%;
    display: flex;
}

.w77-abimg-2__mains__items__item__main {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
}

.w77-abimg-2__mains__items__item__main__box {
    width: 37%;
    padding: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-abimg-2__mains__items__item__main__box {
        width: 100%;
        padding: 1.5rem;
    }
}

.w77-abimg-2__mains__items__item__main__imgbox {
    width: 63%;
    background-size: cover;
}

@media only screen and (max-width:62.5rem) {
    .w77-abimg-2__mains__items__item__main__imgbox {
        width: 100%;
    }
}

.w77-abimg-2__mains__items__item__main__imgbox__img {
    width: 100%;
}

.w77-abimg-2__mains__prev {
    width: 4rem;
    height: 4rem;
    background-color: #0a529e;
    color: #fff;
    border-radius: 50%;
    left: 39%;
    position: absolute;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 2;
    border: solid 1px #f1f1f1;
}

    .w77-abimg-2__mains__prev:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:62.5rem) {
    .w77-abimg-2__mains__prev {
        left: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-abimg-2__mains__prev {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}

.w77-abimg-2__mains__next {
    width: 4rem;
    height: 4rem;
    background-color: #0a529e;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 2rem;
    font-size: 2.2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    z-index: 2;
    border: solid 1px #f1f1f1;
}

    .w77-abimg-2__mains__next:hover {
        transform: scale(1.1);
    }

@media only screen and (max-width:37.5rem) {
    .w77-abimg-2__mains__next {
        width: 3rem;
        height: 3rem;
        font-size: 1.8rem;
    }
}
/*ed*/
/*w77-footer*/
.w77-footer {
    padding: 5rem 0 3rem;
    background-color: #004293;
}

.w77-footer__group {
    margin: 0 auto;
    padding: 0 0rem;
    width: 100%;
    max-width: 120rem;
}

@media only screen and (max-width:75rem) {
    .w77-footer__group {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w77-footer__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w77-footer__items__info {
    width: 22%;
    min-height: 10rem;
    margin-right: 1%;
    margin-bottom: 2rem;
    padding-right: 1%;
    border-right: solid 1px rgba(255,255,255,.2);
    padding-left: 1%;
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (min-width:62.5rem) {
    .w77-footer__items__info:nth-child(4n) {
        margin-right: 0;
        border-right: none;
    }

    .w77-footer__items__info:nth-child(4n+1) {
        padding-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-footer__items__info {
        width: 49%;
    }

        .w77-footer__items__info:nth-child(2n) {
            margin-right: 0;
            border-right: none;
        }

        .w77-footer__items__info:nth-child(2n+1) {
            padding-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w77-footer__items__info {
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        border-right: none;
    }
}

.w77-footer__items__info__logo {
    display: block;
    margin-right: 1rem;
}

.w77-footer__items__info__logo__hinhanh {
    background-size: contain;
    background-position: center;
}

.w77-footer__items__info__bottom {
    width: 100%;
    margin-top: auto;
}

.w77-footer__items__info__bottom__ads {
    display: flex;
    margin-top: 2rem;
    width: 100%;
}

.w77-footer__items__info__bottom__ads__child {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 3.6rem;
    height: 3.6rem;
    border-radius: 50%;
    font-size: 1.6rem;
    transition: all .3s ease;
    color: #004293;
    background-color: #fff;
    border: solid #f1f1f1 .1rem;
    cursor: pointer;
    margin-left: 1.5rem;
}

    .w77-footer__items__info__bottom__ads__child:hover {
        transform: translateY(-1rem);
    }

    .w77-footer__items__info__bottom__ads__child:first-child {
        margin-left: 0;
    }

.w77-footer__items__info__bottom__adv {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w77-footer__items__info__bottom__adv__sub {
    margin-right: 1.5rem;
    margin-top: 1rem;
    cursor: pointer;
}

.w77-footer__items__info__bottom__adv__sub__imgbox {
    background-size: contain;
    background-position: center;
}

.w77-footer__items__info__bottom__ma {
    display: block;
    padding-top: 1rem;
    width: 100%;
    overflow: hidden;
}

    .w77-footer__items__info__bottom__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w77-footer__items__company {
    width: 30%;
    min-height: 10rem;
    margin-right: 1%;
    margin-bottom: 2rem;
    padding-right: 1%;
    border-right: solid 1px rgba(255,255,255,.2);
    padding-left: 1%;
}

@media only screen and (min-width:62.5rem) {
    .w77-footer__items__company:nth-child(4n) {
        margin-right: 0;
        border-right: none;
    }

    .w77-footer__items__company:nth-child(4n+1) {
        padding-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-footer__items__company {
        width: 49%;
    }

        .w77-footer__items__company:nth-child(2n) {
            margin-right: 0;
            border-right: none;
        }

        .w77-footer__items__company:nth-child(2n+1) {
            padding-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w77-footer__items__company {
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        border-right: none;
    }
}

.w77-footer__items__company__name {
    display: block;
    font-size: 2.2rem;
    line-height: 3rem;
    transition: all .3s ease;
    cursor: pointer;
    color: #fff;
}

    .w77-footer__items__company__name:hover {
        text-decoration: underline;
    }

.w77-footer__items__company__childs {
    margin-top: 1rem;
}

.w77-footer__items__company__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-start;
    color: #fff;
}

.w77-footer__items__company__childs__child__icon {
    transition: all .3s ease;
    margin-right: 1rem;
    margin-top: 1.1rem;
    font-size: .5rem;
}

.w77-footer__items__company__childs__child__name {
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 2.8rem;
}

    .w77-footer__items__company__childs__child__name:hover {
        text-decoration: underline;
    }

.w77-footer__items__company__ma {
    display: block;
    padding-top: 1rem;
    width: 100%;
    overflow: hidden;
}

    .w77-footer__items__company__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w77-footer__items__item {
    width: 22%;
    min-height: 10rem;
    margin-right: 1%;
    margin-bottom: 2rem;
    padding-right: 1%;
    border-right: solid 1px rgba(255,255,255,.2);
    padding-left: 1%;
}

@media only screen and (min-width:62.5rem) {
    .w77-footer__items__item:nth-child(4n) {
        margin-right: 0;
        border-right: none;
    }

    .w77-footer__items__item:nth-child(4n+1) {
        padding-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-footer__items__item {
        width: 49%;
    }

        .w77-footer__items__item:nth-child(2n) {
            margin-right: 0;
            border-right: none;
        }

        .w77-footer__items__item:nth-child(2n+1) {
            padding-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w77-footer__items__item {
        width: 100%;
        margin-right: 0;
        padding-left: 0;
        border-right: none;
    }
}

.w77-footer__items__item__name {
    display: block;
    font-size: 2.2rem;
    line-height: 3rem;
    transition: all .3s ease;
    cursor: pointer;
    color: #fff;
}

    .w77-footer__items__item__name:hover {
        text-decoration: underline;
    }

.w77-footer__items__item__childs {
    margin-top: 1rem;
}

.w77-footer__items__item__childs__child {
    display: flex;
    margin-bottom: 1rem;
    align-items: flex-start;
    color: #fff;
}

.w77-footer__items__item__childs__child__name {
    transition: all .3s ease;
    cursor: pointer;
    font-size: 1.8rem;
    line-height: 2.8rem;
}

    .w77-footer__items__item__childs__child__name:hover {
        text-decoration: underline;
    }

.w77-footer__items__item__ma {
    display: block;
    padding-top: 1rem;
    width: 100%;
    overflow: hidden;
}

    .w77-footer__items__item__ma iframe {
        border: none;
        overflow: hidden;
        padding: 0;
        margin: 0;
    }

.w77-footer__bottom {
    margin-top: 3rem;
}

.w77-footer__bottom__line {
    background-color: rgba(255,255,255,.2);
    height: 1px;
    width: 100%;
}

.w77-footer__bottom__items {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    width: 100%;
    flex-wrap: wrap;
}

@media only screen and (max-width:700px) {
    .w77-footer__bottom__items {
        padding-top: 2rem;
        margin-top: 2rem;
    }
}

@-webkit-keyframes key-w77-footer__bottom__items {
    0% {
        transform: translateY(10rem);
    }

    70% {
        transform: translateY(-1rem);
    }

    100% {
        transform: translateY(0rem);
    }
}

section.in .w77-footer__bottom__items {
    -webkit-animation: key-w77-footer__bottom__items 3s;
    animation: key-w77-footer__bottom__items 3s;
    animation-iteration-count: 1;
}

@media only screen and (max-width:75rem) {
    .w77-footer__bottom__items {
        justify-content: center;
    }
}

.w77-footer__bottom__items__first {
    margin-top: 1rem;
}

@media only screen and (max-width:75rem) {
    .w77-footer__bottom__items__first {
        text-align: center;
    }
}

@media only screen and (max-width:31.25rem) {
    .w77-footer__bottom__items__first {
        text-align: left;
    }
}

.w77-footer__bottom__items__first__text {
    font-size: 1.6rem;
    transition: all .3s ease;
    line-height: 2.6rem;
    color: #fff;
}

.w77-footer__bottom__items__second {
    margin-left: auto;
}

@media only screen and (max-width:62.5rem) {
    .w77-footer__bottom__items__second {
        margin: 1rem 0 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.w77-footer__bottom__items__second__items {
    display: flex;
    flex-wrap: wrap;
}
@media only screen and (max-width:62.5rem) {
    .w77-footer__bottom__items__second__items {
        justify-content: center;
    }
}
@media only screen and (max-width:62.5rem) {
    .w77-footer__bottom__items__second {
        margin: 1rem 0 0;
        display: flex;
        justify-content: center;
        width: 100%;
    }
}

.w77-footer__bottom__items__second__items__item {
    font-size: 1.6rem;
    line-height: 2.6rem;
    transition: all .3s ease;
    cursor: pointer;
    margin-right: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
    color: #fff;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:62.5rem) {
    .w77-footer__bottom__items__second__items__item {
        margin-right: .5rem;
        margin-left: .5rem;
    }
}

.w77-footer__bottom__items__second__items__item__line {
    background-color: rgba(255,255,255,.2);
    height: 15px;
    width: 1px;
    margin-left: 1rem;
}

.w77-footer__bottom__items__second__items__item:hover {
    text-decoration: underline;
}

.w77-footer__bottom__items__second__items__item:last-child {
    margin-right: 0;
    padding-right: 0;
    border-right: 0;
}

    .w77-footer__bottom__items__second__items__item:last-child
    .w77-footer__bottom__items__second__items__item__line {
        display: none;
    }
/*ed*/

/*w77-productlist*/
.w77-productlist {
    background-color: #fff;
    position: relative;
    z-index: 0;
    padding: 3rem 1rem;
}

.w77-productlist__group {
    margin: 0 auto;
    max-width: 120rem;
    width: 100%;
}

.w77-productlist__mains {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.w77-productlist__mains__checkbox {
    display: none;
}

.w77-productlist__mains__danhmuc {
    width: 24%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc {
        width: 100%;
        height: 100vh;
        overflow: hidden;
        background-color: #fff;
        position: fixed;
        left: -100%;
        top: 0;
        transition: all .3s ease;
        z-index: 2;
    }

    .w77-productlist__mains__checkbox:checked ~
    .w77-productlist__mains__danhmuc {
        left: 0;
    }
}

.w77-productlist__mains__danhmuc__close {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__close {
        display: flex;
        width: 3.6rem;
        height: 3.6rem;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: 0;
        right: 0;
        background-color: rgba(239,244,250,1);
        color: red;
        cursor: pointer;
        font-size: 2rem;
        z-index: 2;
    }

    .w77-productlist__mains__danhmuc__close__icon {
        transition: all .3s ease;
        transform: rotate(45deg);
    }
}

.w77-productlist__mains__danhmuc__container {
    position: sticky;
    top: 0;
    padding: 1.5rem;
    overflow: hidden;
    border: solid #0a529e 1px;
    border-radius: 1.5rem;
    top:1rem;
    background-color:#fff;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container {
        width: 100%;
        height: 100vh;
        overflow-y: scroll;
        border-radius: .5rem;
        display: flex;
        justify-content: space-between;
        padding: 0;
    }

        .w77-productlist__mains__danhmuc__container::-webkit-scrollbar {
            width: .4rem;
        }

        .w77-productlist__mains__danhmuc__container::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w77-productlist__mains__danhmuc__container::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: #0a529e
        }
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters {
        width: 70%;
        padding: 1rem;
    }
}

.w77-productlist__mains__danhmuc__container__filters__item {
    margin-top: 1rem;
}

    .w77-productlist__mains__danhmuc__container__filters__item:first-child {
        margin-top: 0;
    }

.w77-productlist__mains__danhmuc__container__filters__item__line {
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.05);
}

.w77-productlist__mains__danhmuc__container__filters__item:last-child
.w77-productlist__mains__danhmuc__container__filters__item__line {
    display: none;
}

.w77-productlist__mains__danhmuc__container__filters__item__show {
    display: flex;
    max-width: 100%;
    width: fit-content;
    display: flex;
    margin: 1rem auto 0;
    align-items: center;
    justify-content: center;
    color: rgba(129,129,129,1);
    font-size: 1.8rem;
    margin-bottom: 1rem;
    cursor: pointer;
}

@media only screen and (min-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__show {
        display: none;
    }
}

.w77-productlist__mains__danhmuc__container__filters__item__show__icon {
    margin-left: 1rem;
    transition: all .3s ease;
    transform: rotate(-180deg);
}

.w77-productlist__mains__danhmuc__container__filters__item__check:checked ~
.w77-productlist__mains__danhmuc__container__filters__item__show
.w77-productlist__mains__danhmuc__container__filters__item__show__icon {
    transform: rotate(0deg);
}

.w77-productlist__mains__danhmuc__container__filters__item__check:checked ~
.w77-productlist__mains__danhmuc__container__filters__item__show
.w77-productlist__mains__danhmuc__container__filters__item__show__text {
    display: none;
}

.w77-productlist__mains__danhmuc__container__filters__item__show__hide {
    display: none;
}

.w77-productlist__mains__danhmuc__container__filters__item__check:checked ~
.w77-productlist__mains__danhmuc__container__filters__item__show
.w77-productlist__mains__danhmuc__container__filters__item__show__hide {
    display: inline-block;
}

.w77-productlist__mains__danhmuc__container__filters__item__name {
    width: 100%;
    color: #0a529e;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
}

.w77-productlist__mains__danhmuc__container__filters__item__name__text {
    padding-right: 3rem;
    font-size: 2.4rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__name__text {
        padding-right: 0rem;
        padding-left: 3rem;
    }
}

.w77-productlist__mains__danhmuc__container__filters__item__name__icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
}

.w77-productlist__mains__danhmuc__container__filters__item__check:checked ~
.w77-productlist__mains__danhmuc__container__filters__item__name
.w77-productlist__mains__danhmuc__container__filters__item__name__icon:before {
    content: "\f067";
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__name__icon {
        left: 0;
        right: initial;
    }
}

.w77-productlist__mains__danhmuc__container__filters__item__check {
    display: none;
}

.w77-productlist__mains__danhmuc__container__filters__item__items {
    margin-top: 1.5rem;
}

.w77-productlist__mains__danhmuc__container__filters__item__items__item {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: .5rem;
    cursor: pointer;
}

.w77-productlist__mains__danhmuc__container__filters__item__items__item__check {
    display: none;
}

.w77-productlist__mains__danhmuc__container__filters__item__items__item__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    border-radius: .2rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w), 1);
}

.w77-productlist__mains__danhmuc__container__filters__item__items__item:hover .w77-productlist__mains__danhmuc__container__filters__item__items__item__icon,
.w77-productlist__mains__danhmuc__container__filters__item__items__item__check:checked ~ .w77-productlist__mains__danhmuc__container__filters__item__items__item__icon {
    background: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w77-productlist__mains__danhmuc__container__filters__item__items__item__check:checked ~ .w77-productlist__mains__danhmuc__container__filters__item__items__item__icon:before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
    }

.w77-productlist__mains__danhmuc__container__filters__item__items__item__name {
    font-size: 1.4rem;
    color: rgba(var(--text-color-w),1);
    transition: all .5s;
}

.w77-productlist__mains__danhmuc__container__filters__item__items__item:hover .w77-productlist__mains__danhmuc__container__filters__item__items__item__name {
    transform: scale(1.05);
}

.w77-productlist__mains__danhmuc__container__filters__item__subs {
    overflow: hidden;
    transition: all .3s ease;
    max-height: 150vh;
    margin-bottom: 1rem;
}

.w77-productlist__mains__danhmuc__container__filters__item__check:checked ~
.w77-productlist__mains__danhmuc__container__filters__item__subs {
    max-height: 0;
    margin-bottom: 0rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__subs {
        display: flex;
        align-items: flex-start;
        width: 100%;
        flex-wrap: wrap;
    }
}

.w77-productlist__mains__danhmuc__container__filters__item__subs__sub {
    display: flex;
    align-items: center;
    padding: .5rem;
    cursor: pointer;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub {
        width: 32%;
        margin-left: 2%;
        padding: 0;
        margin-top: 1rem;
    }

    @media only screen and (min-width:37.5rem) {
        .w77-productlist__mains__danhmuc__container__filters__item__subs__sub:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub {
        width: 49%;
    }

        .w77-productlist__mains__danhmuc__container__filters__item__subs__sub:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w77-productlist__mains__danhmuc__container__filters__item__subs__sub__check {
    display: none;
}

.w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    border-radius: .2rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    transition: all .5s;
    border: solid .1rem #818181;
    color: #818181;
    margin-right: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon {
        display: none;
    }
}

.w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon:before {
    opacity: 0;
}

.w77-productlist__mains__danhmuc__container__filters__item__subs__sub:hover .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon,
.w77-productlist__mains__danhmuc__container__filters__item__subs__sub__check:checked ~ .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon {
    background: #0a529e;
    color: #fff;
}

    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub:hover .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon:before,
    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__check:checked ~ .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon:before {
        opacity: 1;
    }

    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__check:checked ~ .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__icon:before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
    }

.w77-productlist__mains__danhmuc__container__filters__item__subs__sub__subs {
    font-size: 1.8rem;
    line-height: 2.8rem;
    color: #292929;
    transition: all .5s;
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__subs {
        padding: .5rem 1rem;
        background-color: rgba(239,244,250,1);
        border-radius: .5rem;
        width: 100%;
        text-align: center;
    }

        .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__subs:hover {
            background-color: #0a529e;
            color: #fff;
        }

    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__check:checked ~
    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__subs {
        background-color: #0a529e;
        color: #fff;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__danhmuc__container__filters__item__subs__sub__subs {
        font-size: 1.6rem;
        line-height: 2.6rem;
    }
}

.w77-productlist__mains__danhmuc__container__childs {
    margin-bottom: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__childs {
        width: 30%;
        background-color: rgba(239,244,250,1);
        padding: 1rem;
    }
}

.w77-productlist__mains__danhmuc__container__childs__line {
    height: 1px;
    width: 100%;
    background-color: rgba(0,0,0,.05);
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__childs__line {
        display: none;
    }
}

.w77-productlist__mains__danhmuc__container__childs:last-child
.w77-productlist__mains__danhmuc__container__childs__line {
    display: none;
}

.w77-productlist__mains__danhmuc__container__childs__name {
    width: 100%;
    color: #0a529e;
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    margin-bottom: 1rem;
}

.w77-productlist__mains__danhmuc__container__childs__name__text {
    padding-right: 3rem;
    font-size: 2.4rem;
}

.w77-productlist__mains__danhmuc__container__childs__name__icon {
    position: absolute;
    width: 2rem;
    height: 2rem;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.w77-productlist__mains__danhmuc__container__childs__check:checked ~
.w77-productlist__mains__danhmuc__container__childs__name
.w77-productlist__mains__danhmuc__container__childs__name__icon:before {
    content: "\f067";
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__childs__name__icon {
        display: none;
    }
}

.w77-productlist__mains__danhmuc__container__childs__check {
    display: none;
}

.w77-productlist__mains__danhmuc__container__childs__items {
    margin-top: 1.5rem;
}

.w77-productlist__mains__danhmuc__container__childs__items__item {
    display: flex;
    gap: 1rem;
    align-items: center;
    padding: .5rem;
    cursor: pointer;
}

.w77-productlist__mains__danhmuc__container__childs__items__item__check {
    display: none;
}

.w77-productlist__mains__danhmuc__container__childs__items__item__icon {
    width: 1.6rem;
    height: 1.6rem;
    display: flex;
    border-radius: .2rem;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    transition: all .5s;
    border: solid .1rem rgba(var(--main-color-w), 1);
}

.w77-productlist__mains__danhmuc__container__childs__items__item:hover .w77-productlist__mains__danhmuc__container__childs__items__item__icon,
.w77-productlist__mains__danhmuc__container__childs__items__item__check:checked ~ .w77-productlist__mains__danhmuc__container__childs__items__item__icon {
    background: rgba(var(--main-color-w), 1);
    color: #fff;
}

    .w77-productlist__mains__danhmuc__container__childs__items__item__check:checked ~ .w77-productlist__mains__danhmuc__container__childs__items__item__icon:before {
        content: "\f00c";
        font-family: "Font Awesome 5 Pro";
    }

.w77-productlist__mains__danhmuc__container__childs__items__item__name {
    font-size: 1.4rem;
    color: rgba(var(--text-color-w),1);
    transition: all .5s;
}

.w77-productlist__mains__danhmuc__container__childs__items__item:hover .w77-productlist__mains__danhmuc__container__childs__items__item__name {
    transform: scale(1.05);
}

.w77-productlist__mains__danhmuc__container__childs__sub {
    overflow: hidden;
    transition: all .3s ease;
    max-height: 150vh;
    margin-bottom: 1rem;
}

@media only screen and (min-width:62.5rem) {
    .w77-productlist__mains__danhmuc__container__childs__check:checked ~
    .w77-productlist__mains__danhmuc__container__childs__sub {
        max-height: 0;
        margin-bottom: 0rem;
    }
}

.w77-productlist__mains__danhmuc__container__childs__sub__item {
    display: flex;
    align-items: center;
    padding: .5rem 0;
    cursor: pointer;
}

.w77-productlist__mains__danhmuc__container__childs__sub__item__content {
    font-size: 1.8rem;
    color: #292929;
    transition: all .5s;
    display: flex;
}

.w77-productlist__mains__main {
    width: 74%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__main {
        width: 100%;
    }
}

.w77-productlist__mains__main__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    margin-top: 1rem;
}

.w77-productlist__mains__main__items__item {
    width: 32%;
    margin-left: 2%;
    overflow: hidden;
    border-radius: 2rem 2rem 6rem 2rem;
    border: solid 1px rgba(10,82,158,0);
    transition: all .3s ease;
    margin-bottom: 2rem;
    background-color:#fff;
}

@media only screen and (min-width:75rem) {
    .w77-productlist__mains__main__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w77-productlist__mains__main__items__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w77-productlist__mains__main__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w77-productlist__mains__main__items__item {
        width: 49%;
    }

        .w77-productlist__mains__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w77-productlist__mains__main__items__item:hover {
    border-color: rgba(10,82,158,1);
}

.w77-productlist__mains__main__items__item__main__bot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__bot {
        justify-content: center;
    }
}

.w77-productlist__mains__main__items__item__main__bot__name {
    color: #0a529e;
    padding: .5rem 1.5rem;
    border: solid .1px #0a529e;
    font-size: 1.8rem;
    line-height: 2.8rem;
    border-radius: 3rem;
    margin-top:2rem;
    margin-right:1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__bot__name {
        padding: .25rem 1.5rem;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__bot__stars {
        width: 100%;
        text-align: center
    }
}
.w77-productlist__mains__main__items__item__main__bot__stars{
    margin-top:2rem;
}
.w77-productlist__mains__main__items__item__main__bot__stars__star {
    display: inline-block;
    font-size: 1.2rem;
    color: #ffc300;
}

    .w77-productlist__mains__main__items__item__main__bot__stars__star:first-child {
        margin-left: 0;
    }

.w77-productlist__mains__main__items__item__hinhanh {
    display: block;
}

.w77-productlist__mains__main__items__item__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .3s ease;
    background-repeat: no-repeat;
}

    .w77-productlist__mains__main__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-productlist__mains__main__items__item__main {
    padding: 3rem 2rem 4rem;
}

.w77-productlist__mains__main__items__item__main__cate {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    color: #777;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__cate {
        text-align: center;
    }
}

.w77-productlist__mains__main__items__item__main__cate:hover {
    text-decoration: underline;
}

.w77-productlist__mains__main__items__item__main__name {
    font-size: 2.2rem;
    font-weight: 600;
    color: rgba(10,82,158,1);
    line-height: 3.2rem;
    cursor: pointer;
    transition: all .3s ease;
    margin-bottom: 0rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__name {
        font-size: 2rem;
        line-height: 3rem;
        text-align: center;
    }
}

.w77-productlist__mains__main__items__item__main__name:hover {
    text-decoration: underline;
}

.w77-productlist__mains__main__items__item__main__price {
    display: flex;
    justify-content: space-between;
    font-size: 2.2rem;
    flex-wrap:wrap;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__price {
        font-size: 2rem;
        justify-content: center;
    }
}

.w77-productlist__mains__main__items__item__main__price__sale {
    font-weight: 600;
    color: rgba(10,82,158,1);
    margin-top:1rem;
    margin-right:1rem;
}
@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__price__sale {
        margin-left:.5rem;
        margin-right:.5rem
    }
}
.w77-productlist__mains__main__items__item__main__price__sub {
    color: #999;
    margin-top: 1rem;
    text-decoration: line-through;
}
@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__items__item__main__price__sub {
        margin-left: .5rem;
        margin-right: .5rem
    }
}
.w77-productlist__mains__main__paging {
    margin: 1rem 0 0 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w77-productlist__mains__main__paging__item {
    list-style-type: none;
    transition: all .5s;
    cursor: pointer;
    margin: 1rem .85rem 0 .85rem;
}

.w77-productlist__mains__main__paging__item__text {
    font-size: 2rem;
    color: #0a529e;
    width: 4rem;
    height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border-bottom: solid .1rem #0a529e;
    transition: all .3s ease;
}

.w77-productlist__mains__main__paging__item:hover .w77-productlist__mains__main__paging__item__text,
.w77-productlist__mains__main__paging__item.active .w77-productlist__mains__main__paging__item__text {
    color: #fff;
    background-color: #0a529e;
    border-radius: 50%;
}

.w77-productlist__mains__main__heading {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.w77-productlist__mains__main__heading__name {
    font-weight: 600;
    color: rgba(10,82,158,1);
    font-size: 4rem;
    line-height: 5rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__heading__name {
        font-size: 3rem;
        line-height: 4rem;
    }
}

.w77-productlist__mains__main__heading__sort {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.w77-productlist__mains__main__heading__sort__name {
    font-size: 2rem;
    margin-right: 2rem;
    white-space: nowrap;
    color: #292929;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist__mains__main__heading__sort__name {
        display: none;
    }
}

.w77-productlist__mains__main__heading__sort__dropdown {
    margin-left: auto;
    position: relative;
    min-width: 15rem;
}

@media only screen and (max-width:50rem) {
    .w77-productlist__mains__main__heading__sort__dropdown {
    }
}

.w77-productlist__mains__main__heading__sort__dropdown__label {
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    background-color: rgba(239,239,239,1);
    border-radius: .5rem;
    border: solid .1rem #ccc;
    color: #292929;
}

.w77-productlist__mains__main__heading__sort__dropdown:hover .w77-productlist__mains__main__heading__sort__dropdown__label {
    background-color: #0a529e;
    color: #fff;
}

.w77-productlist__mains__main__heading__sort__dropdown__check:checked ~
.w77-productlist__mains__main__heading__sort__dropdown__label {
    background-color: #0a529e;
    color: #fff;
}

.w77-productlist__mains__main__heading__sort__dropdown__label__name {
    font-size: 1.8rem;
}

.w77-productlist__mains__main__heading__sort__dropdown__label__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w77-productlist__mains__main__heading__sort__dropdown__check {
    display: none;
}

.w77-productlist__mains__main__heading__sort__dropdown__items {
    background-color: #fff;
    border-radius: 1rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: .1rem solid rgba(129,129,129,.2);
    visibility: hidden;
    z-index: -1;
    top: 7rem;
    transition: all .25s;
    opacity: 0;
}

.w77-productlist__mains__main__heading__sort__dropdown__check:checked ~
.w77-productlist__mains__main__heading__sort__dropdown__items {
    visibility: visible;
    z-index: 1;
    top: 5.5rem;
    opacity: 1;
}

.w77-productlist__mains__main__heading__sort__dropdown__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    font-size: 1.8rem;
}

    .w77-productlist__mains__main__heading__sort__dropdown__items__item:hover {
        text-decoration: underline;
    }

    .w77-productlist__mains__main__heading__sort__dropdown__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w77-productlist__mains__main__heading__sort__number {
    margin-left: auto;
    position: relative;
    margin-right: 2rem;
}

@media only screen and (max-width:50rem) {
    .w77-productlist__mains__main__heading__sort__number {
    }
}

.w77-productlist__mains__main__heading__sort__number__label {
    padding: .75rem 1rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    background-color: rgba(239,239,239,1);
    border-radius: .5rem;
    border: solid .1rem #ccc;
    color: #292929;
}

.w77-productlist__mains__main__heading__sort__number:hover .w77-productlist__mains__main__heading__sort__number__label {
    background-color: #0a529e;
    color: #fff;
}

.w77-productlist__mains__main__heading__sort__number__check:checked ~
.w77-productlist__mains__main__heading__sort__number__label {
    background-color: #0a529e;
    color: #fff;
}

.w77-productlist__mains__main__heading__sort__number__label__name {
    font-size: 1.8rem;
}

.w77-productlist__mains__main__heading__sort__number__label__icon {
    font-size: 1.4rem;
    margin-left: 1rem;
}

.w77-productlist__mains__main__heading__sort__number__check {
    display: none;
}

.w77-productlist__mains__main__heading__sort__number__items {
    background-color: #fff;
    border-radius: 1rem;
    position: absolute;
    left: 0rem;
    width: 100%;
    border: .1rem solid rgba(129,129,129,.2);
    visibility: hidden;
    z-index: -1;
    top: 7rem;
    transition: all .25s;
    opacity: 0;
}

.w77-productlist__mains__main__heading__sort__number__check:checked ~
.w77-productlist__mains__main__heading__sort__number__items {
    visibility: visible;
    z-index: 1;
    top: 5.5rem;
    opacity: 1;
}

.w77-productlist__mains__main__heading__sort__number__items__item {
    display: block;
    padding: .75rem;
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    font-size: 1.8rem;
}

    .w77-productlist__mains__main__heading__sort__number__items__item:hover {
        text-decoration: underline;
    }

    .w77-productlist__mains__main__heading__sort__number__items__item:last-child {
        border: none;
        cursor: pointer;
    }

.w77-productlist__mains__main__des {
    margin-top: 1rem;
    font-size: 2rem;
    line-height: 3rem;
    text-align: justify;
    color: #292929;
    width: 100%;
    position: relative;
}

.w77-productlist__mains__main__filter {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: center;
    position: relative;
    z-index:0;
}

.w77-productlist__mains__main__filter__mobile {
    display: none;
}

.w77-productlist__mains__main__filter__mobile__check {
    display: none;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist__mains__main__filter__mobile {
        display: flex;
        justify-content: center;
        border-radius: .5rem;
        cursor: pointer;
        margin-bottom: 1rem;
        transition: all .5s;
        align-items: center;
        margin-right: 2rem;
    }

    .w77-productlist__mains__main__filter__mobile__check:checked ~
    .w77-productlist__mains__main__filter__mobile {
        background: rgba(var(--main-color-w),1);
        color: #fff;
    }

    .w77-productlist__mains__main__filter__mobile svg {
        fill: rgba(10,82,158,1);
        width: 2rem;
    }

    .w77-productlist__mains__main__filter__mobile__check:checked ~
    .w77-productlist__mains__main__filter__mobile
    svg {
        fill: #fff;
    }

    .w77-productlist__mains__main__filter__mobile__name {
        font-size: 1.6rem;
        color: rgba(10,82,158,1);
        margin-right: 1rem;
    }

    .w77-productlist__mains__main__filter__mobile__check:checked ~
    .w77-productlist__mains__main__filter__mobile
    .w77-productlist__mains__main__filter__mobile__name {
        color: #fff;
    }
}

.w77-productlist__mains__main__filter__item {
    align-items: center;
    display: flex;
    border-radius: .25rem;
    cursor: pointer;
    margin-right: 1.5rem;
    color: #555;
    margin-bottom: .5rem;
    background-color: rgba(239,244,250,1);
    padding: .5rem 1.5rem;
    margin-bottom: 1rem;
}

    .w77-productlist__mains__main__filter__item:hover {
        color: red;
    }

@media only screen and (min-width:31.25rem) {
    .w77-productlist__mains__main__filter__item:last-child {
        margin-right: 0;
    }
}

.w77-productlist__mains__main__filter__item__icon {
    font-size: 1.6rem;
    width: 1rem;
    height: 1rem;
    display: flex;
    align-items: center;
    font-weight: 500;
    justify-content: center;
    overflow: hidden;
    position: relative;
    margin-left: 1rem;
    color: rgba(10, 82, 158, 1);
}

    .w77-productlist__mains__main__filter__item__icon:before {
        transition: all .5s;
        transform: rotate(45deg);
    }

    .w77-productlist__mains__main__filter__item__icon:after {
        position: absolute;
        content: "\f068";
        transition: all .5s;
        transform: rotate(-45deg);
        font-weight: 500;
    }

.w77-productlist__mains__main__filter__item__name {
    font-size: 1.6rem;
    font-weight: 500;
}
/*ed*/
/*w77-productdetail-2*/
.w77-productdetail-2 {
    width: 100%;
    padding-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-bottom: 2rem;
    position: relative;
    z-index: 0;
    background-color:#fff;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2 {
        padding-top: 2rem;
        padding-bottom: 2rem;
    }
}

.w77-productdetail-2__bg {
    background-color: #fff;
    padding-bottom: 2rem;
}

.w77-productdetail-2__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w77-productdetail-2__first {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    justify-content: space-between;
}

.w77-productdetail-2__first__one {
    width: 49%;
}

.w77-productdetail-2__first__one__container {
    position: sticky;
    top: 0;
    padding: 3rem 0;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__one__container {
        padding: 0;
    }
}

.w77-productdetail-2__first__one__container__ads {
    width: 100%;
    margin-top: 2rem;
}

.w77-productdetail-2__first__one__container__ads__item {
    width: 100%;
    margin-top: 1rem;
}

.w77-productdetail-2__first__one__container__ads__item__hinhanh {
    width: 100%;
    display: block;
}

.w77-productdetail-2__first__one__container__ads__item__hinhanh__imgbox {
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .5rem;
}

.w77-productdetail-2__first__one__container__ads__item__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-2__first__one__container__text {
    margin-top: 2rem;
    font-size: 2rem;
    line-height: 3rem;
}

.w77-productdetail-2__first__one__container__content {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
}

.w77-productdetail-2__first__one__container__mains {
    overflow: hidden;
    align-items: center;
    position: relative;
    margin-top: 1rem;
    display: none;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__one__container__mains {
        display: flex;
    }
}

.w77-productdetail-2__first__one__container__mains__main__imgbox {
    width: 18.4%;
    margin-right: 2%;
    border-radius: .5rem;
    border:solid 1px rgba(10,82,158,0);
}
.w77-productdetail-2__first__one__container__mains__main__imgbox__img {
}

.w77-productdetail__first__one__container__content__col__mains__next,
.w77-productdetail__first__one__container__content__col__mains__prev {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(255,255,255,.8);
    color: #0a529e;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: .1rem solid #0a529e;
    top: initial;
    opacity: 1;
    transform: translateX(-.4rem);
    cursor: pointer;
    pointer-events: initial;
}

.w77-productdetail__first__one__container__content__col__mains__prev {
    left: 1rem;
}

.w77-productdetail__first__one__container__content__col__mains__next {
    right: 1rem;
}

    .w77-productdetail__first__one__container__content__col__mains__next:hover,
    .w77-productdetail__first__one__container__content__col__mains__prev:hover {
        color: #fff;
        background-color: #0a529e;
    }

    .w77-productdetail__first__one__container__content__col__mains__next:after,
    .w77-productdetail__first__one__container__content__col__mains__prev:after {
        display: none;
    }

.w77-productdetail-2__first__one__container__content__childs {
    width: 80%;
    overflow: hidden;
    border-radius: .3rem;
    position: relative;
    z-index: 0;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__one__container__content__childs {
        width: 100%;
        margin-left: 0;
    }
}

.w77-productdetail-2__first__one__container__content__col {
    width: 18%;
    height: 50rem;
    position: relative;
    display: flex;
    align-items: center;
    transition: all 1s;
    justify-content: center;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-2__first__one__container__content__col {
        height: 40rem;
    }
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__one__container__content__col {
        background-color: rgba(255,255,255,1);
        display: none;
    }

    .w77-productdetail-2__first__one__container__content__check:checked ~
    .w77-productdetail-2__first__one__container__content__col {
        left: 0;
    }
}

.w77-productdetail-2__first__one__container__content__col__mains {
    position: relative;
    height: calc(100% - 10rem);
    overflow: scroll;
    padding-right: 2px;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-2__first__one__container__content__col__mains {
    }
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__one__container__content__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w77-productdetail-2__first__one__container__content__col__mains {
    }
}

@media only screen and (max-width:31.25rem) {
    .w77-productdetail-2__first__one__container__content__col__mains {
    }
}

.w77-productdetail-2__first__one__container__content__col__mains::-webkit-scrollbar {
    width: 1px;
}

.w77-productdetail-2__first__one__container__content__col__mains::-webkit-scrollbar-track {
    border-radius: 1px;
}

.w77-productdetail-2__first__one__container__content__col__mains::-webkit-scrollbar-thumb {
    border-radius: 1px;
    background-color: rgba(10,82,158,0);
    transition: all .3s ease;
}

.w77-productdetail-2__first__one__container__content__col:hover
.w77-productdetail-2__first__one__container__content__col__mains::-webkit-scrollbar-thumb {
    background-color: rgba(10,82,158,1);
}

.w77-productdetail-2__first__one__container__content__col__mains__main__imgbox {
    cursor: pointer;
    transition: all .3s ease;
    border: rgba(10,82,158,0) solid 1px;
    border-radius: .5rem;
    padding: .5rem;
}

    .w77-productdetail-2__first__one__container__content__col__mains__main__imgbox:hover {
        transform: scale(.9);
    }

    .w77-productdetail-2__first__one__container__content__col__mains__main__imgbox:not(:last-child) {
        margin-bottom: 1rem;
    }

    .w77-productdetail-2__first__one__container__content__col__mains__main__imgbox.active {
        border-color: rgba(10,82,158,1);
    }

.w77-productdetail-2__first__one__container__content__childs__items {
    transition: .5s transform !important
}

.w77-productdetail-2__first__one__container__content__childs__items__imgbox {
    background-size: cover;
    height: max-content;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    justify-content: center;
}

.w77-productdetail-2__first__one__container__content__childs__items__imgbox__img {
    opacity: 1;
    width:100%;
}

.w77-productdetail-2__first__one__container__content__col__mains__main__imgbox.swiper-slide {
    width: 100%;
    background-size: contain;
    margin-bottom: 1rem;
    height: max-content;
    border-radius: .3rem;
}

.w77-productdetail-2__first__one__container__content__childs__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    z-index: 2;
}

.w77-productdetail-2__first__one__container__content__childs__items__imgbox__zoom__text {
    border: solid .1rem #f1f1f1;
    cursor: pointer;
    border-radius: 2rem;
    padding: 1rem 2rem;
    background-color: rgba(10,82,158,.05);
    color: rgba(10,82,158,1);
    font-size: 1.6rem;
    transition: all .3s ease;
}

    .w77-productdetail-2__first__one__container__content__childs__items__imgbox__zoom__text:hover {
        background-color: rgba(10,82,158,1);
        color: #fff;
    }

.w77-productdetail-2__first__one__container__content__col__next,
.w77-productdetail-2__first__one__container__content__col__prev {
    margin: 0;
    font-size: 2rem;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: #fff;
    color: #0a529e;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: .1rem solid #0a529e;
    left: initial;
    right: initial;
    opacity: 1;
    transform: translateX(-.1rem);
    cursor: pointer;
    pointer-events: initial;
}

.w77-productdetail-2__first__one__container__content__col__prev {
    top: 0;
}

.w77-productdetail-2__first__one__container__content__col__next {
    bottom: 0;
    top: initial;
}

    .w77-productdetail-2__first__one__container__content__col__next:hover,
    .w77-productdetail-2__first__one__container__content__col__prev:hover {
        color: #fff;
        background-color: #0a529e;
    }

    .w77-productdetail-2__first__one__container__content__col__next:after,
    .w77-productdetail-2__first__one__container__content__col__prev:after {
        display: none;
    }

.w77-productdetail-2__mobile {
    width: 100%;
}

.w77-productdetail-2__mobile__childs {
    width: 100%;
    overflow: hidden;
    border-radius: .3rem;
    position: relative;
}

.w77-productdetail-2__mobile__mains {
    margin-top: 1rem;
    position: relative;
    background-color: #fafafa;
    overflow: hidden;
    padding: 1rem;
}

    .w77-productdetail-2__mobile__mains .swiper-wrapper {
    }

.w77-productdetail-2__mobile__childs__items__imgbox {
    background-size: cover;
    height: max-content;
    background-repeat: no-repeat;
    position: relative;
}

.main .w77-productdetail-2__mobile__childs__items__imgbox img.w77-productdetail-2__mobile__childs__items__imgbox__img {
    opacity: 1;
}

.w77-productdetail-2__mobile__mains__main__imgbox.swiper-slide {
    width: 23.5%;
    margin-right: 2%;
    background-size: cover;
    border-radius: .3rem;
}

.w77-productdetail-2__mobile__mains__next.swiper-button-next,
.w77-productdetail-2__mobile__mains__prev.swiper-button-prev {
    margin: 0;
    font-size: 1.8rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w77-productdetail-2__mobile__mains__next:hover,
.w77-productdetail-2__mobile__mains__prev:hover {
    color: #fff;
    background-color: #0a529e;
}

.w77-productdetail-2__mobile__mains__next:after,
.w77-productdetail-2__mobile__mains__prev:after {
    display: none;
}

.w77-productdetail-2__mobile__childs__items__imgbox__zoom {
    position: absolute;
    bottom: 1rem;
    left: 1rem;
    display: flex;
    align-items: center;
    border-radius: 50%;
    background-color: rgba(255,255,255,.7);
    border: solid .1rem #f1f1f1;
    z-index: 2;
    width: 4rem;
    height: 4rem;
    gap: 0;
    justify-content: center;
    cursor: pointer;
}

    .w77-productdetail-2__mobile__childs__items__imgbox__zoom:hover {
        gap: 1rem;
        border-radius: 2rem;
        padding: 0 1rem;
        width: auto;
        background-color: rgba(241,241,241,.7);
    }

.w77-productdetail-2__mobile__childs__items__imgbox__zoom__icon {
    font-size: 1.4rem;
    -webkit-animation: key-w77-productdetail-2-zoom 2s infinite ease-in;
    animation: key-w77-productdetail-2-zoom 2s infinite ease-in;
}

@-webkit-keyframes key-w77-productdetail-2-zoom {

    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.w77-productdetail-2__mobile__childs__items__imgbox__zoom__text {
    font-size: 1.4rem;
    display: none;
}

.w77-productdetail-2__mobile__childs__items__imgbox__zoom:hover .w77-productdetail-2__mobile__childs__items__imgbox__zoom__text {
    display: block;
}

.w77-productdetail-2__mobile__childs__next.swiper-button-next,
.w77-productdetail-2__mobile__childs__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: solid 0.1rem #f1f1f1;
    padding: 0;
    border-radius: 50%;
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    background-color: rgb(250,250,250,.8);
    color: #a2a2a2;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 2px 6px 0 rgba(0,0,0,.1);
    border: .1rem solid #ddd;
    top: 44%;
}

.w77-productdetail-2__mobile__childs__next:hover,
.w77-productdetail-2__mobile__childs__prev:hover {
    color: #fff;
    background-color: #0a529e;
}

.w77-productdetail-2__mobile__childs__next:after,
.w77-productdetail-2__mobile__childs__prev:after {
    display: none;
}

.w77-productdetail-2__first__two {
    width: 49%;
}

.w77-productdetail-2__first__two__cate {
    font-size: 2.4rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    color: #292929;
}

.w77-productdetail-2__first__two__name {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    color: #0a529e;
    margin-bottom: 2rem;
}

.w77-productdetail-2__first__two__des {
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 2rem;
    color: #292929;
}

.w77-productdetail-2__first__two__info {
    display: flex;
    align-items: center;
    margin-bottom: 1rem;
}

.w77-productdetail-2__first__two__info__price {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.w77-productdetail-2__first__two__info__price__chinh {
    color: #0a529e;
    font-size: 2.4rem;
    font-weight: 600;
    margin-bottom: 1rem;
    margin-right: 1rem;
}

.w77-productdetail-2__first__two__info__price__chinh--hide {
    opacity: 0;
    visibility: hidden;
}

.w77-productdetail-2__first__two__info__price__giam {
    text-decoration: line-through;
    font-size: 2rem;
    color: #999;
    margin-bottom: 1rem;
}

.w77-productdetail-2__first__two__info__price__giam--hide {
    display: none;
}

.w77-productdetail-2__first__two__info__sp {
    display: flex;
    align-items: center;
    margin-right: 1rem;
}

.w77-productdetail-2__first__two__info__sp__code__value {
    background-color: #f1f1f1;
    font-size: 1.8rem;
    padding: .5rem 1rem;
    border-radius: 2rem;
    font-size: 1.6rem;
    color: #0a529e;
    font-weight: 600;
    margin-right: 1rem;
    margin-bottom: 1rem;
}

.w77-productdetail-2__first__two__info__sp__code--hide {
    display: none;
}

.w77-productdetail-2__first__two__info__sp__soluong__value {
    background-color: #f1f1f1;
    font-size: 1.8rem;
    padding: .5rem 1rem;
    border-radius: 2rem;
    font-size: 1.6rem;
    margin-bottom: 1rem;
    color: #999;
    font-weight: 600;
}

.w77-productdetail-2__first__two__info__sp__soluong--hide {
    display: none;
}

.w77-productdetail-2__first__two__mau {
    margin-bottom: 3rem;
}

.w77-productdetail-2__first__two__mau--hide {
    display: none;
}

.w77-productdetail-2__first__two__mau__heading {
    display: flex;
    flex-wrap: wrap;
}

.w77-productdetail-2__first__two__mau__heading__text {
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    color: #0a529e;
    margin-bottom: 1rem;
}

.w77-productdetail-2__first__two__mau__heading__text__value {
    margin-left: .5rem;
}

.w77-productdetail-2__first__two__mau__mains {
    overflow: hidden;
    margin-top: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 0;
}

.w77-productdetail-2__first__two__mau__mains__next,
.w77-productdetail-2__first__two__mau__mains__prev {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(255,255,255,.8);
    color: #0a529e;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: .1rem solid #0a529e;
    top: initial;
    opacity: 1;
    transform: translateX(-.4rem);
    cursor: pointer;
    pointer-events: initial;
}

.w77-productdetail-2__first__two__mau__mains__prev {
    left: 1rem;
    opacity: .5;
}

.w77-productdetail-2__first__two__mau__mains:hover .w77-productdetail-2__first__two__mau__mains__prev {
    opacity: 1;
}

.w77-productdetail-2__first__two__mau__mains__next {
    right: 1rem;
    opacity: .5;
}

.w77-productdetail-2__first__two__mau__mains:hover .w77-productdetail-2__first__two__mau__mains__next {
    opacity: 1;
}

.w77-productdetail-2__first__two__mau__mains__next:hover,
.w77-productdetail-2__first__two__mau__mains__prev:hover {
    color: #fff;
    background-color: #0a529e;
}

.w77-productdetail-2__first__two__mau__mains__next:after,
.w77-productdetail-2__first__two__mau__mains__prev:after {
    display: none;
}

.w77-productdetail-2__first__two__mau__mains__items {
    display: flex;
    align-items: center;
    border-radius: .3rem;
    align-items: flex-start;
}

.w77-productdetail-2__first__two__mau__mains__items__item {
    width: 30.66666%;
    margin-right: 4%;
    position: relative;
    z-index: 0;
    position: relative;
    overflow: hidden;
    display: block !important;
    filter: brightness(1) !important;
    transition: all .5s;
}

.w77-productdetail-2__first__two__mau__mains__items__item--hide {
    display: none !important;
}

.w77-productdetail-2__first__two__mau__mains__items__item__main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    border-radius: 1rem 1rem 3rem;
    overflow: hidden;
    position: relative;
    border: solid 1px rgba(255,255,255,0);
    transition: all .3s ease;
    padding: 2rem 1rem;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__two__mau__mains__items__item__main {
        justify-content: center;
        text-align: center;
    }
}

.w77-productdetail-2__first__two__mau__mains__items__item__main:hover {
    border-color: #f1f1f1;
}

.w77-productdetail-2__first__two__mau__mains__items__item__check:checked ~
.w77-productdetail-2__first__two__mau__mains__items__item__main {
    border-color: #0a529e;
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    border-radius: 50%;
    font-size: 1.6rem;
    background-color: rgba(10,82,158,1);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transition: all .3s ease;
}

.w77-productdetail-2__first__two__mau__mains__items__item:hover
.w77-productdetail-2__first__two__mau__mains__items__item__main__icon {
    /*visibility: visible;
    opacity: 1;
    z-index: 1;*/
}

.w77-productdetail-2__first__two__mau__mains__items__item__check:checked ~
.w77-productdetail-2__first__two__mau__mains__items__item__main
.w77-productdetail-2__first__two__mau__mains__items__item__main__icon {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__imgbox {
    width: 50%;
    background-size: contain;
    background-position: center;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    margin: 0 auto;
    transition: all .3s ease;
}

    .w77-productdetail-2__first__two__mau__mains__items__item__main__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__mau__mains__items__item__main__imgbox {
    }
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__imgbox__name {
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease;
}

.w77-productdetail-2__first__two__mau__mains__items__item__check {
    display: none;
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__box {
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__mau__mains__items__item__main__box {
    }
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__box__name {
    width: 100%;
    font-size: 1.8rem;
    font-weight: 600;
    color: #0a529e;
    display: none;
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__box__val {
    background-color: #eff4fa;
    color: #0a529e;
    padding: .25rem 2rem .3rem;
    border-radius: 2rem;
    font-size: 1.8rem;
    margin-top: 1.5rem;
    display: inline-block;
    font-weight: 600;
    line-height: 2.6rem;
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__box__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
    width: calc(100% - 2rem);
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__two__mau__mains__items__item__main__box__price {
        justify-content: center;
        text-align: center;
    }
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__box__price__chinh {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0a529e;
    margin-right: 1rem;
    margin-top: 1rem;
}

.w77-productdetail-2__first__two__mau__mains__items__item__main__box__price__phu {
    font-size: 1.8rem;
    color: #777;
    text-decoration: line-through;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__mau__mains__items__item__main__box__price__phu {
        display: none;
    }
}

.w77-productdetail-2__first__two__color {
    margin-bottom: 3rem;
}

.w77-productdetail-2__first__two__color--hide {
    display: none;
}

.w77-productdetail-2__first__two__color__heading {
    display: flex;
    flex-wrap: wrap;
}

.w77-productdetail-2__first__two__color__heading__text {
    font-size: 2.4rem;
    display: flex;
    align-items: center;
    color: #0a529e;
    margin-bottom: 1rem;
}

.w77-productdetail-2__first__two__color__heading__text__value {
    margin-left: .5rem;
}

.w77-productdetail-2__first__two__color__mains {
    overflow: hidden;
    margin-top: 2rem;
    position: relative;
    display: flex;
    align-items: center;
    z-index: 0;
}

.w77-productdetail-2__first__two__color__mains__next,
.w77-productdetail-2__first__two__color__mains__prev {
    margin: 0;
    font-size: 1.6rem;
    padding: 0;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
    text-align: center;
    background-color: rgba(255,255,255,.8);
    color: #0a529e;
    transition: all .5s;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: none;
    border: .1rem solid #0a529e;
    top: initial;
    opacity: 1;
    transform: translateX(-.4rem);
    cursor: pointer;
    pointer-events: initial;
}

.w77-productdetail-2__first__two__color__mains__prev {
    left: 1rem;
    opacity: .5;
}

.w77-productdetail-2__first__two__color__mains:hover .w77-productdetail-2__first__two__color__mains__prev {
    opacity: 1;
}

.w77-productdetail-2__first__two__color__mains__next {
    right: 1rem;
    opacity: .5;
}

.w77-productdetail-2__first__two__color__mains:hover .w77-productdetail-2__first__two__color__mains__next {
    opacity: 1;
}

.w77-productdetail-2__first__two__color__mains__next:hover,
.w77-productdetail-2__first__two__color__mains__prev:hover {
    color: #fff;
    background-color: #0a529e;
}

.w77-productdetail-2__first__two__color__mains__next:after,
.w77-productdetail-2__first__two__color__mains__prev:after {
    display: none;
}

.w77-productdetail-2__first__two__color__mains__items {
    display: flex;
    align-items: center;
    border-radius: .3rem;
    align-items: flex-start;
}

.w77-productdetail-2__first__two__color__mains__items__item {
    width: 30.66666%;
    margin-right: 4%;
    position: relative;
    z-index: 0;
    position: relative;
    overflow: hidden;
    display: block !important;
    filter: brightness(1) !important;
    transition: all .5s;
}

.w77-productdetail-2__first__two__color__mains__items__item--hide {
    display: none !important;
}

.w77-productdetail-2__first__two__color__mains__items__item__main {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    border-radius: 1rem 1rem 3rem;
    overflow: hidden;
    position: relative;
    border: solid 1px rgba(255,255,255,0);
    transition: all .3s ease;
    padding: 2rem 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__color__mains__items__item__main {
        justify-content: center;
        text-align: center;
    }
}

.w77-productdetail-2__first__two__color__mains__items__item__main:hover {
    border-color: #f1f1f1;
}

.w77-productdetail-2__first__two__color__mains__items__item__check:checked ~
.w77-productdetail-2__first__two__color__mains__items__item__main {
    border-color: #0a529e;
}

.w77-productdetail-2__first__two__color__mains__items__item__main__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.6rem;
    height: 2.6rem;
    position: absolute;
    right: 1rem;
    bottom: 1rem;
    border-radius: 50%;
    font-size: 1.6rem;
    background-color: rgba(10,82,158,1);
    color: #fff;
    visibility: hidden;
    opacity: 0;
    z-index: 0;
    transition: all .3s ease;
}

.w77-productdetail-2__first__two__color__mains__items__item:hover
.w77-productdetail-2__first__two__color__mains__items__item__main__icon {
   
}

.w77-productdetail-2__first__two__color__mains__items__item__check:checked ~
.w77-productdetail-2__first__two__color__mains__items__item__main
.w77-productdetail-2__first__two__color__mains__items__item__main__icon {
    visibility: visible;
    opacity: 1;
    z-index: 1;
}

.w77-productdetail-2__first__two__color__mains__items__item__main__imgbox {
    width: 50%;
    margin: 0 auto;
    background-size: contain;
    background-position: center;
    border-radius: .4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    transition: all .3s ease;
}

    .w77-productdetail-2__first__two__color__mains__items__item__main__imgbox:hover {
        transform: scale(1.05);
    }

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__color__mains__items__item__main__imgbox {
    }
}

.w77-productdetail-2__first__two__color__mains__items__item__main__imgbox__name {
    text-align: center;
    color: #fff;
    font-size: 1.6rem;
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: -1;
    transition: all .3s ease;
}

.w77-productdetail-2__first__two__color__mains__items__item__check {
    display: none;
}

.w77-productdetail-2__first__two__color__mains__items__item__main__box {
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__color__mains__items__item__main__box {
    }
}

.w77-productdetail-2__first__two__color__mains__items__item__main__box__name {
    width: 100%;
    font-size: 1.8rem;
    font-weight: 600;
    color: #0a529e;
    display: none;
}

.w77-productdetail-2__first__two__color__mains__items__item__main__box__val {
    background-color: #eff4fa;
    color: #0a529e;
    font-weight: 600;
    padding: .25rem 2rem .3rem;
    border-radius: 2rem;
    font-size: 1.8rem;
    margin-top: 1.5rem;
    width: max-content;
}

.w77-productdetail-2__first__two__color__mains__items__item__main__box__price {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
    width: calc(100 - 2rem);
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__color__mains__items__item__main__box__price {
        justify-content: center;
        text-align: center;
    }
}

.w77-productdetail-2__first__two__color__mains__items__item__main__box__price__chinh {
    font-size: 1.8rem;
    font-weight: 600;
    color: #0a529e;
    margin-top: 1rem;
    margin-right: 1rem;
}

.w77-productdetail-2__first__two__color__mains__items__item__main__box__price__phu {
    font-size: 1.8rem;
    color: #777;
    text-decoration: line-through;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__color__mains__items__item__main__box__price__phu {
        display: none;
    }
}

.w77-productdetail-2__first__two__huongdans {
}

.w77-productdetail-2__first__two__huongdans__item {
    margin-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: solid 1px #f1f1f1;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-productdetail-2__first__two__huongdans__item:hover {
    }

.w77-productdetail-2__first__two__huongdans__item__heading {
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #0a529e;
    font-weight: 600;
}

.w77-productdetail-2__first__two__huongdans__item__heading__name {
    margin-left: 1rem;
    margin-right: 1rem;
    font-size: 2.4rem;
    line-height: 3.4rem;
}

.w77-productdetail-2__first__two__huongdans__item__heading__icon {
    font-size: 1.7rem;
    margin-left: auto;
}

.w77-productdetail-2__first__two__huongdans__item__check {
    display: none;
}

.w77-productdetail-2__first__two__huongdans__item__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
}

.w77-productdetail-2__first__two__huongdans__item__check:checked ~
.w77-productdetail-2__first__two__huongdans__item__modal {
    z-index: 2;
    visibility: visible;
    opacity: 1;
}

.w77-productdetail-2__first__two__huongdans__item__modal__main {
    width: 120rem;
    max-width: 90%;
    border-radius: 2rem;
    overflow: hidden;
    background: #fff;
    padding: 5rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transform: scale(0);
    transition: all .5s;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__two__huongdans__item__modal__main {
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__huongdans__item__modal__main {
        padding: 3.5rem 1rem 1rem;
    }
}

.w77-productdetail-2__first__two__huongdans__item__check:checked ~
.w77-productdetail-2__first__two__huongdans__item__modal
.w77-productdetail-2__first__two__huongdans__item__modal__main {
    transform: scale(1);
}

.w77-productdetail-2__first__two__huongdans__item__modal__main__heading {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 2rem 5rem;
    background-color: #f1f1f1;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__two__huongdans__item__modal__main__heading {
        padding: 2rem 2rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__huongdans__item__modal__main__heading {
        padding: 1rem;
    }
}

.w77-productdetail-2__first__two__huongdans__item__modal__main__heading__name {
    font-size: 2.4rem;
    font-weight: 600;
    color: #0a529e;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__huongdans__item__modal__main__heading__name {
        font-size: 2rem;
    }
}

.w77-productdetail-2__first__two__huongdans__item__check:checked ~
.w77-productdetail-2__first__two__huongdans__item__modal
.w77-productdetail-2__first__two__huongdans__item__modal__main
.w77-productdetail-2__first__two__huongdans__item__modal__main__heading__icon
.w77-productdetail-2__first__two__huongdans__item__modal__main__heading__icon__value {
}

.w77-productdetail-2__first__two__huongdans__item__modal__main__heading__icon {
    position: absolute;
    right: 1rem;
    top: 1rem;
    transform: rotate(45deg);
    cursor: pointer;
    transition: all .5s;
    font-size: 2.6rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0a529e;
}

    .w77-productdetail-2__first__two__huongdans__item__modal__main__heading__icon:hover {
        transform: rotate(135deg);
    }

.w77-productdetail-2__first__two__huongdans__item__modal__main__content {
    color: #3f3f3f;
    overflow-y: scroll;
    max-height: 80vh;
    width: 100%;
    font-size: 1.8rem;
    line-height: 3rem;
    margin-top: 3rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__huongdans__item__modal__main__content {
        margin-top: 1.5rem;
    }
}

.w77-productdetail-2__first__two__huongdans__item__modal__main__content::-webkit-scrollbar {
    width: .4rem;
}

.w77-productdetail-2__first__two__huongdans__item__modal__main__content::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w77-productdetail-2__first__two__huongdans__item__modal__main__content::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: #0a529e
}

.w77-productdetail-2__first__two__huongdans__item__modal__main__content img {
    opacity: 1;
}

.w77-productdetail-2__first__two__huongdans__item__modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
}

.w77-productdetail-2__first__one__support {
    background-color: #fafafa;
    border-radius: .3rem;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w77-productdetail-2__first__two__cart {
    display: flex;
    align-items: center;
    position: relative;
    flex-wrap: wrap;
    margin-top: 3rem;
    justify-content: space-between;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__two__cart {
        justify-content: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__first__two__cart {
        justify-content: center;
    }
}

.w77-productdetail-2__first__two__cart__soluong {
    display: flex;
    align-items: center;
}

.w77-productdetail-2__first__two__cart__soluong__minus, .w77-productdetail-2__first__two__cart__soluong__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w77-productdetail-2__first__two__cart__soluong__minus {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem 0 0 2rem;
    transition: all .5s;
    color: #fff;
    background-color: #0a529e;
}

    .w77-productdetail-2__first__two__cart__soluong__minus:hover {
    }

.w77-productdetail-2__first__two__cart__soluong__plus {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2rem 2rem 0;
    transition: all .5s;
    color: #fff;
    background-color: #0a529e;
}

    .w77-productdetail-2__first__two__cart__soluong__plus:hover {
    }

.w77-productdetail-2__first__two__cart__soluong__input {
    border: none;
    border-right: solid 1px rgba(255,255,255,.2);
    border-left: solid 1px rgba(255,255,255,.2);
    background-color: #0a529e;
    width: 8rem;
    height: 5rem;
    color: #fff;
    outline: none;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
}

    .w77-productdetail-2__first__two__cart__soluong__input::-webkit-outer-spin-button,
    .w77-productdetail-2__first__two__cart__soluong__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
        -moz-appearance: textfield;
    }

.w77-productdetail-2__first__two__cart__btn {
    border: solid 1px #0a529e;
    border-radius: 3rem;
    padding: .75rem;
    width: calc(100% - 20rem);
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__two__cart__btn {
        width: 100%;
        margin-top: 2rem;
    }
}

.w77-productdetail-2__first__two__cart__btn__content {
    border-radius: 3rem;
    background-color: #0a529e;
    text-align: center;
    box-shadow: none;
    border: none;
    font-weight: 600;
    padding: .75rem 1rem;
    width: 100%;
    color: #fff;
    font-size: 2rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productdetail-2__first__two__cart__btn__content__icon {
}

.w77-productdetail-2__first__two__cart__btn__content__text {
    margin-left: 1rem;
    transition: all .5s;
}

    .w77-productdetail-2__first__two__cart__btn__content__text:hover {
        text-decoration: underline;
    }

.w77-productdetail-2__first__two__btncart {
    width: 100%;
    text-transform: uppercase;
    background-color: red;
    margin: 0;
    display: block;
}

.w77-productdetail-2__second {
    border-radius: .5rem;
    background-color: #fff;
    padding: 1rem 0;
    margin-top: 2rem;
    position: relative;
    z-index: 0;
}

.w77-productdetail-2__second__tabs {
    text-align: center;
    padding: .75rem;
    border-radius: 3rem;
    position: relative;
    border: solid 1px #f1f1f1;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-2__second__tabs {
        overflow: hidden;
    }
}

.w77-productdetail-2__second__tabs__items {
    display: flex;
    flex-wrap: wrap;
    position: relative;
    z-index: 1;
    justify-content: center;
}

.w77-productdetail-2__second__tabs__items__item {
    display: inline-block;
    padding: .75rem 2rem .75rem;
    font-weight: normal;
    font-size: 2.2rem;
    line-height: 3.2rem;
    border-radius: 3rem;
    transition: all .5s;
    background-color: #f1f1f1;
    color: #0a529e;
    width: 100%;
}

.w77-productdetail-2__second__content {
    margin-top: 1rem;
}

.w77-productdetail-2__second__content__detail {
    overflow: hidden;
    width: 100%;
    position: relative;
}

.w77-productdetail-2__second__content__detail__content {
    font-size: 1.8rem;
    line-height: 2.8rem;
    padding: 0 1rem;
}

.w77-productdetail-2__second__face {
    margin-top: 2rem;
    border: .1rem solid #dee2e6;
    border-radius: .5rem;
    width: 100%;
    padding: 1rem;
    position: relative;
}

.w77-productdetail-2__second__face__button {
    display: flex;
    align-items: center;
    overflow: hidden;
}

.w77-productdetail-2__second__face__comment {
    width: 100%;
    margin-top: 1rem;
    overflow: hidden;
}

    .w77-productdetail-2__second__face__comment iframe {
        width: 100%;
        overflow: hidden;
    }

.w77-productdetail-2__first__one__container__content__col__mains .swiper-button-next:after, .w77-productdetail-2__first__one__container__content__col__mains .swiper-button-prev:after {
    color: #b90d0d;
}

@media only screen and (min-width:75rem) {
}

@media only screen and (max-width:75rem) {

    .w77-productdetail-2__first__one {
        width: 40%;
    }

    .w77-productdetail-2__first__two {
        width: 58%;
    }

    .w77-productdetail-2__first__three {
        width: 100%;
        margin-top: 2rem;
        display: flex;
        flex-wrap: wrap;
    }

    @media only screen and (max-width:50rem) {
        .w77-productdetail-2__first__three {
            display: none;
        }
    }

    .w77-productdetail-2__first__three__danhmuc__childs__item {
        width: 48%;
        margin-left: 2%;
    }

        .w77-productdetail-2__first__three__items__item:nth-column(2n+1),
        .w77-productdetail-2__first__three__danhmuc__childs__item:nth-child(2n+1) {
            margin-left: 0;
        }

    .w77-productdetail-2__first__three__danhmuc__name--1 {
        margin-top: 1rem;
    }
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__first__one {
        width: 100%;
        overflow: hidden;
    }

    .w77-productdetail-2__first__two {
        width: 100%;
        margin-top: 2rem;
        padding: 0;
    }

    .w77-productdetail-2__first__three__items__item,
    .w77-productdetail-2__first__three__danhmuc__childs__item {
        width: 100%;
        margin-left: 0;
    }
}

.w77-productdetail-2__mains {
    margin-top: 3rem;
}

.w77-productdetail-2__mains__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
}

.w77-productdetail-2__mains__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
    margin-top: 1rem;
}

.w77-productdetail-2__mains__items__item {
    width: 23.5%;
    margin-left: 2%;
    overflow: hidden;
    border-radius: 2rem 2rem 6rem 2rem;
    border: solid 1px rgba(10,82,158,0);
    transition: all .3s ease;
    margin-top: 2rem;
}

@media only screen and (min-width:75rem) {
    .w77-productdetail-2__mains__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-2__mains__items__item {
        width: 32%;
    }

    @media only screen and (min-width:50rem) {
        .w77-productdetail-2__mains__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__mains__items__item {
        width: 49%;
    }

        .w77-productdetail-2__mains__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w77-productdetail-2__mains__items__item:hover {
    border-color: rgba(10,82,158,1);
}

.w77-productdetail-2__mains__items__item__main__bot {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__bot {
        justify-content: center;
    }
}

.w77-productdetail-2__mains__items__item__main__bot__name {
    color: #0a529e;
    padding: .5rem 1.5rem;
    border: solid .1px #0a529e;
    font-size: 1.8rem;
    line-height: 2.8rem;
    border-radius: 3rem;
    margin-top:2rem;
    margin-right:1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__bot__name {
        padding: .25rem 1.5rem;
        text-align: center;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__bot__stars {
        width: 100%;
        text-align: center
    }
}
.w77-productdetail-2__mains__items__item__main__bot__stars{
    margin-top:2rem;
}
.w77-productdetail-2__mains__items__item__main__bot__stars__star {
    display: inline-block;
    font-size: 1.2rem;
    margin-left: .25rem;
    color: #ffc300;
}

    .w77-productdetail-2__mains__items__item__main__bot__stars__star:first-child {
        margin-left: 0;
    }

.w77-productdetail-2__mains__items__item__hinhanh {
    display: block;
}

.w77-productdetail-2__mains__items__item__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all .3s ease;
    background-repeat: no-repeat;
}

    .w77-productdetail-2__mains__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-productdetail-2__mains__items__item__main {
    padding: 3rem 2rem 4rem;
}

.w77-productdetail-2__mains__items__item__main__cate {
    display: block;
    font-size: 2rem;
    line-height: 3rem;
    color: #777;
    cursor: pointer;
    transition: all .3s ease;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__cate {
        text-align: center;
    }
}

.w77-productdetail-2__mains__items__item__main__cate:hover {
    text-decoration: underline;
}

.w77-productdetail-2__mains__items__item__main__name {
    font-size: 2.2rem;
    font-weight: 600;
    color: rgba(10,82,158,1);
    line-height: 3.2rem;
    cursor: pointer;
    transition: all .3s ease;
    
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__name {
        font-size: 2rem;
        line-height: 3rem;
        text-align: center;
    }
}

.w77-productdetail-2__mains__items__item__main__name:hover {
    text-decoration: underline;
}

.w77-productdetail-2__mains__items__item__main__price {
    display: flex;
    justify-content: space-between;
    font-size: 2.2rem;
    flex-wrap:wrap;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__price {
        font-size: 2rem;
        justify-content: center;
    }
}

.w77-productdetail-2__mains__items__item__main__price__sale {
    font-weight: 600;
    color: rgba(10,82,158,1);
    margin-top:1rem;
    margin-right:1rem;
}
@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__price__sale {
        margin-right: .5rem;
        margin-left: .5rem;
    }
}
.w77-productdetail-2__mains__items__item__main__price__sub {
    margin-top: 1rem;
    color: #999;
    text-decoration: line-through;
}
@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__mains__items__item__main__price__sub {
        margin-right: .5rem;
        margin-left: .5rem;
    }
}
.w77-productdetail-2__comment {
    margin-top: 3rem;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__comment {
        margin-top: 1.5rem;
    }
}

.w77-productdetail-2__comment__name {
    font-size: 3rem;
    line-height: 4.6rem;
    color: #0a529e;
    cursor: pointer;
}


.w77-productdetail-2__comment__title {
    font-size: 2rem;
    color: #292929;
    margin-top: 1rem;
}

.w77-productdetail-2__comment__title__count {
    font-weight: 600;
}

.w77-productdetail-2__comment__items {
    transition: all .5s ease;
    overflow: hidden;
    max-height: 42rem;
    position: relative;
    margin-top: 2rem;
}

.w77-productdetail-2__comment__items__bg {
    width: 100%;
    height: 50%;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(180deg, rgba(55, 100, 235, 0) 0%, #fff 100%);
    transition: all 0.3s ease 0s;
    cursor: pointer;
    opacity: 1;
    visibility: visible;
}

.w77-productdetail-2__comment__ck:checked ~
.w77-productdetail-2__comment__items
.w77-productdetail-2__comment__items__bg {
    opacity: 0;
    visibility: hidden;
}

.w77-productdetail-2__comment__ck:checked ~
.w77-productdetail-2__comment__items {
    max-height: 900vh;
    overflow: initial;
}

.w77-productdetail-2__comment__items__item {
    padding: 1rem;
    border: solid 1px #f1f1f1;
    border-radius: 1rem;
    background-color: #fff;
    margin-bottom: 2rem;
    position: relative;
    background-color: #fafafa;
}

.w77-productdetail-2__comment__items__item__main {
    margin-left: 10rem;
}

.w77-productdetail-2__comment__items__item__imgbox {
    width: 8rem;
    height: 8rem;
    border-radius: 1rem;
    padding: .5rem;
    border: solid 1px #f1f1f1;
    overflow: hidden;
    background-size: cover;
    position: absolute;
    left: 1rem;
}

.w77-productdetail-2__comment__items__item__main__by {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w77-productdetail-2__comment__items__item__main__by__name {
    font-size: 2rem;
    line-height: 3rem;
    color: #0a529e;
    font-weight: 600;
    margin-right: 2rem;
}

.w77-productdetail-2__comment__items__item__main__by__stars {
    display: flex;
}

.w77-productdetail-2__comment__items__item__main__by__stars__icon {
    font-size: 1rem;
    color: #ff7101;
}

    .w77-productdetail-2__comment__items__item__main__by__stars__icon:not(:first-child) {
        margin-left: .5rem;
    }

.w77-productdetail-2__comment__items__item__main__text {
    color: #292929;
    font-size: 1.8rem;
    line-height: 2.8rem;
}

.w77-productdetail-2__comment__ck {
    display: none;
}

.w77-productdetail-2__comment__more {
    color: #0a529e;
    display: flex;
    align-items: center;
    margin-top: 1rem;
    cursor: pointer;
}

.w77-productdetail-2__comment__more__name {
    font-weight: 600;
    font-size: 2rem;
}

.w77-productdetail-2__comment__more__icon {
    margin-left: 1rem;
    transition: all .3s ease;
    font-size: 1rem;
    width: 2rem;
    font-size: 1rem;
    height: 2rem;
    border-radius: 50%;
    background-color: #0a529e;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w77-productdetail-2__comment__ck:checked ~
.w77-productdetail-2__comment__more {
    display: none;
}

.w77-productdetail-2__comment__box {
    background-color: #f1f1f1;
    padding: 3rem;
    border: 1px solid #EDEDED;
    box-shadow: 0px 8px 20px 0px #0000000D;
    border-radius: 1.6rem;
    margin-top: 3rem;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__comment__box {
        width: 100%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__comment__box {
        padding: 1.5rem;
    }
}

.w77-productdetail-2__comment__box__heading {
    margin-bottom: 3rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__comment__box__heading {
        margin-bottom: 1.5rem;
        margin-top: 1.5rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-2__comment__box__heading {
        margin-bottom: 2rem;
    }
}

.w77-productdetail-2__comment__box__heading__text {
    font-size: 3rem;
    line-height: 4rem;
    color: #0a529e;
    cursor: pointer;
    transition: all .5s;
    display: block;
}


.w77-productdetail-2__comment__box__heading__des {
    margin-top: 1rem;
    font-size: 2rem;
    line-height: 3rem;
    color: #0a529e;
}

.w77-productdetail-2__comment__box__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    width: 49%;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__comment__box__items {
        width: 100%;
    }
}

.w77-productdetail-2__comment__box__items__item {
    width: 100%;
    margin-bottom: 3rem;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__comment__box__items__item {
        margin-bottom: 2rem;
    }
}

.w77-productdetail-2__comment__box__items__item--full {
    width: 100%;
    margin-left: 0;
}

.w77-productdetail-2__comment__box__items__item__name {
    color: #0a529e;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.w77-productdetail-2__comment__box__items__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 2rem;
    color: #292929;
    transition: all .3s ease;
}

    .w77-productdetail-2__comment__box__items__item__input:focus {
        border-color: #0a529e;
    }

.w77-productdetail-2__comment__box__full {
    width: 49%;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-2__comment__box__full {
        margin-bottom: 2rem;
        width: 100%;
    }
}

.w77-productdetail-2__comment__box__full__item {
    margin-bottom: 2rem;
}

.w77-productdetail-2__comment__box__full__item__name {
    color: #0a529e;
    font-size: 2rem;
    line-height: 3rem;
    margin-bottom: 1rem;
    display: block;
}

.w77-productdetail-2__comment__box__full__item__input {
    width: 100%;
    overflow: hidden;
    border: none;
    outline: none;
    border-radius: 1.6rem;
    border: 1px solid #EDEDED;
    background: #FFF;
    padding: 1.4rem 1.6rem;
    font-family: inherit;
    font-size: 2rem;
    font-weight: 400;
    color: #24272C;
    transition: all .3s ease;
}

    .w77-productdetail-2__comment__box__full__item__input:focus {
        border-color: #0a529e;
    }

.w77-productdetail-2__comment__box__full__btn {
    border-radius: 3rem;
    border: solid 1px #0a529e;
    width: 100%;
    background-color: #fff;
    display: block;
}

.w77-productdetail-2__comment__box__full__btn__text {
    width: 100%;
    display: block;
    font-size: 2.4rem;
    border-radius: 3rem;
    padding: 1rem 3rem;
    text-align: center;
    transition: all .3s ease;
    background-color: #0a529e;
    color: #fff;
    cursor: pointer;
}

    .w77-productdetail-2__comment__box__full__btn__text:hover {
        text-decoration: underline;
    }

.w77-productdetail-2__comment__box__warning {
    margin-top: 1.5rem;
    font-size: 1.4rem;
    color: #696665;
    line-height: 2.6rem;
}
.w77-productdetail-2__tableoct {
    width: 100%;
    padding: 0rem 0rem 0rem;
    margin-bottom: 1.5rem;
}

.w77-productdetail-2__tableoct__group {
    max-width: 120rem;
    margin: 2rem auto 0;
    border-radius: 3rem;
    padding: .25rem 1.5rem;
    background-color: #0a529e
}

.w77-productdetail-2__tableoct__cbcl:checked ~ .w77-productdetail-2__tableoct__clone {
    display: block;
}

.w77-productdetail-2__tableoct__cbcl {
    display: none;
}

.w77-productdetail-2__tableoct__checkbox {
    display: none;
}

    .w77-productdetail-2__tableoct__checkbox:checked ~ .w77-productdetail-2__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
        padding-bottom: 1rem;
    }

.w77-productdetail-2__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w77-productdetail-2__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w77-productdetail-2__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w77-productdetail-2__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
    position: relative;
}

.w77-productdetail-2__tableoct__checkbox:checked ~
.w77-productdetail-2__tableoct__heading {
}

.w77-productdetail-2__tableoct__heading__title {
    display: flex;
}

.w77-productdetail-2__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    display: none;
}

.w77-productdetail-2__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
    color: #fff;
}

.w77-productdetail-2__tableoct__heading__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
    position: absolute;
    right: 0;
}

.w77-productdetail-2__tableoct__checkbox:checked ~
.w77-productdetail-2__tableoct__heading
.w77-productdetail-2__tableoct__heading__icon:before {
    content: "\f142";
}

.w77-productdetail-2__tableoct__heading:hover {
    transition: all .2s ease-in-out;
}

.w77-productdetail-2__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w77-productdetail-2__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w77-productdetail-2__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w77-productdetail-2__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: rgba(255,255,255,.5);
    }

        .w77-productdetail-2__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: rgba(255,255,255,.5);
        }

.w77-productdetail-2__tableoct__body__ol {
    list-style: none;
}

.w77-productdetail-2__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w77-productdetail-2__tableoct__body__ol__text__vl {
    padding: .75rem 2rem .75rem 1rem;
}

.w77-productdetail-2__tableoct__body__ol > .w77-productdetail-2__tableoct__body__ol__text {
    font-size: 1.6rem;
}

.w77-productdetail-2__tableoct__body__ol__text:hover .w77-productdetail-2__tableoct__body__ol--1__text {
}

    .w77-productdetail-2__tableoct__body__ol__text:hover .w77-productdetail-2__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w77-productdetail-2__tableoct__body__ol__text.active {
}

    .w77-productdetail-2__tableoct__body__ol__text.active .w77-productdetail-2__tableoct__body__ol--1__text {
    }

.w77-productdetail-2__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

.w77-productdetail-2__tableoct__body__ol__text__vl:hover {
    text-decoration: underline;
}

.w77-productdetail-2__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
    color: #fff;
}

    .w77-productdetail-2__tableoct__body__ol__text__vl.active {
    }

.w77-productdetail-2__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w77-productdetail-2__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: .75rem;
    z-index: 1;
    color: #fff;
}

.w77-productdetail-2__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
    transform: rotate(90deg);
}

.w77-productdetail-2__tableoct__body__ol--1__text > .w77-productdetail-2__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w77-productdetail-2__tableoct__body__ol--1__text > .w77-productdetail-2__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w77-productdetail-2__tableoct__body__ol__text__cbx {
    display: none;
}

    .w77-productdetail-2__tableoct__body__ol__text__cbx:checked ~ .w77-productdetail-2__tableoct__body__ol--1 {
        display: block;
    }

    .w77-productdetail-2__tableoct__body__ol__text__cbx:checked ~ .w77-productdetail-2__tableoct__body__ol__text__lbl .w77-productdetail-2__tableoct__body__ol__text__lbl__icon {
        transform: rotate(90deg);
        transition: all .2s ease;
    }

.w77-productdetail-2__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w77-productdetail-2__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.6rem;
}

    .w77-productdetail-2__tableoct__body__ol--1__text > a {
        padding: .75rem 1rem .75rem 3rem;
    }

ol > li > ol > .w77-productdetail-2__tableoct__body__ol--1__text {
}

ol ol ol .w77-productdetail-2__tableoct__body__ol--1__text {
}

    ol ol ol .w77-productdetail-2__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w77-productdetail-2__tableoct__body__ol--1__text > a.active {
            color: #fff;
        }

.w77-productdetail-2__tableoct__body__ol--1__text:hover {
    color: white;
}

.w77-productdetail-2__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
    color: #fff;
}

    .w77-productdetail-2__tableoct__body__ol--1__text > a:hover {
        text-decoration: underline;
    }

    .w77-productdetail-2__tableoct__body__ol--1__text > a.active {
    }

/*ed*/
/*w76-productdetail*/
.w76-productdetail {
    width: 100%;
    padding: 3rem 1rem;
    background: #fff;
    position: relative;
    z-index: 0;
}

.w76-productdetail__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w76-productdetail__top {
    flex-wrap: wrap;
    outline: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail__top {
        display: flex;
        flex-wrap: wrap;
    }
}

.w76-productdetail__top__first {
    width: 48%;
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail__top__first {
        width: 100%;
    }
}

.w76-productdetail__top__first__container {
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
}

.w76-productdetail__top__first__container__mains {
    width: 100%;
    overflow: hidden;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.07);
    border-radius: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color:#fff;
}

.w76-productdetail__top__first__container__zoomcolor {
    background-color: rgba(0,0,0,.8);
    border: solid .1rem #f1f1f1;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    position: absolute;
    top: 1rem;
    z-index: 3;
    font-size: 1.6rem;
    color: #fff;
    opacity: .5;
    visibility: visible;
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail__top__first__container__zoomcolor {
        padding: 1.25rem 1.5rem;
    }
}

.w76-productdetail__top__first__container__mains:hover .w76-productdetail__top__first__container__zoomcolor {
    opacity: 1;
    visibility: visible;
}

.w76-productdetail__top__first__container__zoomcolor__y {
    display: flex;
    font-size: 1.6rem;
    margin-right: 1rem;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__zoomcolor__y {
        font-size: 2rem;
    }
}

.w76-productdetail__top__first__container__zoomcolor__y__up {
    cursor: pointer;
    opacity: .8;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

    .w76-productdetail__top__first__container__zoomcolor__y__up:hover {
        opacity: 1;
        color: rgba(var(--main-color-w), 1);
        background-color: rgba(255, 255, 255, 1);
    }

    .w76-productdetail__top__first__container__zoomcolor__y__up[data-click="true"]:before {
        content: "\f04d";
    }

.w76-productdetail__top__first__container__zoomcolor__y__re {
    cursor: pointer;
    opacity: .8;
    transition: all .3s ease;
    margin-left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

    .w76-productdetail__top__first__container__zoomcolor__y__re.active {
        display: inline-flex;
    }

    .w76-productdetail__top__first__container__zoomcolor__y__re:hover {
        opacity: 1;
        color: rgba(var(--main-color-w), 1);
        background-color: rgba(255, 255, 255, 1);
    }

.w76-productdetail__top__first__container__zoomcolor__y__down {
    margin-left: 1rem;
    cursor: pointer;
    opacity: .8;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

    .w76-productdetail__top__first__container__zoomcolor__y__down[data-click="true"]:before {
        content: "\f04d";
    }

    .w76-productdetail__top__first__container__zoomcolor__y__down:hover {
        opacity: 1;
        color: rgba(var(--main-color-w), 1);
        background-color: rgba(255, 255, 255, 1);
    }

.w76-productdetail__top__first__container__zoomcolor .ui-slider-handle {
    border-radius: 50%;
}

.w76-productdetail__top__first__container__zoomcolor .ui-widget.ui-widget-content {
    border-radius: 1rem;
}

.w76-productdetail__top__first__container__zoomcolor__input {
    width: 20rem;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__zoomcolor__input {
        display: none;
    }
}

@media only screen and (max-width:31.25rem) {
    .w76-productdetail__top__first__container__zoomcolor__input {
        width: 13rem;
    }
}

.w76-productdetail__top__first__container__zoomcolor__ranger {
    width: 20rem;
    background-color: transparent;
    -webkit-appearance: none;
    display: none
}

    .w76-productdetail__top__first__container__zoomcolor__ranger:focus {
        outline: none;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-webkit-slider-runnable-track {
        background: #ccc;
        border: 0.2px solid #fff;
        border-radius: 30px;
        width: 100%;
        height: 15px;
        cursor: pointer;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-webkit-slider-thumb {
        margin-top: -10px;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border: 1px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger:focus::-webkit-slider-runnable-track {
        background: #ccc;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-moz-range-track {
        background: #ccc;
        border: 0.2px solid #fff;
        border-radius: 30px;
        width: 100%;
        height: 15px;
        cursor: pointer;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-moz-range-thumb {
        margin-top: -10px;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border: 1px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-ms-track {
        background: transparent;
        border-color: transparent;
        border-width: 12.4px 0;
        color: transparent;
        width: 100%;
        height: 13.2px;
        cursor: pointer;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-ms-fill-lower {
        background: #ccc;
        border: 0.2px solid #010101;
        border-radius: 2.6px;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-ms-fill-upper {
        background: #3071a9;
        border: 0.2px solid #010101;
        border-radius: 2.6px;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger::-ms-thumb {
        width: 16px;
        height: 36px;
        background: #ffffff;
        border: 1px solid #000000;
        border-radius: 3px;
        cursor: pointer;
        margin-top: 0px;
        /*Needed to keep the Edge thumb centred*/
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger:focus::-ms-fill-lower {
        background: #ccc;
    }

    .w76-productdetail__top__first__container__zoomcolor__ranger:focus::-ms-fill-upper {
        background: #ccc;
    }

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__zoomcolor__ranger {
        display: block;
        width: 20rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w76-productdetail__top__first__container__zoomcolor__ranger {
        width: 13rem;
    }
}

.w76-productdetail__top__first__container__zoomcolor:hover {
    background-color: rgba(var(--main-color-w),1);
    color: rgba(255,255,255,1);
    opacity: 1;
}

.w76-productdetail__top__first__container__zoomcolor__number {
    margin-left: 1rem;
    width: 5rem;
    text-align: center;
}

.w76-productdetail__top__first__container__zoomsize {
    background-color: rgba(0,0,0,.8);
    border: solid .1rem #f1f1f1;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.07);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1rem 1.5rem;
    border-radius: 3rem;
    position: absolute;
    bottom: 1rem;
    z-index: 3;
    font-size: 1.6rem;
    color: #fff;
    opacity: .5;
    visibility: visible;
    transition: all .3s ease;
}

    .w76-productdetail__top__first__container__zoomsize:hover {
        opacity: 1;
        background-color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:75rem) {
    .w76-productdetail__top__first__container__zoomsize {
        padding: 1.25rem 1.5rem;
    }
}

.w76-productdetail__top__first__container__zoomsize__y {
    display: flex;
    font-size: 1.6rem;
    margin-right: 1rem;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__zoomsize__y {
        font-size: 2rem;
    }
}

.w76-productdetail__top__first__container__zoomsize__y__up {
    cursor: pointer;
    opacity: .8;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

    .w76-productdetail__top__first__container__zoomsize__y__up[data-click="true"]:before {
        content: "\f04d";
    }

    .w76-productdetail__top__first__container__zoomsize__y__up:hover {
        opacity: 1;
        color: rgba(var(--main-color-w),1);
        background-color: rgba(255,255,255,1);
    }

.w76-productdetail__top__first__container__zoomsize__y__re {
    cursor: pointer;
    opacity: .8;
    transition: all .3s ease;
    margin-left: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

    .w76-productdetail__top__first__container__zoomsize__y__re.active {
        display: inline-flex;
    }

    .w76-productdetail__top__first__container__zoomsize__y__re:hover {
        opacity: 1;
        color: rgba(var(--main-color-w),1);
        background-color: rgba(255,255,255,1);
    }

.w76-productdetail__top__first__container__zoomsize__y__down {
    margin-left: 1rem;
    cursor: pointer;
    opacity: .8;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 3rem;
    height: 3rem;
}

    .w76-productdetail__top__first__container__zoomsize__y__down[data-click="true"]:before {
        content: "\f04d";
    }

    .w76-productdetail__top__first__container__zoomsize__y__down:hover {
        opacity: 1;
        color: rgba(var(--main-color-w),1);
        background-color: rgba(255,255,255,1);
    }

.w76-productdetail__top__first__container__mains:hover .w76-productdetail__top__first__container__zoomsize {
    opacity: 1;
    visibility: visible;
}

.w76-productdetail__top__first__container__zoomsize .ui-slider-handle {
    border-radius: 50%;
}

.w76-productdetail__top__first__container__zoomsize .ui-widget.ui-widget-content {
    border-radius: 1rem;
}

.w76-productdetail__top__first__container__zoomsize__input {
    width: 20rem;
    cursor: pointer;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__zoomsize__input {
        display: none;
    }
}

@media only screen and (max-width:31.25rem) {
    .w76-productdetail__top__first__container__zoomsize__input {
        width: 13rem;
    }
}

.w76-productdetail__top__first__container__zoomsize:hover {
    background-color: rgba(var(--main-color-w),1);
    color: rgba(255,255,255,1);
}

.w76-productdetail__top__first__container__zoomsize__ranger {
    width: 20rem;
    background-color: transparent;
    -webkit-appearance: none;
    display: none
}

    .w76-productdetail__top__first__container__zoomsize__ranger:focus {
        outline: none;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-webkit-slider-runnable-track {
        background: #ccc;
        border: 0.2px solid #fff;
        border-radius: 30px;
        width: 100%;
        height: 15px;
        cursor: pointer;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-webkit-slider-thumb {
        margin-top: -10px;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border: 1px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger:focus::-webkit-slider-runnable-track {
        background: #ccc;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-moz-range-track {
        background: #ccc;
        border: 0.2px solid #fff;
        border-radius: 30px;
        width: 100%;
        height: 15px;
        cursor: pointer;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-moz-range-thumb {
        margin-top: -10px;
        width: 30px;
        height: 30px;
        background: #ffffff;
        border: 1px solid #fff;
        border-radius: 50%;
        cursor: pointer;
        -webkit-appearance: none;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-ms-track {
        background: transparent;
        border-color: transparent;
        border-width: 12.4px 0;
        color: transparent;
        width: 100%;
        height: 13.2px;
        cursor: pointer;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-ms-fill-lower {
        background: #ccc;
        border: 0.2px solid #010101;
        border-radius: 2.6px;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-ms-fill-upper {
        background: #3071a9;
        border: 0.2px solid #010101;
        border-radius: 2.6px;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger::-ms-thumb {
        width: 16px;
        height: 36px;
        background: #ffffff;
        border: 1px solid #000000;
        border-radius: 3px;
        cursor: pointer;
        margin-top: 0px;
        /*Needed to keep the Edge thumb centred*/
    }

    .w76-productdetail__top__first__container__zoomsize__ranger:focus::-ms-fill-lower {
        background: #ccc;
    }

    .w76-productdetail__top__first__container__zoomsize__ranger:focus::-ms-fill-upper {
        background: #ccc;
    }

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__zoomsize__ranger {
        display: block;
        width: 20rem;
    }
}

@media only screen and (max-width:31.25rem) {
    .w76-productdetail__top__first__container__zoomsize__ranger {
        width: 13rem;
    }
}

.w76-productdetail__top__first__container__zoomsize__number {
    margin-left: 1rem;
    width: 5rem;
    text-align: center;
}

.w76-productdetail__top__first__container__mains__items {
    height: 85rem !important;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__mains__items {
        height: 62rem !important;
    }
}

.w76-productdetail__top__first__container__mains__items__item {
    opacity: 0 !important;
    height: 85rem !important;
    display: flex;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__mains__items__item {
        height: 62rem !important;
    }
}

.w76-productdetail__top__first__container__mains__items__item.swiper-slide-active {
    opacity: 1 !important;
}

.w76-productdetail__top__first__container__mains__items__item__size {
    width: 100%;
    height: 35rem;
    z-index: 1;
    bottom: 0;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__mains__items__item__size {
        height: 30rem;
    }
}

.w76-productdetail__top__first__container__mains__items__item__size .zoomImg {
    background: #fff;
}

.w76-productdetail__top__first__container__mains__items__item__size__imgbox {
    background-size: contain;
    background-position: bottom center;
    background-repeat: no-repeat;
    height: 100%;
    transition: all .5s ease;
}
.disiable-size .w76-productdetail__top__first__container__mains__items__item__size__imgbox {
    display: none;
}

.w76-productdetail__top__first__container__mains__items__item__size__imgbox__img {
    width: 100%;
}

.w76-productdetail__top__first__container__mains__items__item__color {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 65rem;
    transform: translateY(0);
    display: flex;
    align-items: flex-end;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__container__mains__items__item__color {
        height: 42rem;
    }
}

.w76-productdetail__top__first__container__mains__items__item__color__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    background-position: bottom center;
    transform: translateY(0);
    height: 100%;
    transition: all .5s ease;
}
.disiable-color .w76-productdetail__top__first__container__mains__items__item__color__imgbox {
    display: none;
}

.w76-productdetail__top__first__container__mains__items__item__color__imgbox__img {
    width: 100%;
}

.w76-productdetail__top__first__subs {
    overflow: hidden;
    display: flex;
    align-items: center;
    position: relative;
}

.w76-productdetail__top__first__subs__thumbs {
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.w76-productdetail__top__first__subs__thumbs__item {
    width: calc(22% - 2px - 1rem);
    margin-right: 4%;
    transition: all .5s;
    padding: .5rem;
    background-color: #fcfaf7;
    margin-top: 2rem;
    border-radius: 1rem;
    cursor: pointer;
    overflow: hidden;
    border: solid 1px #eee;
}

    .w76-productdetail__top__first__subs__thumbs__item.swiper-slide-thumb-active {
        border-color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__first__subs__thumbs__item {
        width: calc(22.75% - 2px - 1rem);
        margin-right: 3%;
        padding: .5rem;
        border-radius: .5rem
    }
}

.w76-productdetail__top__first__subs__thumbs__item__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s;
    border-radius: .3rem;
    height: 10rem;
}

.w76-productdetail__top__first__subs__thumbs__item:hover .w76-productdetail__top__first__subs__thumbs__item__imgbox {
}

.w76-productdetail__top__first__subs__next.swiper-button-next,
.w76-productdetail__top__first__subs__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    transition: all .5s;
    background: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    border-radius: 50%;
    color: rgba(var(--main-color-w),1);
    opacity: .7;
}

.w76-productdetail__top__first__subs__next.swiper-button-next {
    right: 2rem;
}

.w76-productdetail__top__first__subs__prev.swiper-button-prev {
    left: 2rem;
}

.w76-productdetail__top__first__subs__next:hover,
.w76-productdetail__top__first__subs__prev:hover {
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail__top__first__subs__next:after,
.w76-productdetail__top__first__subs__prev:after {
    display: none;
}

.w76-productdetail__top__first__subs__next:hover {
    opacity: 1;
}

.w76-productdetail__top__first__subs__prev:hover {
    opacity: 1;
}

.w76-productdetail__top__first__1__form {
    margin-top: 1rem;
    background-color: #b90d0d;
    border-radius: .5rem;
    padding: 2rem;
    position: relative;
    color: #fff;
    width: 100%;
}

.w76-productdetail__top__second {
    width: 48%;
}

@media only screen and (max-width:75rem) {
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail__top__second {
        width: 100%;
        border-left: none;
        margin-top: 2rem;
        padding: 0;
    }
}

.w76-productdetail__top__second__container {
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail__top__second__container {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        flex-direction: column-reverse;
    }
}

.w76-productdetail__top__second__name {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w76-productdetail__top__second__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w76-productdetail__top__second__heading__rate {
    display: flex;
    align-items: center;
}

.w76-productdetail__top__second__heading__rate__items {
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__second__heading__rate__items {
        margin-left: 0;
    }
}

.w76-productdetail__top__second__heading__rate__items__star {
    color: #efad0d;
    display: inline-block;
    margin-right: .5rem;
    font-size: 1rem;
}

.w76-productdetail__top__second__heading__rate__name {
    font-size: 1.5rem;
    color: rgba(var(--main-color-w),1);
    margin-left: .5rem;
    text-decoration: underline;
}

.w76-productdetail__top__second__heading__thongso {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

.w76-productdetail__top__second__heading__thongso--hide {
    display: none;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail__top__second__heading__thongso {
        margin-left: 0;
        width: 100%;
        margin-top: 1rem;
    }
}

.w76-productdetail__top__second__heading__thongso__code {
    display: flex;
    align-items: center;
    align-items: center;
    font-size: 1.5rem;
    color: #3f3f3f;
}

.w76-productdetail__top__second__heading__thongso__code__value {
    margin-left: 1rem;
    color: rgba(var(--main-color-w),1);
    text-decoration: underline;
}

.w76-productdetail__top__second__heading__thongso__soluong {
    display: flex;
    align-items: center;
    align-items: center;
    font-size: 1.5rem;
    color: #3f3f3f;
    margin-left: 2rem;
}

.w76-productdetail__top__second__heading__thongso__soluong__value {
    margin-left: 1rem;
    color: rgba(var(--main-color-w),1);
    text-decoration: underline;
}

.w76-productdetail__top__second__price {
    margin-top: 2rem;
    display: flex;
    align-items: center;
    position: relative;
    width: max-content;
    padding-right: 6rem;
}

.w76-productdetail__top__second__price__1 {
    color: rgba(var(--main-color-w),1);
    font-size: 2rem;
    font-weight: 600;
}

.w76-productdetail__top__second__price__1--hide {
    opacity: 0;
    visibility: hidden;
}

.w76-productdetail__top__second__price__2 {
    text-decoration: line-through;
    font-size: 2rem;
    color: #999;
    margin-left: 2rem;
}

.w76-productdetail__top__second__price__2--hide {
    display: none;
}

.w76-productdetail__top__second__price__sale {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    color: #fff;
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    justify-content: center;
    font-weight: 600;
    background-image: url(../../img/w73/sale.png);
    background-position: center;
    background-size: contain;
    position: absolute;
    right: 0;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__second__price__sale {
        width: 4rem;
        height: 4rem;
    }
}

.w76-productdetail__top__second__price__sale--hide {
    display: none;
}

.w76-productdetail__top__second__container__mains {
    width: 100%;
}

.w76-productdetail__top__second__container__mains__size {
    margin-top: 2rem;
}

.w76-productdetail__top__second__container__mains__size--hide {
}

.w76-productdetail__top__second__container__mains__size__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
}

.w76-productdetail__top__second__container__mains__size__text__value {
    margin-left: 1rem;
    padding: .5rem 1rem;
    border: solid 1px rgba(129,129,129,.2);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.w76-productdetail__top__second__container__mains__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0rem;
    align-items: flex-start;
    margin-left: -1rem;
    margin-right: -1rem;
}

.w76-productdetail__top__second__container__mains__size__items__item {
    width: calc((100% - 10rem)/5);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
    border-radius: .4rem;
    position: relative;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    filter: brightness(1) !important;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__second__container__mains__size__items__item {
        width: calc((100% - 8rem)/4);
    }
}

.w76-productdetail__top__second__container__mains__size__items__item--hide {
}

.w76-productdetail__top__second__container__mains__size__items__item--hethang {
    cursor: not-allowed;
}

    .w76-productdetail__top__second__container__mains__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w76-productdetail__top__second__container__mains__size__items__item__check {
    display: none;
}

.w76-productdetail__top__second__container__mains__size__items__item:nth-child(3n+1) {
}

.w76-productdetail__top__second__container__mains__size__items__item__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
    position: relative;
    z-index: 1;
    height: 10rem;
}

.w76-productdetail__top__second__container__mains__size__items__item__label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    transition: all .3s;
    visibility: hidden;
    z-index: 0;
}

@media only screen and (min-width:50rem) {
    .w76-productdetail__top__second__container__mains__size__items__item:hover .w76-productdetail__top__second__container__mains__size__items__item__label {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

@media only screen and (max-width:50rem) {
    .w76-productdetail__top__second__container__mains__size__items__item__label {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

.w76-productdetail__top__second__container__mains__size__items__item__check:checked ~ .w76-productdetail__top__second__container__mains__size__items__item__label {
    background-color: rgba(0,0,0,0);
    visibility: visible;
    z-index: 2;
}

.w76-productdetail__top__second__container__mains__size__items__item__label__text {
    font-size: 1.2rem;
    transition: all .3s ease-in;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    color: #fff;
    text-align: center;
    padding: .5rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    justify-content: center;
    pointer-events: none;
}

@media only screen and (min-width:50rem) {
    .w76-productdetail__top__second__container__mains__size__items__item:hover .w76-productdetail__top__second__container__mains__size__items__item__label__text {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }
}

.w76-productdetail__top__second__container__mains__size__items__item__check:checked ~
.w76-productdetail__top__second__container__mains__size__items__item__label
.w76-productdetail__top__second__container__mains__size__items__item__label__text {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.w76-productdetail__top__second__container__mains__size__items__item__bg {
    position: absolute;
    bottom: -11px;
    right: -7px;
    transform: rotate(45deg);
    font-size: 2rem;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid rgba(var(--main-color-w), 1);
    border-bottom: 15px solid transparent;
}

.w76-productdetail__top__second__container__mains__size__items__item__check:checked ~ .w76-productdetail__top__second__container__mains__size__items__item__bg {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.w76-productdetail__top__second__container__mains__color {
    margin-top: 3rem;
}

.w76-productdetail__top__second__container__mains__color--hide {
}

.w76-productdetail__top__second__container__mains__size {
}

.w76-productdetail__top__second__container__mains__color__text {
    font-size: 1.6rem;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
}

.w76-productdetail__top__second__container__mains__color__text__value {
    margin-left: 1rem;
    padding: .5rem 1rem;
    border: solid 1px rgba(129, 129, 129, .2);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    position: relative;
    justify-content: center;
}

.w76-productdetail__top__second__container__mains__color__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 0 0 0rem;
    align-items: flex-start;
    margin-left: -1rem;
    margin-right: -1rem;
}

.w76-productdetail__top__second__container__mains__color__items__item {
    width: calc((100% - 10rem)/5);
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 2rem;
    border-radius: .4rem;
    position: relative;
    overflow: hidden;
    display: flex !important;
    justify-content: center;
    align-items: center;
    position: relative;
    filter: brightness(1) !important;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__second__container__mains__color__items__item {
        width: calc((100% - 8rem)/4);
    }
}

.w76-productdetail__top__second__container__mains__color__items__item--hide {
}

.w76-productdetail__top__second__container__mains__color__items__item--hethang {
    cursor: not-allowed;
}

    .w76-productdetail__top__second__container__mains__color__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
        z-index: 2;
    }

.w76-productdetail__top__second__container__mains__color__items__item__check {
    display: none;
}

.w76-productdetail__top__second__container__mains__color__items__item:nth-child(3n+1) {
}

.w76-productdetail__top__second__container__mains__color__items__item__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
    position: relative;
    z-index: 1;
    height: 10rem;
}

.w76-productdetail__top__second__container__mains__color__items__item__label {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    z-index: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    transition: all .3s;
    visibility: hidden;
    z-index: 0;
}

@media only screen and (min-width:50rem) {
    .w76-productdetail__top__second__container__mains__color__items__item:hover .w76-productdetail__top__second__container__mains__color__items__item__label {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

@media only screen and (max-width:50rem) {
    .w76-productdetail__top__second__container__mains__color__items__item__label {
        background-color: rgba(0, 0, 0, 0);
        visibility: visible;
        z-index: 2;
    }
}

.w76-productdetail__top__second__container__mains__color__items__item__check:checked ~ .w76-productdetail__top__second__container__mains__color__items__item__label {
    background-color: rgba(0,0,0,0);
    visibility: visible;
    z-index: 2;
}

.w76-productdetail__top__second__container__mains__color__items__item__label__text {
    font-size: 1.2rem;
    transition: all .3s ease-in;
    visibility: hidden;
    opacity: 0;
    transform: scale(0);
    color: #fff;
    text-align: center;
    padding: .5rem;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    background-color: rgba(0,0,0,.5);
    justify-content: center;
    pointer-events: none;
}

@media only screen and (min-width:50rem) {
    .w76-productdetail__top__second__container__mains__color__items__item:hover .w76-productdetail__top__second__container__mains__color__items__item__label__text {
        visibility: visible;
        opacity: 1;
        transform: scale(1);
    }
}

.w76-productdetail__top__second__container__mains__color__items__item__check:checked ~
.w76-productdetail__top__second__container__mains__color__items__item__label
.w76-productdetail__top__second__container__mains__color__items__item__label__text {
    visibility: visible;
    opacity: 1;
    transform: scale(1);
}

.w76-productdetail__top__second__container__mains__color__items__item__bg {
    position: absolute;
    bottom: -11px;
    right: -7px;
    transform: rotate(45deg);
    font-size: 2rem;
    transition: all .5s;
    visibility: hidden;
    opacity: 0;
    border-top: 15px solid transparent;
    border-left: 15px solid rgba(var(--main-color-w), 1);
    border-bottom: 15px solid transparent;
}

.w76-productdetail__top__second__container__mains__color__items__item__check:checked ~ .w76-productdetail__top__second__container__mains__color__items__item__bg {
    visibility: visible;
    opacity: 1;
    z-index: 2;
}

.w76-productdetail__top__second__container__detail {
    margin-top: 1.5rem;
    overflow: hidden;
    width: 100%;
}

.w76-productdetail__top__second__container__detail__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w76-productdetail__top__second__1__support {
    background: #f6f3ec;
    border: .1rem solid #e6dbc0;
    border-radius: 5px;
    padding: 1rem;
    line-height: 1.6rem;
    margin-top: 2rem;
    position: relative;
    font-size: 1.6rem;
    width: 100%;
}

.w76-productdetail__top__second__container__mains__cart {
    display: flex;
    align-items: center;
    margin-top: 1rem;
    position: relative;
    justify-content: center;
    flex-wrap: wrap;
}

.w76-productdetail__top__second__container__mains__cart__soluong__text {
    font-size: 1.6rem;
    margin-right: 1rem;
}

.w76-productdetail__top__second__container__mains__cart__soluong__minus, .w76-productdetail__top__second__container__mains__cart__soluong__plus {
    border: .1rem solid rgba(129,129,129,.2);
    border-radius: inherit;
    background-color: #fff;
    cursor: pointer;
    color: #777;
}

.w76-productdetail__top__second__container__mains__cart__soluong__minus {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 2rem 0 0 2rem;
    transition: all .5s;
    color: rgb(47, 47, 47);
}

    .w76-productdetail__top__second__container__mains__cart__soluong__minus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w76-productdetail__top__second__container__mains__cart__soluong__plus {
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0 2rem 2rem 0;
    transition: all .5s;
    color: rgb(47, 47, 47);
    background-color: #fff;
}

    .w76-productdetail__top__second__container__mains__cart__soluong__plus:hover {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
    }

.w76-productdetail__top__second__container__mains__cart__soluong__input {
    border: 1px solid rgba(129,129,129,.2);
    background-color: #fff;
    border-left: 0;
    border-right: 0;
    width: 8rem;
    height: 5rem;
    color: rgb(28, 35, 31);
    outline: none;
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
}

.w76-productdetail__top__second__container__mains__cart__btn {
    display: flex;
    flex-wrap: wrap;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail__top__second__container__mains__cart__btn {
        width: 100%;
        margin-top: 1rem;
        justify-content: center;
    }
}

.w76-productdetail__top__second__container__mains__cart__btn__item {
    border-radius: 3rem;
    background: rgba(var(--main-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    padding: 1.25rem 2.5rem;
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    margin-left: 1rem;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__second__container__mains__cart__btn__item {
        padding: 1rem 2rem;
        font-size: 1.4rem;
    }
}

.w76-productdetail__top__second__container__mains__cart__btn__item__text {
    font-weight: 600;
}

.w76-productdetail__top__second__container__mains__cart__btn__item:hover .w76-productdetail__top__second__container__mains__cart__btn__item__text {
    animation: key-w76-productdetail__top__second__container__mains__cart__btn__item__text .5s;
    animation-iteration-count: 1;
    text-decoration: underline;
}

@-webkit-keyframes key-w76-productdetail__top__second__container__mains__cart__btn__item__text {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w76-productdetail__top__second__container__mains__cart__btn__item:hover {
    background: rgba(var(--main-color-w),1);
}

.w76-productdetail__top__second__container__mains__cart__btn__buy {
    border-radius: 3rem;
    background: rgba(var(--second-color-w),1);
    text-align: center;
    box-shadow: none;
    border: none;
    padding: 1.25rem 2.5rem;
    margin-left: 2%;
    color: #fff;
    font-size: 1.6rem;
    transition: all .5s;
    cursor: pointer;
    outline: none;
    display: flex;
    align-items: center;
    margin-left: 1rem;
    overflow: hidden;
    margin-top: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__second__container__mains__cart__btn__item {
        padding: 1rem 2rem;
        font-size: 1.4rem;
    }
}

.w76-productdetail__top__second__container__mains__cart__btn__buy__text {
    font-weight: 600;
}

.w76-productdetail__top__second__container__mains__cart__btn__buy:hover .w76-productdetail__top__second__container__mains__cart__btn__buy__text {
    animation: key-w76-productdetail__top__second__container__mains__cart__btn__buy__text .5s;
    animation-iteration-count: 1;
    text-decoration: underline;
}

@-webkit-keyframes key-w76-productdetail__top__second__container__mains__cart__btn__buy__text {
    0% {
        transform: translateY(0);
        opacity: 1;
    }

    50% {
        transform: translateY(-35px);
        opacity: 1;
    }

    51% {
        transform: translateY(-35px);
        opacity: 0;
    }

    52% {
        transform: translateY(35px);
        opacity: 0;
    }

    100% {
        transform: translateY(0rem);
        opacity: 1;
    }
}

.w76-productdetail__top__second__container__mains__cart__soluong {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w76-productdetail__top__second__container__mains__cart__soluong__input::-webkit-outer-spin-button,
.w76-productdetail__top__second__container__mains__cart__soluong__input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
    -moz-appearance: textfield;
}

.w76-productdetail__top__second__btncart {
    width: 100%;
    text-transform: uppercase;
    background: red;
    margin: 0;
    display: block;
}

.w76-productdetail__top__second__danhmuc {
    display: flex;
    margin-top: 3rem;
}

.w76-productdetail__top__second__danhmuc__name {
    font-size: 1.6rem;
    font-weight: 600;
    line-height:2.6rem;
}

.w76-productdetail__top__second__danhmuc__value {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-left: 1rem;
}

.w76-productdetail__top__second__line {
    height: .1rem;
    width: 100%;
    margin: 2rem 0;
    background-color: rgba(129,129,129,.2);
}

.w76-productdetail__top__second__bottom {
    display: flex;
    width: 100%;
    align-items: center;
}

.w76-productdetail__top__second__bottom__name {
    font-size: 1.6rem;
    font-weight: 600;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail__top__second__bottom__name {
    }
}

.w76-productdetail__top__second__bottom__social {
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w76-productdetail__top__second__bottom__social {
    }
}

.w76-productdetail__top__second__bottom__social__item {
    width: 3.6rem;
    height: 3.6rem;
    font-size: 1.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    border-radius: .3rem;
    margin-left: 2rem;
    transition: all .5s;
    cursor: pointer;
    border-radius: 50%;
    background-color: rgba(var(--main-color-w,1));
}

.w76-productdetail__top__second__bottom__social__item__icon {
}

.w76-productdetail__top__second__bottom__social__item:hover .w76-productdetail__top__second__bottom__social__item__icon {
    animation: key-w76-productdetail__top__second__bottom__social__item__icon ease-in-out .5s;
    animation-iteration-count: 1;
}

@-webkit-keyframes key-w76-productdetail__top__second__bottom__social__item__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    60% {
        -webkit-transform: translateY(-5px);
        -ms-transform: translateY(-5px);
        transform: translateY(-5px);
    }
}

.w76-productdetail__mains {
    margin-top: 3rem;
}

@media only screen and (max-width:75rem) {
    .w76-productdetail__mains {
        display: flex;
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:75rem) {
    .w76-productdetail__mains__main {
        width: 100%;
    }
}

.w76-productdetail__mains__main__tabs {
    display: flex;
    border-bottom: 1px solid rgba(11, 61, 44, 0.04);
    display: flex;
    flex-wrap: wrap;
}

.w76-productdetail__mains__main__tabs__item {
    font-size: 1.6rem;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .5s;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    padding: 1.5rem 0;
    position: relative;
}

@media only screen and (min-width:37.5rem) {
    .w76-productdetail__mains__main__tabs__item:not(:first-child) {
        margin-left: 4rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__mains__main__tabs__item {
        width: calc((100% - 3rem) / 2 );
        margin-left: 3rem;
    }

        .w76-productdetail__mains__main__tabs__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w76-productdetail__mains__main__tabs__item.active,
.w76-productdetail__mains__main__tabs__item:hover {
}

.w76-productdetail__mains__main__tabs__item:after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0;
    height: 3px;
    background: rgba(var(--main-color-w),1);
    transition: all .5s;
    content: "";
}

.w76-productdetail__mains__main__tabs__item.active:after {
    width: 100%;
}

.w76-productdetail__mains__main__tabs__item:hover:after {
    width: 100%;
}

.w76-productdetail__mains__main__content {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 2rem;
}

    .w76-productdetail__mains__main__content iframe {
        max-width: 100%;
    }

    .w76-productdetail__mains__main__content ul,
    .w76-productdetail__mains__main__content ol {
        margin-left: 2.5rem;
    }

.w76-productdetail__items {
    width: 100%;
    flex-wrap: wrap;
    display: flex;
}

.w76-productdetail__items__item {
    width: 31.333333%;
    margin-left: 3%;
    background-color: #fcfaf7;
    position: relative;
    transition: all 1s;
    margin-top: 3rem;
    padding: 1.5rem;
    border-radius: 2rem;
    overflow: hidden;
}

@media only screen and (min-width:68.75rem) {
    .w76-productdetail__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:68.75rem) {
    .w76-productdetail__items__item {
        width: 48.5%;
    }

        .w76-productdetail__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__items__item {
        width: 100%;
        margin-left: 0;
        margin-top: 1.5rem;
    }
}

.w76-productdetail__items__item__first {
    width: 100%;
    cursor: pointer;
    display: block;
    position: relative;
    z-index: 1;
    border-radius: 2rem;
    overflow: hidden;
    transition: all .5s;
}

.w76-productdetail__items__item:hover .w76-productdetail__items__item__first {
    transform: scale(.92);
    border-radius: 1rem;
}

@keyframes key-w76-productdetail__items__item__first {
    100% {
        left: 125%;
    }
}

.w76-productdetail__items__item__first__imgbox {
    background-size: cover;
    background-repeat: no-repeat;
    transition: all .5s;
}

.w76-productdetail__items__item__first__imgbox__img {
    width: 100%;
}

.w76-productdetail__items__item__second {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-top: 2rem;
    overflow: hidden;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__items__item__second {
    }
}

.w76-productdetail__items__item__second__box {
    position: relative;
    z-index: 1;
    transition: all .5s;
}

.w76-productdetail__items__item:hover .w76-productdetail__items__item__second__box {
    opacity: .2;
}

.w76-productdetail__items__item__second__box__name {
    font-size: 1.8rem;
    line-height: 2.8rem;
    font-weight: 600;
    text-align: justify;
    width: 100%;
    transition: all .5s;
    cursor: pointer;
    color: rgba(var(--main-color-w), 1);
}

    .w76-productdetail__items__item__second__box__name:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail__items__item__second__box__des {
    width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
    display: flex;
}

.w76-productdetail__items__item__second__box__des__text {
    color: #2f2f2f;
    line-height: 3rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
}

.w76-productdetail__items__item__second__box__price {
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
}

.w76-productdetail__items__item__second__box__price__main {
    color: rgba(var(--second-color-w), 1);
    font-size: 1.8rem;
    font-weight: 600;
}

.w76-productdetail__items__item__second__box__price__sub {
    color: #2f2f2f;
    font-size: 1.8rem;
    text-decoration: line-through;
}

.w76-productdetail__items__item__second__bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    transition: all .25s;
    overflow: hidden;
    position: absolute;
    width: max-content;
    top: 0;
    height: 100%;
    justify-content: center;
    visibility: hidden;
    z-index: 0;
    opacity: 0;
}

.w76-productdetail__items__item:hover .w76-productdetail__items__item__second__bottom {
    visibility: visible;
    z-index: 2;
    opacity: 1;
}

.w76-productdetail__items__item__second__bottom__btn {
    cursor: pointer;
    color: #fff;
    background-color: rgba(var(--main-color-w), 1);
    transition: all .25s;
    font-size: 1.6rem;
    padding: 1.25rem 2.5rem;
    border-radius: 3rem;
    transform: translateY(5rem);
    opacity: 0;
    visibility: hidden;
    display: flex;
    align-items: center;
}

.w76-productdetail__items__item:hover
.w76-productdetail__items__item__second__bottom__btn {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.w76-productdetail__items__item__second__bottom__btn:hover {
    background-color: rgba(var(--second-color-w), 1);
    letter-spacing: .1rem;
}

.w76-productdetail__items__item__second__bottom__btn__icon {
    margin-left: 1rem;
}

.w76-productdetail__items__item__second__bottom__btn__name {
    transition: all .3s;
}

.w76-productdetail__items__item__second__bottom__btn:hover
.w76-productdetail__items__item__second__bottom__btn__name {
    text-decoration: underline;
}

.w76-productdetail__items__item__second__bg {
    position: absolute;
    width: calc(100% + 2rem);
    top: 0;
    left: 0;
    height: calc(100% + 1rem);
    opacity: 0;
    z-index: 0;
    visibility: hidden;
    background: red;
}

.w76-productdetail__items__item:hover .w76-productdetail__items__item__second__bg {
    opacity: 1;
    z-index: 1;
    visibility: visible;
}

.w76-productdetail__items__item__button {
    position: absolute;
    left: 1rem;
    top: 4rem;
    width: 4rem;
    display: flex;
    flex-wrap: wrap;
    opacity: 0;
    z-index: 0;
    visibility: hidden;
}

.w76-productdetail__items__item:hover .w76-productdetail__items__item__button {
    opacity: 1;
    z-index: 2;
    visibility: visible;
}

.w76-productdetail__items__item__button__detail {
    display: flex;
    width: 3.8rem;
    height: 3.8rem;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    margin: .75rem 0;
    transition: all .5s;
    transform: translateX(-5rem);
}

    .w76-productdetail__items__item__button__detail:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail__items__item:hover .w76-productdetail__items__item__button__detail {
    transform: translateX(0);
}

.w76-productdetail__items__item__button__cart {
    display: flex;
    width: 3.8rem;
    height: 3.8rem;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    border-radius: 50%;
    cursor: pointer;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    margin: .75rem 0;
    transition: all 1s;
    transform: translateX(-5rem);
}

    .w76-productdetail__items__item__button__cart:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail__items__item:hover .w76-productdetail__items__item__button__cart {
    transform: translateX(0);
}

.w76-productdetail__heading {
    display: flex;
    align-items: center;
    position: relative;
    margin-top: 3rem;
    justify-content: center;
}

.w76-productdetail__heading__icon {
    font-size: 4rem;
    width: 5rem;
    height: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    animation-name: key-w76-productdetail__heading__icon;
    animation-iteration-count: infinite;
    animation-duration: 3s;
    color: rgba(var(--main-color-w),1);
}

@-webkit-keyframes key-w76-productdetail__heading__icon {
    0%, 100%, 20%, 50%, 80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    40% {
        -webkit-transform: translateX(8px);
        -ms-transform: translateX(8px);
        transform: translateX(8px);
    }

    60% {
        -webkit-transform: translateX(4px);
        -ms-transform: translateX(4px);
        transform: translateX(4px);
    }
}

.w76-productdetail__heading__text {
    font-size: 4rem;
    line-height: 6rem;
    font-weight: 700;
    transition: all .5s;
    color: rgba(var(--main-color-w), 1);
    transition: all .5s;
    cursor: pointer;
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__heading__text {
        font-size: 3rem;
        line-height: 5rem;
    }
}

.w76-productdetail__mains__main__danhgia {
    margin-top: 3rem;
    position: relative;
    padding: 1rem 4rem 4rem;
    border-radius: 3rem;
    background-color: #fff;
    border: solid 1rem #fcfaf7;
    box-shadow: 0px 7px 30px rgba(0, 0, 0, 0.07);
}

@media only screen and (max-width:75rem) {
    .w76-productdetail__mains__main__danhgia {
        width: 100%;
    }
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail__mains__main__danhgia {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-bottom: 2rem;
        padding-top: 0rem;
    }
}

.w76-productdetail__mains__main__danhgia__name {
    margin-top: 2rem;
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w76-productdetail__mains__main__danhgia__heading {
    margin-top: 3rem;
}

.w76-productdetail__mains__main__danhgia__heading__name {
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

.w76-productdetail__mains__main__danhgia__heading__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w76-productdetail__mains__main__danhgia__heading__items {
    margin-top: 3rem;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__mains__main__danhgia__heading__items {
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 1rem;
    }
}

.w76-productdetail__mains__main__danhgia__heading__items__item {
    display: flex;
    cursor: pointer;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__mains__main__danhgia__heading__items__item {
        margin-top: 2rem;
    }
}

.w76-productdetail__mains__main__danhgia__heading__items__item__icon {
    font-size: 1.4rem;
    color: #999;
    transition: all .5s;
}

.w76-productdetail__mains__main__danhgia__heading__items__item:hover .w76-productdetail__mains__main__danhgia__heading__items__item__icon {
    color: #ff9900;
}

.w76-productdetail__mains__main__danhgia__heading__items__item.active .w76-productdetail__mains__main__danhgia__heading__items__item__icon {
    color: #ff9900;
}

.w76-productdetail__mains__main__danhgia__heading__items__item__icon:not(:first-child) {
    margin-left: .5rem;
}

.w76-productdetail__mains__main__danhgia__heading__items__item__line {
    margin: 0 2rem;
    width: 1px;
    height: 15px;
    background-color: #ccc;
}

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__mains__main__danhgia__heading__items__item__line {
        margin: 2rem 1rem 0;
    }
}

.w76-productdetail__mains__main__danhgia__box {
    width: 100%;
    margin-top: 3rem;
}

@media only screen and (min-width:62.5rem) {
    @-webkit-keyframes key-wd55-form__main__first {
        0% {
            transform: translateX(-10rem);
        }

        100% {
            transform: translateX(0rem);
        }
    }

    section.in .w76-productdetail__mains__main__danhgia__box {
        -webkit-animation: key-wd55-form__main__first 1s;
        animation: key-wd55-form__main__first 1s;
        animation-iteration-count: 1;
        opacity: 1;
    }
}

@media only screen and (max-width:62.5rem) {
}

.w76-productdetail__mains__main__danhgia__box__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 3rem;
    align-items: center;
    width: 100%;
}

    .w76-productdetail__mains__main__danhgia__box__items:first-child {
        margin-top: 0;
    }

.w76-productdetail__mains__main__danhgia__box__items__item {
    width: 48.5%;
    margin-left: 3%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3rem;
    position: relative;
    align-items: center;
}

    .w76-productdetail__mains__main__danhgia__box__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w76-productdetail__mains__main__danhgia__box__items__item__icon {
    position: absolute;
    left: 2rem;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail__mains__main__danhgia__box__items__item {
        width: 100%;
        margin-left: 0;
    }
}



.w76-productdetail__mains__main__danhgia__box__items__item__input {
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 5rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    border: 1px solid rgba(11, 61, 44, 0.1);
    transition: all .5s;
    font-family: inherit;
    color: rgba(var(--main-color-w),1);
    border-radius: 1rem;
}

    .w76-productdetail__mains__main__danhgia__box__items__item__input::placeholder {
        color: rgba(var(--main-color-w),1);
    }

    .w76-productdetail__mains__main__danhgia__box__items__item__input:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w76-productdetail__mains__main__danhgia__box__input {
    width: 100%;
    position: relative;
    margin-bottom: 3rem;
}

@media only screen and (max-width:62.5rem) {
    .w76-productdetail__mains__main__danhgia__box__input {
        margin-bottom: 2rem;
    }
}

.w76-productdetail__mains__main__danhgia__box__input__textarea {
    width: 100%;
    padding: 1.5rem 2rem 1.5rem 5rem;
    overflow: hidden;
    border: none;
    outline: none;
    font-size: 1.6rem;
    font-family: inherit;
    transition: all .5s;
    border: solid 1px rgba(11, 61, 44, 0.1);
    border-radius: 1rem;
}

    .w76-productdetail__mains__main__danhgia__box__input__textarea::placeholder {
        color: rgba(var(--main-color-w),1);
    }

    .w76-productdetail__mains__main__danhgia__box__input__textarea:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w76-productdetail__mains__main__danhgia__box__input__icon {
    position: absolute;
    left: 2rem;
    top: 18px;
    font-size: 1.6rem;
    color: rgba(var(--main-color-w),1);
}

.w76-productdetail__mains__main__danhgia__box__bottom {
    display: flex;
    width: 100%;
}

.w76-productdetail__mains__main__danhgia__box__bottom__btn {
    padding: 1.5rem 3rem;
    font-size: 1.6rem;
    font-weight: 600;
    border: none;
    outline: none;
    transition: all .5s;
    cursor: pointer;
    font-family: inherit;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    border-radius: 3rem;
}

    .w76-productdetail__mains__main__danhgia__box__bottom__btn:hover {
        background-color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail__mains__main__danhgia__subs {
}

.w76-productdetail__mains__main__danhgia__subs__item {
    margin-top: 3rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__date {
    font-size: 1.4rem;
    color: #2f2f2f;
}

.w76-productdetail__mains__main__danhgia__subs__item__name {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__name__text {
    font-weight: 600;
    font-size: 1.6rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__name__rate {
    display: flex;
    align-items: center;
    margin-left: 2rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__name__rate__icon {
    color: #ff9900;
    font-size: 1.4rem;
    margin-left: .5rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__des {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__traloi {
    margin-top: 2rem;
    background-color: #f1f1f1;
    padding: 2rem;
    border-radius: 1rem;
    margin-left: 4rem;
    position: relative;
}

.w76-productdetail__mains__main__danhgia__subs__item__traloi__icon {
    position: absolute;
    color: #f1f1f1;
    font-size: 3rem;
    top: -19px;
    left: 20px;
}

.w76-productdetail__mains__main__danhgia__subs__item__traloi__name {
    font-weight: 600;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__traloi__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    margin-top: 1rem;
}

.w76-productdetail__mains__main__danhgia__subs__item__line {
    display: block;
    width: 100%;
    margin: 3rem 0 0;
    border-top: dashed .1px #ccc;
}

.w76-productdetail__top__alter {
    width: 48%;
}
@media only screen and (max-width:62.5rem) {
    .w76-productdetail__top__alter {
        width: 100%;
    }
}
.w76-productdetail__top__alter__mains {
    width: 100%;
    overflow: hidden;
}

.w76-productdetail__top__alter__mains__items {
    width: 100%;
}

.w76-productdetail__top__alter__mains__items__item {
    width: 100%;
    background-color: #fff;
}

.w76-productdetail__top__alter__mains__items__item__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w76-productdetail__top__alter__mains__items__item__imgbox__img {
    width: 100%;
}

.w76-productdetail__top__alter__subs {
    width: 100%;
    margin-top: 2rem;
    overflow: hidden;
    position: relative;
    display: flex;
    align-items: center;
}

.w76-productdetail__top__alter__subs__thumbs__item {
    width: calc(22% - 2px - 1rem);
    margin-right: 4%;
    transition: all .5s;
    padding: .5rem;
    background-color: #fcfaf7;
    border-radius: 1rem;
    cursor: pointer;
    overflow: hidden;
    border: solid 1px #eee;
}

    .w76-productdetail__top__alter__subs__thumbs__item.swiper-slide-thumb-active {
        border-color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width:37.5rem) {
    .w76-productdetail__top__alter__subs__thumbs__item {
        width: calc(22.75% - 2px - 1rem);
        margin-right: 3%;
        padding: .5rem;
        border-radius: .5rem
    }
}

.w76-productdetail__top__alter__subs__thumbs__item__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s;
    border-radius: .3rem;
    height: 10rem;
}

.w76-productdetail__top__alter__subs__thumbs__item:hover .w76-productdetail__top__alter__subs__thumbs__item__imgbox {
}

.w76-productdetail__top__alter__subs__next.swiper-button-next,
.w76-productdetail__top__alter__subs__prev.swiper-button-prev {
    margin: 0;
    font-size: 2rem;
    border: none;
    padding: 0;
    border-radius: 0;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    top: initial;
    transition: all .5s;
    background: #fff;
    border: solid .1rem rgba(var(--main-color-w),1);
    border-radius: 50%;
    color: rgba(var(--main-color-w),1);
    opacity: .7;
}

.w76-productdetail__top__alter__subs__next.swiper-button-next {
    right: 2rem;
}

.w76-productdetail__top__alter__subs__prev.swiper-button-prev {
    left: 2rem;
}

.w76-productdetail__top__alter__subs__next:hover,
.w76-productdetail__top__alter__subs__prev:hover {
    color: rgba(var(--second-color-w),1);
}

.w76-productdetail__top__alter__subs__next:after,
.w76-productdetail__top__alter__subs__prev:after {
    display: none;
}

.w76-productdetail__top__alter__subs__next:hover {
    opacity: 1;
}

.w76-productdetail__top__alter__subs__prev:hover {
    opacity: 1;
}
.w76-productdetail__tableoct {
    width: 100%;
    padding: 0rem 0rem 0rem;
    margin: 2rem 0 1rem;
}

.w76-productdetail__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: .25rem 1.5rem;
}

.w76-productdetail__tableoct__cbcl:checked ~ .w76-productdetail__tableoct__clone {
    display: block;
}

.w76-productdetail__tableoct__cbcl {
    display: none;
}

.w76-productdetail__tableoct__checkbox {
    display: none;
}

    .w76-productdetail__tableoct__checkbox:checked ~ .w76-productdetail__tableoct__body {
        max-height: 70vh;
        overflow-y: scroll;
    }

.w76-productdetail__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w76-productdetail__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w76-productdetail__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w76-productdetail__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    cursor: pointer;
    border-radius: .3rem;
}

.w76-productdetail__tableoct__checkbox:checked ~
.w76-productdetail__tableoct__heading {
}

.w76-productdetail__tableoct__heading__title {
    display: flex;
}

.w76-productdetail__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    display: none;
}

.w76-productdetail__tableoct__heading__title__text {
    font-size: 2rem;
    font-weight: 600;
}

.w76-productdetail__tableoct__heading__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
}

.w76-productdetail__tableoct__checkbox:checked ~
.w76-productdetail__tableoct__heading
.w76-productdetail__tableoct__heading__icon:before {
    content: "\f142";
}

.w76-productdetail__tableoct__heading:hover {
    transition: all .2s ease-in-out;
}

.w76-productdetail__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w76-productdetail__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w76-productdetail__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w76-productdetail__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w76-productdetail__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w76-productdetail__tableoct__body__ol {
    list-style: none;
}

.w76-productdetail__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w76-productdetail__tableoct__body__ol__text__vl {
    padding: .75rem 2rem .75rem 1rem;
}

.w76-productdetail__tableoct__body__ol > .w76-productdetail__tableoct__body__ol__text {
    font-size: 1.6rem;
}

.w76-productdetail__tableoct__body__ol__text:hover .w76-productdetail__tableoct__body__ol--1__text {
}

    .w76-productdetail__tableoct__body__ol__text:hover .w76-productdetail__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail__tableoct__body__ol__text.active {
}

    .w76-productdetail__tableoct__body__ol__text.active .w76-productdetail__tableoct__body__ol--1__text {
    }

.w76-productdetail__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w76-productdetail__tableoct__body__ol__text:hover .w76-productdetail__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w76-productdetail__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w76-productdetail__tableoct__body__ol__text__vl.active {
    }

.w76-productdetail__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w76-productdetail__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    right: 1rem;
    top: .75rem;
    z-index: 1;
}

.w76-productdetail__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
    transform: rotate(90deg);
    transition: all .2s ease;
}

.w76-productdetail__tableoct__body__ol--1__text > .w76-productdetail__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w76-productdetail__tableoct__body__ol--1__text > .w76-productdetail__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w76-productdetail__tableoct__body__ol__text__cbx {
    display: none;
}

    .w76-productdetail__tableoct__body__ol__text__cbx:checked ~ .w76-productdetail__tableoct__body__ol--1 {
        display: block;
    }

    .w76-productdetail__tableoct__body__ol__text__cbx:checked ~ .w76-productdetail__tableoct__body__ol__text__lbl .w76-productdetail__tableoct__body__ol__text__lbl__icon {
        transform: rotate(-90deg);
    }

.w76-productdetail__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w76-productdetail__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 1.6rem;
}

    .w76-productdetail__tableoct__body__ol--1__text > a {
        padding: .75rem 1rem .75rem 3rem;
    }

ol > li > ol > .w76-productdetail__tableoct__body__ol--1__text {
}

ol ol ol .w76-productdetail__tableoct__body__ol--1__text {
}

    ol ol ol .w76-productdetail__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w76-productdetail__tableoct__body__ol--1__text > a.active {
            color: #fff;
        }

.w76-productdetail__tableoct__body__ol--1__text:hover {
    color: white;
}

.w76-productdetail__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
}

    .w76-productdetail__tableoct__body__ol--1__text > a.active {
    }

    .w76-productdetail__tableoct__body__ol--1__text > a::after {
        width: 100%;
        height: 100%;
        background-color: rgba(var(--main-color-w), 1);
        content: "";
        top: 0;
        left: 0;
        position: absolute;
        max-width: 0;
        transition: all .3s ease-in-out;
        border-radius: .3rem;
        z-index: -1;
    }

    .w76-productdetail__tableoct__body__ol--1__text > a.active::after {
        max-width: 100%;
    }
/*ed*/
/*w34-menu*/
.w34-menu {
    width: 100%;
    padding: 2rem 1rem;
    background-color: white;
    z-index: 3;
    position: relative;
}

    .w34-menu.ws1StickyApply {
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

.w34-menu__group {
    margin: 0 auto;
    max-width: 120rem;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

@media only screen and (min-width: 62.5rem) {
    .w34-menu__ab {
        position: absolute;
        z-index: 2;
        background-color: transparent;
    }
}

.w34-menu__logo {
}

.w34-menu__logo__imgbox {
    background-size: contain;
    background-position: center;
}

.w34-menu__logo__imgbox__img {
    width: 100%;
}

.w34-menu__checkbox {
    display: none;
}

.w34-menu__button {
    align-items: center;
    height: 3rem;
    margin-right: 1rem;
    margin-top: 1rem;
    cursor: pointer;
    background: red;
    display: flex;
    padding: .5rem;
}

@media only screen and (min-width: 62.5rem) {
    .w34-menu__button {
        display: none;
    }
}

.w34-menu__icon {
    background-color: rgba(var(--main-color-w), 1);
    width: 4rem;
    position: relative;
}

    w34-menu__icon, .w34-menu__icon::before, .w34-menu__icon::after {
        width: 3rem;
        height: 2px;
        background-color: white;
        display: inline-block;
    }

    .w34-menu__icon::before {
        background-color: rgba(var(--main-color-w), 1);
        width: 4rem;
        top: -1rem;
    }

    .w34-menu__icon::after {
        background-color: rgba(var(--main-color-w), 1);
        width: 4rem;
        top: 1rem;
    }

.w34-menu__checkbox:checked ~ .w34-menu__container {
    right: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container {
        background-color: rgba(var(--main-color-w), 1);
        right: -100%;
        position: fixed;
        top: 0;
        height: 100vh;
        overflow-y: scroll;
        overflow-x: hidden;
        width: 26rem;
        padding: 0;
        z-index: 2;
        transition: all .3s ease;
    }
}

.w34-menu__container__social {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
}

@media only screen and (min-width: 62.5rem) {
    .w34-menu__container__social {
        display: none;
    }
}

.w34-menu__container__social__icon {
    font-size: 5rem;
    color: white;
    margin: 0 2%;
    cursor: pointer;
}

.w34-menu__container__user {
    display: flex;
    flex-wrap: wrap;
    justify-content: end;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__user {
        justify-content: flex-start;
        width: 100%;
    }
}

.w34-menu__container__user__item {
    border-radius: 0.2rem;
    background-color: rgba(var(--main-color-w), 1);
    color: white;
    margin-left: 1rem;
    font-size: 1.2rem;
    cursor: pointer;
    border: 1px solid rgba(var(--main-color-w), 1);
    font-weight: 600;
    display: inline-block;
    transition: all .3s ease;
}

.w34-menu__container__user__item__name {
    padding: 0.7rem;
    display: inline-block;
    cursor:pointer;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__user__item {
        margin-top: 1rem;
        border: 0.1px solid white;
    }
}

.w34-menu__container__user__item:hover {
    background-color: white;
    color: rgba(var(--main-color-w), 1);
}

.w34-menu__container__items {
    list-style: none;
    display: flex;
    position: relative;
    z-index: 2;
}

@media only screen and (min-width: 62.5rem) {
    .w34-menu__container__items {
        justify-content: flex-end;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items {
        top: 0;
        width: 100%;
        flex-direction: initial;
        transition: all 0.2s;
        padding: 1rem 0 1rem 1rem;
        flex-direction: column;
    }
}

.w34-menu__container__items__checkbox {
    display: none;
}

.w34-menu__container__items__icon {
    font-size: 2.5rem;
}

.w34-menu__container__items__item {
    margin-left: 2rem;
    cursor: pointer;
    position: relative;
    padding: 1rem 0;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item {
        margin-left: 0;
    }
}

.w34-menu__container__items__item__text {
    font-size: 1.5rem;
    text-transform: uppercase;
    font-weight: 600;
    color: rgba(var(--main-color-w), 1);
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__text {
        color: white;
        padding-right: 1rem;
    }
}

.w34-menu__container__items__item__text__icon {
    position: absolute;
    right: 0;
    display: none;
    width: 3rem;
    height: 100%;
    cursor: pointer;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__text__icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
}

.w34-menu__container__items__item__ck {
    display: none;
}

.w34-menu__container__items__item__span {
    width: 0%;
    height: 0.2rem;
    background-color: rgba(var(--main-color-w), 1);
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: 0rem;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__span {
        background-color: white;
        margin: 0;
    }
}

.w34-menu__container__items__item__span--hc {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    transform: scale(0.3);
}

.w34-menu__container__items__item:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w34-menu__container__items__item:hover .w34-menu__container__items__item__span {
        width: 100%;
        background-color: rgba(var(--second-color-w), 1);
        height: 0.2rem;
        border-radius: 0;
        transform: scale(1);
    }

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item:hover .w34-menu__container__items__item__span {
        background-color: white;
    }
}



@media only screen and (min-width: 62.5rem) {
    .w34-menu__container__items__item:hover .w34-menu__container__items__item__childs {
        transition: all 0.2s;
        visibility: visible;
    }

    .w34-menu__container__items__item:nth-child(1):hover .w34-menu__container__items__item__childs {
        right: 0;
        left: initial;
    }

        .w34-menu__container__items__item:nth-child(1):hover .w34-menu__container__items__item__childs .w34-menu__container__items__item__childs__child__grands {
            right: 26rem;
            left: initial;
        }

    .w34-menu__container__items__item:nth-child(2):hover .w34-menu__container__items__item__childs {
        right: 0;
        left: initial;
    }

        .w34-menu__container__items__item:nth-child(2):hover .w34-menu__container__items__item__childs .w34-menu__container__items__item__childs__child__grands {
            right: 26rem;
            left: initial;
        }

    .w34-menu__container__items__item:nth-child(3):hover .w34-menu__container__items__item__childs {
        right: 0;
        left: initial;
    }

        .w34-menu__container__items__item:nth-child(3):hover .w34-menu__container__items__item__childs .w34-menu__container__items__item__childs__child__grands {
            right: 26rem;
            left: initial;
        }

    .w34-menu__container__items__item__childs.ws1MenudropActive {
        left: initial;
        right: 0;
    }

    .w34-menu__container__items__item__childs__child__grands.ws1MenudropActive {
        left: initial;
        right: 100%;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__ck:checked ~
    .w34-menu__container__items__item__childs {
        right: initial;
        left: 0;
        visibility: visible;
    }

    .w34-menu__container__items__item__childs__child__ck:checked ~
    .w34-menu__container__items__item__childs__child__grands {
        right: initial;
        left: 0;
        visibility: visible;
    }
}


@media only screen and (min-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child:hover .w34-menu__container__items__item__childs__child__grands {
        visibility: visible;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child:hover .w34-menu__container__items__item__childs__child__grands {
        left: 0;
    }
}

.w34-menu__container__items__item__childs {
    list-style: none;
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    background-color: rgba(var(--main-color-w), 1);
    box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1rem;
    z-index: 1;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs {
        flex-direction: column;
        position: absolute;
        top: 100%;
        left: 0;
        padding: 0;
        width: 100%;
        margin-top: 0;
        background-color: rgba(var(--main-color-w), 1);
    }
}

.w34-menu__container__items__item__childs__child {
    width: 26rem;
    padding: 1rem;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child {
        position: relative;
        height: auto;
        margin-top: 0;
        width: 100%;
    }
}

.w34-menu__container__items__item__childs__child__text {
    font-size: 1.3rem;
    text-transform: capitalize;
    color: white;
    cursor: pointer;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__text {
        color: white;
        padding-right: 2rem;
    }
}

.w34-menu__container__items__item__childs__child__ck {
    display: none;
}

.w34-menu__container__items__item__childs__child__text__icon {
    display: none;
    position: absolute;
    right: 0;
    justify-content: center;
    align-items: center;
    width: 3rem;
    height: 100%;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__text__icon {
        display: flex;
    }
}

.w34-menu__container__items__item__childs__child__span {
    width: 0%;
    height: 0.2rem;
    background-color: white;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    bottom: 0;
    position: absolute;
    left: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__span {
        background-color: white;
    }
}

.w34-menu__container__items__item__childs__child__span--hc {
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 50%;
}

.w34-menu__container__items__item__childs__child:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w34-menu__container__items__item__childs__child:hover .w34-menu__container__items__item__childs__child__span {
        width: 100%;
        height: 0.2rem;
        border-radius: 0;
    }

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child:hover .w34-menu__container__items__item__childs__child__span {
        background-color: white;
        width: calc(100% - 1rem);
    }
}

.w34-menu__container__items__item__childs__child__grands {
    list-style: none;
    position: absolute;
    top: 0;
    left: 26rem;
    display: block;
    background-color: rgba(var(--main-color-w), 1);
    z-index: 1;
    visibility: hidden;
    box-shadow: 0 0rem 1rem rgba(0, 0, 0, 0.1);
    padding: 0.5rem 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__grands {
        flex-direction: column;
        width: 100%;
        top: 100%;
        left: 0;
        background-color: rgba(var(--main-color-w), 1);
    }
}

.w34-menu__container__items__item__childs__child__grands__grand {
    cursor: pointer;
    width: 26rem;
    padding: 1rem;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__grands__grand {
        width: 100%;
    }
}

.w34-menu__container__items__item__childs__child__grands__grand__text {
    font-size: 1.3rem;
    text-transform: capitalize;
    color: white;
    cursor: pointer;
    font-weight: 600;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__grands__grand__text {
        color: white;
    }
}

.w34-menu__container__items__item__childs__child__grands__grand__span {
    width: 0%;
    height: 0.2rem;
    background-color: white;
    display: block;
    margin: 0 auto;
    transition: all 0.2s;
    position: absolute;
    bottom: 0rem;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__grands__grand__span {
        background-color: white;
    }
}

.w34-menu__container__items__item__childs__child__grands__grand__span--hc {
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    transform: scale(0.3);
}

.w34-menu__container__items__item__childs__child__grands__grand:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w34-menu__container__items__item__childs__child__grands__grand:hover .w34-menu__container__items__item__childs__child__grands__grand__span {
        width: 100%;
        height: 0.2rem;
        border-radius: 0;
    }

@media only screen and (max-width: 62.5rem) {
    .w34-menu__container__items__item__childs__child__grands__grand:hover .w34-menu__container__items__item__childs__child__grands__grand__span {
        background-color: white;
        width: calc(100% - 1rem);
    }
}

.w34-menu__bg {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
    visibility: hidden;
    z-index: -1;
}

.w34-menu__checkbox:checked ~
.w34-menu__bg {
    visibility: visible;
    z-index: 0;
}

.w34-menu__close {
    display: none;
}

@media only screen and (max-width: 62.5rem) {
    .w34-menu__close {
        display: flex;
        visibility: hidden;
        z-index: -1;
        opacity: 0;
        width: 5rem;
        height: 5rem;
        justify-content: center;
        align-items: center;
        position: fixed;
        right: 24rem;
        background-color: #fff;
        border-radius: 50%;
        color: rgba(var(--main-color-w),1);
        top: 45vh;
        font-size: 2rem;
        cursor: pointer;
        transition: all .3s ease;
    }

    .w34-menu__close__icon {
        position: absolute;
        margin-left: -1.25rem;
    }

    .w34-menu__checkbox:checked ~
    .w34-menu__close {
        visibility: visible;
        z-index: 1;
        opacity: 1;
    }
}

/*ed*/

/*w50-service-1*/
.w50-service-1 {
    width: 100%;
    padding: 3rem 1rem 0rem;
    background-color: white;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: rgba(var(--main-color-w),1);
}

.w50-service-1__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w50-service-1__heading {
    display: block;
    margin-bottom: 4rem;
}

.w50-service-1__heading__title {
    font-size: 2.5rem;
    font-weight: 600;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 100%;
    color: white;
    margin-bottom: 2rem;
}

.w50-service-1__heading__line {
    margin: 0 auto;
    display: block;
    margin-top: 2rem;
    background-size: contain;
    background-position: center;
    width: 15rem;
    height: .3rem;
    margin-bottom: 2rem;
    background-color: rgba(var(--second-color-w),1);
}

.w50-service-1__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    color: white;
    display: block;
    font-size: 1.6rem;
    line-height: 1.6rem;
}

.w50-service-1__items {
    display: flex;
    flex-wrap: wrap;
    margin-top: 2rem;
    justify-content: center;
}

.w50-service-1__items__item {
    text-align: center;
    margin-bottom: 3rem;
    cursor: pointer;
    width: 32%;
}

    .w50-service-1__items__item:not(:first-child) {
        margin-left: 2%;
    }

@media only screen and (min-width:50rem) {
    .w50-service-1__items__item:nth-child(3n + 1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w50-service-1__items__item {
        width: 48%;
    }

        .w50-service-1__items__item:not(:first-child) {
            margin-left: 4%;
        }

        .w50-service-1__items__item:nth-child(2n + 1) {
            margin-left: 0;
        }
}

.w50-service-1__items__item:hover .w50-service-1__items__item__iconbox__ct {
    border-color: rgba(var(--main-color-w), 1);
    transition: all .2s ease;
}

.w50-service-1__items__item:hover .w50-service-1__items__item__iconbox {
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    transition: all .2s ease;
    border: 1px solid transparent;
}

.w50-service-1__items__item__iconbox {
    padding: 1rem;
    height: 7rem;
    width: 7rem;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border: .1rem solid white;
    background-color: white;
    transition: all .2s ease;
    margin: 0 auto;
    border-radius: 50%;
}

.w50-service-1__items__item__iconbox__ct {
    padding: 1rem;
    height: 100%;
    width: 100%;
    transition: all .3s ease;
    border-radius: .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 0.1rem solid rgba(var(--main-color-w), 0);
}

.w50-service-1__items__item__iconbox__ct__icon {
    color: rgba(var(--main-color-w), 1);
    font-size: 2.5rem;
}

.w50-service-1__items__item__main {
    margin-top: 1rem;
    font-weight: 600;
    font-size: 2rem;
    line-height: 2.6rem;
    color: white;
    display: block;
    text-align: center;
    margin-bottom: 1rem;
}

.w50-service-1__items__item__sub {
    margin-top: 1rem;
    font-size: 1.4rem;
    font-weight: 300;
    color: white;
    line-height: 1.5rem;
}
/*ed*/

/*w49-ads*/
.w49-ads {
    width: 100%;
    background-color: white;
    padding: 3rem 1rem;
}

.w49-ads__group {
    max-width: 120rem;
    margin: 0 auto;
    width: 100%;
}

.w49-ads__heading {
    display: block;
}

.w49-ads__heading__title {
    text-align: center;
    font-size: 3rem;
    line-height: 4rem;
    font-weight: bold;
    width: fit-content;
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 1rem;
    max-width: 100%;
    color: rgba(var(--main-color-w), 1);
}

@media only screen and (max-width: 37.5rem) {
    .w49-ads__heading__title {
        font-size: 2rem;
        line-height: 3rem;
    }
}

.w49-ads__heading__des {
    margin: 0 auto;
    text-align: center;
    width: fit-content;
    display: block;
    max-width: 100%;
    font-size: 1.6rem;
    line-height: 2.6rem;
}

.w49-ads__heading__line {
    margin: 0 auto;
    display: block;
    margin-top: 2rem;
    background-size: contain;
    background-position: center;
    width: 15rem;
    height: .3rem;
    margin-bottom: 2rem;
    background-color: rgba(var(--main-color-w), 1);
}
.w49-ads__heading__tab {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

    .w49-ads__heading__tab .active {
        border-bottom: 0.2rem solid rgba(var(--main-color-w), 1);
    }

.w49-ads__heading__tab__content {
    display: flex;
    justify-content: center;
    margin: .5rem 2rem;
    padding: 1rem 0;
    position: relative;
    cursor: pointer;
}

.w49-ads__heading__tab__content__text {
    font-size: 1.6rem;
    line-height: 2.6rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: bold;
}

.w49-ads__heading__tab__content__sup {
    font-size: 1rem;
    color: rgba(var(--main-color-w), 1);
    font-weight: bold;
    position: absolute;
    top: 0;
    right: -2rem;
    background-color: #f1f1f1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
}

.w49-ads__mains {
    overflow: hidden;
    position: relative;
    display: flex;
    width: 100%;
    align-items: center;
}

.w49-ads__mains__items {
    width: 100%;
    display: flex;
    align-items: flex-start;
}

.w49-ads__mains__next {
    right: .5rem;
    background-color: white;
    border-radius: 1rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    height: 4rem;
    width: 4rem;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition:all .3s ease;
}
.w49-ads__mains__next:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}
.w49-ads__mains__prev {
    left: .5rem;
    border-radius: 1rem;
    border: 0.1rem solid rgba(var(--main-color-w), 1);
    height: 4rem;
    width: 4rem;
    background-color: white;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    color: rgba(var(--main-color-w), 1);
    cursor: pointer;
    transition: all .3s ease;
}
.w49-ads__mains__prev:hover {
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
}
.w49-ads__mains__items__item {
    text-align: center;
    margin-bottom: 2rem;
    width: 32% !important;
    margin-right: 2%;
}

@media only screen and (max-width: 37.5rem) {
    .w49-ads__mains__items__item {
        width: 49% !important;
    }
}

.w49-ads__mains__items__item__contain {
    display: block;
    position: relative;
    border-radius: 2rem;
    overflow: hidden;
    margin-top: 2rem;
}

    .w49-ads__mains__items__item__contain:hover .w49-ads__mains__items__item__contain__des__btn {
        padding: .7rem 2rem;
        border: .1rem solid white;
        visibility: visible;
        max-height: 20rem;
        opacity: 1;
    }

    .w49-ads__mains__items__item__contain:hover .w49-ads__mains__items__item__contain__des {
        max-height: 100%;
        height: 200rem;
    }

.w49-ads__mains__items__item__contain__hinhanh {
    display: block;
}

.w49-ads__mains__items__item__contain__hinhanh__imgbox {
    width: 100%;
    position: relative;
    background-size: contain;
    background-position: center;
    cursor: pointer;
    transition: all 0.2s;
}

.w49-ads__mains__items__item__contain__hinhanh__imgbox__img {
    width: 100%;
    height: 100%;
}

.w49-ads__mains__items__item__contain__des {
    text-align: center;
    margin-top: 0.5rem;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-bottom: 2rem;
    padding-top: 2rem;
    background: linear-gradient(to top, rgba(var(--main-color-w), 1), rgba(var(--main-color-w), 0.2) 60%, rgba(var(--main-color-w), 0));
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-direction: column;
    transition: all .3s ease;
}

.w49-ads__mains__items__item__contain__des__main {
    font-weight: bold;
    font-size: 1.4rem;
    color: white;
    position: relative;
    bottom: 1rem;
    transition: all .3s ease;
}

.w49-ads__mains__items__item__contain__des__btn {
    outline: none;
    font-size: 1.4rem;
    background-color: transparent;
    color: white;
    border-radius: .7rem;
    transition: all .2s ease-in-out;
    cursor: pointer;
    padding: 0;
    border: none;
    max-height: 0;
    visibility: hidden;
    opacity: 0;
}

/*ed*/

/*w45-article*/
.w45-article {
    width: 100%;
    padding: 3rem 1rem 1rem;
    background-color: white;
}

.w45-article__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w45-article__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom:2rem;
}

.w45-article__container__top {
    width: 59%;
}

@media only screen and (max-width: 50rem) {
    .w45-article__container__top {
        width: 100%;
    }
}

.w45-article__container__top__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 1.5rem;
    position: relative;
}

.w45-article__container__top__heading__title {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1rem 0;
}

.w45-article__container__top__heading__title__text {
    font-size: 1.6rem;
    line-height: 1.3rem;
    background-color: white;
    width: fit-content;
    font-weight: 600;
    margin-left: .5rem;
    color: rgba(var(--main-color-w), 1);
}

.w45-article__container__top__heading__title__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
}

.w45-article__container__top__heading__title::before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    height: .15rem;
    left: 0;
    top: 99.8%;
}

.w45-article__container__top__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    position: relative;
}

.w45-article__container__top__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    cursor: pointer;
    padding-bottom: 0.3rem;
    margin-top: .3rem;
}

.w45-article__container__top__heading__more__link__text {
    font-size: 1.4rem;
    font-weight: 600;
}

.w45-article__container__top__heading__more__link__icon {
    font-size: 1rem;
    margin-left: 0.5rem;
    margin-top: .3rem;
    font-weight: 600;
}

.w45-article__container__top__heading::after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    height: .1rem;
    left: 0;
    top: 100%;
}

.w45-article__container__top__tin {
    display: flex;
    justify-content: space-between;
}

@media only screen and (max-width: 43.75rem) {
    .w45-article__container__top__tin {
        flex-direction: column;
    }
}

.w45-article__container__top__tin__first {
    width: 48%;
}

@media only screen and (max-width: 43.75rem) {
    .w45-article__container__top__tin__first {
        width: 100%;
        padding: 1rem;
    }
}

.w45-article__container__top__tin__first__container__hinhanh {
    display: block;
    margin-bottom: 1.5rem;
    overflow: hidden;
    border-radius: 1rem;
}

.w45-article__container__top__tin__first__container__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w45-article__container__top__tin__first__container__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w45-article__container__top__tin__first__container__hinhanh__imgbox__img {
    width: 100%;
}

.w45-article__container__top__tin__first__content {
    bottom: 2rem;
    color: black;
}

.w45-article__container__top__tin__first__content__cate {
    display: flex;
    align-items: center;
    margin-top: 1rem;
}

.w45-article__container__top__tin__first__content__cate__info {
    background-color: rgba(var(--main-color-w), 1);
    padding: .5rem 1rem;
    color: white;
    border-radius: 1rem;
    font-size: 1rem;
    font-weight: 600;
    display: inline-block;
}

.w45-article__container__top__tin__first__content__cate__time {
    margin-left: 1rem;
    font-size: 1.3rem;
    font-size: 1rem;
}

.w45-article__container__top__tin__first__content__cate__time__hour {
    font-size: 1rem;
}

.w45-article__container__top__tin__first__content__main {
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    margin-bottom: 1.5rem;
    display: block;
    cursor: pointer;
    transition: all .3s ease;
}

    .w45-article__container__top__tin__first__content__main:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (max-width: 43.75rem) {
    .w45-article__container__top__tin__first__content__main {
        font-size: 1.5rem;
    }
}

.w45-article__container__top__tin__first__content__sub {
    font-size: 1.4rem;
    line-height: 2rem;
}

@media only screen and (max-width: 43.75rem) {
    .w45-article__container__top__tin__first__content__sub {
    }
}

.w45-article__container__top__tin__first__content__des {
    display: flex;
    align-items: center;
    font-size: 1.2rem;
    margin-top: 1rem;
    transition: all .2s ease;
}

.w45-article__container__top__tin__first__content__des__view {
    margin-left: 1rem;
}

    .w45-article__container__top__tin__first__content__des__view:last-child {
        margin-left: auto;
        float: right;
    }

.w45-article__container__top__tin__first__content__des__user {
    display: flex;
    align-items: center;
}

.w45-article__container__top__tin__first__content__des__user__imgbox {
    width: 2rem;
    border-radius: 50%;
}

.w45-article__container__top__tin__first__content__des__user__imgbox__img {
    width: 100%;
}

.w45-article__container__top__tin__first__content__des__user__text {
    margin-left: 1rem;
}

.w45-article__container__top__tin__first--row {
    position: relative;
}

.w45-article__container__top__tin__second {
    width: 50%;
}

@media only screen and (max-width: 43.75rem) {
    .w45-article__container__top__tin__second {
        width: 100%;
        margin-top: 2rem;
    }
}

.w45-article__container__top__tin__second__items__item {
    color: black;
    display: flex;
    align-items: center;
}

    .w45-article__container__top__tin__second__items__item:not(:first-child) {
        margin-top: 2rem;
    }

.w45-article__container__top__tin__second__items__item__hinhanh {
    min-width: 10rem;
    width: 10rem;
    border-radius: .5rem;
    overflow: hidden;
}

.w45-article__container__top__tin__second__items__item__hinhanh__imgbox {
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w45-article__container__top__tin__second__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w45-article__container__top__tin__second__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w45-article__container__top__tin__second__items__item__info {
    margin-left: 1rem;
}

.w45-article__container__top__tin__second__items__item__info__main {
    font-size: 1.4rem;
    transition: all .3s ease;
    line-height: 2.4rem;
    cursor: pointer;
}

    .w45-article__container__top__tin__second__items__item__info__main:hover {
        color: rgba(var(--main-color-w),1);
    }

.w45-article__container__list {
    width: 39%;
}

@media only screen and (max-width: 50rem) {
    .w45-article__container__list {
        width: 100%;
        margin-top: 1rem;
    }
}

.w45-article__container__list__heading {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    margin-bottom: 1.5rem;
}

.w45-article__container__list__heading__title {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1rem 0;
}

.w45-article__container__list__heading__title__text {
    font-size: 1.6rem;
    line-height: 1.3rem;
    background-color: white;
    width: fit-content;
    font-weight: 600;
    margin-left: .5rem;
    color: rgba(var(--main-color-w), 1);
}

.w45-article__container__list__heading__title__icon {
    font-size: 1.6rem;
    color: rgba(var(--main-color-w), 1);
}

.w45-article__container__list__heading__title::before {
    content: "";
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    height: .15rem;
    left: 0;
    top: 99.8%;
}

.w45-article__container__list__heading__more {
    margin-left: auto;
    width: fit-content;
    display: flex;
    align-items: center;
    position: relative;
    margin-top: .3rem;
}

.w45-article__container__list__heading__more__link {
    display: flex;
    align-items: center;
    margin-right: 2rem;
    cursor: pointer;
    padding-bottom: 0.3rem;
}

.w45-article__container__list__heading__more__link__text {
    font-size: 1.4rem;
    font-weight: 600;
}

.w45-article__container__list__heading__more__link__icon {
    font-size: 1rem;
    margin-left: 0.5rem;
    margin-top: .3rem;
    font-weight: 600;
}

.w45-article__container__list__heading::after {
    content: "";
    position: absolute;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.15);
    height: .1rem;
    left: 0;
    top: 100%;
}

.w45-article__container__list__items {
    padding: 0 0;
}

.w45-article__container__list__items__item {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.w45-article__container__list__items__item__icon {
    margin-right: 1rem;
    font-size: .6rem;
}

.w45-article__container__list__items__item {
    font-size: 1.4rem;
    line-height: 1.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

.w45-article__container__list__items__item__name:hover {
    color: rgba(var(--main-color-w), 1);
}

/*ed*/
/*w45-footer*/
.w45-footer {
    width: 100%;
    position: relative;
    background-color: white;
    padding: 3rem 1rem;
    margin-top: 0.5rem;
}

.w45-footer__group {
    position: relative;
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
}

.w45-footer__brand {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w45-footer__brand__logo {
    display: block;
    width: 40%;
}

.w45-footer__brand__logo__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w45-footer__brand__logo__imgbox__img {
    width: 100%;
}

.w45-footer__brand__text {
    width: 58%;
    font-size: 1.4rem;
    line-height: 2.2rem;
    text-align: justify;
}

.w45-footer-col {
    width: 31%;
    display: flex;
    flex-wrap: wrap;
    margin-right: 2.3333%;
    margin-bottom: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer-col {
        width: 100%;
    }
}

.w45-footer__first {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1.5rem;
}

@media only screen and (min-width: 62.5rem) {
    .w45-footer__first:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__first {
        width: 100%;
        margin-right: 0;
    }
}

.w45-footer__second {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1.5rem;
}

@media only screen and (min-width: 62.5rem) {
    .w45-footer__second:nth-child(3n+1) {
        margin-left: 0;
    }
}

.w45-footer__third {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1.5rem;
}

@media only screen and (min-width: 62.5rem) {
    .w45-footer__third:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__second {
        width: 49%;
        margin-right: 0;
        margin-left: 2%;
    }

        .w45-footer__second:nth-child(2n+2) {
            margin-left: 0;
        }

    .w45-footer__third {
        width: 49%;
        margin-right: 0;
        margin-left: 2%;
    }

        .w45-footer__third:nth-child(2n+2) {
            margin-left: 0;
        }
}

.w45-footer__second__item {
    width: 100%;
}

.w45-footer__second__item__code {
    margin-top: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__second__item {
        width: 100%;
        margin-top: 1rem;
    }
}

.w45-footer__third__item {
    width: 100%;
}

.w45-footer__third__item__code {
    margin-top: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__third__item {
        width: 100%;
        margin-top: 1rem;
    }
}

.w45-footer__third__item__connect {
    margin-top: 1rem;
}

.w45-footer__third__item__connect__info {
    margin-top: 1rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__third__item__connect__info {
    }
}

.w45-footer__third__item__connect__info__icon {
    font-size: 1rem;
}

.w45-footer__third__item__connect__info__text {
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w45-footer__third__item {
        max-width: 100%;
        margin-top: 4rem;
    }
}

.w45-footer__third__item__title {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

    .w45-footer__third__item__title:hover {
        text-decoration: underline;
    }

.w45-footer__third__item__des {
    margin-top: 1rem;
    height: 0.1rem;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__third__item__des {
        width: 100%;
    }
}

.w45-footer__second__item__connect {
    margin-top: 1rem;
}

.w45-footer__second__item__connect__info {
    margin-top: 1rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__second__item__connect__info {
    }
}

.w45-footer__second__item__connect__info__icon {
    font-size: 1rem;
}

.w45-footer__second__item__connect__info__text {
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w45-footer__second__item {
        max-width: 100%;
        margin-top: 4rem;
    }
}

.w45-footer__second__item__title {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

    .w45-footer__second__item__title:hover {
        text-decoration: underline;
    }

.w45-footer__second__item__des {
    margin-top: 1rem;
    height: 0.1rem;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__second__item__des {
        width: 100%;
    }
}

.w45-footer__items__item {
    width: 32%;
    margin-left: 2%;
}

@media only screen and (min-width: 62.5rem) {
    .w45-footer__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__items__item {
        width: 49%;
    }

        .w45-footer__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w45-footer__items__item__code {
    margin-top: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__items__item {
    }
}

.w45-footer__items__item__connect {
    margin-top: 1rem;
}

.w45-footer__items__item__connect__info {
    margin-top: 1rem;
    max-width: 100%;
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__items__item__connect__info {
    }
}

.w45-footer__items__item__connect__info__icon {
    font-size: 1rem;
}

.w45-footer__items__item__connect__info__text {
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 2.2rem;
}

@media only screen and (max-width: 37.5rem) {
    .w45-footer__items__item {
        max-width: 100%;
    }
}

.w45-footer__items__item__title {
    font-size: 1.6rem;
    line-height: 2rem;
    font-weight: 600;
    cursor: pointer;
    transition: all .3s ease;
}

    .w45-footer__items__item__title:hover {
        text-decoration: underline;
    }

.w45-footer__items__item__des {
    margin-top: 1rem;
    height: 0.1rem;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w45-footer__items__item__des {
        width: 100%;
    }
}

.w45-footer__items {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w45-footer__items__second__title {
    text-transform: uppercase;
    font-size: 1.4rem;
    line-height: 1.4rem;
    font-weight: 600;
    margin-top: 1rem;
}

.w45-footer__items__second__des {
    margin-top: 1rem;
    height: 0.1rem;
    width: 100%;
    background-color: rgba(var(--main-color-w), 1);
    position: relative;
}

.w45-footer__items__item__social {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w45-footer__items__item__social__item {
    width: 15%;
    margin-left: 2%;
}

    .w45-footer__items__item__social__item:nth-child(6n+1) {
        margin-left: 0;
    }

.w45-footer__items__item__social__item__hinhanh__imgbox {
    display: block;
}

.w45-footer__items__item__social__item__hinhanh__imgbox {
    background-color: white;
    width: 100%;
    cursor: pointer;
    border-radius: 0.5rem;
    margin-top: 1rem;
    background-size: contain;
    background-position: center;
}

.w45-footer__items__item__social__item__hinhanh__imgbox__img {
    width: 100%;
}

.w45-footer__items__item__macode {
    padding-top: 1.5rem;
    overflow: hidden;
}
.w45-footer__items__item__macode iframe{
    width:100%;
}
/*ed*/
/*w72-menu-1*/
.w72-menu-1 {
    background-color: rgba(0, 0, 0, 0.922);
    width: 100%;
    padding: 1rem 0.5em;
    position: relative;
}

@media only screen and (max-width: 800px) {
    .w72-menu-1 {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

.w72-menu-1 .ws72MenuItem {
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 18px;
    color: #666;
    cursor: pointer;
    transition: all 0.3s ease-in-out;
    user-select: none;
}

.w72-menu-1__group {
    max-width: 120rem;
    margin: 0 auto;
}

.w72-menu-1__containers {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__container {
    transition: all .5s ease;
    height: calc(100vh + 10rem);
}

.w72-menu-1__containers__input {
    display: none;
}

    .w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__container .w72-menu-1__containers__container__items {
        transform: scale(1);
        transition: all .3s ease;
        visibility: visible;
        opacity: 1;
    }

    .w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__container .w72-menu-1__containers__container__navgroups,
    .w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__container .w72-menu-1__containers__container__searchs,
    .w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__container .w72-menu-1__containers__actions {
        display: none !important;
    }

    .w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__actions,
    .w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__logo .w72-menu-1__containers__logo__imgbox {
        display: none !important;
        opacity: 0 !important;
        visibility: hidden !important;
    }

    .w72-menu-1__containers__input:checked ~ .w72-menu-1__containers__container .w72-menu-1__containers__container__items .w72-menu-1__containers__container__items__lbl__icon {
        opacity: 1;
        transition: all 1s ease;
    }

.w72-menu-1__containers__container {
    display: flex;
    align-items: center;
    height: 5rem;
    transition: all .5s ease;
}

.w72-menu-1__containers__container__navgroups {
    display: flex;
    align-items: center;
    cursor: pointer;
    z-index: 1;
}

.w72-menu-1__containers__container__navgroups__groups__line--1 {
    height: .3rem;
    width: 2rem;
    background-color: white;
    display: block;
    transition: all .3s ease;
}

.w72-menu-1__containers__container__navgroups__groups__line--2 {
    display: block;
    margin-top: .3rem;
    height: .2rem;
    width: 3rem;
    background-color: white;
    transition: all .3s ease;
}

.w72-menu-1__containers__container__navgroups__text {
    color: white;
    font-weight: 600;
    margin-left: 1rem;
    font-size: 1.4rem;
}

.w72-menu-1__containers__container__navgroups:hover .w72-menu-1__containers__container__navgroups__groups__line--1 {
    width: 3rem;
    transition: all .3s ease;
    height: .2rem;
}

.w72-menu-1__containers__container__navgroups:hover .w72-menu-1__containers__container__navgroups__groups__line--2 {
    width: 2rem;
    transition: all .3s ease;
    height: .3rem;
}

.w72-menu-1__containers__container__items {
    position: absolute;
    transform: scale(0.5);
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    padding: 2rem;
    transition: all .5s ease;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    flex-wrap: wrap;
}

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items {
        padding: 1rem;
    }
}

.w72-menu-1__containers__container__items__lbl {
    position: relative;
    z-index: 3;
    display: block;
    margin-left: auto;
    width: fit-content;
    margin-right: 2rem;
    margin-top: 2rem;
    cursor: pointer;
}

.w72-menu-1__containers__container__items__lbl__icon {
    color: white;
    font-size: 5rem;
    transition: all .5s ease;
}

@media only screen and (max-width: 600px) {
    .w72-menu-1__containers__container__items__lbl__icon {
        flex-wrap: wrap;
        font-size: 3rem;
    }
}

.w72-menu-1__containers__container__items__lbl__icon:hover {
    transform: rotate(90deg) scale(1.1);
}

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__lbl {
        margin-top: 1rem;
    }
}

.w72-menu-1__containers__container__items__wraps {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 1100px) {
    .w72-menu-1__containers__container__items__wraps {
        flex-wrap: wrap;
    }
}

.w72-menu-1__containers__container__items__wraps__bg {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 0;
    background-size: cover;
    width: calc(100% + 20rem);
    height: calc(100vh + 20rem);
    filter: brightness(0.5);
    z-index: -2;
    transform: translateY(-50rem) translateX(-20rem);
    background-position: center;
    transition: opacity .5s ease-in;
    visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
}

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__wraps__bg {
        height: calc(100vh + 35rem);
    }
}

.w72-menu-1__containers__container__items__wraps__bg__bgimg {
    width: 100%;
    height: 100%;
}

.w72-menu-1__containers__container__items__wraps__menu {
    margin-left: 10rem;
}

@media only screen and (max-width: 800px) {
    .w72-menu-1__containers__container__items__wraps__menu {
        margin-left: 5rem;
    }
}

@media only screen and (max-width: 600px) {
    .w72-menu-1__containers__container__items__wraps__menu {
        margin-left: 1rem;
    }
}

@media only screen and (max-width: 1100px) {
    .w72-menu-1__containers__container__items__wraps__menu__list {
        width: 100%;
    }
}

.w72-menu-1__containers__container__items__wraps__menu__btndown {
    margin-top: 30rem;
    position: relative;
    margin-left: 20rem;
    color: white;
    border: none;
    padding: .5rem 2rem;
    cursor: pointer;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0);
    font-size: 5rem;
}

    .w72-menu-1__containers__container__items__wraps__menu__btndown:hover {
        background: rgba(0, 0, 0, 0.44);
        transition: all 0.5s ease;
    }

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__wraps__menu__btndown {
        margin-top: 15rem;
        margin-left: 15rem;
    }
}

.w72-menu-1__containers__container__items__wraps__menu__btnup {
    margin-bottom: 22rem;
    position: relative;
    margin-left: 20rem;
    color: white;
    border: none;
    padding: .5rem 2rem;
    cursor: pointer;
    transition: all 0.5s ease;
    z-index: 4;
    background-color: rgba(0, 0, 0, 0);
    font-size: 5rem;
}

    .w72-menu-1__containers__container__items__wraps__menu__btnup:hover {
        background: rgba(0, 0, 0, 0.44);
        transition: all 0.5s ease;
    }

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__wraps__menu__btnup {
        margin-bottom: 12rem;
        margin-left: 15rem;
    }
}

.w72-menu-1__containers__container__items__wraps__item__grline {
    display: block;
}

.w72-menu-1__containers__container__items__wraps__item__grline__line {
    display: block;
    width: 5rem;
    height: .1rem;
    background-color: white;
}

@media only screen and (max-width: 600px) {
    .w72-menu-1__containers__container__items__wraps__item__grline__line {
    }
}

.w72-menu-1__containers__container__items__wraps__item__value {
    display: flex;
    align-items: center;
}

.w72-menu-1__containers__container__items__wraps__item__value__text--1 {
    margin-left: -6rem;
    width: 5rem;
    height: fit-content;
}

@media only screen and (max-width: 800px) {
    .w72-menu-1__containers__container__items__wraps__item__value__text--1 {
        font-size: 2rem;
        margin-left: -1rem;
    }
}

.active .w72-menu-1__containers__container__items__wraps__item__value__line--1 {
    width: 12rem;
    transition: all 1s ease;
}

@media only screen and (max-width: 800px) {
    .active .w72-menu-1__containers__container__items__wraps__item__value__line--1 {
        width: 7rem;
    }
}

.w72-menu-1__containers__container__items__wraps__item__value__line--1 {
    width: 5rem;
    height: .1rem;
    background-color: white;
    margin-left: 1rem;
    margin-right: 1rem;
    transition: all 1s ease;
}

@media only screen and (max-width: 800px) {
    .w72-menu-1__containers__container__items__wraps__item__value__line--1 {
        margin-right: 2.5rem;
        width: 3rem;
    }
}

.w72-menu-1__containers__container__items__wraps__item__value__text--2 {
    font-size: 5rem;
    transition: transform 0.3s ease;
}

@media only screen and (max-width: 800px) {
    .w72-menu-1__containers__container__items__wraps__item__value__text--2 {
        font-size: 3rem;
        margin-left: -1rem;
    }
}

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__wraps__item__value__text--2 {
        font-size: 2rem;
    }
}

.w72-menu-1__containers__container__items__wraps__item__value__text--2:hover {
    transform: translateX(20px) scale(1.05);
    transition: transform 0.3s ease;
    text-shadow: 0 0 1rem white;
}

.w72-menu-1__containers__container__items__wraps__subs {
    position: relative;
    margin-right: 10rem;
    z-index: 3;
}

@media only screen and (max-width: 1100px) {
    .w72-menu-1__containers__container__items__wraps__subs {
        width: 100%;
        margin-right: 0;
        display: flex;
        flex-wrap: wrap;
        margin-top: 2rem;
        justify-content: center;
    }
}

.w72-menu-1__containers__container__items__wraps__subs__sub {
    color: white;
    font-size: 3rem;
    text-transform: uppercase;
    margin-top: 2rem;
    cursor: pointer;
    transition: transform 0.3s ease;
}

@media only screen and (max-width: 1100px) {
    .w72-menu-1__containers__container__items__wraps__subs__sub {
        margin: 1rem;
    }
}

@media only screen and (max-width: 1100px) {
    .w72-menu-1__containers__container__items__wraps__subs__sub {
        margin: 1rem;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__wraps__subs__sub {
        font-size: 1.6rem;
    }
}

.w72-menu-1__containers__container__items__wraps__subs__sub:hover {
    transform: translateX(10px) scale(1.05);
    transition: transform 0.3s ease;
    text-shadow: 0 0 1rem white;
}

.w72-menu-1__containers__container__items__grdes {
    z-index: 1;
    color: white;
    width: 100%;
    position: relative;
    margin-top: 5rem;
    margin-bottom: 2rem;
    display: block;
    height: fit-content;
    z-index: 3;
}

@media only screen and (max-width: 1100px) {
    .w72-menu-1__containers__container__items__grdes {
        margin-top: 2rem;
    }
}

.w72-menu-1__containers__container__items__grdes__scribs {
    display: flex;
    font-size: 2rem;
    flex-wrap: wrap;
    justify-content: center;
}

.w72-menu-1__containers__container__items__grdes__scribs__scrib {
    margin: .5rem;
    cursor:pointer;
}

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__grdes__scribs__scrib {
        font-size: 1.6rem;
    }
}

.w72-menu-1__containers__container__items__grdes__scrabs {
    width: 100%;
    justify-content: center;
    display: flex;
    font-size: 2rem;
    flex-wrap: wrap;
}

.w72-menu-1__containers__container__items__grdes__scrabs__scrab {
    margin: .5rem;
}

@media only screen and (max-width: 500px) {
    .w72-menu-1__containers__container__items__grdes__scrabs__scrab {
        font-size: 1.6rem;
    }
}

.w72-menu-1__containers__container__searchs {
    margin-left: 3rem;
    display: flex;
}

.w72-menu-1__containers__container__searchs__icon {
    color: white;
    font-size: 1.8rem;
    cursor: pointer;
}

.w72-menu-1__containers__container__searchs__content {
    display: none;
}

.w72-menu-1__containers__logo {
    display: block;
    height: 9rem;
    margin-left: -10rem;
    width: 14rem;
}

.w72-menu-1__containers__logo__imgbox {
    background-size: contain;
    background-position: center;
}

.w72-menu-1__containers__logo__imgbox__img {
    width: 100%;
    height: 100% !important;
}

.w72-menu-1__containers__actions{
    display:flex;
    align-items:center;
}
.w72-menu-1__containers__actions__icon {
    color: white;
    font-size: 1.8rem;
    cursor:pointer;
}

@media only screen and (min-width: 600px) {
    .w72-menu-1__containers__actions__icon:not(:last-child) {
        margin-right: 2rem;
    }
}
@media only screen and (max-width: 600px) {
    .w72-menu-1__containers__actions__icon:not(:first-child) {
        display:none;
    }
}
.w72-menu-1__searchcheckbox:checked ~
.w72-menu-1__detail__third__search__btn
.w72-menu-1__detail__third__search__btn__icon {
    transform: rotate(0);
}

    .w72-menu-1__searchcheckbox:checked ~
    .w72-menu-1__detail__third__search__btn
    .w72-menu-1__detail__third__search__btn__icon:before {
        content: "\f00d";
    }

.w72-menu-1__searchcheckbox {
    display: none;
}

.w72-menu-1__search {
    position: fixed;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100vh;
    opacity: 0;
    z-index: -1;
    background-color: rgba(0,0,0,.8);
    transition: all .75s;
    visibility: hidden;
}

.w72-menu-1__searchcheckbox:checked ~ .w72-menu-1__search {
    top: 0;
    z-index: 1;
    opacity: 1;
    visibility: visible;
}

.w72-menu-1__search__value {
    position: absolute;
    padding: 0 15px;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    max-height: 400px;
    will-change: top, box-shadow;
    -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.w72-menu-1__searchcheckbox:checked ~
.w72-menu-1__search
.w72-menu-1__search__value {
    top: 0;
    -webkit-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -khtml-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -moz-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -ms-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    -o-transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
    transition: top 0.5s cubic-bezier(0.46, 0.03, 0.52, 0.96), box-shadow 0.3s ease-out;
}

.w72-menu-1__search__value__content {
    width: 120rem;
    max-width: 100%;
    margin: 0 auto;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background-color: #fff;
    border-radius: 1rem;
    padding: 2rem;
    justify-content: space-between;
}

@media only screen and (max-width:37.5rem) {
    .w72-menu-1__search__value__content {
        border-radius: 1rem 0 1rem 1rem;
        padding: 1rem;
    }
}

.w72-menu-1__search__value__content__close {
    transition: all .5s;
    color: #111;
    height: 5rem;
    width: 5rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width:37.5rem) {
    .w72-menu-1__search__value__content__close {
        position: absolute;
        top: -5rem;
        right: 0rem;
        background-color: #fff;
        color: #111;
        border-radius: .5rem .5rem 0 0;
    }
}


.w72-menu-1__search__value__content__close__icon {
    font-size: 3rem;
    cursor: pointer;
    transition: all .3s;
}

.w72-menu-1__search__value__content__close:hover .w72-menu-1__search__value__content__close__icon {
    transform: rotate(135deg);
}

.w72-menu-1__searchcheckbox:checked ~
.w72-menu-1__search
.w72-menu-1__search__value
.w72-menu-1__search__value__content
.w72-menu-1__search__value__content__text
.w72-menu-1__search__value__content__close
.w72-menu-1__search__value__content__close__icon {
}

@-webkit-keyframes key-w72-menu-1__search__value__content__close__icon {
    0% {
        transform: scale(.5) rotate(0)
    }

    50% {
        transform: scale(.5) rotate(0)
    }

    100% {
        transform: scale(1) rotate(90deg)
    }
}

@-webkit-keyframes key-w72-menu-1__search__value__content__close__icon--hide {
    0% {
        transform: scale(1) rotate(90deg)
    }

    100% {
        transform: scale(.5) rotate(0deg)
    }
}

.w72-menu-1__search__value__content__text {
    display: flex;
    align-items: center;
    position: relative;
    width: calc(100% - 7rem);
    overflow: hidden;
    background: rgba(255, 255, 255, 0.07);
    border-radius: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w72-menu-1__search__value__content__text {
        width: 100%;
    }
}

.w72-menu-1__search__value__content__text__input {
    width: 100%;
    padding: 1.5rem 2rem;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 400;
    background-color: transparent;
    border: none;
    outline: none;
    color: #111;
    border-radius: .5rem;
    transition: all .5s;
    outline: none;
    border: 1px solid #ccc;
}


@media only screen and (max-width: 50rem) {
    .w72-menu-1__search__value__content__text__input {
    }
}

.w72-menu-1__search__value__content__text__input::placeholder {
    color: #999;
}

.w72-menu-1__search__value__content__text__btn {
    color: #fff;
    font-size: 1.6rem;
    cursor: pointer;
    transition: all .3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    position: absolute;
    right: 0;
    width: 10rem;
    background-color: #000;
}

    .w72-menu-1__search__value__content__text__btn:hover {
        background-color: rgba(0,0,0,.8);
    }

@media only screen and (max-width: 50rem) {
    .w72-menu-1__search__value__content__text__btn {
        font-size: 1.8rem;
    }
}

@media only screen and (max-width:37.5rem) {
    .w72-menu-1__search__value__content__text__btn {
        width: 6rem;
    }
}

.w72-menu-1__search__value__content__text__btn__icon {
    transition: all .2s ease;
}

.w72-menu-1__search__value__content__text__btn:hover .w72-menu-1__search__value__content__text__btn__icon {
    transform: scale(1.1);
}
/*ed*/
/*w77-productlist-2*/
.w77-productlist-2 {
    padding: 3rem 1rem;
    background-color: #f7f8f9;
}

.w77-productlist-2__group {
    width: 100%;
    margin: 0 auto;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.w77-productlist-2__ckdanhmuc {
    display: none;
}

.w77-productlist-2__ckfilter {
    display: none;
}

.w77-productlist-2__first {
    width: 23%;
    position: relative;
    z-index: 1;
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__first {
        width: 100%;
        position: fixed;
        top: 0;
        left: 0;
        height: 100vh;
        background-color: #fff;
        padding-bottom: 5rem;
        transition: all .3s ease;
        visibility: hidden;
        z-index: 9;
        transform: translateX(-100%);
    }

    .w77-productlist-2__ckdanhmuc:checked ~ .w77-productlist-2__first {
        visibility: visible;
        transform: translateX(0);
    }

    .w77-productlist-2__ckfilter:checked ~ .w77-productlist-2__first {
        visibility: visible;
        transform: translateX(0);
    }
}

@media only screen and (min-width:68.75rem) {
    .w77-productlist-2__first__sticky {
        position: sticky;
        top: 1rem;
    }
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__first__sticky {
        height: 100%;
    }
}

.w77-productlist-2__first__sticky__container {
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__first__sticky__container {
        overflow-y: scroll;
        height: 100%;
        background-color: #eee;
    }
}

.w77-productlist-2__first__sticky__container__danhmuc {
    background-color: #fff;
    margin-bottom: 14px;
    border-radius: .3rem;
}

@media only screen and (max-width: 68.75rem) {
    .w77-productlist-2__ckfilter:checked ~
    .w77-productlist-2__first
    .w77-productlist-2__first__sticky
    .w77-productlist-2__first__sticky__container
    .w77-productlist-2__first__sticky__container__danhmuc {
        display: none;
    }
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__ckfilter:checked ~
    .w77-productlist-2__first
    .w77-productlist-2__first__sticky__heading {
        display: none;
    }
}

.w77-productlist-2__first__sticky__heading {
    border-bottom: 1px solid #eee;
    text-align: center;
    font-weight: 600;
    color: #333;
    padding: 1rem 1rem;
    background-color: #fff;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__heading {
        align-items: center;
        text-align: left;
        width: 100%;
        display: flex;
        background-color: #eee;
    }

    .w77-productlist-2__ckdanhmuc:checked ~
    .w77-productlist-2__first
    .w77-productlist-2__first__sticky__heading {
    }
}

.w77-productlist-2__first__sticky__heading__name {
    font-size: 16px;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__heading__name {
        width: calc(100% - 35px);
    }
}

.w77-productlist-2__first__sticky__heading__lbn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: auto;
    cursor: pointer;
    display: none;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__heading__lbn {
        display: flex;
    }
}

.w77-productlist-2__first__sticky__heading__lbn__icon {
    font-size: 2rem;
}

.w77-productlist-2__first__sticky__container__danhmuc__items {
    padding: .5rem 0;
}

@media only screen and (min-width:68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items {
    }
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item {
    position: relative;
    width: 100%;
    padding: 6px 1rem;
}



.w77-productlist-2__first__sticky__container__danhmuc__items__item__ck {
    display: none;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__box {
    position: relative;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__box__content {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
    color: #333;
    font-size: 13.5px;
    line-height: 23.1565px;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__first__sticky__container__danhmuc__items__item__box__content:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productlist-2__first__sticky__container__danhmuc__items__item__box__content__imgbox {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__box__content__icon {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-image: url(../../img/w77/3256.png);
    background-repeat: no-repeat;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__box__content__name {
    width: calc(100% - 30px);
    cursor: pointer;
    transition: all .3s ease;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__box__label {
    position: absolute;
    right: -1rem;
    font-size: 1.6rem;
    top: 0;
    width: 2rem;
    height: 100%;
    display: flex;
    justify-content: center;
    cursor: pointer;
    color: #333;
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__box__label {
        width: 3rem;
    }
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__box__label__icon {
    margin-top: .5rem;
    transition: all .3s;
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__box__label__icon {
        transform: rotate(90deg);
    }

    .w77-productlist-2__first__sticky__container__danhmuc__items__item__ck:checked ~
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__box
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__box__label
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__box__label__icon {
        transform: rotate(-90deg);
    }
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs {
    position: absolute;
    min-width: 25rem;
    width: max-content;
    background-color: #fff;
    border: solid 1px #fafafa;
    visibility: hidden;
    z-index: -1;
    box-shadow: 3px 1px 4px 0 rgba(51,51,51,.25);
}

@media only screen and (min-width:68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs {
        left: 100%;
        top: 0;
    }

    .w77-productlist-2__first__sticky__container__danhmuc__items__item:hover
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs {
        z-index: 1;
        visibility: visible;
    }
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs {
        position: relative;
        width: 100%;
        visibility: visible;
        z-index: 1;
        margin-top: 0;
        transition: all .3s;
        overflow: hidden;
        max-height: 0;
        border: none;
    }

    .w77-productlist-2__first__sticky__container__danhmuc__items__item__ck:checked ~
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs {
        margin-top: 1rem;
        max-height: 300vh;
        overflow: auto;
        border: solid 1px #f1f1f1;
    }
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub {
    position: relative;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box {
    position: relative;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__name {
    display: block;
    font-size: 13.5px;
    line-height: 22px;
    padding: 6px 1rem;
    cursor: pointer;
    color: #333;
}

    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__label {
    position: absolute;
    right: 0;
    top: 0;
    width: 2rem;
    height: 100%;
    display: flex;
    justify-content: center;
    font-size: 1.6rem;
    cursor: pointer;
    color: #333;
}

@media only screen and (max-width: 68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__label {
        right: 0rem;
        width: 3rem;
        align-items: center;
    }
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__label__icon {
    margin-top: 1.25rem;
    transition: all .3s ease;
}

@media only screen and (max-width: 68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__label__icon {
        transform: rotate(90deg);
        margin: 0;
    }

    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__ck:checked ~
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__label
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__box__label__icon {
        transform: rotate(-90deg);
    }
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs {
    position: absolute;
    min-width: 25rem;
    width: max-content;
    background-color: #fff;
    border: solid 1px #fafafa;
    visibility: hidden;
    z-index: -1;
    box-shadow: 3px 1px 4px 0 rgba(51,51,51,.25);
}

@media only screen and (min-width: 68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs {
        left: 100%;
        top: 0;
    }
}

@media only screen and (max-width: 68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs {
        position: relative;
        width: calc(100% - 3rem);
        z-index: 1;
        margin-left: 2rem;
        transition: all .3s;
        overflow: hidden;
        border: none;
        overflow: hidden;
        margin-bottom: 0rem;
        margin-top: 0rem;
        visibility: hidden;
        max-height: 0;
        box-shadow: none;
    }

    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__ck:checked ~
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs {
        overflow: auto;
        margin-bottom: 1rem;
        margin-top: 1rem;
        visibility: visible;
        max-height: 300vh;
        box-shadow: 3px 1px 4px 0 rgba(51,51,51,.25);
        border: solid 1px #f1f1f1;
    }
}

@media only screen and (min-width: 68.75rem) {
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub:hover
    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs {
        z-index: 1;
        visibility: visible;
    }
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__ck {
    display: none;
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs__child {
}

.w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs__child__name {
    display: block;
    font-size: 13.5px;
    line-height: 22px;
    padding: 6px 1rem;
    cursor: pointer;
    color: #333;
}

    .w77-productlist-2__first__sticky__container__danhmuc__items__item__subs__sub__childs__child__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productlist-2__first__sticky__container__danhmuc__ads {
    padding-bottom: 1rem;
    position: relative;
}

.w77-productlist-2__first__sticky__container__danhmuc__ads__item {
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.w77-productlist-2__first__sticky__container__danhmuc__ads__item__hinhanh {
    overflow: hidden;
    display: block;
    border-radius: 3px;
}

.w77-productlist-2__first__sticky__container__danhmuc__ads__item__hinhanh__imgbox {
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 3px;
    width: 100%;
}

.w77-productlist-2__first__sticky__container__danhmuc__ads__item__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains {
    width: 76%;
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__mains {
        width: 100%;
    }
}

.w77-productlist-2__mains__gallerys {
    overflow: hidden;
    margin-bottom: 2rem;
}

.w77-productlist-2__mains__gallerys__gallery {
    display: flex;
    width: 100%;
    align-items: center;
    position: relative;
    justify-content: center;
}

.w77-productlist-2__mains__gallerys__gallery__items {
}

.w77-productlist-2__mains__gallerys__gallery__items__item {
    width: 100%;
}

.w77-productlist-2__mains__gallerys__gallery__items__item__imgbox {
    background-size: cover;
    background-position: center;
}

.w77-productlist-2__mains__gallerys__gallery__items__item__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains__gallerys__gallery__prev {
    width: 3.6rem;
    height: 3.6rem;
    background-color: transparent;
    color: #fff;
    border-radius: 50%;
    left: 14px;
    position: absolute;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__gallerys__gallery__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w77-productlist-2__mains__gallerys__gallery__next {
    width: 3.6rem;
    height: 3.6rem;
    background-color: transparent;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: 14px;
    font-size: 2.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__gallerys__gallery__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w77-productlist-2__mains__gallerys__gallery__dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    bottom: 1rem;
}

    .w77-productlist-2__mains__gallerys__gallery__dots .ws1ChildDot {
        width: .75rem;
        height: .75rem;
        opacity: .7;
        background-color: rgba(var(--main-color-w),1);
        border-radius: 50%;
        cursor: pointer;
        margin: 0 .5rem;
    }

        .w77-productlist-2__mains__gallerys__gallery__dots .ws1ChildDot.active {
            opacity: 1;
        }

.w77-productlist-2__mains__ads {
    margin-bottom: 14px;
}

.w77-productlist-2__mains__ads__heading {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    margin-bottom: 1rem;
    align-items: flex-end;
}

.w77-productlist-2__mains__ads__heading__name {
    font-size: 16px;
    margin-right: .5rem;
    color: #333;
}

.w77-productlist-2__mains__ads__heading__des {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.w77-productlist-2__mains__ads__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w77-productlist-2__mains__ads__items__item {
    width: 13.42857%;
    margin-left: 1%;
    margin-bottom: .75rem;
    border: solid 1px #f1f1f1;
    background-color: #fff;
    padding: 1rem;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: .5rem;
}

    .w77-productlist-2__mains__ads__items__item:hover {
        box-shadow: 0 4px 4px -2px rgba(0,0,0,.15);
    }

@media only screen and (min-width:62.5rem) {
    .w77-productlist-2__mains__ads__items__item:nth-child(7n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist-2__mains__ads__items__item {
        width: 19.2%;
    }

    @media only screen and (min-width:37.5rem) {
        .w77-productlist-2__mains__ads__items__item:nth-child(5n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__ads__items__item {
        width: 24.25%;
    }

    @media only screen and (min-width:31.25rem) {
        .w77-productlist-2__mains__ads__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:31.25rem) {
    .w77-productlist-2__mains__ads__items__item {
        width: 32.66666%;
    }

        .w77-productlist-2__mains__ads__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
}

.w77-productlist-2__mains__ads__items__item__content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.w77-productlist-2__mains__ads__items__item__content__imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    width: 90%;
    margin-bottom: 6px;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__ads__items__item__content__imgbox:hover {
        transform: scale(1.1);
    }

.w77-productlist-2__mains__ads__items__item__content__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains__ads__items__item__content__name {
    width: 100%;
    font-size: 14px;
    color: #333;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__ads__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1)
    }

.w77-productlist-2__mains__adv {
    margin-bottom: 14px;
}

.w77-productlist-2__mains__adv__heading {
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    margin-bottom: 1rem;
    align-items: flex-end;
}

.w77-productlist-2__mains__adv__heading__name {
    font-size: 16px;
    margin-right: .5rem;
    color: #333;
}

.w77-productlist-2__mains__adv__heading__des {
    font-size: 13px;
    font-weight: 600;
    color: #333;
}

.w77-productlist-2__mains__adv__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w77-productlist-2__mains__adv__items__item {
    width: 15.8333%;
    margin-left: 1%;
    margin-bottom: .75rem;
    border: solid 1px #f1f1f1;
    padding: 1rem;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: .5rem;
    background-color: #fff;
}

    .w77-productlist-2__mains__adv__items__item:hover {
        box-shadow: 0 4px 4px -2px rgba(0,0,0,.15);
    }

@media only screen and (min-width:62.5rem) {
    .w77-productlist-2__mains__adv__items__item:nth-child(6n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist-2__mains__adv__items__item {
        width: 24.25%;
    }

    @media only screen and (min-width:37.5rem) {
        .w77-productlist-2__mains__adv__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__adv__items__item {
        width: 32.66666%;
    }

    @media only screen and (min-width:31.25rem) {
        .w77-productlist-2__mains__adv__items__item:nth-child(3n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:31.25rem) {
    .w77-productlist-2__mains__adv__items__item {
        width: 49.5%;
    }

        .w77-productlist-2__mains__adv__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w77-productlist-2__mains__adv__items__item__content {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    cursor: pointer;
}

.w77-productlist-2__mains__adv__items__item__content__imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    width: 90%;
    transition: all .3s ease;
    margin-bottom: 5px;
}

    .w77-productlist-2__mains__adv__items__item__content__imgbox:hover {
        transform: scale(1.1);
    }

.w77-productlist-2__mains__adv__items__item__content__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains__adv__items__item__content__name {
    width: 100%;
    font-size: 14px;
    color: #333;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__adv__items__item__content__name:hover {
        color: rgba(var(--main-color-w),1)
    }

.w77-productlist-2__mains__thuonghieu {
    background-color: #fff;
    margin-bottom: 14px;
}

.w77-productlist-2__mains__thuonghieu__heading {
    position: relative;
    padding-left: 1rem;
    padding-right: 1rem;
}

.w77-productlist-2__mains__thuonghieu__heading__line {
    position: absolute;
    left: 0;
    top: 0;
    width: .4rem;
    height: 100%;
    background-color: rgba(var(--main-color-w),1);
}

.w77-productlist-2__mains__thuonghieu__heading__name {
    font-weight: 600;
    padding: .5rem 0;
    font-size: 16px;
    color: #333;
}

.w77-productlist-2__mains__thuonghieu__container {
    width: 100%;
    overflow: auto;
}

    .w77-productlist-2__mains__thuonghieu__container::-webkit-scrollbar {
        height: .4rem;
    }

    .w77-productlist-2__mains__thuonghieu__container::-webkit-scrollbar-track {
    }

    .w77-productlist-2__mains__thuonghieu__container::-webkit-scrollbar-thumb {
        background-color: red
    }

.w77-productlist-2__mains__thuonghieu__container__items {
    display: flex;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0rem;
    padding-bottom: 0rem;
    overflow: hidden;
}

@media only screen and (min-width:62.5rem) {
    .w77-productlist-2__mains__thuonghieu__container__items {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist-2__mains__thuonghieu__container__items {
        width: max-content;
        padding-bottom: 1rem;
        padding-top: 1rem;
    }
}

.w77-productlist-2__mains__thuonghieu__container__items__item {
    width: 12.571%;
    margin-left: 2%;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: .5rem;
}

@media only screen and (min-width:50rem) {
    .w77-productlist-2__mains__thuonghieu__container__items__item {
        margin-top: 1rem;
    }

        .w77-productlist-2__mains__thuonghieu__container__items__item:nth-child(7n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist-2__mains__thuonghieu__container__items__item {
        width: 12rem;
        margin-left: 0;
        margin-right: 14px;
    }

        .w77-productlist-2__mains__thuonghieu__container__items__item:last-child {
            margin-right: 0;
        }
}

.w77-productlist-2__mains__thuonghieu__container__items__item__content {
    display: block;
    cursor: pointer;
    margin-top: 1rem;
    margin-bottom: 1rem;
}

.w77-productlist-2__mains__thuonghieu__container__items__item__content__imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    width: 71%;
    transition: all .3s ease;
    margin: 0 auto;
}

    .w77-productlist-2__mains__thuonghieu__container__items__item__content__imgbox:hover {
        transform: scale(.9);
    }

.w77-productlist-2__mains__thuonghieu__container__items__item__content__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains__flashs {
    margin-bottom: 14px;
    background-color: rgba(var(--main-color-w),1);
    border-radius: .5rem;
    overflow: hidden;
    padding-bottom: 2rem;
}

.w77-productlist-2__mains__flashs__heading {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap;
}

.w77-productlist-2__mains__flashs__heading__name {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 30px;
}

.w77-productlist-2__mains__flashs__heading__name__bg {
    background: url(../../img/w77/fs-vang.png) no-repeat;
    height: 35px;
    width: 22px;
    background-position: center;
    left: 0;
    position: absolute;
}

.w77-productlist-2__mains__flashs__heading__name__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 2.8rem;
    color: #fff;
}

.w77-productlist-2__mains__flashs__heading__btn {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__flashs__heading__btn:hover {
        text-decoration: underline;
    }

.w77-productlist-2__mains__flashs__heading__btn__icon {
    margin-left: .5rem;
}

.w77-productlist-2__mains__flashs__flash {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    justify-content: center;
    z-index: 0;
}

.w77-productlist-2__mains__flashs__flash__items {
    padding: 1rem;
    display: flex;
    width: 100%;
    height: fit-content !important;
}

.w77-productlist-2__mains__flashs__flash__items__item {
    width: 23.875%;
    margin-right: 1.5%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist-2__mains__flashs__flash__items__item {
        width: 49.25%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__flashs__flash__items__item {
        width: 48.5%;
        margin-right: 3%;
    }
}

.w77-productlist-2__mains__flashs__flash__items__item__box {
    background-color: #fff;
    padding: 1rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__status {
    position: absolute;
    width: 15rem;
    background-color: rgba(var(--second-color-w),1);
    color: #fff;
    font-size: 14px;
    top: 1rem;
    right: -5.9rem;
    transform: rotate(45deg);
    text-align: center;
    padding: .3rem 1rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__status__name {
    transform: translateX(-.3rem);
}

.w77-productlist-2__mains__flashs__flash__items__item__box__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__hinhanh__imgbox {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-productlist-2__mains__flashs__flash__items__item__box__hinhanh__imgbox:hover {
        transform: scale(.9);
    }

.w77-productlist-2__mains__flashs__flash__items__item__box__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__name {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    font-weight: 400;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__flashs__flash__items__item__box__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productlist-2__mains__flashs__flash__items__item__box__gif {
    text-align: center;
    font-size: 13px;
    margin-bottom: 1rem;
    color: #999;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__gif__icon {
    display: inline;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__gif__name {
    display: inline;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__bottom__price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: .5rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__bottom__price__sale {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__flashs__flash__items__item__box__bottom__price__sale {
    }
}

.w77-productlist-2__mains__flashs__flash__items__item__box__bottom__price__sub {
    font-size: 14px;
    text-decoration: line-through;
    color: #555;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__flashs__flash__items__item__box__bottom__price__sub {
        font-size: 1.4rem;
    }
}

.w77-productlist-2__mains__flashs__flash__items__item__box__bottom__rates {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__flashs__flash__items__item__box__bottom__rates {
        width: 100%;
        justify-content: center;
    }
}

.w77-productlist-2__mains__flashs__flash__items__item__box__bottom__rates__rate {
    display: inline-block;
    font-size: 1rem;
    color: #ffb909;
}

    .w77-productlist-2__mains__flashs__flash__items__item__box__bottom__rates__rate:not(:first-child) {
        margin-left: .25rem;
    }

.w77-productlist-2__mains__flashs__flash__items__item__box__bottom__rates__text {
    font-size: 1.1rem;
    margin-left: .25rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown {
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .75rem;
    border-radius: .3rem;
    width: 100%;
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__mains__flashs__flash__items__item__box__countdown {
        justify-content: center;
    }
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__name {
    font-size: 13px;
    color: #fff;
    margin-right: 1rem;
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__mains__flashs__flash__items__item__box__countdown__name {
        display: none;
    }
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items {
    display: flex;
    align-items: center;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items__ngay {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    margin-left: .25rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items__gio {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items__gio--2 {
    margin-left: .25rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items__phut {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    margin-left: .25rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items__phut--2 {
    margin-left: .25rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items__giay {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    margin-left: .25rem;
}

.w77-productlist-2__mains__flashs__flash__items__item__box__countdown__items__giay--2 {
    margin-left: .25rem;
}

.w77-productlist-2__mains__flashs__flash__prev {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    left: -2.5rem;
    position: absolute;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productlist-2__mains__flashs__flash__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productlist-2__mains__flashs__flash__prev__icon {
    position: absolute;
    margin-left: 2rem;
}

.w77-productlist-2__mains__flashs__flash__next {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -2.5rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productlist-2__mains__flashs__flash__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productlist-2__mains__flashs__flash__next__icon {
    margin-right: 2rem;
}

.w77-productlist-2__mains__flashs__flash__dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    bottom: 2rem;
}

    .w77-productlist-2__mains__flashs__flash__dots .ws1ChildDot {
        width: .75rem;
        height: .75rem;
        opacity: .7;
        background-color: rgba(var(--second-color-w),1);
        border-radius: 50%;
        cursor: pointer;
        margin: 0 .5rem;
    }

        .w77-productlist-2__mains__flashs__flash__dots .ws1ChildDot.active {
            opacity: 1;
        }

.w77-productlist-2__mains__main__thuonghieus {
    display: flex;
    align-items: flex-start;
    width: 100%;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.w77-productlist-2__mains__main__thuonghieus__btn {
    width: 8rem;
    display: flex;
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__mains__main__thuonghieus__btn {
        display: none;
    }
}

.w77-productlist-2__mains__main__thuonghieus__btn__icon {
    margin-left: auto;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    font-size: 2.4rem;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

    .w77-productlist-2__mains__main__thuonghieus__btn__icon.active {
        font-size: 2rem;
    }

        .w77-productlist-2__mains__main__thuonghieus__btn__icon.active:before {
            content: "\f009";
        }

.w77-productlist-2__mains__main__thuonghieus__thuonghieu {
    display: flex;
    padding-top: 0rem;
    padding-bottom: 0rem;
    flex-wrap: wrap;
    width: calc(100% - 8rem);
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__mains__main__thuonghieus__thuonghieu {
        width: 100%;
    }
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__item {
    width: 9%;
    margin-right: 1%;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: .5rem;
    border: solid 1px #f1f1f1;
    border-radius: .3rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (min-width:62.5rem) {
    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__item:nth-child(10n+1) {
    }
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__item {
        width: 19%;
    }

        .w77-productlist-2__mains__main__thuonghieus__thuonghieu__item:nth-child(5n+1) {
        }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__item {
    }

        .w77-productlist-2__mains__main__thuonghieus__thuonghieu__item:nth-child(4n+1) {
        }
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__item__content {
    display: block;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__item__content__imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    width: 76%;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__item__content__imgbox:hover {
        transform: scale(.9);
    }

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__item__content__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub {
    width: 9.1%;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: .5rem;
    border-radius: .3rem;
    margin-bottom: 1rem;
    transition: all .3s ease;
    min-height: 47px;
}

    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub:hover {
        box-shadow: 0 0 4px 2px #ccc;
        border: none;
    }

@media only screen and (min-width:62.5rem) {
    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub:nth-child(10n+1) {
    }
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub {
        width: 19%;
    }

        .w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub:nth-child(5n+1) {
        }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub {
    }

        .w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub:nth-child(4n+1) {
        }
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub__content {
    display: block;
    cursor: pointer;
    padding-bottom: 2px;
    padding-top: 3px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
    text-align: center;
    font-size: 12px;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    align-items: center;
    height: 100%;
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub.active
.w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub__content__name {
    display: none;
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub__content__sub {
    display: none;
}

.w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub.active
.w77-productlist-2__mains__main__thuonghieus__thuonghieu__sub__content__sub {
    display: block;
}

.w77-productlist-2__mains__main__childs {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-bottom: 1rem;
}

.w77-productlist-2__mains__main__childs__item {
    margin-right: 1rem;
    transition: all .3s ease;
    overflow: hidden;
    border: solid 1px rgba(var(--main-color-w),1);
    border-radius: .3rem;
    margin-top: 1rem;
}

.w77-productlist-2__mains__main__childs__item__content {
    display: block;
    cursor: pointer;
    text-align: center;
    font-size: 13px;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
    transition: all .3s ease;
    padding: .5rem;
}

    .w77-productlist-2__mains__main__childs__item__content:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w77-productlist-2__mains__main {
    background-color: #fff;
    border-radius: .3rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
}

.w77-productlist-2__mains__main__line {
    background-color: #f1f1f1;
    height: 1px;
    width: 100%;
    margin-bottom: 1rem;
}

.w77-productlist-2__mains__main__heading {
    padding-left: 1rem;
    padding-right: 1rem;
}

.w77-productlist-2__mains__main__heading__name {
    margin-top: .5px;
    margin-bottom: .75rem;
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

.w77-productlist-2__mains__main__heading__sorts {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.w77-productlist-2__mains__main__heading__sorts__item {
    text-align: center;
    padding: .25rem 1rem;
    border: 1px solid #ddd;
    background-color: #fff;
    cursor: pointer;
    font-size: 13px;
    line-height: 22px;
    margin-right: .5rem;
    border-radius: .3rem;
    margin-bottom: 1rem;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__main__heading__sorts__item:hover {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

    .w77-productlist-2__mains__main__heading__sorts__item.active {
        color: #fff;
        background-color: rgba(var(--main-color-w),1);
    }

.w77-productlist-2__mains__main__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    background-color: #fff;
    border-radius: .3rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

.w77-productlist-2__mains__main__items__item {
    width: 24.0625%;
    margin-left: 1.25%;
    margin-bottom: 1rem;
    background-color: #fff;
    padding: 0;
    border-radius: 3px;
    transition: all .3s ease;
    border: 1px solid rgba(238,238,238,0);
    position: relative;
    overflow: hidden;
    z-index: 0;
    height: fit-content;
}

    .w77-productlist-2__mains__main__items__item:hover {
        border-color: rgba(238,238,238,1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08);
    }

@media only screen and (min-width:62.5rem) {
    .w77-productlist-2__mains__main__items__item:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-productlist-2__mains__main__items__item {
        width: 49.375%;
    }

        .w77-productlist-2__mains__main__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:31.25rem) {
    .w77-productlist-2__mains__main__items__item {
        padding-left: .25rem;
        padding-right: .25rem;
    }
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 100%;
        margin-left: 0;
    }
}

.w77-productlist-2__mains__main__items__item__hinhanh__km {
    width: 110px;
    height: 23px;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url(../../img/w77/icon-km.png);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 2;
}

.active .w77-productlist-2__mains__main__items__item__hinhanh__km {
    width: 80px;
    height: 20px;
    top: 10px;
    left: 10px;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__main__items__item__hinhanh__km {
        width: 80px;
        height: 20px;
    }
}

.w77-productlist-2__mains__main__items__item__hinhanh__status {
    position: absolute;
    width: 15rem;
    background-color: rgba(var(--main-color-w), 1);
    color: #fff;
    font-size: 13px;
    top: 1rem;
    right: -5.9rem;
    transform: rotate(45deg);
    text-align: center;
    padding: .3rem 1rem;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__hinhanh__status {
        transform: rotate(0);
        top: 1rem;
        right: 1rem;
        width: max-content;
        border-radius: 2rem;
        font-size: 13px;
    }
}

.w77-productlist-2__mains__main__items__item__hinhanh__status__name {
    transform: translateX(-.3rem);
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__hinhanh__status__name {
        transform: translateX(0);
    }
}

.w77-productlist-2__mains__main__items__item__hinhanh {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
    padding: 1rem;
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__hinhanh {
        width: 180px;
        padding: 0;
    }
}

.w77-productlist-2__mains__main__items__item__hinhanh__imgbox {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 3px;
}

    .w77-productlist-2__mains__main__items__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-productlist-2__mains__main__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productlist-2__mains__main__items__item__box {
    padding: 1rem;
    position: relative;
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__box {
        width: calc(100% - 180px);
    }
}

.w77-productlist-2__mains__main__items__item__box__name {
    font-size: 13px;
    line-height: 22px;
    color: #333;
    font-weight: 400;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productlist-2__mains__main__items__item__box__name:hover {
        color: rgba(var(--main-color-w),1);
    }

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__box__name {
        font-weight: 600;
        width: 77%;
    }

    @media only screen and (max-width:75rem) {
        .active .w77-productlist-2__mains__main__items__item__box__name {
            width: 70%;
        }
    }
}

.w77-productlist-2__mains__main__items__item__box__gif {
    text-align: center;
    font-size: 13px;
    margin-bottom: 1rem;
    color: #999;
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__box__gif {
        text-align: left;
    }
}

.w77-productlist-2__mains__main__items__item__box__gif__icon {
    display: inline;
}

.w77-productlist-2__mains__main__items__item__box__gif__name {
    display: inline;
}

.w77-productlist-2__mains__main__items__item__box__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w77-productlist-2__mains__main__items__item__box__bottom__des {
    display: none;
    font-size: 13px;
    color: #333;
    line-height: 22px;
}

@media only screen and (min-width:50rem) {
    .w77-productlist-2__mains__main__items.active .w77-productlist-2__mains__main__items__item__box__bottom__des {
        display: block;
    }
}

.w77-productlist-2__mains__main__items__item__box__bottom__price {
    width: 100%;
    display: flex;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

@media only screen and (min-width:50rem) {
    .w77-productlist-2__mains__main__items__item__box__bottom__price {
        margin-bottom: .5rem;
    }
}

.w77-productlist-2__mains__main__items__item__box__bottom__price__sale {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 14px;
}

@media only screen and (min-width:62.5rem) {
    .w77-productlist-2__mains__main__items__item__box__bottom__price__sale {
    }
}

.w77-productlist-2__mains__main__items__item__box__bottom__price__sub {
    font-size: 13px;
    text-decoration: line-through;
    color: #555;
    margin-left: auto;
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__box__bottom__price__sub {
        margin-left: 1rem;
    }
}

.w77-productlist-2__mains__main__items__item__box__bottom__rates {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 1rem;
}

.w77-productlist-2__mains__main__items__item__box__bottom__rates__rate {
    display: inline-block;
    font-size: 1rem;
    color: #ffb909;
}

    .w77-productlist-2__mains__main__items__item__box__bottom__rates__rate:not(:first-child) {
        margin-left: .25rem;
    }

.w77-productlist-2__mains__main__items__item__box__bottom__rates__text {
    font-size: 11px;
    margin-left: .25rem;
    color: #999;
    margin-top: 1px;
}

.w77-productlist-2__mains__main__items__item__box__btn {
    display: block;
    text-align: center;
    border-radius: .3rem;
    padding: .25rem 1rem;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    font-size: 14px;
    line-height: 22px;
    cursor: pointer;
    transition: all .3s ease;
    visibility: hidden;
    opacity: 0;
}

@media only screen and (min-width:50rem) {
    .active .w77-productlist-2__mains__main__items__item__box__btn {
        position: absolute;
        top: 1rem;
        right: 1rem;
        border: 1px solid rgba(var(--main-color-w),1);
        background-color: #fff;
        padding-left: 5rem;
        padding-right: 5rem;
        color: rgba(var(--main-color-w),1);
        visibility: visible;
        opacity: 1;
    }
}

.w77-productlist-2__mains__main__items__item__box__btn:hover {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
}

.w77-productlist-2__mains__main__items__item:hover .w77-productlist-2__mains__main__items__item__box__btn {
    visibility: visible;
    opacity: 1;
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__mains__main__items__item__box__btn {
        display: none;
    }
}

.w77-productlist-2__mains__main__paging {
    margin: 0rem 0 .5rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w77-productlist-2__mains__main__paging__item {
    list-style-type: none;
    transition: all .5s;
    cursor: pointer;
    margin: 1rem .5rem 0 .5rem;
}

.w77-productlist-2__mains__main__paging__item__text {
    font-size: 14px;
    color: #333;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s ease;
}

.w77-productlist-2__mains__main__paging__item:hover .w77-productlist-2__mains__main__paging__item__text,
.w77-productlist-2__mains__main__paging__item.active .w77-productlist-2__mains__main__paging__item__text {
    color: #fff;
    background-color: #0a529e;
    border-radius: 50%;
}

.w77-productlist-2__mains__main__btnpaging {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid rgba(var(--main-color-w),1);
    border-radius: 3px;
    color: rgba(var(--main-color-w),1);
    transition: all .3s ease;
    font-size: 14px;
    width: max-content;
    margin: 0 auto;
    cursor: pointer;
}

    .w77-productlist-2__mains__main__btnpaging:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w77-productlist-2__mains__main__btnpaging__icon {
    margin-left: 10px;
}

.w77-productlist-2__mains__detail {
}

.w77-productlist-2__mains__detail__des {
    font-size: 14px;
    margin-top: .5rem;
    color: #333;
    line-height: 22px;
    margin-bottom: 1rem;
}

.w77-productlist-2__mains__detail__container {
    height: 30rem;
    overflow: hidden;
    position: relative;
    border-radius: .5rem;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 3rem;
}

.w77-productlist-2__mains__detail__ck:checked ~
.w77-productlist-2__mains__detail__container {
    height: fit-content;
}

.w77-productlist-2__mains__detail__container__content {
    width: 100%;
    padding-bottom: 2rem;
}

.w77-productlist-2__mains__detail__container__lbl {
    position: absolute;
    width: 100%;
    height: 53%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-image: linear-gradient(to bottom, rgba(255,255,255,.6),rgba(255,255,255,.95));
    z-index: 2;
}

.w77-productlist-2__mains__detail__ck:checked ~
.w77-productlist-2__mains__detail__container
.w77-productlist-2__mains__detail__container__lbl {
    height: fit-content;
}

.w77-productlist-2__mains__detail__container__lbl__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    padding: 1rem;
    width: 100%;
    background-color: rgba(255,255,255,.95);
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

    .w77-productlist-2__mains__detail__container__lbl__btn:hover {
        background-color: rgba(var(--main-color-w),.9);
        color: #fff;
    }

.w77-productlist-2__mains__detail__container__lbl__btn__name {
    font-weight: 600;
}

.w77-productlist-2__mains__detail__container__lbl__btn__sub {
    display: none;
    font-weight: 600;
}

.w77-productlist-2__mains__detail__ck:checked ~
.w77-productlist-2__mains__detail__container
.w77-productlist-2__mains__detail__container__lbl
.w77-productlist-2__mains__detail__container__lbl__btn
.w77-productlist-2__mains__detail__container__lbl__btn__name {
    display: none;
}

.w77-productlist-2__mains__detail__ck:checked ~
.w77-productlist-2__mains__detail__container
.w77-productlist-2__mains__detail__container__lbl
.w77-productlist-2__mains__detail__container__lbl__btn
.w77-productlist-2__mains__detail__container__lbl__btn__sub {
    display: inline-block;
}

.w77-productlist-2__mains__detail__container__lbl__btn__icon {
    margin-left: 1rem;
    transition: all .3s ease;
}

.w77-productlist-2__mains__detail__ck:checked ~
.w77-productlist-2__mains__detail__container
.w77-productlist-2__mains__detail__container__lbl
.w77-productlist-2__mains__detail__container__lbl__btn
.w77-productlist-2__mains__detail__container__lbl__btn__icon {
    transform: rotate(-180deg);
}

.w77-productlist-2__tableoct {
    width: 100%;
    padding: 0rem 0rem 0rem;
    margin-bottom: 2rem;
}

@media only screen and (max-width: 62.5rem) {
    .w77-productlist-2__tableoct {
        padding: 0rem 0rem 1rem;
    }
}

.w77-productlist-2__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: .25rem 1rem;
    background-color: #fff;
}

.w77-productlist-2__tableoct__cbcl:checked ~ .w77-productlist-2__tableoct__clone {
    display: block;
}

.w77-productlist-2__tableoct__cbcl {
    display: none;
}

.w77-productlist-2__tableoct__checkbox {
    display: none;
}

    .w77-productlist-2__tableoct__checkbox:checked ~ .w77-productlist-2__tableoct__body {
        max-height: fit-content;
        overflow-y: scroll;
    }

.w77-productlist-2__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w77-productlist-2__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w77-productlist-2__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w77-productlist-2__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: .5rem 1rem;
    cursor: pointer;
    border-radius: .3rem;
    border-bottom: dashed .1rem #ccc;
    margin-bottom: 1rem;
}

.w77-productlist-2__tableoct__checkbox:checked ~
.w77-productlist-2__tableoct__heading {
}

.w77-productlist-2__tableoct__heading__title {
    display: flex;
}

.w77-productlist-2__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    display: none;
}

.w77-productlist-2__tableoct__heading__title__text {
    font-size: 16px;
    color: #333;
}

.w77-productlist-2__tableoct__heading__icon {
    font-size: 1.4rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
}

.w77-productlist-2__tableoct__checkbox:checked ~
.w77-productlist-2__tableoct__heading
.w77-productlist-2__tableoct__heading__icon:before {
    content: "\f142";
}

.w77-productlist-2__tableoct__heading:hover {
    transition: all .2s ease-in-out;
}

.w77-productlist-2__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w77-productlist-2__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w77-productlist-2__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w77-productlist-2__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w77-productlist-2__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w77-productlist-2__tableoct__body__ol {
    list-style: none;
}

.w77-productlist-2__tableoct__body__ol__text {
    list-style: none;
    font-size: 1.4rem;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w77-productlist-2__tableoct__body__ol__text__vl {
    padding: .75rem 2rem .75rem 1rem;
}

.w77-productlist-2__tableoct__body__ol > .w77-productlist-2__tableoct__body__ol__text {
    font-size: 14px;
}

.w77-productlist-2__tableoct__body__ol__text:hover .w77-productlist-2__tableoct__body__ol--1__text {
}

    .w77-productlist-2__tableoct__body__ol__text:hover .w77-productlist-2__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w77-productlist-2__tableoct__body__ol__text.active {
}

    .w77-productlist-2__tableoct__body__ol__text.active .w77-productlist-2__tableoct__body__ol--1__text {
    }

.w77-productlist-2__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w77-productlist-2__tableoct__body__ol__text:hover .w77-productlist-2__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w77-productlist-2__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
    color: #0071c4;
}

    .w77-productlist-2__tableoct__body__ol__text__vl.active {
    }

.w77-productlist-2__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w77-productlist-2__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    right: 0;
    top: .75rem;
    z-index: 1;
    color: #333;
    width: 3rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productlist-2__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
    transform: rotate(90deg);
}

.w77-productlist-2__tableoct__body__ol--1__text > .w77-productlist-2__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w77-productlist-2__tableoct__body__ol--1__text > .w77-productlist-2__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w77-productlist-2__tableoct__body__ol__text__cbx {
    display: none;
}

    .w77-productlist-2__tableoct__body__ol__text__cbx:checked ~ .w77-productlist-2__tableoct__body__ol--1 {
        display: block;
    }

    .w77-productlist-2__tableoct__body__ol__text__cbx:checked ~ .w77-productlist-2__tableoct__body__ol__text__lbl .w77-productlist-2__tableoct__body__ol__text__lbl__icon {
        transform: rotate(-90deg);
        transition: all .2s ease;
    }

.w77-productlist-2__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w77-productlist-2__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    display: flex;
    align-items: center;
    font-size: 14px;
}

    .w77-productlist-2__tableoct__body__ol--1__text:before {
        width: .5rem;
        height: .5rem;
        background-color: #ccc;
        border-radius: 50%;
        position: absolute;
        left: 2rem;
        content: "";
    }

    .w77-productlist-2__tableoct__body__ol--1__text > a {
        padding: .75rem 1rem .75rem 4rem;
    }

ol > li > ol > .w77-productlist-2__tableoct__body__ol--1__text {
}

ol ol ol .w77-productlist-2__tableoct__body__ol--1__text {
}

    ol ol ol .w77-productlist-2__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w77-productlist-2__tableoct__body__ol--1__text > a.active {
        }

.w77-productlist-2__tableoct__body__ol--1__text:hover {
    color: white;
}

.w77-productlist-2__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
    color: #0071c4;
}

    .w77-productlist-2__tableoct__body__ol--1__text > a.active {
    }

        .w77-productlist-2__tableoct__body__ol--1__text > a.active::after {
            max-width: 100%;
        }

.w77-productlist-2__mains__detail__ck {
    display: none;
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__ckdanhmuc:checked ~
    .w77-productlist-2__first
    .w77-productlist-2__first__sticky__filterheading {
        display: none;
    }
}

.w77-productlist-2__first__sticky__filterheading {
    display: none;
    border-bottom: 1px solid #eee;
    font-weight: 600;
    color: #333;
    padding: 1rem 1rem;
    align-items: center;
    width: 100%;
    background-color: #eee;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__filterheading {
        display: flex;
    }
}

.w77-productlist-2__first__sticky__filterheading__name {
    font-size: 16px;
    width: calc(100% - 35px);
}


.w77-productlist-2__first__sticky__filterheading__lbn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
    height: 20px;
    margin-left: auto;
    cursor: pointer;
}

.w77-productlist-2__first__sticky__filterheading__lbn__icon {
    font-size: 2rem;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__ckdanhmuc:checked ~
    .w77-productlist-2__first
    .w77-productlist-2__first__sticky
    .w77-productlist-2__first__sticky__container
    .w77-productlist-2__first__sticky__container__filters {
        display: none;
    }

    .w77-productlist-2__first__sticky__container__filters {
        padding-top: 4rem;
    }
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu {
    display: none;
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
    margin-top: .5rem;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__thuonghieu {
        display: block;
    }
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__name {
    font-weight: 600;
    margin-bottom: 1rem;
    font-size: 16px;
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__first__sticky__container__filters__thuonghieu__name {
        font-size: 14px;
    }
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__search {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border-radius: .3rem;
    padding: 0;
    margin-bottom: 1rem;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__search__input {
    font-size: 16px;
    width: 100%;
    padding: .5rem .75rem;
    outline: none;
    border: solid 1px #f1f1f1;
    border-radius: .3rem;
    color: #333;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__search__btn {
    position: absolute;
    right: 0rem;
    width: 4rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .3s ease;
    border: none;
    border-radius: 0 .3rem .3rem 0;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__items {
    display: flex;
    padding-top: 0rem;
    padding-bottom: 0rem;
    flex-wrap: wrap;
    width: 100%;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item {
    width: 9.1%;
    margin-left: 1%;
    transition: all .3s ease;
    overflow: hidden;
    border-radius: .5rem;
    border: solid 1px #f1f1f1;
    border-radius: .3rem;
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item--hide {
    display: none;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item.active {
    border-color: rgba(var(--main-color-w),1);
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__thuonghieu__items
.w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item {
    display: flex !important;
}

@media only screen and (min-width:50rem) {
    .w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item:nth-child(10n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item {
        width: 19%;
    }

    @media only screen and (min-width:37.5rem) {
        .w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item:nth-child(5n+1) {
            margin-left: 0;
        }
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item {
        width: 24.25%;
    }

        .w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item:nth-child(4n+1) {
            margin-left: 0;
        }
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__ck {
    display: none;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    border: solid 1px rgba(var(--main-color-w),1);
    background-color: #fff;
    font-size: 14px;
    padding: .75rem 2rem;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .3rem;
    margin: 0 auto;
    width: fit-content;
    max-width: 100%;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl {
    }
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl__name {
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl
.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl__name {
    display: none;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl__sub {
    display: none;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl
.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl__sub {
    display: inline-block;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl__icon {
    margin-left: 1rem;
    transition: all .3s ease;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl
.w77-productlist-2__first__sticky__container__filters__thuonghieu__lbl__icon {
    transform: rotate(-180deg);
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item__content {
    display: block;
    cursor: pointer;
    margin-top: 8px;
    margin-bottom: 8px;
    border-radius: 3px;
    display: flex;
    justify-content: center;
}

.w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item__content__imgbox {
    display: block;
    background-size: contain;
    background-position: center;
    width: 76%;
    transition: all .3s ease;
}

    .w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item__content__imgbox:hover {
        transform: scale(.9);
    }

.w77-productlist-2__first__sticky__container__filters__thuonghieu__items__item__content__imgbox__img {
    width: 100%;
}

.w77-productlist-2__first__sticky__container__filters__filter {
    margin-bottom: 2rem;
    background-color: #fff;
    border-radius: .3rem;
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__first__sticky__container__filters__filter:nth-child(2){
        display:none;
    }
    .w77-productlist-2__first__sticky__container__filters__filter {
        margin-bottom: 1rem;
        padding-bottom: .5rem;
    }
}

.w77-productlist-2__first__sticky__container__filters__filter__heading {
    margin-bottom: 1rem;
    border-bottom: 1px solid #eee;
    text-align: center;
    padding: 1rem 1rem;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__filter__heading {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        border: none;
        margin: 0;
        padding-bottom: .5rem;
    }
}

.w77-productlist-2__first__sticky__container__filters__filter__heading__name {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

@media only screen and (max-width:50rem) {
    .w77-productlist-2__first__sticky__container__filters__filter__heading__name {
        font-size: 14px;
    }
}

.w77-productlist-2__first__sticky__container__filters__filter__search {
    display: flex;
    align-items: center;
    position: relative;
    background-color: #fff;
    overflow: hidden;
    border-radius: .3rem;
    padding: 0 1rem;
    margin-bottom: 1rem;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__filter__search {
        display: none;
    }
}

.w77-productlist-2__first__sticky__container__filters__filter__search__input {
    font-size: 16px;
    width: 100%;
    padding: .5rem .75rem;
    outline: none;
    border: solid 1px #f1f1f1;
    border-radius: .3rem;
    color: #333;
}

.w77-productlist-2__first__sticky__container__filters__filter__search__btn {
    position: absolute;
    right: 1rem;
    width: 4rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    transition: all .3s ease;
    border: none;
    border-radius: 0 .3rem .3rem 0;
}

.w77-productlist-2__first__sticky__container__filters__filter__ck {
    display: none;
}

.w77-productlist-2__first__sticky__container__filters__filter__items {
    padding-left: 1rem;
    padding-right: 1rem;
    transition: all .3s ease;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__filter__items {
        display: flex;
        align-items: flex-start;
        flex-wrap: wrap;
    }
}

.w77-productlist-2__first__sticky__container__filters__filter__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__filter__items {
}

.w77-productlist-2__first__sticky__container__filters__filter__items__item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 6px 0px;
    cursor: pointer;
    transition: all .3s ease;
    color: #333;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__filter__items__item {
        width: 49%;
        margin-left: 2%;
    }

        .w77-productlist-2__first__sticky__container__filters__filter__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w77-productlist-2__first__sticky__container__filters__filter__items__item:hover {
    color: rgba(var(--main-color-w),1);
}

.w77-productlist-2__first__sticky__container__filters__filter__items__item__ck {
    display: none;
}


@media only screen and (min-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__filter__items__item--hide {
        display: none;
    }
}

.w77-productlist-2__first__sticky__container__filters__filter__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__filter__items
.w77-productlist-2__first__sticky__container__filters__filter__items__item--hide {
    display: flex;
}

.w77-productlist-2__first__sticky__container__filters__filter__items__item__icon {
    height: 12px;
    width: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    border: solid 1px #ccc;
    border-radius: .3rem;
    margin-right: .75rem;
}

.w77-productlist-2__first__sticky__container__filters__filter__items__item__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__filter__items__item__icon:before {
    content: "\f00c";
}

.w77-productlist-2__first__sticky__container__filters__filter__items__item__icon::before {
    content: "";
    font-family: "Font Awesome 5 Pro";
}

.w77-productlist-2__first__sticky__container__filters__filter__items__item__name {
    font-size: 13.5px;
    width: calc(100% - 2.5rem);
    color: #333;
    transition: all .3s ease;
}

    .w77-productlist-2__first__sticky__container__filters__filter__items__item__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productlist-2__first__sticky__container__filters__filter__lbl {
    display: flex;
    display: flex;
    justify-content: center;
    align-items: center;
    color: rgba(var(--main-color-w),1);
    font-size: 14px;
    padding: .75rem 1rem;
    cursor: pointer;
    transition: all .3s ease;
    border-radius: .3rem;
}

@media only screen and (max-width:75rem) {
    .w77-productlist-2__first__sticky__container__filters__filter__lbl {
        display: none;
    }
}

.w77-productlist-2__first__sticky__container__filters__filter__lbl:hover {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

.w77-productlist-2__first__sticky__container__filters__filter__lbl__name {
}

.w77-productlist-2__first__sticky__container__filters__filter__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__filter__lbl
.w77-productlist-2__first__sticky__container__filters__filter__lbl__name {
    display: none;
}

.w77-productlist-2__first__sticky__container__filters__filter__lbl__sub {
    display: none;
}

.w77-productlist-2__first__sticky__container__filters__filter__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__filter__lbl
.w77-productlist-2__first__sticky__container__filters__filter__lbl__sub {
    display: inline-block;
}

.w77-productlist-2__first__sticky__container__filters__filter__lbl__icon {
    margin-left: 1rem;
    transition: all .3s ease;
}

.w77-productlist-2__first__sticky__container__filters__filter__ck:checked ~
.w77-productlist-2__first__sticky__container__filters__filter__lbl
.w77-productlist-2__first__sticky__container__filters__filter__lbl__icon {
    transform: rotate(-180deg);
}

.w77-productlist-2__mobile {
    display: none;
}

@media only screen and (max-width:68.75rem) {
    .w77-productlist-2__mobile {
        display: flex;
        justify-content: space-between;
        width: 100%;
        background-color: #fff;
        padding: 1rem 1rem;
        border-radius: .3rem;
        margin-bottom: 1rem;
        border: solid 2px rgba(var(--second-color-w),1);
    }

    .w77-productlist-2__mobile__danhmuc {
        display: flex;
        align-items: center;
        font-size: 18px;
        color: rgba(var(--main-color-w),1);
        cursor: pointer;
    }

    .w77-productlist-2__mobile__danhmuc__name {
        font-weight: 600;
    }

    .w77-productlist-2__mobile__danhmuc__icon {
        margin-right: 1rem;
    }

    .w77-productlist-2__mobile__filter {
        display: flex;
        align-items: center;
        font-size: 18px;
        color: rgba(var(--main-color-w),1);
        cursor: pointer;
    }

    .w77-productlist-2__mobile__filter__name {
        font-weight: 600;
    }

    .w77-productlist-2__mobile__filter__icon {
        margin-left: 1rem;
    }
}
/*ed*/

/*w77-productdetail-3*/
.w77-productdetail-3 {
    padding: 3rem 1rem;
    background-color: #f7f8f9;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3 {
        padding-left: 0;
        padding-right: 0;
    }
}

.w77-productdetail-3__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    background-color: #fff;
    padding-top: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__group {
        padding-top: 0;
    }
}

.w77-productdetail-3__first {
    width: 49%;
    padding-left: 1rem;
    position:relative;
    z-index:1;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__first {
        width: 100%;
        margin-bottom: 1rem;
        padding-left: 0;
    }
}

.w77-productdetail-3__first__gallery {
    overflow: hidden;
    margin-bottom: 1rem;
}

.w77-productdetail-3__first__gallery__main {
    position: relative;
    display: flex;
    align-items: center;
}

.w77-productdetail-3__first__gallery__main__container {
    position: relative;
    padding-bottom: 4.5rem;
    width:100%;
}

.w77-productdetail-3__first__gallery__main__container__items {
    display: flex;
}

.w77-productdetail-3__first__gallery__main__container__items__item {
    width: 100%;
    overflow: hidden;
    border-radius: .5rem;
    position: relative;
    display: flex;
    justify-content: center;
}

.w77-productdetail-3__first__gallery__main__container__items__item__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
}

.w77-productdetail-3__first__gallery__main__container__items__item__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__first__gallery__main__container__items__item iframe {
    height: 333px;
}

@media only screen and (max-width:1100px) {
    .w77-productdetail-3__first__gallery__main__container__items__item iframe {
        height: 294px;
    }
}

@media only screen and (max-width:1000px) {
    .w77-productdetail-3__first__gallery__main__container__items__item iframe {
        height: 542px;
    }
}

@media only screen and (max-width:900px) {
    .w77-productdetail-3__first__gallery__main__container__items__item iframe {
        height: 486px;
    }
}

@media only screen and (max-width:800px) {
    .w77-productdetail-3__first__gallery__main__container__items__item iframe {
        height: 431px;
    }
}

@media only screen and (max-width:600px) {
    .w77-productdetail-3__first__gallery__main__container__items__item iframe {
        height: 317px;
    }
}

@media only screen and (max-width:500px) {
    .w77-productdetail-3__first__gallery__main__container__items__item iframe {
        height: 320px;
    }
}

.w77-productdetail-3__first__gallery__main__bot {
    margin-top: 1rem;
    display: flex;
    align-items: flex-end;
    position: absolute;
    bottom: 0;
    padding: .5rem .5rem 1rem;
    width: 100%;
    left: 0;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w77-productdetail-3__first__gallery__main__bot__line {
    width: 100%;
    height: 1px;
    background-color: #ddd;
    margin-top: 2px;
}

.w77-productdetail-3__first__gallery__main__bot__ads {
    width: 80%;
    position: relative;
    cursor: pointer;
}

.w77-productdetail-3__first__gallery__main__bot__ads__imgbox {
    width: max-content;
    background-size: contain;
    background-position: center;
}

.w77-productdetail-3__first__gallery__main__container__num {
    display: flex;
    align-items: flex-end;
    font-size: 14px;
    margin-right: 1rem;
    margin-bottom: 3px;
    color: #333;
    margin-left: auto;
}

.w77-productdetail-3__first__gallery__main__container__num__one {
}

.w77-productdetail-3__first__gallery__main__container__num__gach {
    margin-left: .3rem;
    margin-right: .3rem;
}

.w77-productdetail-3__first__gallery__main__container__num__sum {
}

.w77-productdetail-3__first__gallery__thumbs {
    display: flex;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__first__gallery__thumbs {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.w77-productdetail-3__first__gallery__thumbs__item {
    width: 18.4%;
    margin-right: 2%;
    overflow: hidden;
    border-radius: 3px;
    padding: 3px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w77-productdetail-3__first__gallery__thumbs__item__imgbox {
    width: 100%;
    background-size: cover;
    background-position: center;
    border-radius: 3px;
}

.w77-productdetail-3__first__gallery__thumbs__item__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__first__gallery__main__prev {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    left: -2.5rem;
    position: absolute;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__first__gallery__main__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w77-productdetail-3__first__gallery__main__prev__icon {
    position: absolute;
    margin-left: 2rem;
}

.w77-productdetail-3__first__gallery__main__next {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -2.5rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__first__gallery__main__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

.w77-productdetail-3__first__gallery__main__next__icon {
    position: absolute;
    margin-right: 2rem;
}

.w77-productdetail-3__first__gallery__main__bot__dots {
    position: absolute;
    left: 1rem;
    bottom: 2rem;
    display: flex;
    align-items: center;
}

    .w77-productdetail-3__first__gallery__main__bot__dots .ws1ChildDot {
        width: .75rem;
        height: .75rem;
        opacity: .7;
        background-color: rgba(var(--main-color-w), .8);
        border-radius: 50%;
        cursor: pointer;
        margin: 0 .5rem;
    }

    .w77-productdetail-3__first__gallery__main__bot__dots .active {
        background-color: rgba(var(--main-color-w), 1);
    }

.w77-productdetail-3__first__ads {
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__first__ads {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.w77-productdetail-3__first__ads__item {
    margin-bottom: 1rem;
    overflow: hidden;
    border-radius: 3px;
}

.w77-productdetail-3__first__ads__item__hinhanh {
    display: block;
}

.w77-productdetail-3__first__ads__item__hinhanh__imgbox {
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__first__ads__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-productdetail-3__first__ads__item__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__first__subs {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__first__subs {
        padding-left: 10px;
        padding-right: 10px;
    }
}

.w77-productdetail-3__first__subs__lb {
    display: flex;
    width: 66px;
    height: 56px;
    padding: 3px 0;
    position: relative;
    justify-content: center;
    align-items: center;
    border-radius: 3px;
    overflow: hidden;
    margin-bottom: 1rem;
    margin-right: 1rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__first__subs__lb:hover {
    }

.w77-productdetail-3__first__subs__lb__imgbox {
    width: 100%;
    height: 100%;
    background-size:contain;
    background-position:center;
}

.w77-productdetail-3__first__subs__lb__box {
    width: 100%;
    height: 100%;
    position: absolute;
    text-align: center;
    display: block;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s ease;
}

    .w77-productdetail-3__first__subs__lb__box:hover {
        background: rgba(0, 0, 0, .6);
    }

.w77-productdetail-3__first__subs__lb__box__name {
    font-weight: bold;
    font-size: 13px;
    line-height: 16px;
}

.w77-productdetail-3__first__subs__ads {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.w77-productdetail-3__first__subs__ads__con {
    display: block;
    border-radius: 3px;
    padding: 1px;
    border: 1px solid #ddd;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #fff;
    transition: all .3s;
}

    .w77-productdetail-3__first__subs__ads__con:hover {
        filter: brightness(.9)
    }

.w77-productdetail-3__first__subs__ads__con__imgbox {
    width: 66px;
    height: 56px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    cursor: pointer;
    border-radius: 3px;
    background-size: contain;
    background-position: center;
    align-items: center;
}

.w77-productdetail-3__first__subs__ads__con__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__first__subs__tskt {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
}

.w77-productdetail-3__first__subs__tskt__con {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__first__subs__tskt__con:hover {
    }

.w77-productdetail-3__first__subs__tskt__con__imgbox {
    width: 24px;
    height: 24px;
    background-size: contain;
    background-position: center;
    margin-bottom: 3px;
}

.w77-productdetail-3__first__subs__tskt__con__name {
    width: 100%;
    text-align: center;
    font-size: 13px;
    color: #333;
    line-height: 16px;
    transition: all .3s ease;
}

    .w77-productdetail-3__first__subs__tskt__con__name:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__first__subs__button {
    margin-right: 1.5rem;
    margin-bottom: 1.5rem;
    position: relative;
    width: 66px;
    cursor: pointer;
    height: 56px;
}

.w77-productdetail-3__first__subs__button__ck {
    display: none;
}

.w77-productdetail-3__first__subs__button__con {
    width: 100%;
    height: 100%;
    cursor: pointer;
    border-radius: 3px;
    overflow: hidden;
}
.w77-productdetail-3__first__subs__button__con--2 {
    width: 120px;
    height: 120px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 0;
}
.w77-productdetail-3__first__subs__button__con__imgbox {
    width: 100%;
    height: 100%;
    background-size:cover;
    background-position:center;
}

.w77-productdetail-3__first__subs__button__ck:checked ~
.w77-productdetail-3__first__subs__button__con {
    width: 120px;
    height: 120px;
    padding: 10px;
    background: #fff;
    box-shadow: 0 0 5px rgba(0, 0, 0, .5);
    position: absolute;
    bottom: 0;
    left: 0;
}

.w77-productdetail-3__first__ckalbum {
    display: none;
}

.w77-productdetail-3__first__album {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    z-index: -1;
}

.w77-productdetail-3__first__ckalbum:checked ~
.w77-productdetail-3__first__album {
    z-index: 10;
    visibility: visible;
}

.w77-productdetail-3__first__album__bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    background-color: rgba(0,0,0,.9);
    top: 0;
}

.w77-productdetail-3__first__album__mains {
    width: 1024px;
    max-width: 100%;
    position: relative;
    overflow-y: scroll;
    padding: 10px;
    max-height: 100%;
    transition: all .3s ease;
    transform: scale(.5);
}

    .w77-productdetail-3__first__album__mains::-webkit-scrollbar {
        width: 8px;
    }

    .w77-productdetail-3__first__album__mains::-webkit-scrollbar-track {
        border-radius: 1rem;
    }

    .w77-productdetail-3__first__album__mains::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background-color: #fff;
    }

.w77-productdetail-3__first__ckalbum:checked ~
.w77-productdetail-3__first__album
.w77-productdetail-3__first__album__mains {
    transform: scale(1);
}

.w77-productdetail-3__first__album__mains__main {
    max-height: 100%;
}

.w77-productdetail-3__first__album__mains__main__item {
    margin-bottom: 1rem;
}

.w77-productdetail-3__first__album__mains__main__item {
    display: flex;
    justify-content: center;
}

.w77-productdetail-3__first__album__mains__main__item__imgbox {
    max-width: 100%;
    background-position: center;
    background-size: contain;
}

.w77-productdetail-3__first__album__mains__main__item iframe {
    border: none;
    width: 100%;
    height: 560px;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-3__first__album__mains__main__item iframe {
        height: 420px;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__first__album__mains__main__item iframe {
        height: 310px;
    }
}

@media only screen and (max-width:31.25rem) {
    .w77-productdetail-3__first__album__mains__main__item iframe {
        height: 250px;
    }
}

.w77-productdetail-3__first__album__close {
    border-radius: 2px;
    font-size: 14px;
    color: #4a90e2;
    position: fixed;
    top: 10px;
    right: 10px;
    background: #fff;
    padding: 9px 13px;
    border: 1px solid #cecece;
    z-index: 9999;
    opacity: 1;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-productdetail-3__first__album__close:hover {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w77-productdetail-3__first__album__close__icon {
    margin-right: 1rem;
}

.w77-productdetail-3__second {
    width: 49%;
    padding-right: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__second {
        width: 100%;
        padding-left: 1rem;
    }
}

.w77-productdetail-3__second__name {
    font-size: 20px;
    font-weight: 600;
    line-height: 30px;
    margin-bottom: 14px;
}

.w77-productdetail-3__second__rates {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: .5rem;
}

.w77-productdetail-3__second__rates__rate {
    display: inline-block;
    font-size: 1.2rem;
    color: #ffb909;
}

    .w77-productdetail-3__second__rates__rate:not(:first-child) {
        margin-left: .25rem;
    }

.w77-productdetail-3__second__rates__text {
    font-size: 12px;
    margin-left: .25rem;
    color: rgba(var(--main-color-w),1);
}

.w77-productdetail-3__second__danhmuc {
    margin-bottom: 3px;
}

.w77-productdetail-3__second__danhmuc__name {
    display: inline-block;
    margin-right: 1rem;
    font-size: 14px;
    line-height: 22px;
    min-width: 9rem;
    color: #333;
}

.w77-productdetail-3__second__danhmuc__sub {
    display: inline-block;
    margin-right: 1rem;
    font-size: 14px;
    line-height: 22px;
    color: rgba(var(--main-color-w),1);
}

.w77-productdetail-3__second__line {
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin-bottom: 1rem;
}

.w77-productdetail-3__second__price {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: 10px;
}

.w77-productdetail-3__second__price__sale {
    font-size: 24px;
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-right: 1rem;
}

.w77-productdetail-3__second__price__sub {
    margin-right: 1rem;
    font-size: 14px;
    color: #333;
    text-decoration: line-through;
    margin-bottom: 4px;
}

.w77-productdetail-3__second__price__sub--hide {
    display: none;
}

.w77-productdetail-3__second__price__giamgia {
    display: flex;
    align-items: flex-end;
}

.w77-productdetail-3__second__price__giamgia--hide {
    display: none;
}

.w77-productdetail-3__second__price__giamgia__down {
    margin-right: 1rem;
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
}

.w77-productdetail-3__second__price__giamgia__vat {
    font-size: 14px;
    color: #333;
    margin-bottom: 4px;
}

.w77-productdetail-3__mains__second__mau {
    margin-top: 1rem;
}

.w77-productdetail-3__mains__second__mau--hide {
    display: none;
}

.w77-productdetail-3__mains__second__mau__text {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #333;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__second__mau__text__name {
    min-width: 100px;
}

.w77-productdetail-3__mains__second__mau__text__value {
    margin-left: .5rem;
    font-weight: 600;
}

.w77-productdetail-3__mains__second__mau__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
    align-items: flex-start;
}

.w77-productdetail-3__mains__second__mau__items__item {
    width: 18%;
    margin-right: 2%;
    margin-bottom: 1rem;
}

@media only screen and (min-width:37.5rem) {
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__second__mau__items__item {
        width: 31%;
    }
}

.w77-productdetail-3__mains__second__mau__items__item--hide {
    display: none;
}

.w77-productdetail-3__mains__second__mau__items__item--hethang {
    cursor: not-allowed;
}

    .w77-productdetail-3__mains__second__mau__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

.w77-productdetail-3__mains__second__mau__items__item__check {
    display: none;
}

.w77-productdetail-3__mains__second__mau__items__item__label {
    cursor: pointer;
    position: relative;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    border: #f1f1f1 solid .1rem;
    border-radius: 3px;
    position: relative;
    padding: 3px 10px;
    overflow: hidden;
    display: block;
    filter: brightness(1) !important;
    transition: all .5s;
    cursor: pointer;
    display: block;
    width: 100%;
    color: #333;
}

    .w77-productdetail-3__mains__second__mau__items__item__label:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w77-productdetail-3__mains__second__mau__items__item__check:checked ~
.w77-productdetail-3__mains__second__mau__items__item__label {
    border-color: rgba(var(--main-color-w), 1);
    font-weight: 600;
}

    .w77-productdetail-3__mains__second__mau__items__item__check:checked ~
    .w77-productdetail-3__mains__second__mau__items__item__label
    .w77-productdetail-3__mains__second__mau__items__item__label__icon {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
        display: flex;
    }

.w77-productdetail-3__mains__second__mau__items__item.active .w77-productdetail-3__mains__second__mau__items__item__label__icon:before {
    content: "\f107";
    font-weight: 400;
}

.w77-productdetail-3__mains__second__mau__items__item__check:checked ~
.w77-productdetail-3__mains__second__mau__items__item__label
.w77-productdetail-3__mains__second__mau__items__item__label__icon:before {
    content: "\f107";
    font-weight: 400;
}

.w77-productdetail-3__mains__second__mau__items__item__label__link__text {
    display: block;
}

.w77-productdetail-3__mains__second__mau__items__item__label__link__info {
    display: block;
}

.w77-productdetail-3__mains__second__mau__items__item__check:checked ~
.w77-productdetail-3__mains__second__mau__items__item__label
.w77-productdetail-3__mains__second__mau__items__item__label__link__info {
    color: rgba(var(--main-color-w),1);
}

.w77-productdetail-3__mains__second__mau__items__item__label__link__info__price {
}

.w77-productdetail-3__mains__second__size {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
}

.w77-productdetail-3__mains__second__size--hide {
    display: none;
}

.w77-productdetail-3__mains__second__size__text {
    font-size: 14px;
    display: flex;
    align-items: center;
    color: #333;
    margin-bottom: 10px;
}

.w77-productdetail-3__mains__second__size__text__name {
    min-width: 100px;
}

.w77-productdetail-3__mains__second__size__text__value {
    margin-left: .5rem;
    font-weight: 600;
    display: none;
}

.w77-productdetail-3__mains__second__size__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: .3rem;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(100% - 10rem);
}

.w77-productdetail-3__mains__second__size__items__item {
    margin-right: 2%;
    margin-top: 1rem;
}

@media only screen and (min-width:37.5rem) {
    .w77-productdetail-3__mains__second__size__items__item:nth-child(5n+1) {
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__second__size__items__item {
    }
}

.w77-productdetail-3__mains__second__size__items__item--hide {
    display: none;
}

.w77-productdetail-3__mains__second__size__items__item--hethang {
    cursor: not-allowed;
}

    .w77-productdetail-3__mains__second__size__items__item--hethang::after {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        background-color: rgba(0, 0, 0, .5);
        content: "";
        height: 100%;
    }

.w77-productdetail-3__mains__second__size__items__item__check {
    display: none;
}

.w77-productdetail-3__mains__second__size__items__item__label {
    cursor: pointer;
    position: relative;
    text-align: center;
    font-size: 13px;
    line-height: 20px;
    border-radius: 3px;
    position: relative;
    padding: 3px 10px;
    overflow: hidden;
    display: block;
    filter: brightness(1) !important;
    transition: all .5s;
    cursor: pointer;
    display: block;
    color: #333;
    background-color: #eee;
    width: 100%;
}

    .w77-productdetail-3__mains__second__size__items__item__label:hover {
        border-color: rgba(var(--main-color-w), 1);
    }

.w77-productdetail-3__mains__second__size__items__item__check:checked ~
.w77-productdetail-3__mains__second__size__items__item__label {
    background-color: #19abe0;
    color: #fff;
}

    .w77-productdetail-3__mains__second__size__items__item__check:checked ~
    .w77-productdetail-3__mains__second__size__items__item__label
    .w77-productdetail-3__mains__second__size__items__item__label__icon {
        background-color: rgba(var(--main-color-w), 1);
        color: #fff;
        display: flex;
    }

.w77-productdetail-3__mains__second__size__items__item.active .w77-productdetail-3__mains__second__size__items__item__label__icon:before {
    content: "\f107";
    font-weight: 400;
}

.w77-productdetail-3__mains__second__size__items__item__check:checked ~
.w77-productdetail-3__mains__second__size__items__item__label
.w77-productdetail-3__mains__second__size__items__item__label__icon:before {
    content: "\f107";
    font-weight: 400;
}

.w77-productdetail-3__mains__second__size__items__item__label__link__text {
    display: block;
}

.w77-productdetail-3__mains__second__size__items__item__label__link__info {
    display: none;
}

.w77-productdetail-3__mains__second__size__items__item__check:checked ~
.w77-productdetail-3__mains__second__size__items__item__label
.w77-productdetail-3__mains__second__size__items__item__label__link__info {
    color: rgba(var(--main-color-w),1);
}

.w77-productdetail-3__mains__second__size__items__item__label__link__info__price {
}

.w77-productdetail-3__second__status {
    margin-bottom: .5rem;
    color: #333;
}

.w77-productdetail-3__second__status__name {
    display: inline-block;
    margin-right: 1rem;
    font-size: 14px;
    line-height: 2.6rem;
    min-width: 9rem;
}

.w77-productdetail-3__second__status__sub {
    display: inline-block;
    font-size: 14px;
    line-height: 2.6rem;
}

.w77-productdetail-3__second__cart {
    display: flex;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
    margin-bottom: 14px;
}

.w77-productdetail-3__second__cart__quantity {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.w77-productdetail-3__second__cart__quantity__name {
    font-size: 14px;
    color: #333;
    margin-right: 1rem;
    min-width: 9rem;
}

.w77-productdetail-3__second__cart__quantity__num {
    display: flex;
    align-items: center;
    border: 1px solid #dfdfdf;
    font-size: 14px;
    border-radius: 3px;
    background-color: #fff;
    overflow: hidden;
    margin-right: 1rem;
}

.w77-productdetail-3__second__cart__quantity__num__minus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__second__cart__quantity__num__minus:hover {
        background-color: #f1f1f1;
    }

.w77-productdetail-3__second__cart__quantity__num__input {
    width: 4rem;
    border: none;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    outline: none;
    height: 3rem;
    text-align: center;
    transition: all .3s ease;
}

    .w77-productdetail-3__second__cart__quantity__num__input:focus {
        background-color: #f1f1f1;
    }

    .w77-productdetail-3__second__cart__quantity__num__input::-webkit-outer-spin-button,
    .w77-productdetail-3__second__cart__quantity__num__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.w77-productdetail-3__second__cart__quantity__num__plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    cursor: pointer;
    height: 3rem;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-productdetail-3__second__cart__quantity__num__plus:hover {
        background-color: #f1f1f1;
    }

.w77-productdetail-3__second__cart__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: .1rem 1rem;
    border: solid 1px rgba(223,223,223,0);
    cursor: pointer;
    transition: all .3s ease;
    border-radius: 5px;
}

    .w77-productdetail-3__second__cart__btn:hover {
        border-color: rgba(223,223,223,1);
    }

.w77-productdetail-3__second__cart__btn__name {
    font-size: 14px;
    margin-right: 14px;
    color: #333;
}

.w77-productdetail-3__second__cart__btn__icon {
    width: 3.2rem;
    height: 3.2rem;
    background-image: url(../../img/w77/icon-cart.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.w77-productdetail-3__second__ckmodal {
    display: none;
}

.w77-productdetail-3__second__modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    pointer-events: none;
    visibility: hidden;
    z-index: -1;
}

.w77-productdetail-3__second__ckmodal:checked ~ .w77-productdetail-3__second__modal {
    pointer-events: initial;
    visibility: visible;
    z-index: 9;
}

.w77-productdetail-3__second__modal__bg {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.5);
}

.w77-productdetail-3__second__modal__cart {
    width: 480px;
    max-width: 100%;
    background-color: #fff;
    position: relative;
    border-radius: 10px;
    padding: 1.5rem;
    transition: all .3s ease;
    transform: scale(.5);
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__second__modal__cart {
        width: 92%;
    }
}

.w77-productdetail-3__second__ckmodal:checked ~
.w77-productdetail-3__second__modal
.w77-productdetail-3__second__modal__cart {
    transform: scale(1);
}

.w77-productdetail-3__second__modal__cart__close {
    width: 26px;
    height: 26px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    position: absolute;
    right: -13px;
    top: -13px;
    border-radius: 50%;
    cursor: pointer;
}

.w77-productdetail-3__second__modal__cart__close__icon {
    font-size: 1.8rem;
    color: #fff;
}

.w77-productdetail-3__second__modal__cart__box {
}

.w77-productdetail-3__second__modal__cart__box__heading {
    margin-bottom: 3rem;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.w77-productdetail-3__second__modal__cart__box__heading__icon {
    font-size: 16px;
    margin-right: 5px;
    color: rgba(var(--main-color-w),1);
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w77-productdetail-3__second__modal__cart__box__heading__name {
    font-size: 16px;
    font-weight: 600;
    color: rgba(var(--main-color-w),1);
    width: calc(100% - 25px);
}
.w77-productdetail-3__second__modal__cart__box__items{
    overflow-y:scroll;
    max-height:50vh;
}
.w77-productdetail-3__second__modal__cart__box__items::-webkit-scrollbar {
    width: 2px;
}

.w77-productdetail-3__second__modal__cart__box__items::-webkit-scrollbar-track {
    border-radius: 2px;
}
.w77-productdetail-3__second__modal__cart__box__items::-webkit-scrollbar-thumb {
    border-radius: 2px;
    background: #f1f1f1;
}
.w77-productdetail-3__second__modal__cart__box__items__item {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    margin-bottom: 10px;
    justify-content: space-between;
}
.w77-productdetail-3__second__modal__cart__box__items__item__hinhanh {
    width: 8rem;
    margin-right: 1rem;
    border-radius: 5px;
    overflow:hidden;
}
.w77-productdetail-3__second__modal__cart__box__items__item__hinhanh__imgbox {
    width: 100%;
    background-size: contain;
    background-position: center;
    transition: all .3s ease;
}
.w77-productdetail-3__second__modal__cart__box__items__item__hinhanh__imgbox:hover{
    transform:scale(1.05);
}
.w77-productdetail-3__second__modal__cart__box__items__item__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__second__modal__cart__box__items__item__name {
    width: calc(100% - 9rem);
}

.w77-productdetail-3__second__modal__cart__box__items__item__name__text {
    font-size: 14px;
    color: #333;
    margin-bottom: 5px;
    display: block;
    font-weight:600;
    transition: all .3s ease;
}

.w77-productdetail-3__second__modal__cart__box__items__item__name__text:hover {
    text-decoration: underline;
}
.w77-productdetail-3__second__modal__cart__box__items__item__name__subs {
    display: flex;
    flex-wrap: wrap;
}

.w77-productdetail-3__second__modal__cart__box__items__item__name__subs__sub {
    margin-right: 1rem;
    background-color: #eeee;
    padding: 3px 10px;
    border-radius: 3px;
    margin-top: 7px;
    font-size: 13px;
}
.w77-productdetail-3__second__modal__cart__box__items__item__name__prices {
    display: flex;
}

.w77-productdetail-3__second__modal__cart__box__items__item__name__prices__sale {
    font-size: 13px;
    color: #333;
    white-space: nowrap;
}

.w77-productdetail-3__second__modal__cart__box__items__item__name__prices__sub {
    font-size: 13px;
    color: #bbb;
    text-decoration: line-through;
    white-space: nowrap;
    margin-left: 1rem;
}
.w77-productdetail-3__second__modal__cart__box__bottom {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    margin-top:30px;
}

.w77-productdetail-3__second__modal__cart__box__bottom__item {
    width: 49%;
    margin-left: 2%;
}

    .w77-productdetail-3__second__modal__cart__box__bottom__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w77-productdetail-3__second__modal__cart__box__bottom__item__name {
    cursor: pointer;
    padding: 8px 0;
    border-radius: 5px;
    border: 1px solid #bfbfbf;
    font-weight: 600;
    width: 100%;
    display: block;
    user-select: none;
    background-color: #fff;
    color: #333;
    cursor: pointer;
    transition: all .3s ease;
    display: block;
    text-align: center;
    font-size: 14px;
}

    .w77-productdetail-3__second__modal__cart__box__bottom__item__name:hover {
        filter: brightness(110%);
        text-decoration: underline;
    }

.w77-productdetail-3__second__modal__cart__box__bottom__sub {
    width: 49%;
    margin-left: 2%;
}

    .w77-productdetail-3__second__modal__cart__box__bottom__sub:nth-child(2n+1) {
        margin-left: 0;
    }

.w77-productdetail-3__second__modal__cart__box__bottom__sub__name {
    cursor: pointer;
    padding: 8px 0;
    border-radius: 5px;
    border: 1px solid #fff;
    font-weight: 600;
    width: 100%;
    display: block;
    user-select: none;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    display: block;
    text-align: center;
    font-size: 14px;
}

    .w77-productdetail-3__second__modal__cart__box__bottom__sub__name:hover {
        filter: brightness(110%);
        text-decoration: underline;
    }

.w77-productdetail-3__second__buy {
}

.w77-productdetail-3__second__buy__item {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: rgba(218,37,28,1);
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    padding: 5px 5px;
    margin-bottom: 1rem;
}

    .w77-productdetail-3__second__buy__item:hover {
        background-color: rgba(218,37,28,.9)
    }

.w77-productdetail-3__second__buy__item__icon {
    width: 4.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-image: url(../../img/w77/dat-mua.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    position: absolute;
    left: 0;
    border-right: 1px solid rgba(255,255,255,.23);
}
.w77-productdetail-3__second__buy__item__hinhanh {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    position: relative;
}

.w77-productdetail-3__second__buy__item__hinhanh__line {
    position: absolute;
    width: 1px;
    background-color: rgba(255,255,255,.23);
    height: 200px;
    right: 0;
}

.w77-productdetail-3__second__buy__item__hinhanh__imgbox {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}
.w77-productdetail-3__second__buy__item__content {
    text-align: center;
    color: #fff;
    width: 100%;
}

.w77-productdetail-3__second__buy__item__content__name {
    font-size: 20px;
}

.w77-productdetail-3__second__buy__item__content__sub {
    font-size: 14px;
}

.w77-productdetail-3__second__support {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w77-productdetail-3__second__support__item {
    display: flex;
    align-items: center;
    background-color: rgba(15,168,15,1);
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    padding: 5px 5px;
    margin-bottom: 1rem;
    width: 49%;
}

    .w77-productdetail-3__second__support__item:hover {
        background-color: rgba(15,168,15,.9);
    }

@media only screen and (max-width:50rem) {
    .w77-productdetail-3__second__support__item {
        width: 100%;
    }
}

.w77-productdetail-3__second__support__item__icon {
    width: 4.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-image: url(../../img/w77/tu-van.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    position: absolute;
    left: 0;
    border-right: 1px solid rgba(255,255,255,.23);
}
.w77-productdetail-3__second__support__item__hinhanh {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    position: relative;
}

.w77-productdetail-3__second__support__item__hinhanh__line {
    position: absolute;
    width: 1px;
    background-color: rgba(255,255,255,.23);
    height: 200px;
    right: 0;
}

.w77-productdetail-3__second__support__item__hinhanh__imgbox {
    width: 30px;
    height: 30px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}
.w77-productdetail-3__second__support__item__content {
    text-align: center;
    color: #fff;
    width: 100%;
}

.w77-productdetail-3__second__support__item__content__name {
    font-size: 20px;
}

.w77-productdetail-3__second__support__item__content__sub {
    font-size: 14px;
}

.w77-productdetail-3__second__support__child {
    display: flex;
    align-items: center;
    background-color: rgba(246,205,0,1);
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
    position: relative;
    padding: 5px 5px;
    margin-bottom: 1rem;
    width: 49%;
}

    .w77-productdetail-3__second__support__child:hover {
        background-color: rgba(246,205,0,.9);
    }

@media only screen and (max-width:50rem) {
    .w77-productdetail-3__second__support__child {
        width: 100%;
    }
}

.w77-productdetail-3__second__support__child__content {
    text-align: center;
    color: #333;
    width: 100%;
}

.w77-productdetail-3__second__support__child__content__name {
    font-size: 20px;
}

.w77-productdetail-3__second__support__child__content__sub {
    font-size: 14px;
}

.w77-productdetail-3__second__relates {
    margin-top: .5rem;
    margin-bottom: 5px;
}

.w77-productdetail-3__second__relates__name {
    margin-bottom: 1rem;
    font-size: 15px;
    font-weight: 600;
    color: #333;
}

.w77-productdetail-3__second__relates__items__item {
    margin-bottom: 15px;
    background-color: #fff;
    width: 100%;
}

.w77-productdetail-3__second__relates__items__item__box {
    display: flex;
    flex-wrap: wrap;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
}

.w77-productdetail-3__second__relates__items__item__box__ck {
    display: none;
}

.w77-productdetail-3__second__relates__items__item__box__lbn {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 20px;
}

.w77-productdetail-3__second__relates__items__item__box__lbn__icon {
    display: block;
    width: 14px;
    height: 14px;
    border: 1px solid rgba(var(--main-color-w),1);
    border-radius: 2px;
    cursor: pointer;
    transition: all .3s ease;
    font-family: "Font Awesome 5 Pro";
    font-size: 10px;
    color: #333;
}

.w77-productdetail-3__second__relates__items__item__box__ck:checked ~
.w77-productdetail-3__second__relates__items__item__box__lbn
.w77-productdetail-3__second__relates__items__item__box__lbn__icon {
    color: #fff;
    background-color: rgba(var(--main-color-w),1);
}

    .w77-productdetail-3__second__relates__items__item__box__ck:checked ~
    .w77-productdetail-3__second__relates__items__item__box__lbn
    .w77-productdetail-3__second__relates__items__item__box__lbn__icon:before {
        content: "\f00c";
    }

.w77-productdetail-3__second__relates__items__item__box__lbn__icon:hover {
    background-color: #ccc;
}

.w77-productdetail-3__second__relates__items__item__box__hinhanh {
    width: 70px;
    overflow: hidden;
    border-radius: 3px;
}

.w77-productdetail-3__second__relates__items__item__box__hinhanh__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease;
}

    .w77-productdetail-3__second__relates__items__item__box__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-productdetail-3__second__relates__items__item__box__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__second__relates__items__item__box__detail {
    width: calc(100% - 80px);
    margin-left: 10px;
}

.w77-productdetail-3__second__relates__items__item__box__detail__name {
    font-size: 13px;
    color: #333;
    line-height: 2rem;
    transition: all .3s ease;
    margin-bottom: .5rem;
}

    .w77-productdetail-3__second__relates__items__item__box__detail__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productdetail-3__second__relates__items__item__box__detail__price {
    margin-bottom: .5rem;
    display: flex;
    flex-wrap: wrap;
}

.w77-productdetail-3__second__relates__items__item__box__detail__price__sale {
    color: #da251c;
    font-weight: 600;
    font-size: 13px;
    margin-right: 1rem;
}

.w77-productdetail-3__second__relates__items__item__box__detail__price__sub {
    color: #da251c;
    font-size: 14px;
    color: #555;
    text-decoration: line-through;
}

.w77-productdetail-3__second__csbh {
    border: solid 1px #eee;
    padding: .5rem;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.w77-productdetail-3__second__csbh__item {
    display: flex;
    align-items: center;
}

    .w77-productdetail-3__second__csbh__item:not(:last-child) {
        margin-bottom: .5rem;
    }

.w77-productdetail-3__second__csbh__item__imgbox {
    width: 28px;
    height: 28px;
    background-size: contain;
    margin-right: .5rem;
}

.w77-productdetail-3__second__csbh__item__name {
    width: calc(100% - 3.5rem);
    font-size: 13px;
    line-height: 20px;
    color: #333;
}

.w77-productdetail-3__second__bot {
    border: solid 1px #eee;
    padding: 1rem;
    overflow: hidden;
    border-radius: 3px;
    font-size: 13px;
    line-height: 20px;
    color: #333;
}

.w77-productdetail-3__second__bot__text {
    margin-bottom: 1rem;
    text-align: center;
}

.w77-productdetail-3__second__bot__ck {
    display: none;
}

.w77-productdetail-3__second__bot__btn {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    justify-content: center;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

.w77-productdetail-3__second__bot__ck:checked ~
.w77-productdetail-3__second__bot__btn
.w77-productdetail-3__second__bot__btn__name {
    display: none;
}

.w77-productdetail-3__second__bot__btn__sub {
    display: none;
}

.w77-productdetail-3__second__bot__ck:checked ~
.w77-productdetail-3__second__bot__btn
.w77-productdetail-3__second__bot__btn__sub {
    display: inline-block;
}

.w77-productdetail-3__second__bot__btn__icon {
    margin-left: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    border: solid 1px rgba(var(--main-color-w),1);
}

.w77-productdetail-3__second__bot__ck:checked ~
.w77-productdetail-3__second__bot__btn
.w77-productdetail-3__second__bot__btn__icon {
    transform: rotate(180deg);
}

.w77-productdetail-3__second__bot__sub {
    overflow: hidden;
    max-height: 0rem;
    visibility: hidden;
    transition: all .3s ease;
    margin-top: 0;
}

.w77-productdetail-3__second__bot__ck:checked ~
.w77-productdetail-3__second__bot__sub {
    overflow: auto;
    max-height: 100vh;
    visibility: visible;
    margin-top: 1rem;
}

.w77-productdetail-3__second__bot__sub__item {
    margin-bottom: .5rem;
    display: flex;
    align-items: flex-start;
    font-size: 14px;
    line-height: 20px;
    color: #333;
    width: 100%;
}

.w77-productdetail-3__second__bot__sub__item__name {
    min-width: 12rem;
}

.w77-productdetail-3__second__bot__sub__item__name__icon {
    display: inline;
}

.w77-productdetail-3__second__bot__sub__item__name__text {
    display: inline;
    margin-left: .5rem;
}

.w77-productdetail-3__second__bot__sub__line {
    width: 100%;
    height: 1px;
    background-color: #eee;
    margin-top: .75rem;
    margin-bottom: .5rem;
}

.w77-productdetail-3__second__ads {
}

.w77-productdetail-3__second__ads__item {
    margin-top: 1rem;
    overflow: hidden;
    border-radius: 3px;
}

.w77-productdetail-3__second__ads__item__hinhanh {
    display: block;
}

.w77-productdetail-3__second__ads__item__hinhanh__imgbox {
    width: 100%;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__second__ads__item__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-productdetail-3__second__ads__item__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__mains {
    background-color: #f7f8f9;
    margin-top: 1rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 1rem 0;
    width: 100%;
}

.w77-productdetail-3__mains__main {
    width: 74%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__mains__main {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w77-productdetail-3__mains__main__tabs__item:not(:last-child) {
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__main__tabs__item__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.6rem;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #333;
}

.w77-productdetail-3__mains__main__tabs__item__detail {
    background-color: #fff;
    padding: 1rem;
    color: #333;
}

.w77-productdetail-3__mains__second {
    width: 25%;
    background-color: #fff;
    padding: 1rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__mains__second {
        width: 100%;
    }
}

.w77-productdetail-3__mains__second__container {
    position: sticky;
    top: 1rem;
}

.w77-productdetail-3__mains__second__container__heading {
}

.w77-productdetail-3__mains__second__container__heading__name {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__second__container__heading__name__text {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    color: #333;
}

.w77-productdetail-3__mains__second__container__heading__name__btn {
    background-color: #f90;
    padding: 4px 8px;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    font-size: 14px;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__second__container__heading__name__btn:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__second__container__heading__tabs {
    margin-bottom: 2rem;
}

.w77-productdetail-3__mains__second__container__heading__tabs__item {
    display: inline-block;
    margin-right: .5rem;
    margin-top: 1rem;
}

.w77-productdetail-3__mains__second__container__heading__tabs__item {
    border: 1px solid #f1f1f1;
    border-radius: 3px;
    padding: 3px 5px;
    color: #333;
    font-size: 14px;
    background-color: #fff;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__second__container__heading__tabs__item:hover {
        border-color: #84bee8;
        color: #84bee8;
    }

.w77-productdetail-3__mains__second__container__items {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__second__container__items__item {
    margin-bottom: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #ddd;
    background-color: #fff;
    width: 100%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__mains__second__container__items__item {
        width: 48%;
        margin-left: 4%;
    }

        .w77-productdetail-3__mains__second__container__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-3__mains__second__container__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w77-productdetail-3__mains__second__container__items__item__box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    cursor: pointer;
}

.w77-productdetail-3__mains__second__container__items__item__box__hinhanh {
    width: 32%;
    overflow: hidden;
    border-radius: 3px;
    position: relative;
}

.w77-productdetail-3__mains__second__container__items__item__box__hinhanh__imgbox {
    width: 100%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__second__container__items__item__box__hinhanh__imgbox:hover {
        transform: scale(1.05);
    }

.w77-productdetail-3__mains__second__container__items__item__box__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__mains__second__container__items__item__box__hinhanh__status {
    position: absolute;
    left: 6px;
    top: 6px;
    z-index: 1;
    overflow: hidden;
    border-radius: 20px;
    background: #f90;
    line-height: 23px;
    color: #fff;
    text-align: center;
    font-size: 12px;
    text-align: center;
    padding: 0px 8px;
}

.w77-productdetail-3__mains__second__container__items__item__box__detail {
    width: 64%;
}

.w77-productdetail-3__mains__second__container__items__item__box__detail__name {
    font-size: 13px;
    color: #333;
    line-height: 2rem;
    transition: all .3s ease;
    margin-bottom: 1rem;
}

    .w77-productdetail-3__mains__second__container__items__item__box__detail__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productdetail-3__mains__second__container__items__item__box__detail__price {
    margin-bottom: .5rem;
    display: flex;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__second__container__items__item__box__detail__price__sale {
    color: #da251c;
    font-weight: 600;
    font-size: 13px;
    margin-right: 1rem;
}

.w77-productdetail-3__mains__second__container__items__item__box__detail__price__sub {
    color: #da251c;
    font-size: 14px;
    color: #555;
    text-decoration: line-through;
}

.w77-productdetail-3__mains__second__container__items__item__box__detail__gif {
    font-size: 13px;
    color: #999;
}

.w77-productdetail-3__mains__second__container__items__item__box__detail__gif__icon {
    display: inline;
}

.w77-productdetail-3__mains__second__container__items__item__box__detail__gif__name {
    display: inline;
}

.w77-productdetail-3__mains__main__warning {
}

.w77-productdetail-3__mains__main__warning__heading {
    display: flex;
    align-items: center;
    padding: 1rem;
}

.w77-productdetail-3__mains__main__warning__heading__icon {
    width: 28px;
    height: 28px;
    background-image: url(../../img/w77/warning.png);
    background-position: center;
    background-size: 3rem;
    margin-right: .5rem;
    background-repeat: no-repeat;
}

.w77-productdetail-3__mains__main__warning__heading__name {
    width: calc(100% - 4.5rem);
    font-size: 16px;
    font-weight: 600;
    line-height: 2.6rem;
    color: #333;
}

.w77-productdetail-3__mains__main__warning__text {
    font-size: 16px;
    line-height: 2.6rem;
    background-color: #fff;
    padding: 1rem;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__main__container {
    position: relative;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__main__container__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.6rem;
    margin-bottom: .5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    color: #333;
}

.w77-productdetail-3__mains__main__container__detail {
    background-color: #fff;
    padding-left: 1rem;
    padding-right: 1rem;
    margin-top: 1rem;
    color: #333;
    max-height: 82rem;
    overflow: hidden;
    transition: all .3s ease;
}

.w77-productdetail-3__mains__main__container__ck {
    display: none;
}

    .w77-productdetail-3__mains__main__container__ck:checked ~
    .w77-productdetail-3__mains__main__container__detail {
        max-height: fit-content;
        overflow: auto;
    }

.w77-productdetail-3__mains__main__container__lbl {
    position: absolute;
    width: 100%;
    height: 53%;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    background-image: linear-gradient(to bottom, rgba(255,255,255,.6),rgba(255,255,255,.95));
    z-index: 2;
}

.w77-productdetail-3__mains__main__container__ck:checked ~
.w77-productdetail-3__mains__main__container__lbl {
    height: fit-content;
}

.w77-productdetail-3__mains__main__container__lbl__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    padding: 1rem;
    width: 100%;
    background-color: rgba(255,255,255,.95);
    transition: all .3s ease;
    color: rgba(var(--main-color-w),1);
    cursor: pointer;
}

    .w77-productdetail-3__mains__main__container__lbl__btn:hover {
        background-color: rgba(var(--main-color-w),.9);
        color: #fff;
    }

.w77-productdetail-3__mains__main__container__lbl__btn__name {
    font-weight: 600;
}

.w77-productdetail-3__mains__main__container__lbl__btn__sub {
    display: none;
    font-weight: 600;
}

.w77-productdetail-3__mains__main__container__ck:checked ~
.w77-productdetail-3__mains__main__container__lbl
.w77-productdetail-3__mains__main__container__lbl__btn
.w77-productdetail-3__mains__main__container__lbl__btn__name {
    display: none;
}

.w77-productdetail-3__mains__main__container__ck:checked ~
.w77-productdetail-3__mains__main__container__lbl
.w77-productdetail-3__mains__main__container__lbl__btn
.w77-productdetail-3__mains__main__container__lbl__btn__sub {
    display: inline-block;
}

.w77-productdetail-3__mains__main__container__lbl__btn__icon {
    margin-left: 1rem;
    transition: all .3s ease;
}

.w77-productdetail-3__mains__main__container__ck:checked ~
.w77-productdetail-3__mains__main__container__lbl
.w77-productdetail-3__mains__main__container__lbl__btn
.w77-productdetail-3__mains__main__container__lbl__btn__icon {
    transform: rotate(-180deg);
}

.w77-productdetail-3__mains__flashs {
    margin-bottom: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.w77-productdetail-3__mains__flashs__heading {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__flashs__heading__name {
    position: relative;
    display: flex;
    align-items: center;
}

.w77-productdetail-3__mains__flashs__heading__name__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 2.6rem;
    color: #333;
}

.w77-productdetail-3__mains__flashs__heading__btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 2.6rem;
    color: #333;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__flashs__heading__btn:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__flashs__heading__btn__icon {
    margin-left: .75rem;
}

.w77-productdetail-3__mains__flashs__flash {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    justify-content: center;
}

.w77-productdetail-3__mains__flashs__flash__items {
    padding: 1rem;
    display: flex;
    width: 100%;
    height: fit-content !important;
}

.w77-productdetail-3__mains__flashs__flash__items__item {
    width: 23.875%;
    margin-right: 1.5%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__mains__flashs__flash__items__item {
        width: 49.25%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__flashs__flash__items__item {
        width: 48.5%;
        margin-right: 3%;
    }
}

.w77-productdetail-3__mains__flashs__flash__items__item__box {
    background-color: #fff;
    padding: 1rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    display: block;
}

    .w77-productdetail-3__mains__flashs__flash__items__item__box:hover {
        border-color: rgba(238, 238, 238, 1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08);
    }

.w77-productdetail-3__mains__flashs__flash__items__item__sale {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 60px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../img/w77/tag-sale-8-3-cx.png);
    z-index: 2;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__status {
    position: absolute;
    background-color: #f90;
    color: #fff;
    font-size: 13px;
    top: 1.5rem;
    right: 1.5rem;
    text-align: center;
    padding: 5px 10px;
    border-radius: 2rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__hinhanh__imgbox {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-productdetail-3__mains__flashs__flash__items__item__box__hinhanh__imgbox:hover {
        transform: scale(.9);
    }

.w77-productdetail-3__mains__flashs__flash__items__item__box__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__name {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__flashs__flash__items__item__box__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productdetail-3__mains__flashs__flash__items__item__box__gif {
    text-align: center;
    font-size: 13px;
    margin-bottom: 1rem;
    color: #999;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__gif__icon {
    display: inline;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__gif__name {
    display: inline;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: .5rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__price__sale {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: .5rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__price__sub {
    font-size: 14px;
    text-decoration: line-through;
    color: #555;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__price__sub {
        font-size: 14px;
    }
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__rates {
    margin-top: .5rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__rates {
        width: 100%;
        justify-content: center;
    }
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__rates__rate {
    display: inline-block;
    font-size: 1rem;
    color: #ffb909;
}

    .w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__rates__rate:not(:first-child) {
        margin-left: .25rem;
    }

.w77-productdetail-3__mains__flashs__flash__items__item__box__bottom__rates__text {
    font-size: 1.1rem;
    margin-left: .25rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown {
    background-color: rgba(var(--main-color-w),1);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: .5rem .75rem;
    border-radius: .3rem;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-3__mains__flashs__flash__items__item__box__countdown {
        justify-content: center;
    }
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__name {
    font-size: 13px;
    color: #fff;
    margin-right: 1rem;
}

@media only screen and (max-width:50rem) {
    .w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__name {
        display: none;
    }
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items {
    display: flex;
    align-items: center;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items__ngay {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    margin-left: .5rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items__gio {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items__gio--2 {
    margin-left: .25rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items__phut {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    margin-left: .25rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items__phut--2 {
    margin-left: .25rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items__giay {
    display: flex;
    align-items: center;
    font-size: 13px;
    color: #fff;
    margin-left: .25rem;
}

.w77-productdetail-3__mains__flashs__flash__items__item__box__countdown__items__giay--2 {
    margin-left: .25rem;
}

.w77-productdetail-3__mains__flashs__flash__prev {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    left: -2.5rem;
    position: absolute;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__mains__flashs__flash__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productdetail-3__mains__flashs__flash__prev__icon {
    position: absolute;
    margin-left: 2rem;
}

.w77-productdetail-3__mains__flashs__flash__next {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -2.5rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__mains__flashs__flash__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productdetail-3__mains__flashs__flash__next__icon {
    margin-right: 2rem;
}

.w77-productdetail-3__mains__flashs__flash__dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    bottom: 2rem;
}

    .w77-productdetail-3__mains__flashs__flash__dots .ws1ChildDot {
        width: .75rem;
        height: .75rem;
        opacity: .7;
        background-color: rgba(var(--second-color-w),1);
        border-radius: 50%;
        cursor: pointer;
        margin: 0 .5rem;
    }

        .w77-productdetail-3__mains__flashs__flash__dots .ws1ChildDot.active {
            opacity: 1;
        }

.w77-productdetail-3__mains__faqs {
    margin-bottom: 1rem;
    background-color: #fff;
    padding: 1rem;
}

.w77-productdetail-3__mains__faqs__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.6rem;
    color: #333;
}

.w77-productdetail-3__mains__faqs__items {
}

.w77-productdetail-3__mains__faqs__items__item {
    margin-top: 1rem;
    border-top: solid 1px #dee2e6;
    padding-top: 1rem;
}

.w77-productdetail-3__mains__faqs__items__item__ck {
    display: none;
}

.w77-productdetail-3__mains__faqs__items__item__heading {
    position: relative;
    display: flex;
    align-items: flex-start;
    padding-right: 3rem;
}

.w77-productdetail-3__mains__faqs__items__item__heading__icon {
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    font-size: 18px;
    color: #ccc;
    margin-right: .5rem;
    margin-top: .3rem;
    transition: all .3s ease;
}

.w77-productdetail-3__mains__faqs__items__item__ck:checked ~
.w77-productdetail-3__mains__faqs__items__item__heading
.w77-productdetail-3__mains__faqs__items__item__heading__icon {
    color: rgba(var(--main-color-w),1);
}

.w77-productdetail-3__mains__faqs__items__item__heading__name {
    font-size: 14px;
    line-height: 22px;
    color: #333;
    width: calc(100% - 5rem);
    transition: all .3s ease;
}

.w77-productdetail-3__mains__faqs__items__item__ck:checked ~
.w77-productdetail-3__mains__faqs__items__item__heading
.w77-productdetail-3__mains__faqs__items__item__heading__name {
    font-weight: 600;
}

.w77-productdetail-3__mains__faqs__items__item__heading__lb {
    position: absolute;
    right: 1rem;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    background-color: #fff;
    color: #555;
    border: solid 1px #dee2e6;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.w77-productdetail-3__mains__faqs__items__item__heading__lb--1,
.w77-productdetail-3__mains__faqs__items__item__heading__lb--2 {
    position: absolute;
    transition: all .3s ease;
    position: absolute;
    width: 10px;
    height: 2px;
    background-color: #777;
}

.w77-productdetail-3__mains__faqs__items__item__heading__lb--2 {
    transform: rotate(-90deg);
}

.w77-productdetail-3__mains__faqs__items__item__ck:checked ~
.w77-productdetail-3__mains__faqs__items__item__heading
.w77-productdetail-3__mains__faqs__items__item__heading__lb
.w77-productdetail-3__mains__faqs__items__item__heading__lb--2 {
    transform: rotate(0deg);
}

.w77-productdetail-3__mains__faqs__items__item__heading__lb:hover {
    background-color: #f1f1f1;
}

.w77-productdetail-3__mains__faqs__items__item__text {
    margin-left: 3.25rem;
    transition: all .3s;
    max-height: 0;
    overflow: hidden;
}

.w77-productdetail-3__mains__faqs__items__item__ck:checked ~
.w77-productdetail-3__mains__faqs__items__item__text {
    max-height: 300vh;
    overflow: auto;
}

.w77-productdetail-3__mains__comments {
    margin-bottom: 1rem;
    background-color: #fff;
    padding: 1rem;
}

.w77-productdetail-3__mains__comments__name {
    font-size: 16px;
    font-weight: 600;
    line-height: 2.6rem;
    color: #333;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__comments__head {
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__comments__head__nx {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

@media only screen and (max-width: 37.5rem) {
    .w77-productdetail-3__mains__comments__head__nx {
    }
}

.w77-productdetail-3__mains__comments__head__nx__col {
    text-align: center;
}

@media only screen and (max-width: 37.5rem) {
    .w77-productdetail-3__mains__comments__head__nx__col {
    }
}

.w77-productdetail-3__mains__comments__head__nx__col__sao {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__comments__head__nx__col__sao__point {
    font-size: 16px;
    font-weight: 600;
    color: #999;
    width: 100%;
    text-align: center;
}

.w77-productdetail-3__mains__comments__head__nx__col__sao__point--1 {
    color: #333;
    font-size: 3rem;
}

.w77-productdetail-3__mains__comments__head__nx__col__sl {
    width: 100%;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__comments__head__nx__col__sl__stars__star {
    color: #ffb909;
    font-size: 1.8rem;
    margin-left: .25rem;
}

    .w77-productdetail-3__mains__comments__head__nx__col__sl__stars__star:first-child {
        margin-left: 0;
    }

.w77-productdetail-3__mains__comments__head__nx__col__text {
    line-height: 2.5rem;
    font-size: 14px;
    width: 100%;
    color: #747474;
}

.w77-productdetail-3__mains__comments__head__nx__col__title {
    font-size: 16px;
    line-height: 2.6rem;
    width: 100%;
    text-align: center;
    color: #333;
}

.w77-productdetail-3__mains__comments__head__nx__diem {
    margin-left: 4rem;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__mains__comments__head__nx__diem {
    }
}

@media only screen and (max-width: 37.5rem) {
    .w77-productdetail-3__mains__comments__head__nx__diem {
        margin-left: 2rem;
    }
}

.w77-productdetail-3__mains__comments__head__nx__diem__range {
    display: flex;
    margin-top: .75rem;
    margin-bottom: .75rem;
    align-items: center;
    font-size: 1.2rem;
    position: relative;
}

.w77-productdetail-3__mains__comments__head__nx__diem__range__number {
    margin-right: .5rem;
    color: #333;
    font-size: 14px;
}

.w77-productdetail-3__mains__comments__head__nx__diem__range__star {
    margin-right: 1rem;
    color: #757575;
}

.w77-productdetail-3__mains__comments__head__nx__diem__range__bar {
    width: 14rem;
    height: 12px;
    background-color: #e9e9e9;
    margin-right: 1rem;
    border-radius: 1rem;
    overflow: hidden;
    position: relative;
}

@media only screen and (max-width: 37.5rem) {
    .w77-productdetail-3__mains__comments__head__nx__diem__range__bar {
        width: 10rem;
    }
}

.w77-productdetail-3__mains__comments__head__nx__diem__range__bar__val {
    background-color: #ffb909;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
}

.w77-productdetail-3__mains__comments__head__nx__diem__range__vl {
    color: #999;
    font-size: 14px;
    color: #757575;
}

@media only screen and (max-width: 37.5rem) {
    .w77-productdetail-3__mains__comments__head__nx__diem__range__vl--2 {
        display: none;
    }
}

.w77-productdetail-3__mains__comments__line {
    width: 100%;
    margin-bottom: 2rem;
    height: 1px;
    background-color: #eee;
}

@media only screen and (max-width: 50rem) {
    .w77-productdetail-3__mains__comments__line {
        margin-bottom: .5rem;
    }
}

.w77-productdetail-3__mains__comments__main__stars {
    margin-bottom: 2rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
}

@media only screen and (max-width: 62.5rem) {
    .w77-productdetail-3__mains__comments__main__stars {
        justify-content: flex-start;
    }
}

.w77-productdetail-3__mains__comments__main__stars__name {
    font-size: 14px;
    line-height: 2.6rem;
    color: #333;
    margin-bottom: 1rem;
    position: absolute;
    left: 0;
}

@media only screen and (max-width: 62.5rem) {
    .w77-productdetail-3__mains__comments__main__stars__name {
        position: relative;
        left: auto;
    }
}

@media only screen and (max-width: 50rem) {
    .w77-productdetail-3__mains__comments__main__stars__name {
        width: 100%;
    }
}

.w77-productdetail-3__mains__comments__main__stars__items {
    display: flex;
    align-items: center;
}

@media only screen and (max-width: 50rem) {
    .w77-productdetail-3__mains__comments__main__stars__items {
        justify-content: center;
        width: 100%;
    }
}

.w77-productdetail-3__mains__comments__main__stars__items__item {
    margin-left: 1rem;
    text-align: center;
    cursor: pointer;
}

.w77-productdetail-3__mains__comments__main__stars__items__item__icon {
    color: #ffb909;
    font-size: 2rem;
    transition: all .3s ease;
}

.w77-productdetail-3__mains__comments__main__stars__items__item.active .w77-productdetail-3__mains__comments__main__stars__items__item__icon {
    color: #ff8d00;
}

.w77-productdetail-3__mains__comments__main__stars__items__item__name {
    color: #888;
    font-size: 14px;
    margin-top: .75rem;
}

.w77-productdetail-3__mains__comments__main__action {
    border: solid 1px #ddd;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__comments__main__action__noidung {
    padding: 1rem;
    position: relative;
    background-color: #fff;
    border-bottom: solid 1px #ddd;
}

.w77-productdetail-3__mains__comments__main__action__noidung__text {
    background-color: #fff;
    width: 100%;
    border: none;
    outline: none;
    color: #333;
    font-size: 14px;
    font-family: inherit;
}

.w77-productdetail-3__mains__comments__main__action__noidung__file {
    display: none;
}

.w77-productdetail-3__mains__comments__main__action__noidung__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__comments__main__action__noidung__lb:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__main__action__noidung__lb__bg {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-image: url(../../img/w77/photo-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: .5rem;
}

.w77-productdetail-3__mains__comments__main__action__noidung__lb__text {
    font-size: 14px;
    color: #0071c4;
}

.w77-productdetail-3__mains__comments__main__action__items {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 1rem 1rem 1rem;
    background-color: #f7f8f9;
}

.w77-productdetail-3__mains__comments__main__action__items__item {
    width: 100%;
    margin-bottom: .75rem
}

.w77-productdetail-3__mains__comments__main__action__items__item__input {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: .75rem 1rem;
    outline: none;
    border: 1px solid #eee;
    border-radius: 3px;
    width: 100%;
    font-family: inherit;
}

.w77-productdetail-3__mains__comments__main__action__items__lb {
    margin-bottom: .75rem;
    display: flex;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
}

.w77-productdetail-3__mains__comments__main__action__items__lb__icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 16px;
    margin-right: .5rem;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
}

.w77-productdetail-3__mains__comments__main__action__ck:checked ~
.w77-productdetail-3__mains__comments__main__action__items
.w77-productdetail-3__mains__comments__main__action__items__lb
.w77-productdetail-3__mains__comments__main__action__items__lb__icon:before {
    content: "\f00c";
}

.w77-productdetail-3__mains__comments__main__action__items__lb__name {
    width: calc(100% - 3rem);
    font-size: 14px;
    color: #333;
}

.w77-productdetail-3__mains__comments__main__action__items__btn {
    background-color: #0071c4;
    border: 1px solid #0071c4;
    user-select: none;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    padding: 0 20px;
    margin-top: 5px;
    margin-left: auto;
    font-size: 14px;
    opacity: .25;
    transition: all .3s ease;
    pointer-events: none;
    cursor: pointer;
}

.w77-productdetail-3__mains__comments__main__action__ck:checked ~
.w77-productdetail-3__mains__comments__main__action__items
.w77-productdetail-3__mains__comments__main__action__items__btn {
    pointer-events: initial;
    opacity: 1;
}

.w77-productdetail-3__mains__comments__main__action__ck {
    display: none;
}

.w77-productdetail-3__mains__comments__tabs {
    display: flex;
    align-items: flex-start;
    background-color: #fff;
    padding: 1rem 0;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__comments__tabs__item {
    color: #333;
    font-size: 14px;
    padding-bottom: .5rem;
    border-bottom: 2px solid #ddd;
    cursor: pointer;
}

    .w77-productdetail-3__mains__comments__tabs__item:not(:last-child) {
        margin-right: 14px;
    }

    .w77-productdetail-3__mains__comments__tabs__item.active {
        border-color: #da251c;
        font-weight: 600;
    }

.w77-productdetail-3__mains__comments__items {
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

    .w77-productdetail-3__mains__comments__items.active {
        flex-direction: column-reverse;
    }

.w77-productdetail-3__mains__comments__items__item {
    margin-top: 1rem;
    display: flex;
    width: 100%;
    align-items: flex-start;
}

.w77-productdetail-3__mains__comments__items__item__avt {
    width: 2.5rem;
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #b2b2b2;
    font-size: 16px;
    color: #fff;
    border-radius: 3px;
    margin-right: 1rem;
}

.w77-productdetail-3__mains__comments__items__item__box {
    width: calc(100% - 3.5rem);
}

.w77-productdetail-3__mains__comments__items__item__box__heading {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: .5rem;
    align-items: center;
}

.w77-productdetail-3__mains__comments__items__item__box__heading__name {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    margin-right: 1rem;
    font-size: 14px;
}

.w77-productdetail-3__mains__comments__items__item__box__heading__stars {
}

.w77-productdetail-3__mains__comments__items__item__box__heading__stars__star {
    display: inline-block;
    margin-right: .25rem;
    color: #ffb909;
    font-size: 1.2rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs {
}

.w77-productdetail-3__mains__comments__items__item__box__subs__ck {
    display: none;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__text {
    font-size: 14px;
    line-height: 2.6rem;
    color: #333;
    margin-bottom: .5rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__action {
    display: flex;
    align-items: center;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__action__reply {
    margin-right: 2.5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__action__reply:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__ck:checked ~
.w77-productdetail-3__mains__comments__items__item__box__subs__action
.w77-productdetail-3__mains__comments__items__item__box__subs__action__reply {
    text-decoration: underline;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__action__reply__name {
    font-size: 14px;
    color: #0071c4;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__action__like {
    margin-right: 2.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__action__like:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__action__like__icon {
    color: #333;
    font-size: 14px;
    margin-right: .5rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__action__like__count {
    color: #333;
    font-size: 14px;
    margin-right: 1rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__action__like__name {
    color: #0071c4;
    font-size: 14px;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__action__time {
    color: #b5b5b5;
    font-size: 14px;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi {
    overflow: hidden;
    max-height: 0;
    border-radius: 3px;
    transition: all .3s ease;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__ck:checked ~
.w77-productdetail-3__mains__comments__items__item__box__subs__traloi {
    max-height: 100vh;
    overflow: auto;
    border: solid 1px #ddd;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__noidung {
    padding: 1rem;
    position: relative;
    border-bottom: solid 1px #ddd;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__noidung__text {
    background-color: #fff;
    width: 100%;
    border: none;
    outline: none;
    color: #333;
    font-size: 14px;
    font-family: inherit;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__noidung__file {
    display: none;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__noidung__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__traloi__noidung__lb:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__noidung__lb__bg {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-image: url(../../img/w77/photo-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: .5rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__noidung__lb__text {
    font-size: 14px;
    color: #0071c4;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 1rem 1rem 1rem;
    background-color: #f7f8f9;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__item {
    width: 100%;
    margin-bottom: .75rem
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__item__input {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: .75rem 1rem;
    outline: none;
    border: 1px solid #eee;
    border-radius: 3px;
    width: 100%;
    font-family: inherit;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__lb {
    margin-bottom: .75rem;
    display: flex;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__lb__icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 16px;
    margin-right: .5rem;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__ck {
    display: none;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__traloi__ck:checked ~
    .w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items
    .w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__lb
    .w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__lb__icon:before {
        content: "\f00c";
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__lb__name {
    width: calc(100% - 3rem);
    font-size: 14px;
    color: #333;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__btn {
    background-color: #0071c4;
    border: 1px solid #0071c4;
    user-select: none;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    padding: 0 20px;
    margin-top: 5px;
    margin-left: auto;
    font-size: 14px;
    opacity: .25;
    transition: all .3s ease;
    pointer-events: none;
    cursor: pointer;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__ck:checked ~
.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items
.w77-productdetail-3__mains__comments__items__item__box__subs__traloi__items__btn {
    pointer-events: initial;
    opacity: 1;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply {
    background-color: #eee;
    border-radius: 3px;
    padding: 1rem;
    margin-top: 1rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__name {
    color: rgba(var(--main-color-w),1);
    font-size: 16px;
    font-weight: 600;
    line-height: 2.6rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__sub {
    font-size: 14px;
    color: #333;
    line-height: 2.6rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action {
    display: flex;
    align-items: center;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__reply {
    margin-right: 2.5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__reply:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__ck {
    display: none;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__ck:checked ~
    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__action
    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__reply {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__reply__name {
    font-size: 14px;
    color: #0071c4;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__like {
    margin-right: 2.5rem;
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__like:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__like__icon {
    color: #333;
    font-size: 14px;
    margin-right: .5rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__like__count {
    color: #333;
    font-size: 14px;
    margin-right: 1rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__like__name {
    color: #0071c4;
    font-size: 14px;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__action__time {
    color: #b5b5b5;
    font-size: 14px;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi {
    overflow: hidden;
    max-height: 0;
    border-radius: 3px;
    transition: all .3s ease;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__ck:checked ~
.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi {
    max-height: 100vh;
    overflow: auto;
    border: solid 1px #ddd;
    margin-bottom: 1rem;
    margin-top: 1rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__noidung {
    padding: 1rem;
    position: relative;
    background-color: #fff;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__noidung__text {
    background-color: #fff;
    width: 100%;
    border: none;
    outline: none;
    color: #333;
    font-size: 14px;
    font-family: inherit;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__noidung__file {
    display: none;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__noidung__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__noidung__lb:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__noidung__lb__bg {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-image: url(../../img/w77/photo-icon.png);
    background-position: center;
    background-repeat: no-repeat;
    margin-right: .5rem;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__noidung__lb__text {
    font-size: 14px;
    color: #0071c4;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items {
    display: flex;
    flex-wrap: wrap;
    padding: 1rem 1rem 1rem 1rem;
    background-color: #f7f8f9;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__item {
    width: 100%;
    margin-bottom: .75rem
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__item__input {
    background-color: #fff;
    color: #333;
    font-size: 14px;
    padding: .75rem 1rem;
    outline: none;
    border: 1px solid #eee;
    border-radius: 3px;
    width: 100%;
    font-family: inherit;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__lb {
    margin-bottom: .75rem;
    display: flex;
    align-items: flex-start;
    width: 100%;
    cursor: pointer;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__lb__icon {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 3px;
    font-size: 16px;
    margin-right: .5rem;
    background-color: #fff;
    font-family: "Font Awesome 5 Pro";
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__ck {
    display: none;
}

    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__ck:checked ~
    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items
    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__lb
    .w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__lb__icon:before {
        content: "\f00c";
    }

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__lb__name {
    width: calc(100% - 3rem);
    font-size: 14px;
    color: #333;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__btn {
    background-color: #0071c4;
    border: 1px solid #0071c4;
    user-select: none;
    border-radius: 3px;
    color: #fff;
    text-align: center;
    line-height: 28px;
    padding: 0 20px;
    margin-top: 5px;
    margin-left: auto;
    font-size: 14px;
    opacity: .25;
    transition: all .3s ease;
    pointer-events: none;
    cursor: pointer;
}

.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__ck:checked ~
.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items
.w77-productdetail-3__mains__comments__items__item__box__subs__reply__traloi__items__btn {
    pointer-events: initial;
    opacity: 1;
}

.w77-productdetail-3__mains__suggests {
    margin-bottom: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.w77-productdetail-3__mains__suggests__heading {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__suggests__heading__name {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 45px;
}

.w77-productdetail-3__mains__suggests__heading__name__bg {
    background: url(../../img/w77/prod-hot-a.png) no-repeat;
    height: 30px;
    width: 30px;
    background-position: center;
    background-size: 30px;
    left: 0;
    position: absolute;
}

.w77-productdetail-3__mains__suggests__heading__name__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 2.6rem;
    color: #333;
}

.w77-productdetail-3__mains__suggests__heading__btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 2.6rem;
    color: #333;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__suggests__heading__btn:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__suggests__heading__btn__icon {
    margin-left: .5rem;
}

.w77-productdetail-3__mains__suggests__flash {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    justify-content: center;
}

.w77-productdetail-3__mains__suggests__flash__items {
    padding: 1rem;
    display: flex;
    width: 100%;
    height: fit-content !important;
}

.w77-productdetail-3__mains__suggests__flash__items__item {
    width: 23.875%;
    margin-right: 1.5%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__mains__suggests__flash__items__item {
        width: 49.25%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__suggests__flash__items__item {
        width: 48.5%;
        margin-right: 3%;
    }
}

.w77-productdetail-3__mains__suggests__flash__items__item__box {
    background-color: #fff;
    padding: 1rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}

    .w77-productdetail-3__mains__suggests__flash__items__item__box:hover {
        border-color: rgba(238, 238, 238, 1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08);
    }

.w77-productdetail-3__mains__suggests__flash__items__item__sale {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 60px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../img/w77/tag-sale-8-3-cx.png);
    z-index: 2;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__status {
    position: absolute;
    background-color: #f90;
    color: #fff;
    font-size: 13px;
    top: 1.5rem;
    right: 1.5rem;
    text-align: center;
    padding: 5px 10px;
    border-radius: 2rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__status__name {
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__hinhanh__imgbox {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-productdetail-3__mains__suggests__flash__items__item__box__hinhanh__imgbox:hover {
        transform: scale(.9);
    }

.w77-productdetail-3__mains__suggests__flash__items__item__box__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__name {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__suggests__flash__items__item__box__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productdetail-3__mains__suggests__flash__items__item__box__gif {
    text-align: center;
    font-size: 13px;
    margin-bottom: 1rem;
    color: #999;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__gif__icon {
    display: inline;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__gif__name {
    display: inline;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: .5rem;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__price__sale {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: .5rem;
}


.w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__price__sub {
    font-size: 14px;
    text-decoration: line-through;
    color: #555;
    margin-bottom: .5rem;
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__rates {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__rates {
        width: 100%;
        justify-content: center;
    }
}

.w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__rates__rate {
    display: inline-block;
    font-size: 1rem;
    color: #ffb909;
}

    .w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__rates__rate:not(:first-child) {
        margin-left: .25rem;
    }

.w77-productdetail-3__mains__suggests__flash__items__item__box__bottom__rates__text {
    font-size: 1.1rem;
    margin-left: .25rem;
    color: #999;
}


.w77-productdetail-3__mains__suggests__flash__prev {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    left: -2.5rem;
    position: absolute;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__mains__suggests__flash__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productdetail-3__mains__suggests__flash__prev__icon {
    position: absolute;
    margin-left: 2rem;
}

.w77-productdetail-3__mains__suggests__flash__next {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -2.5rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__mains__suggests__flash__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productdetail-3__mains__suggests__flash__next__icon {
    margin-right: 2rem;
}

.w77-productdetail-3__mains__suggests__flash__dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    bottom: 2rem;
}

    .w77-productdetail-3__mains__suggests__flash__dots .ws1ChildDot {
        width: .75rem;
        height: .75rem;
        opacity: .7;
        background-color: rgba(var(--second-color-w),1);
        border-radius: 50%;
        cursor: pointer;
        margin: 0 .5rem;
    }

        .w77-productdetail-3__mains__suggests__flash__dots .ws1ChildDot.active {
            opacity: 1;
        }

.w77-productdetail-3__mains__relates {
    margin-bottom: 1rem;
    background-color: #fff;
    overflow: hidden;
}

.w77-productdetail-3__mains__relates__heading {
    display: flex;
    justify-content: space-between;
    padding: 1rem;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__relates__heading__name {
    position: relative;
    display: flex;
    align-items: center;
}

.w77-productdetail-3__mains__relates__heading__name__text {
    font-weight: 600;
    font-size: 16px;
    line-height: 2.6rem;
    color: #333;
}

.w77-productdetail-3__mains__relates__heading__btn {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 2.6rem;
    color: #333;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__relates__heading__btn:hover {
        text-decoration: underline;
    }

.w77-productdetail-3__mains__relates__heading__btn__icon {
    margin-left: .5rem;
}

.w77-productdetail-3__mains__relates__flash {
    display: flex;
    align-items: center;
    width: 100%;
    position: relative;
    justify-content: center;
}

.w77-productdetail-3__mains__relates__flash__items {
    padding: 1rem;
    display: flex;
    width: 100%;
    height: fit-content !important;
}

.w77-productdetail-3__mains__relates__flash__items__item {
    width: 23.875%;
    margin-right: 1.5%;
}

@media only screen and (max-width:62.5rem) {
    .w77-productdetail-3__mains__relates__flash__items__item {
        width: 49.25%;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__relates__flash__items__item {
        width: 48.5%;
        margin-right: 3%;
    }
}

.w77-productdetail-3__mains__relates__flash__items__item__box {
    background-color: #fff;
    padding: 1rem;
    border-radius: .5rem;
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
}

    .w77-productdetail-3__mains__relates__flash__items__item__box:hover {
        border-color: rgba(238, 238, 238, 1);
        box-shadow: 0 3px 10px 0 rgba(0, 0, 0, .08);
    }

.w77-productdetail-3__mains__relates__flash__items__item__sale {
    position: absolute;
    top: 14px;
    left: 14px;
    width: 60px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../../img/w77/tag-sale-8-3-cx.png);
    z-index: 2;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__status {
    position: absolute;
    background-color: #f90;
    color: #fff;
    font-size: 13px;
    top: 1.5rem;
    right: 1.5rem;
    text-align: center;
    padding: 5px 10px;
    border-radius: 2rem;
    z-index: 1;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__status__name {
}

.w77-productdetail-3__mains__relates__flash__items__item__box__hinhanh {
    display: block;
    overflow: hidden;
    border-radius: 3px;
    margin-bottom: 1rem;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__hinhanh__imgbox {
    width: 100%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-productdetail-3__mains__relates__flash__items__item__box__hinhanh__imgbox:hover {
        transform: scale(.9);
    }

.w77-productdetail-3__mains__relates__flash__items__item__box__hinhanh__imgbox__img {
    width: 100%;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__name {
    font-size: 14px;
    line-height: 20px;
    color: #333;
    font-weight: 400;
    margin-bottom: .5rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-productdetail-3__mains__relates__flash__items__item__box__name:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-productdetail-3__mains__relates__flash__items__item__box__gif {
    text-align: center;
    font-size: 13px;
    margin-bottom: 1rem;
    color: #999;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__gif__icon {
    display: inline;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__gif__name {
    display: inline;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__bottom__price {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-bottom: .5rem;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__bottom__price__sale {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 14px;
    margin-bottom: .5rem;
}

.w77-productdetail-3__mains__relates__flash__items__item__box__bottom__price__sub {
    font-size: 14px;
    text-decoration: line-through;
    color: #555;
    margin-bottom: .5rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__relates__flash__items__item__box__bottom__price__sub {
        font-size: 14px;
    }
}

.w77-productdetail-3__mains__relates__flash__items__item__box__bottom__rates {
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__mains__relates__flash__items__item__box__bottom__rates {
        width: 100%;
        justify-content: center;
    }
}

.w77-productdetail-3__mains__relates__flash__items__item__box__bottom__rates__rate {
    display: inline-block;
    font-size: 1rem;
    color: #ffb909;
}

    .w77-productdetail-3__mains__relates__flash__items__item__box__bottom__rates__rate:not(:first-child) {
        margin-left: .25rem;
    }

.w77-productdetail-3__mains__relates__flash__items__item__box__bottom__rates__text {
    font-size: 1.1rem;
    margin-left: .25rem;
    color: #999;
}


.w77-productdetail-3__mains__relates__flash__prev {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    left: -2.5rem;
    position: absolute;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__mains__relates__flash__prev:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productdetail-3__mains__relates__flash__prev__icon {
    position: absolute;
    margin-left: 2rem;
}

.w77-productdetail-3__mains__relates__flash__next {
    width: 5rem;
    height: 5rem;
    background-color: #f1f1f1;
    color: #fff;
    border-radius: 50%;
    position: absolute;
    right: -2.5rem;
    font-size: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
    opacity: .8;
}

    .w77-productdetail-3__mains__relates__flash__next:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
        opacity: 1;
    }

.w77-productdetail-3__mains__relates__flash__next__icon {
    margin-right: 2rem;
}

.w77-productdetail-3__mains__relates__flash__dots {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    padding: 0 1rem;
    bottom: 2rem;
}

    .w77-productdetail-3__mains__relates__flash__dots .ws1ChildDot {
        width: .75rem;
        height: .75rem;
        opacity: .7;
        background-color: rgba(var(--second-color-w),1);
        border-radius: 50%;
        cursor: pointer;
        margin: 0 .5rem;
    }

        .w77-productdetail-3__mains__relates__flash__dots .ws1ChildDot.active {
            opacity: 1;
        }

.w77-productdetail-3__bar {
    position: fixed;
    visibility: hidden;
    transition: all .3s ease;
    z-index: 0;
    left: 0;
    width: 100%;
    padding: .5rem 1rem;
    background-color: #fff;
    box-shadow: 1px 1px 1px 1px rgba(51,51,51,.25);
}

@media only screen and (min-width:37.5rem) {
    .w77-productdetail-3__bar {
        top: -100%;
    }

        .w77-productdetail-3__bar.active {
            visibility: visible;
            z-index: 3;
            top: 0;
        }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar {
        padding: 0;
        box-shadow: none;
        bottom: -100%;
    }

        .w77-productdetail-3__bar.active {
            visibility: visible;
            z-index: 3;
            bottom: 0;
        }
}

.w77-productdetail-3__bar__container {
    margin: 0 auto;
    width: 120rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-3__bar__container {
        width: 100%;
        justify-content: center;
    }
}

.w77-productdetail-3__bar__container__name {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-3__bar__container__name {
        display: none;
    }
}

.w77-productdetail-3__bar__container__name__text {
    font-size: 18px;
    line-height: 2.6rem;
    text-overflow: ellipsis;
    width: 40rem;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.w77-productdetail-3__bar__container__btns__price {
    color: #da251c;
    font-size: 20px;
    white-space: nowrap;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-3__bar__container__btns__price {
        display: none;
    }
}

.w77-productdetail-3__bar__container__btns {
    display: flex;
    align-items: center;
    margin-left: 1rem;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-3__bar__container__btns {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar__container__btns {
        width: 100%;
    }
}

.w77-productdetail-3__bar__container__btns__subs {
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar__container__btns__subs {
        width: 100%;
    }
}

.w77-productdetail-3__bar__container__btns__subs__item {
    margin-left: 1rem;
}

@media only screen and (max-width:75rem) {
    .w77-productdetail-3__bar__container__btns__subs__item {
        margin-left: 0;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar__container__btns__subs__item {
        width: 50%;
    }
}

.w77-productdetail-3__bar__container__btns__subs__item__box {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: rgba(218,37,28,1);
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    padding: 8px 5px 8px 45px;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar__container__btns__subs__item__box {
        border-radius: 0;
    }
}

.w77-productdetail-3__bar__container__btns__subs__item__box:hover {
    background-color: rgba(218,37,28,.9)
}

.w77-productdetail-3__bar__container__btns__subs__item__box__icon {
    width: 4.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-image: url(../../img/w77/dat-mua.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    position: absolute;
    left: 0;
    border-right: 1px solid rgba(255,255,255,.23);
}

.w77-productdetail-3__bar__container__btns__subs__item__box__content {
    text-align: center;
    color: #fff;
    width: 100%;
}

.w77-productdetail-3__bar__container__btns__subs__item__box__content__name {
    font-size: 20px;
    line-height: 20px;
    padding: 0 2rem;
    white-space: nowrap;
}

.w77-productdetail-3__bar__container__btns__sub {
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar__container__btns__sub {
        margin-left: 0;
        width: 50%;
    }
}

.w77-productdetail-3__bar__container__btns__sub__box {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: rgba(15,168,15,1);
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    padding: 8px 5px 8px 45px;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar__container__btns__sub__box {
        border-radius: 0;
    }
}

.w77-productdetail-3__bar__container__btns__sub__box:hover {
    background-color: rgba(15,168,15,.9)
}

.w77-productdetail-3__bar__container__btns__sub__box__icon {
    width: 4.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background-size: contain;
    background-image: url(../../img/w77/tu-van.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px;
    position: absolute;
    left: 0;
    border-right: 1px solid rgba(255,255,255,.23);
}

.w77-productdetail-3__bar__container__btns__sub__box__content {
    text-align: center;
    color: #fff;
    width: 100%;
}

.w77-productdetail-3__bar__container__btns__sub__box__content__name {
    font-size: 20px;
    line-height: 20px;
    padding: 0 2rem;
    white-space: nowrap;
}

.w77-productdetail-3__bar__container__btns__child {
    margin-left: 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-productdetail-3__bar__container__btns__child {
        display: none;
    }
}

.w77-productdetail-3__bar__container__btns__child__box {
    display: flex;
    width: 100%;
    align-items: center;
    background-color: rgba(246,205,0,1);
    transition: all .3s ease;
    overflow: hidden;
    border-radius: 5px;
    cursor: pointer;
    position: relative;
    padding: 2px 2rem 2px 2rem;
}

    .w77-productdetail-3__bar__container__btns__child__box:hover {
        background-color: rgba(246,205,0,.9)
    }

.w77-productdetail-3__bar__container__btns__child__box__content {
    text-align: center;
    color: #333;
    width: 100%;
}

.w77-productdetail-3__bar__container__btns__child__box__content__name {
    font-size: 16px;
    white-space: nowrap;
}

.w77-productdetail-3__bar__container__btns__child__box__content__sub {
    font-size: 1.2rem;
    white-space: nowrap;
}

.w77-productdetail-3__tableoct {
    width: 100%;
    padding: 0rem 0rem 0rem;
    margin-bottom: 2rem;
    margin-top: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w77-productdetail-3__tableoct {
        padding: 0rem 0rem 1rem;
    }
}

.w77-productdetail-3__tableoct__group {
    max-width: 120rem;
    margin: 0 auto;
    border: 1px solid #ccc;
    border-radius: .5rem;
    padding: .25rem 1rem;
    background-color: #fff;
}

.w77-productdetail-3__tableoct__cbcl:checked ~ .w77-productdetail-3__tableoct__clone {
    display: block;
}

.w77-productdetail-3__tableoct__cbcl {
    display: none;
}

.w77-productdetail-3__tableoct__checkbox {
    display: none;
}

    .w77-productdetail-3__tableoct__checkbox:checked ~ .w77-productdetail-3__tableoct__body {
        max-height: fit-content;
        overflow-y: scroll;
    }

.w77-productdetail-3__tableoct__clone {
    position: fixed;
    width: 100%;
    height: max-content;
    top: 0;
    left: 0;
    z-index: 4;
    display: none;
}

.w77-productdetail-3__tableoct__lbl {
    z-index: 2;
    top: 30%;
    position: fixed;
    right: 1rem;
    border: .1rem solid black;
    padding: .2rem .3rem;
    border-radius: .3rem;
    background-color: white;
    font-size: 2.5rem;
    cursor: pointer;
    display: none;
    box-shadow: 0 0 0.5rem 0.2rem #e4e4e4;
}

    .w77-productdetail-3__tableoct__lbl:hover {
        background: rgba(var(--main-color-w), 1);
        color: white;
        border: .1rem solid white;
    }

.w77-productdetail-3__tableoct__heading {
    width: 100%;
    justify-content: space-between;
    display: flex;
    align-items: center;
    padding: 1rem;
    cursor: pointer;
    border-radius: .3rem;
    border-bottom: dashed .1rem #ccc;
    margin-bottom: 1rem;
    cursor: pointer;
}

.w77-productdetail-3__tableoct__checkbox:checked ~
.w77-productdetail-3__tableoct__heading {
}

.w77-productdetail-3__tableoct__heading__title {
    display: flex;
}

.w77-productdetail-3__tableoct__heading__title__icon {
    font-size: 2.5rem;
    margin-right: .2rem;
    margin-top: .2rem;
    display: none;
}

.w77-productdetail-3__tableoct__heading__title__text {
    font-size: 16px;
    color: #333;
}

.w77-productdetail-3__tableoct__heading__icon {
    font-size: 14px;
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #f1f1f1;
}

.w77-productdetail-3__tableoct__checkbox:checked ~
.w77-productdetail-3__tableoct__heading
.w77-productdetail-3__tableoct__heading__icon:before {
    content: "\f142";
}

.w77-productdetail-3__tableoct__heading:hover {
    transition: all .2s ease-in-out;
}

.w77-productdetail-3__tableoct__body {
    height: max-content;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease-in;
}

    .w77-productdetail-3__tableoct__body::-webkit-scrollbar {
        width: .4rem;
    }

    .w77-productdetail-3__tableoct__body::-webkit-scrollbar-track {
        border-radius: .3rem;
    }

    .w77-productdetail-3__tableoct__body::-webkit-scrollbar-thumb {
        border-radius: .3rem;
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
    }

        .w77-productdetail-3__tableoct__body::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

.w77-productdetail-3__tableoct__body__ol {
    list-style: none;
}

.w77-productdetail-3__tableoct__body__ol__text {
    list-style: none;
    font-size: 14px;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
}

.w77-productdetail-3__tableoct__body__ol__text__vl {
    padding: .5rem 2rem .5rem 1rem;
}

.w77-productdetail-3__tableoct__body__ol > .w77-productdetail-3__tableoct__body__ol__text {
    font-size: 14px;
}

.w77-productdetail-3__tableoct__body__ol__text:hover .w77-productdetail-3__tableoct__body__ol--1__text {
}

    .w77-productdetail-3__tableoct__body__ol__text:hover .w77-productdetail-3__tableoct__body__ol--1__text:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w77-productdetail-3__tableoct__body__ol__text.active {
}

    .w77-productdetail-3__tableoct__body__ol__text.active .w77-productdetail-3__tableoct__body__ol--1__text {
    }

.w77-productdetail-3__tableoct__body__ol__text:hover {
    color: rgba(var(--second-color-w), 1);
}

    .w77-productdetail-3__tableoct__body__ol__text:hover .w77-productdetail-3__tableoct__body__ol__text__vl:hover {
        color: rgba(var(--second-color-w), 1);
    }

.w77-productdetail-3__tableoct__body__ol__text__vl {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
    color: #0071c4;
}

    .w77-productdetail-3__tableoct__body__ol__text__vl.active {
    }

.w77-productdetail-3__tableoct__body__ol__text__lbl.active {
    color: #fff;
}

.w77-productdetail-3__tableoct__body__ol__text__lbl {
    cursor: pointer;
    position: absolute;
    right: 0rem;
    top: .75rem;
    z-index: 1;
    color: #333;
    width: 3rem;
    height: 2rem;
    display: flex;
    justify-content: center;
    align-items: center;
}

.w77-productdetail-3__tableoct__body__ol__text__lbl__icon {
    font-weight: 400;
    transform: rotate(90deg);
}

.w77-productdetail-3__tableoct__body__ol--1__text > .w77-productdetail-3__tableoct__body__ol__text__lbl {
    left: 3.5rem;
}

    .w77-productdetail-3__tableoct__body__ol--1__text > .w77-productdetail-3__tableoct__body__ol__text__lbl.active {
        color: #fff;
    }

.w77-productdetail-3__tableoct__body__ol__text__cbx {
    display: none;
}

    .w77-productdetail-3__tableoct__body__ol__text__cbx:checked ~ .w77-productdetail-3__tableoct__body__ol--1 {
        display: block;
    }

    .w77-productdetail-3__tableoct__body__ol__text__cbx:checked ~ .w77-productdetail-3__tableoct__body__ol__text__lbl .w77-productdetail-3__tableoct__body__ol__text__lbl__icon {
        transform: rotate(-90deg);
        transition: all .2s ease;
    }

.w77-productdetail-3__tableoct__body__ol--1 {
    list-style: none;
    display: none;
    width: 100%;
}

.w77-productdetail-3__tableoct__body__ol--1__text {
    list-style: none;
    cursor: pointer;
    transition: all .2s;
    position: relative;
    z-index: 1;
    color: black;
    display: flex;
    align-items: center;
    font-size: 14px;
}

    .w77-productdetail-3__tableoct__body__ol--1__text:before {
        width: .5rem;
        height: .5rem;
        background-color: #ccc;
        border-radius: 50%;
        position: absolute;
        left: 2rem;
        content: "";
    }

    .w77-productdetail-3__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 4rem;
    }

ol > li > ol > .w77-productdetail-3__tableoct__body__ol--1__text {
}

ol ol ol .w77-productdetail-3__tableoct__body__ol--1__text {
}

    ol ol ol .w77-productdetail-3__tableoct__body__ol--1__text > a {
        padding: .5rem 1rem .5rem 6.5rem;
        position: relative;
    }

        ol ol ol .w77-productdetail-3__tableoct__body__ol--1__text > a.active {
        }

.w77-productdetail-3__tableoct__body__ol--1__text:hover {
    color: white;
}

.w77-productdetail-3__tableoct__body__ol--1__text > a {
    display: block;
    width: 100%;
    line-height: 2rem;
    position: relative;
    color: #0071c4;
}

    .w77-productdetail-3__tableoct__body__ol--1__text > a.active {
    }

        .w77-productdetail-3__tableoct__body__ol--1__text > a.active::after {
            max-width: 100%;
        }

/*ed*/
/*w77-blankpage*/
.w77-blankpage {
    background-color: #fff;
    z-index: 0;
    padding: 2rem 1rem 3rem;
}

.w77-blankpage__group {
    margin: 0 auto;
    width: 100%;
    max-width: 120rem;
}

.w77-blankpage__ck {
    display: none;
}

.w77-blankpage__mains {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 153rem;
}

@media only screen and (max-width:106.25rem) {
    .w77-blankpage__mains {
        width: 100%;
        flex-direction: column-reverse;
    }
}

.w77-blankpage__heading {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    position: sticky;
    top: 0rem;
    background-color: #fff;
    z-index: 2;
    padding: 1rem 0;
}

.w77-blankpage__heading__lb {
    font-size: 3rem;
    line-height: 4rem;
    font-weight: 600;
    margin-left: auto;
    display: flex;
    align-items: center;
    position: relative;
    padding-right: 4rem;
    cursor: pointer;
}

.w77-blankpage__heading__lb__name {
    font-size: 3rem;
    line-height: 4rem;
    color: rgba(var(--main-color-w),1);
    text-align: right;
}

.w77-blankpage__heading__lb__icon {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 2rem;
    background-color: #fff;
    color: rgba(var(--main-color-w),1);
    position: absolute;
    right: 0;
}

.w77-blankpage__heading__lb__icon__val {
    transition: all .3s ease;
    transform: rotate(135deg);
    transition: all .3s ease;
}

.w77-blankpage__ck:checked ~
.w77-blankpage__heading
.w77-blankpage__heading__lb
.w77-blankpage__heading__lb__icon
.w77-blankpage__heading__lb__icon__val {
    transform: rotate(0deg);
}

.w77-blankpage__mains__sub__des {
    width: 100%;
    text-align: right;
    margin-bottom: 1rem;
}

@media only screen and (max-width:106.25rem) {
    .w77-blankpage__mains__sub__des {
        text-align: left;
    }
}

.w77-blankpage__mains__des {
    background-color: #fff;
    width: 31.5rem;
    transition: all .2s;
}

@media only screen and (min-width:106.25rem) {
    .w77-blankpage__mains__des {
        -webkit-animation: key-w77-blankpage__mains__des__enable .3s;
        animation: key-w77-blankpage__mains__des__enable .3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards
    }

    @-webkit-keyframes key-w77-blankpage__mains__des__enable {
        0% {
            transform: translateY(5rem);
            opacity: 0;
        }

        100% {
            opacity: 1;
            transform: translateY(0rem);
        }
    }
}

@media only screen and (min-width:106.25rem) {
    .w77-blankpage__ck:checked ~
    .w77-blankpage__mains
    .w77-blankpage__mains__des {
        -webkit-animation: key-w77-blankpage__mains__des__show .3s;
        animation: key-w77-blankpage__mains__des__show .3s;
        animation-iteration-count: 1;
        animation-fill-mode: forwards
    }

    @-webkit-keyframes key-w77-blankpage__mains__des__show {
        0% {
            opacity: 1;
            transform: translateY(0rem);
        }

        100% {
            opacity: 0;
            transform: translateY(5rem);
        }
    }
}

@media only screen and (max-width:106.25rem) {
    .w77-blankpage__mains__des {
        max-height: 300vh;
        transition: all .5s ease;
        opacity: 1;
    }

    .w77-blankpage__ck:checked ~
    .w77-blankpage__mains
    .w77-blankpage__mains__des {
        max-height: 0;
        overflow: hidden;
        padding: 0;
        margin: 0;
        opacity: 0;
    }
}

@media only screen and (max-width:106.25rem) {
    .w77-blankpage__mains__des {
        width: 100%;
        margin-bottom: 1rem;
    }
}

.w77-blankpage__mains__des__container {
    position: sticky;
    top: 1rem;
}

.w77-blankpage__mains__des__container__text {
    height: 60vh;
    overflow-y: auto;
    border: solid 1px #f1f1f1;
    padding: 1rem;
    width: 100%;
    border-radius: .5rem;
}

@media only screen and (max-width:106.25rem) {
    .w77-blankpage__mains__des__container__text {
        height: fit-content;
        margin-top: 1rem;
    }
}

.w77-blankpage__mains__des__container__text::-webkit-scrollbar {
    width: .4rem;
}

.w77-blankpage__mains__des__container__text::-webkit-scrollbar-track {
    border-radius: .3rem;
}

.w77-blankpage__mains__des__container__text::-webkit-scrollbar-thumb {
    border-radius: .3rem;
    background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(200,200,200,1) 55%, rgba(200,200,200,0) 95%);
}

    .w77-blankpage__mains__des__container__text::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(200,200,200,1) 55%, rgba(255,255,255,0) 95%);
    }

.w77-blankpage__mains__sub {
    width: 120rem;
}

@media only screen and (max-width:106.25rem) {
    .w77-blankpage__mains__sub {
        width: 100%;
    }
}

/*ed*/
/*w77-checkout*/
.w77-checkout {
    padding: 3rem 1rem;
    background-color: #f7f8f9;
    width: 100%;
}

.w77-checkout__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
}

.w77-checkout__mains {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

@media only screen and (max-width:62.5rem) {
    .w77-checkout__mains {
        flex-direction: column-reverse;
    }
}

.w77-checkout__mains__first {
    width: 49%;
    background-color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w77-checkout__mains__first {
        width: 100%;
    }
}

.w77-checkout__mains__first__heading {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    background-color: #fbfbfb;
}

.w77-checkout__mains__first__heading__icon {
    margin-right: .5rem;
    font-size: 1.4rem;
    margin-top: 1px;
}

.w77-checkout__mains__first__heading__name {
    font-size: 1.4rem;
    color: #333;
    font-weight: 600;
}

.w77-checkout__mains__first__line {
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.w77-checkout__mains__first__main {
    background-color: #fff;
    padding: 1rem;
}

.w77-checkout__mains__first__main__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
}

.w77-checkout__mains__first__main__items__item {
    width: 48.5%;
    margin-left: 3%;
    margin-bottom: 1rem;
}

    .w77-checkout__mains__first__main__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w77-checkout__mains__first__main__items__item__name {
    margin-bottom: 5px;
}

.w77-checkout__mains__first__main__items__item__name__text {
    font-size: 1.3rem;
    color: #333;
    font-weight: 600;
    display: inline;
}

.w77-checkout__mains__first__main__items__item__name__sub {
    color: red;
    font-size: 1.2rem;
    display: inline;
    margin-left: .5rem;
}

.w77-checkout__mains__first__main__items__item__input {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    font-size: 1.3rem;
    width: 100%;
}

    .w77-checkout__mains__first__main__items__item__input.is-lock {
        pointer-events: none;
    }

.w77-checkout__mains__first__main__address {
    margin-bottom: 1rem;
}

.w77-checkout__mains__first__main__address__name {
    margin-bottom: 5px;
}

.w77-checkout__mains__first__main__address__name__text {
    font-size: 1.3rem;
    color: #333;
    display: inline;
    font-weight: 600;
}

.w77-checkout__mains__first__main__address__name__sub {
    color: red;
    font-size: 1.2rem;
    display: inline;
    margin-left: .5rem;
}

.w77-checkout__mains__first__main__address__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w77-checkout__mains__first__main__address__items__item {
    width: 49%;
    margin-left: 2%;
    position: relative;
    margin-bottom: 1rem;
}

    .w77-checkout__mains__first__main__address__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__address__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w77-checkout__mains__first__main__address__items__item__lb {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    padding: .5rem 2rem .5rem .5rem;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.3rem;
    width: 100%;
    color: #1f202a;
    cursor: pointer;
}

.w77-checkout__mains__first__main__address__items__item__lb__name {
}

.w77-checkout__mains__first__main__address__items__item__lb__icon {
    position: absolute;
    right: .75rem;
}

.w77-checkout__mains__first__main__address__items__item__ck:checked ~
.w77-checkout__mains__first__main__address__items__item__lb
.w77-checkout__mains__first__main__address__items__item__lb__icon {
    transform: rotate(-180deg);
}

.w77-checkout__mains__first__main__address__items__item__ck {
    display: none;
}

.w77-checkout__mains__first__main__address__items__item__drops {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    width: max-content;
    z-index: 2;
    transition: all .3s ease;
}

@media only screen and (min-width:37.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops {
        min-width: 230px;
        top: 5rem;
    }

    .w77-checkout__mains__first__main__address__items__item__ck:checked ~
    .w77-checkout__mains__first__main__address__items__item__drops {
        top: calc(100% + 5px);
        visibility: visible;
        pointer-events: initial;
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        padding: 4rem 1.5rem;
        background-color: rgba(0,0,0,.5);
    }

    .w77-checkout__mains__first__main__address__items__item__ck:checked ~
    .w77-checkout__mains__first__main__address__items__item__drops {
        visibility: visible;
        pointer-events: initial;
        opacity: 1;
    }
}

.w77-checkout__mains__first__main__address__items__item__drops__box {
    box-shadow: 0 2px 9px rgba(0, 0, 0, .35);
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
    background: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops__box {
        height: 100%;
    }
}

.w77-checkout__mains__first__main__address__items__item__drops__box__heading {
    display: none;
    flex-wrap: wrap;
    padding: 1rem 1rem 0 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width:62.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops__box {
        background-color: rgba(255,255,255,.96);
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops__box__heading {
        display: flex;
    }
}

.w77-checkout__mains__first__main__address__items__item__drops__box__heading__name {
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.w77-checkout__mains__first__main__address__items__item__drops__box__heading__lb {
    display: flex;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s ease;
    color: #333;
}

    .w77-checkout__mains__first__main__address__items__item__drops__box__heading__lb:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-checkout__mains__first__main__address__items__item__drops__box__heading__lb__name {
    font-weight: 600;
}

.w77-checkout__mains__first__main__address__items__item__drops__box__heading__lb__icon {
    margin-right: .5rem;
    transform: rotate(-45deg);
}

.w77-checkout__mains__first__main__address__items__item__drops__box__search {
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops__box__search {
        padding: 1rem 1rem .5rem;
    }
}

.w77-checkout__mains__first__main__address__items__item__drops__box__search__input {
    font-size: 14px;
    font-family: inherit;
    width: 100%;
    color: #1f202a;
    border: none;
    border-bottom: 1px solid #eaeaea;
    outline: none;
    border-radius: 0;
    padding: 1rem 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops__box__search__input {
        padding: .5rem 1rem;
    }
}

.w77-checkout__mains__first__main__address__items__item__drops__box__search__close {
    color: red;
    font-size: 1.2rem;
    position: absolute;
    right: 1rem;
    cursor: pointer;
    transition: all .3s ease;
    visibility: hidden;
}

    .w77-checkout__mains__first__main__address__items__item__drops__box__search__close:hover {
        transform: rotate(135deg);
    }

    .w77-checkout__mains__first__main__address__items__item__drops__box__search__close.active {
        visibility: visible;
    }

.w77-checkout__mains__first__main__address__items__item__drops__box__items {
    height: 20rem;
    overflow-y: scroll;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__address__items__item__drops__box__items {
        height: 89%;
    }
}

.w77-checkout__mains__first__main__address__items__item__drops__box__items::-webkit-scrollbar {
    width: 9px;
}

.w77-checkout__mains__first__main__address__items__item__drops__box__items::-webkit-scrollbar-track {
    border-radius: 9px;
}

.w77-checkout__mains__first__main__address__items__item__drops__box__items::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background-color: #eee;
    transition: all .3s ease;
}

    .w77-checkout__mains__first__main__address__items__item__drops__box__items::-webkit-scrollbar-thumb:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w77-checkout__mains__first__main__address__items__item__drops__box__items__item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.25rem 1rem 1.25rem 3rem;
    cursor: pointer;
    transition: all .3s ease;
    color: #1f202a;
    border-bottom: solid 1px #eee;
}

    .w77-checkout__mains__first__main__address__items__item__drops__box__items__item:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w77-checkout__mains__first__main__address__items__item__drops__box__items__item.active {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w77-checkout__mains__first__main__address__items__item__drops__box__items__item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 1rem;
    height: 100%;
}

.w77-checkout__mains__first__main__address__items__item__drops__box__items__item__icon__val {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    border-radius: 100%;
    box-sizing: border-box;
    background-color: #fff;
}

.w77-checkout__mains__first__main__address__items__item__drops__box__items__item__name {
    font-size: 1.3rem;
}

.w77-checkout__mains__first__main__address__add {
}

.w77-checkout__mains__first__main__address__add__input {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    font-size: 1.4rem;
    width: 100%;
    font-family: inherit;
}

.w77-checkout__mains__first__main__client {
    margin-bottom: 1rem;
}

.w77-checkout__mains__first__main__client__ck {
    display: none;
}

.w77-checkout__mains__first__main__client__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 2rem;
}

.w77-checkout__mains__first__main__client__lb__icon {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    color: #363839;
    border: 1px solid #333;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    position: absolute;
    left: 0;
    transition: all .3s ease;
}

.w77-checkout__mains__first__main__client__ck:checked ~
.w77-checkout__mains__first__main__client__lb
.w77-checkout__mains__first__main__client__lb__icon {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-color: rgba(var(--main-color-w),1);
}

    .w77-checkout__mains__first__main__client__ck:checked ~
    .w77-checkout__mains__first__main__client__lb
    .w77-checkout__mains__first__main__client__lb__icon:before {
        content: "\f00c";
    }

.w77-checkout__mains__first__main__client__lb__name {
    font-size: 13px;
    color: #333;
}

.w77-checkout__mains__first__main__client__address {
    max-height: 0;
    visibility: hidden;
    margin: 0;
    padding: 0;
    transition: all .3s ease;
}

.w77-checkout__mains__first__main__client__ck:checked ~
.w77-checkout__mains__first__main__client__address {
    margin-bottom: 1rem;
    margin-bottom: 5px;
    max-height: 300vh;
    visibility: visible;
}

.w77-checkout__mains__first__main__client__address__subs {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
}

.w77-checkout__mains__first__main__client__address__subs__item {
    width: 48.5%;
    margin-left: 3%;
    margin-bottom: 1rem;
}

    .w77-checkout__mains__first__main__client__address__subs__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w77-checkout__mains__first__main__client__address__subs__item__name {
    margin-bottom: 5px;
}

.w77-checkout__mains__first__main__client__address__subs__item__name__text {
    font-size: 1.3rem;
    color: #333;
    font-weight: 600;
    display: inline;
}

.w77-checkout__mains__first__main__client__address__subs__item__name__sub {
    color: red;
    font-size: 1.2rem;
    display: inline;
    margin-left: .5rem;
}

.w77-checkout__mains__first__main__client__address__subs__item__input {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    font-size: 1.3rem;
    width: 100%;
}

    .w77-checkout__mains__first__main__client__address__subs__item__input.is-lock {
        pointer-events: none;
    }

.w77-checkout__mains__first__main__client__address__name {
    margin-bottom: 5px;
}

.w77-checkout__mains__first__main__client__address__name__text {
    font-size: 1.4rem;
    color: #333;
    display: inline;
    font-weight: 600;
}

.w77-checkout__mains__first__main__client__address__name__sub {
    color: red;
    font-size: 1.2rem;
    display: inline;
}

.w77-checkout__mains__first__main__client__address__items {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w77-checkout__mains__first__main__client__address__items__item {
    width: 49%;
    margin-left: 2%;
    position: relative;
    margin-bottom: 1rem;
}

    .w77-checkout__mains__first__main__client__address__items__item:nth-child(2n+1) {
        margin-left: 0;
    }

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w77-checkout__mains__first__main__client__address__items__item__lb {
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    padding: .5rem 2rem .5rem .5rem;
    display: flex;
    align-items: center;
    position: relative;
    font-size: 1.3rem;
    width: 100%;
    color: #1f202a;
    cursor: pointer;
}

.w77-checkout__mains__first__main__client__address__items__item__lb__name {
}

.w77-checkout__mains__first__main__client__address__items__item__lb__icon {
    position: absolute;
    right: .75rem;
}

.w77-checkout__mains__first__main__client__address__items__item__ck:checked ~
.w77-checkout__mains__first__main__client__address__items__item__lb
.w77-checkout__mains__first__main__client__address__items__item__lb__icon {
    transform: rotate(-180deg);
}

.w77-checkout__mains__first__main__client__address__items__item__ck {
    display: none;
}

.w77-checkout__mains__first__main__client__address__items__item__drops {
    position: absolute;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    width: max-content;
    z-index: 2;
    transition: all .3s ease;
}

@media only screen and (min-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops {
        min-width: 230px;
        top: 5rem;
    }

    .w77-checkout__mains__first__main__client__address__items__item__ck:checked ~
    .w77-checkout__mains__first__main__client__address__items__item__drops {
        top: calc(100% + 5px);
        visibility: visible;
        pointer-events: initial;
        opacity: 1;
    }
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops {
        width: 100%;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        padding: 4rem 1.5rem;
        background-color: rgba(0,0,0,.5);
    }

    .w77-checkout__mains__first__main__client__address__items__item__ck:checked ~
    .w77-checkout__mains__first__main__client__address__items__item__drops {
        visibility: visible;
        pointer-events: initial;
        opacity: 1;
    }
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box {
    box-shadow: 0 2px 9px rgba(0, 0, 0, .35);
    overflow: hidden;
    border-radius: 3px;
    width: 100%;
    background: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops__box {
        height: 100%;
    }
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__heading {
    display: none;
    flex-wrap: wrap;
    padding: 1rem 1rem 0 1rem;
    align-items: flex-start;
    justify-content: space-between;
}

@media only screen and (max-width:62.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops__box {
        background-color: rgba(255,255,255,.96);
    }
}

@media only screen and (max-width:62.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops__box__heading {
        display: flex;
    }
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__heading__name {
    font-weight: 600;
    font-size: 15px;
    color: #333;
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__heading__lb {
    display: flex;
    align-items: center;
    font-size: 15px;
    cursor: pointer;
    transition: all .3s ease;
    color: #333;
}

    .w77-checkout__mains__first__main__client__address__items__item__drops__box__heading__lb:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-checkout__mains__first__main__client__address__items__item__drops__box__heading__lb__name {
    font-weight: 600;
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__heading__lb__icon {
    margin-right: .5rem;
    transform: rotate(-45deg);
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__search {
    position: relative;
    display: flex;
    align-items: center;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops__box__search {
        padding: 1rem 1rem .5rem;
    }
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__search__input {
    font-size: 14px;
    font-family: inherit;
    width: 100%;
    color: #1f202a;
    border: none;
    border-bottom: 1px solid #eaeaea;
    outline: none;
    border-radius: 0;
    padding: 1rem 1rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops__box__search__input {
        padding: .5rem 1rem;
    }
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__search__close {
    color: red;
    font-size: 1.2rem;
    position: absolute;
    right: 1rem;
    cursor: pointer;
    transition: all .3s ease;
    visibility: hidden;
}

    .w77-checkout__mains__first__main__client__address__items__item__drops__box__search__close:hover {
        transform: rotate(135deg);
    }

    .w77-checkout__mains__first__main__client__address__items__item__drops__box__search__close.active {
        visibility: visible;
    }

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items {
    height: 20rem;
    overflow-y: scroll;
    padding-top: .5rem;
    padding-bottom: .5rem;
    background-color: #fff;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops__box__items {
        height: 89%;
    }
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items::-webkit-scrollbar {
    width: 9px;
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items::-webkit-scrollbar-track {
    border-radius: 9px;
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items::-webkit-scrollbar-thumb {
    border-radius: 9px;
    background-color: #eee;
    transition: all .3s ease;
}

    .w77-checkout__mains__first__main__client__address__items__item__drops__box__items::-webkit-scrollbar-thumb:hover {
        background-color: rgba(var(--main-color-w),1);
    }

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items__item {
    display: flex;
    align-items: center;
    position: relative;
    padding: 1.25rem 1rem 1.25rem 3rem;
    cursor: pointer;
    transition: all .3s ease;
    color: #1f202a;
    border-bottom: solid 1px #eee;
}

    .w77-checkout__mains__first__main__client__address__items__item__drops__box__items__item:hover {
        background-color: rgba(var(--second-color-w),1);
        color: #fff;
    }

    .w77-checkout__mains__first__main__client__address__items__item__drops__box__items__item.active {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items__item__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 1rem;
    height: 100%;
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items__item__icon__val {
    width: 10px;
    height: 10px;
    border: 1px solid #ccc;
    display: inline-block;
    margin-right: 10px;
    border-radius: 100%;
    box-sizing: border-box;
}

.w77-checkout__mains__first__main__client__address__items__item__drops__box__items__item__name {
    font-size: 1.4rem;
}

@media only screen and (max-width:37.5rem) {
    .w77-checkout__mains__first__main__client__address__items__item__drops__box__items__item__name {
        font-size: 1.3rem;
    }
}

.w77-checkout__mains__first__main__client__address__add {
}

.w77-checkout__mains__first__main__client__address__add__input {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    font-size: 1.4rem;
    width: 100%;
}

.w77-checkout__mains__first__main__thanhtoan {
    margin-bottom: 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__heading {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__heading__icon {
    margin-right: .5rem;
    font-size: 1.4rem;
    margin-top: 1px;
}

.w77-checkout__mains__first__main__thanhtoan__heading__name {
}

.w77-checkout__mains__first__main__thanhtoan__heading__name--1 {
    font-size: 1.4rem;
    color: #333;
    font-weight: 600;
}

.w77-checkout__mains__first__main__thanhtoan__heading__name--2 {
    font-size: 1.3rem;
    color: #333;
}

.w77-checkout__mains__first__main__thanhtoan__heading__name--3 {
    font-size: 1.3rem;
    color: red;
}

.w77-checkout__mains__first__main__thanhtoan__items {
    border: solid 1px #eee;
    border-radius: 3px;
}

.w77-checkout__mains__first__main__thanhtoan__items__item:not(:last-child) {
    border-bottom: solid 1px #eee;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__lb {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    cursor: pointer;
    padding: 1rem 1rem 1rem 3.25rem;
    color: #1f202a;
    transition: all .3s ease;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck:not(:checked) ~
.w77-checkout__mains__first__main__thanhtoan__items__item__lb:hover {
    background-color: #eae9e9;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck {
    display: none;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__lb__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 1rem;
    top: 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__lb__icon__val {
    width: 14px;
    height: 14px;
    border: 3px solid #aaa;
    display: inline-block;
    border-radius: 100%;
    box-sizing: border-box;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck:checked ~
.w77-checkout__mains__first__main__thanhtoan__items__item__lb
.w77-checkout__mains__first__main__thanhtoan__items__item__lb__icon
.w77-checkout__mains__first__main__thanhtoan__items__item__lb__icon__val {
    background: #19abe0;
    border-radius: 100%;
    border: solid 2px #fff;
    box-shadow: 0 0 0 2px #19abe0;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__lb__name {
    font-size: 1.4rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__lb__des {
    display: none;
    margin-top: .5rem;
    font-size: 13px;
    color: #aaa;
    transition: color .5s;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck:checked ~
.w77-checkout__mains__first__main__thanhtoan__items__item__lb
.w77-checkout__mains__first__main__thanhtoan__items__item__lb__des {
    display: block;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__noidung {
    background-color: #eee;
    border-radius: 3px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    padding: 0;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck:checked ~
.w77-checkout__mains__first__main__thanhtoan__items__item__noidung {
    max-height: 300vh;
    overflow: auto;
    padding: 1rem 1rem .5rem 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang {
    background-color: #eee;
    border-radius: 3px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    padding: 0;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck:checked ~
.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang {
    max-height: 300vh;
    overflow: auto;
    padding: 1rem 1rem .5rem 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__banks {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__banks__bank {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1rem;
    cursor: pointer;
    background-color: #fff;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
}

    .w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__banks__bank:nth-child(3n+1) {
        margin-left: 0;
    }

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__banks__bank__imgbox {
    background-size: contain;
    background-position: center;
    height: 2.5rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__banks__bank__imgbox__img {
    width: 100%;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__trasau {
    background-color: #eee;
    border-radius: 3px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    padding: 0;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck:checked ~
.w77-checkout__mains__first__main__thanhtoan__items__item__trasau {
    max-height: 300vh;
    overflow: auto;
    padding: 1rem 1rem .5rem 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__trasau__banks {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__trasau__banks__bank {
    width: 32%;
    margin-left: 2%;
    margin-bottom: 1rem;
    background-color: #fff;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
    cursor: pointer;
}

    .w77-checkout__mains__first__main__thanhtoan__items__item__trasau__banks__bank:nth-child(3n+1) {
        margin-left: 0;
    }

.w77-checkout__mains__first__main__thanhtoan__items__item__trasau__banks__bank__imgbox {
    background-size: contain;
    background-position: center;
    height: 2.5rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__trasau__banks__bank__imgbox__img {
    width: 100%;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__qr {
    background-color: #eee;
    border-radius: 3px;
    max-height: 0;
    overflow: hidden;
    transition: all .3s ease;
    padding: 0;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__ck:checked ~
.w77-checkout__mains__first__main__thanhtoan__items__item__qr {
    max-height: 300vh;
    overflow: auto;
    padding: 1rem 1rem .5rem 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__qr__childs__child {
    display: flex;
    font-size: 16px;
    margin-bottom: 1rem;
    flex-wrap: wrap;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__qr__childs__child__name {
    margin-right: 1rem;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__qr__childs__child__val {
}

.w77-checkout__mains__first__main__thanhtoan__items__item__qr__banks {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__qr__banks__bank {
    width: 49%;
    margin-left: 2%;
    margin-bottom: 1rem;
    background-color: #fff;
    padding: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 3px;
}

    .w77-checkout__mains__first__main__thanhtoan__items__item__qr__banks__bank:nth-child(2n+1) {
        margin-left: 0;
    }

.w77-checkout__mains__first__main__thanhtoan__items__item__qr__banks__bank__imgbox {
    background-size: contain;
    background-position: center;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__qr__banks__bank__imgbox__img {
    width: 100%;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type:not(:last-child) {
    border-bottom: 1px dashed #ccc;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    padding: 1rem 1rem 1rem 3rem;
    color: #1f202a;
    transition: all .3s ease;
}

    .w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb:hover {
    }

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__ck {
    display: none;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 1rem;
    height: 100%;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb__icon__val {
    width: 12px;
    height: 12px;
    background: #fff;
    border-radius: 100%;
    border: solid 1px #aaa;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__ck:checked ~
.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb
.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb__icon
.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb__icon__val {
    background: #19abe0;
    border-radius: 100%;
    border: solid 2px #fff;
    box-shadow: 0 0 0 1px #19abe0;
    width: 13px;
    height: 13px;
}

.w77-checkout__mains__first__main__thanhtoan__items__item__nganhang__types__type__lb__name {
    font-size: 1.4rem;
}

.w77-checkout__mains__first__main__actions {
    margin-top: 1.5rem;
}

.w77-checkout__mains__first__main__actions__item {
    margin-bottom: .5rem;
}

.w77-checkout__mains__first__main__actions__item__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 1rem;
    position: relative;
    padding-left: 2rem;
}

.w77-checkout__mains__first__main__actions__item__lb__icon {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    color: #363839;
    border: 1px solid #333;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    position: absolute;
    left: 0;
    transition: all .3s ease;
}

.w77-checkout__mains__first__main__actions__item__ck {
    display: none;
}

    .w77-checkout__mains__first__main__actions__item__ck:checked ~
    .w77-checkout__mains__first__main__actions__item__lb
    .w77-checkout__mains__first__main__actions__item__lb__icon {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        border-color: rgba(var(--main-color-w),1);
    }

        .w77-checkout__mains__first__main__actions__item__ck:checked ~
        .w77-checkout__mains__first__main__actions__item__lb
        .w77-checkout__mains__first__main__actions__item__lb__icon:before {
            content: "\f00c";
        }

.w77-checkout__mains__first__main__actions__item__lb__name {
    font-size: 14px;
    color: #333;
}

.w77-checkout__mains__first__main__actions__item__subs {
    max-height: 0;
    overflow: hidden;
    padding: 0;
    margin: 0;
    transition: all .3s ease;
}

.w77-checkout__mains__first__main__actions__item__ck:checked ~
.w77-checkout__mains__first__main__actions__item__subs {
    max-height: 300vh;
    overflow: auto;
}

.w77-checkout__mains__first__main__actions__item__subs__sub {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1rem;
    align-items: center;
    justify-content: space-between;
}

.w77-checkout__mains__first__main__actions__item__subs__sub__name {
    font-size: 1.4rem;
    width: 120px;
    color: #333;
}

.w77-checkout__mains__first__main__actions__item__subs__sub__input {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    font-size: 1.3rem;
    width: calc(100% - 135px);
    font-family: inherit;
}

.w77-checkout__mains__first__main__actions__item__subs__sub__text {
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    font-size: 1.3rem;
    width: 100%;
    font-family: inherit;
}

.w77-checkout__mains__first__main__actions__item__des {
    font-size: 14px;
    line-height: 23px;
    color: #333;
    display: block;
    margin-bottom: 1rem;
}

.w77-checkout__mains__first__main__mes {
    margin-bottom: 1rem;
}

.w77-checkout__mains__first__main__mes__input {
    padding: 8px;
    border: 1px solid #d1d1d1;
    outline: none;
    font-family: inherit;
    box-sizing: border-box;
    transition: all .5s;
    transform-origin: left top;
    cursor: text;
    overflow: hidden;
    border-width: 1.14px;
    border-radius: 3.42px;
    font-size: 15px;
    width: 100%;
}

.w77-checkout__mains__first__main__btns {
    margin-bottom: 1rem;
    display: flex;
    justify-content: center;
    margin: 1rem auto 0;
    width: fit-content;
    max-width: 100%;
    cursor: not-allowed;
}

.w77-checkout__mains__first__main__ckdieukhoans:checked ~
.w77-checkout__mains__first__main__btns {
    cursor: pointer;
}

.w77-checkout__mains__first__main__btns__btn {
    display: flex;
    align-items: center;
    line-height: 40px;
    font-size: 16px;
    text-align: center;
    border-radius: 3px;
    background: #0fa80f;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    padding-left: 2rem;
    padding-right: 2rem;
    pointer-events: none;
    filter: brightness(.8);
}

.w77-checkout__mains__first__main__ckdieukhoans:checked ~
.w77-checkout__mains__first__main__btns
.w77-checkout__mains__first__main__btns__btn {
    pointer-events: initial;
    filter: brightness(1);
}

.w77-checkout__mains__first__main__btns__btn:hover {
    text-decoration: underline;
}

.w77-checkout__mains__first__main__btns__btn__icon {
    margin-right: 1rem;
}

.w77-checkout__mains__first__main__dieukhoans__item {
    margin-bottom: .5rem;
    margin-top: 1.5rem;
    padding: 1rem;
    background-color: #f1f1f1;
    border-radius: .3rem;
}
    .w77-checkout__mains__first__main__dieukhoans__item.active {
        -webkit-animation: key-77-checkout__mains__first__main__dieukhoans__item 1s infinite;
        animation: key-77-checkout__mains__first__main__dieukhoans__item 1s infinite;
    }

@-webkit-keyframes key-77-checkout__mains__first__main__dieukhoans__item {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-.5rem);
    }

    100% {
        transform: rotate(0);
    }
}

.w77-checkout__mains__first__main__ckdieukhoans:checked ~
.w77-checkout__mains__first__main__dieukhoans
.w77-checkout__mains__first__main__dieukhoans__item {
    animation: none;
}
.w77-checkout__mains__first__main__dieukhoans__item__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    position: relative;
    padding-left: 2rem;
}

.w77-checkout__mains__first__main__dieukhoans__item__lb__icon {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    color: #363839;
    border: 1px solid #333;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    position: absolute;
    left: 0;
    transition: all .3s ease;
}

.w77-checkout__mains__first__main__ckdieukhoans {
    display: none;
}

    .w77-checkout__mains__first__main__ckdieukhoans:checked ~
    .w77-checkout__mains__first__main__dieukhoans
    .w77-checkout__mains__first__main__dieukhoans__item
    .w77-checkout__mains__first__main__dieukhoans__item__lb
    .w77-checkout__mains__first__main__dieukhoans__item__lb__icon {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
        border-color: rgba(var(--main-color-w),1);
    }

        .w77-checkout__mains__first__main__ckdieukhoans:checked ~
        .w77-checkout__mains__first__main__dieukhoans
        .w77-checkout__mains__first__main__dieukhoans__item
        .w77-checkout__mains__first__main__dieukhoans__item__lb
        .w77-checkout__mains__first__main__dieukhoans__item__lb__icon:before {
            content: "\f00c";
        }

.w77-checkout__mains__first__main__dieukhoans__item__lb__name {
    font-size: 14px;
    color: #333;
}

.w77-checkout__mains__second {
    width: 49%;
    background-color: #fff;
}

@media only screen and (max-width:62.5rem) {
    .w77-checkout__mains__second {
        width: 100%;
    }
}

.w77-checkout__mains__second__heading {
    display: flex;
    align-items: flex-start;
    padding: 1rem;
    background-color: #fbfbfb;
}

.w77-checkout__mains__second__heading__icon {
    margin-right: .5rem;
    font-size: 1.4rem;
    margin-top: 1px;
}

.w77-checkout__mains__second__heading__name {
    font-size: 1.4rem;
    color: #333;
    font-weight: 600;
}

.w77-checkout__mains__second__line {
    width: 100%;
    height: 1px;
    background-color: #eee;
}

.w77-checkout__mains__second__checkall {
    display: none;
}

.w77-checkout__mains__second__container {
    background-color: #fff;
    padding: 1rem;
}

.w77-checkout__mains__second__container__selectall__lb {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-bottom: 2rem;
    position: relative;
}

.w77-checkout__mains__second__container__selectall__lb__icon {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    color: #363839;
    border: 1px solid #333;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    position: absolute;
    left: 0;
    transition: all .3s ease;
}

.w77-checkout__mains__second__checkall:checked ~
.w77-checkout__mains__second__container
.w77-checkout__mains__second__container__selectall
.w77-checkout__mains__second__container__selectall__lb__icon {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-color: rgba(var(--main-color-w),1);
}

    .w77-checkout__mains__second__checkall:checked ~
    .w77-checkout__mains__second__container
    .w77-checkout__mains__second__container__selectall
    .w77-checkout__mains__second__container__selectall__lb__icon:before {
        content: "\f00c";
    }

.w77-checkout__mains__first__main__actions__item__ck {
    display: none;
}

    .w77-checkout__mains__first__main__actions__item__ck:checked ~
    .w77-checkout__mains__second__container__selectall
    .w77-checkout__mains__second__container__selectall__lb__icon {
        background-color: rgba(var(--main-color-w),1);
        color: #fff;
    }

        .w77-checkout__mains__first__main__actions__item__ck:checked ~
        .w77-checkout__mains__second__container__selectall
        .w77-checkout__mains__second__container__selectall__lb__icon:before {
            content: "\f00c";
        }

.w77-checkout__mains__second__container__selectall__lb__name {
    font-size: 13px;
    color: #333;
    margin-left: 2.2rem;
    font-weight: 600;
}

.w77-checkout__mains__second__container__items {
}

.w77-checkout__mains__second__container__items__item {
    margin-bottom: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid #eee;
}

    .w77-checkout__mains__second__container__items__item:not(:last-child) {
    }

.w77-checkout__mains__second__container__items__item__ck {
    display: none;
}

.w77-checkout__mains__second__container__items__item__main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    position: relative;
    padding-left: 30px;
}

.w77-checkout__mains__second__container__items__item__main__ck {
    display: none;
}

.w77-checkout__mains__second__container__items__item__main__lb {
    margin-right: 1rem;
    align-items: center;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    width: 30px;
    height: 100%;
}

.w77-checkout__mains__second__container__items__item__main__lb__icon {
    box-sizing: border-box;
    width: 16px;
    height: 16px;
    color: #363839;
    border: 1px solid #333;
    border-radius: 3px;
    outline: 0;
    cursor: pointer;
    transition: background 175ms cubic-bezier(0.1, 0.1, 0.25, 1);
    display: inline-block;
    font-family: "Font Awesome 5 Pro";
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    transition: all .3s ease;
    cursor: pointer;
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    border-color: rgba(var(--main-color-w),1);
}

    .w77-checkout__mains__second__container__items__item__main__lb__icon:before {
        content: "\f00c";
    }

.w77-checkout__mains__second__container__items__item__ck:checked ~
.w77-checkout__mains__second__container__items__item__main
.w77-checkout__mains__second__container__items__item__main__lb
.w77-checkout__mains__second__container__items__item__main__lb__icon {
}

    .w77-checkout__mains__second__container__items__item__ck:checked ~
    .w77-checkout__mains__second__container__items__item__main
    .w77-checkout__mains__second__container__items__item__main__lb
    .w77-checkout__mains__second__container__items__item__main__lb__icon:before {
    }

.w77-checkout__mains__second__container__items__item__main__hinhanh {
    width: 80px;
    background-position: center;
    background-size: contain;
    overflow: hidden;
    border-radius: 3px;
    margin-right: 1rem;
}

.w77-checkout__mains__second__container__items__item__main__hinhanh__imgbox {
    width: 100%;
    transition: all .3s ease;
    cursor: pointer;
    border-radius: 3px;
}

    .w77-checkout__mains__second__container__items__item__main__hinhanh__imgbox:hover {
        transform: scale(.95);
    }

.w77-checkout__mains__second__container__items__item__main__hinhanh__imgbox__img {
    width: 100%;
}

.w77-checkout__mains__second__container__items__item__main__box {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: space-between;
    width: calc(100% - 92px);
}

.w77-checkout__mains__second__container__items__item__main__box__text {
    font-size: 14px;
    color: #333;
    width: 22rem;
    cursor: pointer;
    display: block;
}

@media only screen and (max-width:43.75rem) {
    .w77-checkout__mains__second__container__items__item__main__box__text {
        margin-bottom: 10px;
        width: 100%;
    }
}

.w77-checkout__mains__second__container__items__item__main__box__text__name {
    transition: all .3s ease;
    display: block;
}

    .w77-checkout__mains__second__container__items__item__main__box__text__name:hover {
        text-decoration: underline;
    }

.w77-checkout__mains__second__container__items__item__main__box__text__subs {
    display: flex;
    flex-wrap: wrap;
}

.w77-checkout__mains__second__container__items__item__main__box__text__subs__sub {
    margin-right: 1rem;
    background-color: #eeee;
    padding: 3px 10px;
    border-radius: 3px;
    margin-top: 5px;
    font-size: 14px;
}

.w77-checkout__mains__second__container__items__item__main__box__actions__prices {
    margin-right: 1rem;
}

@media only screen and (max-width:43.75rem) {
    .w77-checkout__mains__second__container__items__item__main__box__actions__prices {
        margin-right: 0;
    }
}

.w77-checkout__mains__second__container__items__item__main__box__actions__prices__sale {
    font-size: 14px;
    color: #333;
    white-space: nowrap;
}

.w77-checkout__mains__second__container__items__item__main__box__actions__prices__sub {
    font-size: 14px;
    color: #bbb;
    text-decoration: line-through;
    white-space: nowrap;
    margin-top: 2px;
}

.w77-checkout__mains__second__container__items__item__main__box__actions {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:43.75rem) {
    .w77-checkout__mains__second__container__items__item__main__box__actions {
        width: 100%;
        margin-left: 0;
    }
}

.w77-checkout__mains__second__container__items__item__main__box__actions__cart {
}

@media only screen and (max-width:43.75rem) {
    .w77-checkout__mains__second__container__items__item__main__box__actions__cart {
        margin-left: auto;
    }
}

.w77-checkout__mains__second__container__items__item__main__box__actions__cart__num {
    display: flex;
    align-items: center;
    border: 1px solid #dfdfdf;
    font-size: 1rem;
    border-radius: 3px;
    background-color: #fff;
    overflow: hidden;
    margin-bottom: .75rem;
}

.w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__minus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    cursor: pointer;
    font-size: 1.4rem;
    color: #333;
    transition: all .3s ease;
}

    .w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__minus:hover {
        background-color: #f1f1f1;
    }

.w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__input {
    width: 4rem;
    border: none;
    border-left: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf;
    outline: none;
    height: 3rem;
    text-align: center;
    transition: all .3s ease;
}

    .w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__input:focus {
        background-color: #f1f1f1;
    }

    .w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__input::-webkit-outer-spin-button,
    .w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }

.w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__plus {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    cursor: pointer;
    height: 3rem;
    transition: all .3s ease;
    font-size: 1.4rem;
    cursor: pointer;
    color: #333;
}

    .w77-checkout__mains__second__container__items__item__main__box__actions__cart__num__plus:hover {
        background-color: #f1f1f1;
    }

.w77-checkout__mains__second__container__items__item__main__box__actions__cart__delete {
    display: flex;
    justify-content: center;
    font-size: 1.3rem;
    color: #333;
    align-items: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-checkout__mains__second__container__items__item__main__box__actions__cart__delete:hover {
        text-decoration-line: underline;
    }

.w77-checkout__mains__second__container__items__item__main__box__actions__cart__delete__icon {
    margin-right: .5rem;
    color: #444;
}

.w77-checkout__mains__second__container__items__item__main__box__actions__cart__delete__name {
}

.w77-checkout__mains__second__container__bot {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media only screen and (max-width:50rem) {
    .w77-checkout__mains__second__container__bot {
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width:50rem) {
    .w77-checkout__mains__second__container__bot__dropdown {
        width: 100%;
    }
}

.w77-checkout__mains__second__container__bot__dropdown__label {
    display: flex;
    align-items: center;
    cursor: pointer;
    transition: all .5s;
    margin-top: 1rem;
    color: rgba(var(--main-color-w),1);
}

.w77-checkout__mains__second__container__bot__dropdown__check:checked ~
.w77-checkout__mains__second__container__bot__dropdown__label
.w77-checkout__mains__second__container__bot__dropdown__label__icon:before {
}

.w77-checkout__mains__second__container__bot__dropdown__label__name {
    font-size: 14px;
}

.w77-checkout__mains__second__container__bot__dropdown__label__icon {
    font-size: 14px;
    margin-right: 5px;
}

.w77-checkout__mains__second__container__bot__dropdown {
    position: relative;
}

.w77-checkout__mains__second__container__bot__dropdown__check {
    display: none;
}

.w77-checkout__mains__second__container__bot__dropdown__subs {
    background-color: #fff;
    border-radius: .5rem;
    position: absolute;
    left: 0rem;
    max-width: 100%;
    border: #eee solid .1rem;
    visibility: hidden;
    z-index: -1;
    top: calc(100% + 1rem);
    transition: all .25s;
    opacity: 0;
    min-width: 280px;
    transform: scale(.5);
    padding: 5px 0px;
}

.w77-checkout__mains__second__container__bot__dropdown__check:checked ~
.w77-checkout__mains__second__container__bot__dropdown__subs {
    visibility: visible;
    z-index: 1;
    transform: scale(1);
    opacity: 1;
}

.w77-checkout__mains__second__container__bot__dropdown__subs__sub {
    display: block;
    padding: 5px 10px;
    font-size: 1.4rem;
    transition: all .5s;
    cursor: pointer;
}

.w77-checkout__mains__second__container__bot__dropdown__subs__sub__container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    transition: all .3s ease;
    cursor: pointer;
}

    .w77-checkout__mains__second__container__bot__dropdown__subs__sub__container:hover {
        text-decoration: underline;
    }

.w77-checkout__mains__second__container__bot__dropdown__subs__sub__container__imgbox {
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    margin-right: 5px;
}

.w77-checkout__mains__second__container__bot__dropdown__subs__sub__container__name {
    width: calc(100% - 27px);
    font-size: 14px;
    line-height: 20px;
    color: #333;
}

.w77-checkout__mains__second__container__bot__dropdown__subs__icon {
    position: absolute;
    border-left: 9px solid rgba(0, 0, 0, 0);
    border-right: 9px solid rgba(0, 0, 0, 0);
    border-bottom: 9px solid #fafafa;
    top: -9px;
    left: 50px;
}

.w77-checkout__mains__second__container__bot__dropdown__bg {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,.5);
    display: none;
}

.w77-checkout__mains__second__container__bot__dropdown__check:checked ~
.w77-checkout__mains__second__container__bot__dropdown__bg {
    display: block;
}

.w77-checkout__mains__second__container__bot__sum {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    text-align: right;
}

@media only screen and (max-width:50rem) {
    .w77-checkout__mains__second__container__bot__sum {
        max-width: 100%;
        width: fit-content;
        margin-left: auto;
    }
}

.w77-checkout__mains__second__container__bot__sum__tong {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
}

.w77-checkout__mains__second__container__bot__sum__tong__name {
    margin-right: 1rem;
}

.w77-checkout__mains__second__container__bot__sum__tong__val {
    min-width: 110px;
}

.w77-checkout__mains__second__container__bot__sum__ship {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 10px;
    color: #333;
    width: 100%;
    justify-content: flex-end;
}

.w77-checkout__mains__second__container__bot__sum__ship__name {
    margin-right: 1rem;
}

.w77-checkout__mains__second__container__bot__sum__ship__val {
    min-width: 110px;
}

.w77-checkout__mains__second__container__bot__sum__ship {
    min-width: 110px;
}

.w77-checkout__mains__second__container__bot__sum__total {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    font-size: 14px;
    margin-bottom: 10px;
    color: rgba(var(--main-color-w),1);
    width: 100%;
    justify-content: flex-end;
    font-weight: 600;
}

.w77-checkout__mains__second__container__bot__sum__total__name {
    margin-right: 1rem;
}

.w77-checkout__mains__second__container__bot__sum__total__val {
    min-width: 110px;
}

.w77-checkout__mains__second__container__bot__sum__lb {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #0071c4;
    cursor: pointer;
    transition: all 3s ease;
    justify-items: flex-end;
    margin-top: 1rem;
}

@media only screen and (max-width:50rem) {
    .w77-checkout__mains__second__container__bot__sum__lb {
        margin-top: 0;
    }
}

.w77-checkout__mains__second__container__bot__sum__lb:hover {
    text-decoration: underline;
}

.w77-checkout__mains__second__container__bot__sum__lb__icon {
    margin-right: .5rem;
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    background-image: url(../../img/w77/ma-giam-gia.svg);
    background-repeat: no-repeat;
    filter: grayscale(1.5);
}

.w77-checkout__mains__second__container__bot__sum__lb__code {
    margin-left: .5rem;
}

.w77-checkout__discount {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    z-index: -1;
    visibility: hidden;
}

.w77-checkout__ckdiscount:checked ~
.w77-checkout__discount {
    z-index: 9;
    visibility: visible;
}

.w77-checkout__discount__bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0);
    transition: all .5s ease;
    visibility: hidden;
    z-index: -1;
}

.w77-checkout__ckdiscount:checked ~
.w77-checkout__discount
.w77-checkout__discount__bg {
    z-index: 1;
    visibility: visible;
    background-color: rgba(0,0,0,.35);
}

.w77-checkout__discount__container {
    width: 900px;
    max-width: 96%;
    margin: 0 auto;
    position: relative;
    z-index: 1;
}

.w77-checkout__discount__container__mains {
    background-color: #fff;
    padding: 1rem;
    border-radius: 3px;
    position: relative;
    transform: scale(.5);
    transition: all .5s ease;
}

.w77-checkout__ckdiscount:checked ~
.w77-checkout__discount
.w77-checkout__discount__container
.w77-checkout__discount__container__mains {
    transform: scale(1);
}

.w77-checkout__discount__container__mains__heading {
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
    width: 450px;
    margin: 0 auto;
}

.w77-checkout__discount__container__mains__heading__name {
    text-align: center;
    padding: 15px 0;
    font-size: 18px;
    width: 100%;
    color: #333;
}

.w77-checkout__discount__container__mains__heading__input {
    width: calc(100% - 85px);
    position: relative;
    display: flex;
    align-items: center;
}

.w77-checkout__discount__container__mains__heading__input__icon {
    position: absolute;
    right: 1rem;
    font-size: 14px;
    color: #333;
    cursor: pointer;
    transition: all .3s ease;
}

    .w77-checkout__discount__container__mains__heading__input__icon:hover {
        color: rgba(var(--main-color-w),1);
    }

.w77-checkout__discount__container__mains__heading__input__text {
    border: none;
    box-sizing: border-box;
    font-size: 15px;
    background-color: rgba(0, 0, 0, 0);
    padding: 6px 10px;
    background-color: #fff;
    border: 1px solid #d1d1d1;
    border-radius: 4px;
    box-shadow: none;
    box-sizing: border-box;
    outline: none;
    color: #333;
    width: 100%;
    font-family: inherit;
    padding-right: 2rem;
    transition: all .3s ease;
}

    .w77-checkout__discount__container__mains__heading__input__text:focus {
        border-color: rgba(var(--main-color-w),1);
    }

.w77-checkout__discount__container__mains__heading__btn {
    background: #ddd;
    color: #fff;
    border: none;
    height: 34px;
    width: 80px;
    cursor: pointer;
    border-radius: 3px;
    margin-left: 5px;
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: all .3s ease;
    pointer-events: none;
}

    .w77-checkout__discount__container__mains__heading__btn.active {
        background-color: rgba(var(--main-color-w),1);
        pointer-events: initial;
    }

    .w77-checkout__discount__container__mains__heading__btn:hover {
        text-decoration: underline;
    }

.w77-checkout__discount__container__mains__items {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    margin-top: 4rem;
    max-height: 50vh;
    overflow-y: auto;
    margin-bottom: 1rem;
    padding-right: 1rem;
}

    .w77-checkout__discount__container__mains__items::-webkit-scrollbar {
        width: .6rem;
    }

    .w77-checkout__discount__container__mains__items::-webkit-scrollbar-track {
        border-radius: .6rem;
    }

    .w77-checkout__discount__container__mains__items::-webkit-scrollbar-thumb {
        border-radius: .6rem;
        background: #eee;
    }

        .w77-checkout__discount__container__mains__items::-webkit-scrollbar-thumb:hover {
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }

@media only screen and (max-width:50rem) {
    .w77-checkout__discount__container__mains__items {
        margin-top: 2rem;
    }
}

.w77-checkout__discount__container__mains__items__item {
    width: 48.5%;
    margin-left: 3%;
    background-color: #fff;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
    border: 1px solid #eee;
    border-radius: 3px;
}

@media only screen and (min-width:50rem) {
    .w77-checkout__discount__container__mains__items__item:nth-child(2n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width:50rem) {
    .w77-checkout__discount__container__mains__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w77-checkout__discount__container__mains__items__item__first {
    background-color: rgba(0, 136, 0,1);
    width: 80px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding: 5px;
}

.w77-checkout__discount__container__mains__items__item__first__name {
    text-align: center;
    color: #fff;
    font-size: 14px;
    opacity: 1;
}

.w77-checkout__discount__container__mains__items__item__first__status {
    position: absolute;
    display: flex;
    padding: 2px 4px;
    border-radius: .125rem .125rem .125rem 0;
    color: #fff;
    font-size: 10px;
    background-color: #b9b9b9;
    top: 4px;
    left: -3px;
}

.w77-checkout__discount__container__mains__items__item__first__status__bg {
    position: absolute;
    left: 0px;
    top: 100%;
    width: 0px;
    height: 0px;
    border-left: 4px solid transparent;
    border-right: 0px solid transparent;
    border-top: 4px solid #dfa400;
}

.w77-checkout__discount__container__mains__items__item__second {
    width: calc(100% - 160px);
    padding: 7px;
}

.w77-checkout__discount__container__mains__items__item__second__name {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 7px;
    color: #333;
}

.w77-checkout__discount__container__mains__items__item__second__des {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    color: #333;
    font-size: 14px;
    margin-bottom: 7px;
}

.w77-checkout__discount__container__mains__items__item__second__rang {
    width: 150px;
    background: #eeeeee;
    overflow: hidden;
    z-index: 1;
    height: 4px;
    border-radius: 20px;
    position: relative;
    margin-bottom: 7px;
}

.w77-checkout__discount__container__mains__items__item__second__rang__val {
    width: 10%;
    height: 100%;
    background: #f90;
    background-image: linear-gradient(to right, rgba(255, 0, 0, 0), rgb(255, 0, 0));
    border-radius: 20px;
    position: absolute;
    left: 0;
}

.w77-checkout__discount__container__mains__items__item__second__sub {
    font-size: 12px;
    color: #a7a7a7;
    margin-top: 5px;
}

.w77-checkout__discount__container__mains__items__item__third {
    width: 80px;
    position: relative;
    padding: 7px;
}

.w77-checkout__discount__container__mains__items__item__third__icon {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    background: #fff;
    border-radius: 100%;
    top: 20px;
    right: 8px;
    border: solid 1px rgba(var(--main-color-w),1);
    cursor: pointer;
}

    .w77-checkout__discount__container__mains__items__item__third__icon.active {
        background-color: rgba(var(--main-color-w),1);
    }

.w77-checkout__discount__container__mains__items__item__third__name {
    position: absolute;
    bottom: 7px;
    right: 8px;
    font-size: 13px;
    color: #333;
    cursor: pointer;
    color: #0071c4;
    transition: all .3s;
}

    .w77-checkout__discount__container__mains__items__item__third__name:hover {
        text-decoration: underline;
    }

.w77-checkout__discount__container__mains__btns {
    display: flex;
    justify-content: center;
}

.w77-checkout__discount__container__mains__btns__btn {
    background-color: #da251c;
    font-size: 15px;
    text-align: center;
    border-radius: 3px;
    position: relative;
    padding: 1rem 5rem;
    color: #fff;
    cursor: pointer;
    transition: all .3s ease;
    width: 50%;
}

    .w77-checkout__discount__container__mains__btns__btn:hover {
        text-decoration: underline;
    }

.w77-checkout__discount__container__mains__close {
    cursor: pointer;
    font-size: 2rem;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    top: 1rem;
    right: 1rem;
    color: #333;
    position: absolute;
}

.w77-checkout__discount__container__mains__close__icon {
    transition: all .3s;
}

.w77-checkout__discount__container__mains__close:hover
.w77-checkout__discount__container__mains__close__icon {
    transform: rotate(360deg);
}

.w77-checkout__ckdiscount {
    display: none;
}

.w77-checkout__modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    visibility: hidden;
    opacity: 0;
}

.w77-checkout__checkmodal {
    display: none;
}

    .w77-checkout__checkmodal:checked ~
    .w77-checkout__modal {
        z-index: 9;
        visibility: visible;
        opacity: 1;
    }

.w77-checkout__modal__main {
    width: 35rem;
    max-width: 100%;
    border-radius: 1rem;
    background: #fff;
    padding: 3rem;
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    transform: scale(0);
    transition: all .5s;
}

.w77-checkout__checkmodal:checked ~
.w77-checkout__modal
.w77-checkout__modal__main {
    transform: scale(1);
}

.w77-checkout__modal__main__icon {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    background: #fff;
    color: #777;
    border: #777 solid .2rem;
}

.w77-checkout__checkmodal:checked ~
.w77-checkout__modal
.w77-checkout__modal__main
.w77-checkout__modal__main__icon {
    -webkit-animation: key-w77-checkout__modal__main__icon 2s;
    animation: key-w77-checkout__modal__main__icon 2s;
    animation-iteration-count: 1;
    animation-fill-mode: forwards;
}

@-webkit-keyframes key-w77-checkout__modal__main__icon {
    0% {
        color: #fff;
        border: #777 solid .2rem;
        background: #fff;
    }

    100% {
        background: rgba(var(--main-color-w),1);
        color: #fff;
        border: rgba(var(--main-color-w),1) solid .2rem;
    }
}

.w77-checkout__checkmodal:checked ~
.w77-checkout__modal
.w77-checkout__modal__main
.w77-checkout__modal__main__icon
.w77-checkout__modal__main__icon__value {
    animation: key-w77-checkout__modal__main__icon__value 1s;
}

@-webkit-keyframes key-w77-checkout__modal__main__icon__value {
    0% {
        transform: scale(3);
    }

    100% {
        transform: scale(1);
    }
}

.w77-checkout__modal__main__heading {
    width: 100%;
    margin-top: 2rem;
    text-align: center;
}

.w77-checkout__modal__main__heading__name {
    font-size: 1.6rem;
    font-weight: 600;
    color: #3f3f3f;
    line-height: 2.6rem;
}

.w77-checkout__modal__main__heading__des {
    font-size: 1.6rem;
    color: #3f3f3f;
    line-height: 2.6rem;
    margin-top: .5rem;
}

.w77-checkout__modal__main__button {
    margin-top: 2rem;
    background-color: rgba(var(--main-color-w),1);
    font-size: 1.6rem;
    border-radius: .3rem;
    color: #fff;
    padding: .5rem 1.5rem;
    transition: all .5s;
    cursor: pointer;
}

    .w77-checkout__modal__main__button:hover {
        background-color: rgba(var(--second-color-w),1);
    }

.w77-checkout__modal__main__button__name {
}

.w77-checkout__modal__bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    height: 100vh;
    background-color: rgba(0,0,0,.5);
}
/*ed*/

/*w78-menu*/
.w78-menu {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.98);
    position: relative;
    z-index: 3;
    backdrop-filter: blur(1rem);
}

.main .w78-menu.ws1TransApply {
    z-index: 3;
}

.main .w78-menu.ws1StickyApply {
    z-index: 3;
}

@media (max-width: 1100px) {
    .w78-menu {
        backdrop-filter: none;
    }
}

.w78-menu.ws1TransApply {
    backdrop-filter: none;
}

@keyframes pulse-smooth {
    0% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(237, 27, 36, 0.4);
    }

    50% {
        transform: scale(1.02);
        box-shadow: 0 0 0 8px rgba(237, 27, 36, 0);
    }

    100% {
        transform: scale(1);
        box-shadow: 0 0 0 0 rgba(237, 27, 36, 0);
    }
}

@keyframes gradientMove {
    0% {
        background-position: 200% center;
    }

    100% {
        background-position: 0% center;
    }
}

.w78-menu__group {
    width: 100%;
    max-width: 120rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 0.8rem 1rem;
    min-height: 5.4rem;
    flex-wrap: wrap;
}

.w78-menu__left {
    display: flex;
    align-items: center;
    font-size: 1.3rem;
    white-space: nowrap;
    color: #4b5563;
}

.w78-menu__left__phone {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.6rem 1.2rem;
    border-radius: 0.8rem;
    transition: all 0.2s ease;
    background-color: #fff;
}

    .w78-menu__left__phone:hover {
        background-color: #f3f4f6;
        color: #ed1b24;
    }

.w78-menu__left__phone__icon {
    font-size: 1.4rem;
    padding: .7rem;
    color: #ed1b24;
    width: 2.8rem;
    height: 2.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: rgba(237, 27, 36, 0.05);
    animation: pulse-smooth 2s ease-out infinite;
    margin-right: 0.8rem;
}

.w78-menu__left__phone__text {
    margin-right: 0.4rem;
}

.w78-menu__left__phone__strong {
    font-size: 1.4rem;
    font-weight: 700;
    color: #111827;
}

.w78-menu__center {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 2rem;
}

.w78-menu__center__item {
    position: relative;
    display: flex;
    padding: 1.2rem 0;
    margin-right: 1.2rem;
}

    .w78-menu__center__item:last-child {
    }

    .w78-menu__center__item:hover .w78-menu__center__item__btn__chevron {
        transform: rotate(180deg);
    }

    .w78-menu__center__item:hover .w78-menu__center__item__mega {
        visibility: visible;
        opacity: 1;
        pointer-events: initial;
    }

    .w78-menu__center__item:nth-child(1) .w78-menu__center__item__btn {
        background: linear-gradient(to right, #ed1b24 0%, #243a76 50%, #ed1b24 100%);
        background-size: 200% 100%;
        animation: gradientMove 3s linear infinite;
    }

    .w78-menu__center__item:nth-child(3) .w78-menu__center__item__mega {
        left: -30rem;
    }

    .w78-menu__center__item:nth-child(4) .w78-menu__center__item__mega {
        left: -30rem;
    }

.w78-menu__center__item__btn {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #ed1b24 0%, #c9161e 100%);
    color: white;
    border: none;
    border-radius: 3rem;
    padding: 0.8rem 1.8rem;
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 0.4rem 1.2rem rgba(237, 27, 36, 0.25);
    letter-spacing: 0.03rem;
}

    .w78-menu__center__item__btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.6rem 1.6rem rgba(237, 27, 36, 0.4);
    }

.w78-menu__center__item__btn__icon {
    color: inherit;
    margin-right: 0.8rem;
}

.w78-menu__center__item__btn__chevron {
    font-size: 1rem;
    margin-left: 0.6rem;
    transition: transform 0.3s ease;
}

.w78-menu__center__item__mega {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 1.6rem;
    box-shadow: 0 2rem 4rem -1rem rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.05);
    padding: 2.4rem 2.4rem .8rem;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1;
    cursor: default;
    max-height: 80vh;
    overflow-y: auto;
    pointer-events: none;
    width: 104rem;
    left: -20rem;
}

.w78-menu__center__item__mega--online {
    width: 104rem;
}

.w78-menu__center__item__mega--mienbac {
    width: 110rem;
    left: -20rem;
}

.w78-menu__center__item__mega--mientrung {
    width: 64rem;
}

.w78-menu__center__item__mega--miennam {
    width: 104rem;
}

.w78-menu__center__item__mega__header {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.w78-menu__center__item__mega__header__box {
    background: #fff1f2;
    border: 0.1rem solid #fecdd3;
    border-radius: 5rem;
    padding: 0.8rem 3.2rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__header__box:hover {
        transform: translateY(-1rem);
    }

.w78-menu__center__item__mega__header__box__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9f1239;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__item__mega__header__box__sub {
    font-size: 1.2rem;
    color: #be123c;
    opacity: 0.8;
    margin-top: 0.2rem;
}

.w78-menu__center__item__mega__cols {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w78-menu__center__item__mega__cols__col {
    width: 49%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
    min-width: 32rem;
    background: #f9fafb;
    border-radius: 1.2rem;
    padding: 1.6rem;
    border: 0.1rem solid #f3f4f6;
    margin-bottom: 1.6rem;
}

@media (max-width: 1400px) {
    .w78-menu__center__item__mega__cols__col {
        margin-left: 0;
        width: 100%;
    }
}

.w78-menu__center__item__mega__cols__col:nth-child(2n+1) {
    margin-left: 0;
}

.w78-menu__center__item__mega__cols__col__head {
    text-align: center;
    padding: 1.2rem;
    border-radius: 0.8rem;
    margin-bottom: 1.6rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all .3s ease;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
}

    .w78-menu__center__item__mega__cols__col__head:hover {
        text-decoration: underline;
    }

.w78-menu__center__item__mega__cols__col__head--red {
}

.w78-menu__center__item__mega__cols__col__head--blue {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
}

    .w78-menu__center__item__mega__cols__col__head--blue ~ .w78-menu__center__item__mega__cols__col__cards .w78-menu__center__item__mega__cols__col__cards__card__name {
        color: #1d4ed8;
    }

.w78-menu__center__item__mega__cols__col__head__title {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__item__mega__cols__col__head__sub {
    font-size: 1.2rem;
    margin-top: 0.3rem;
    opacity: 0.9;
}

.w78-menu__center__item__mega__cols__col__cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w78-menu__center__item__mega__cols__col__cards__card {
    width: calc(33.333% - 0.8rem);
    background: white;
    border: 0.1rem solid #e5e7eb;
    border-radius: 1rem;
    padding: 1.4rem 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
}

    .w78-menu__center__item__mega__cols__col__cards__card:nth-child(3n) {
        margin-right: 0;
    }

    .w78-menu__center__item__mega__cols__col__cards__card:hover {
        transform: translateY(-0.3rem);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
        border-color: #d1d5db;
    }

.w78-menu__center__item__mega__cols__col__cards__card--red-border:hover {
    border-color: #fca5a5;
    box-shadow: 0 1rem 2rem rgba(239, 68, 68, 0.08);
}

.w78-menu__center__item__mega__cols__col__cards__card__name {
    color: #111827;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__cols__col__cards__card__name:hover {
        text-decoration: underline;
    }

.w78-menu__center__item__mega__cols__col__cards__card__info {
    display: flex;
    align-items: center;
    color: #4b5563;
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__cols__col__cards__card__info:hover {
        text-decoration: underline;
    }

.w78-menu__center__item__mega__cols__col__cards__card__info__icon {
    color: #9ca3af;
    width: 1.4rem;
    margin-right: 0.6rem;
}

.w78-menu__center__item__mega__cols__sub {
    width: 49%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
    min-width: 32rem;
    background: #f9fafb;
    border-radius: 1.2rem;
    padding: 1.6rem;
    border: 0.1rem solid #f3f4f6;
    margin-bottom: 1.6rem;
}

    .w78-menu__center__item__mega__cols__sub:nth-child(2n+1) {
        margin-left: 0;
    }

@media (max-width: 1400px) {
    .w78-menu__center__item__mega__cols__sub {
        margin-left: 0;
        width: 100%;
    }
}

.w78-menu__center__item__mega__cols__sub__head {
    text-align: center;
    padding: 1.2rem;
    border-radius: 0.8rem;
    margin-bottom: 1.6rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all .3s ease;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
}

    .w78-menu__center__item__mega__cols__sub__head:hover {
        text-decoration: underline;
    }

.w78-menu__center__item__mega__cols__sub__head--red {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
}

    .w78-menu__center__item__mega__cols__sub__head--red ~ .w78-menu__center__item__mega__cols__sub__cards .w78-menu__center__item__mega__cols__sub__cards__card__name {
        color: #dc2626;
    }



.w78-menu__center__item__mega__cols__sub__head--blue ~ .w78-menu__center__item__mega__cols__sub__cards .w78-menu__center__item__mega__cols__sub__cards__card__name {
    color: #1d4ed8;
}

.w78-menu__center__item__mega__cols__sub__head__title {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__item__mega__cols__sub__head__sub {
    font-size: 1.2rem;
    margin-top: 0.3rem;
    opacity: 0.9;
}

.w78-menu__center__item__mega__cols__sub__cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w78-menu__center__item__mega__cols__sub__cards__card {
    width: calc(33.333% - 0.8rem);
    background: white;
    border: 0.1rem solid #e5e7eb;
    border-radius: 1rem;
    padding: 1.4rem 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
}

    .w78-menu__center__item__mega__cols__sub__cards__card:nth-child(3n) {
        margin-right: 0;
    }

    .w78-menu__center__item__mega__cols__sub__cards__card:hover {
        transform: translateY(-0.3rem);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
        border-color: #d1d5db;
    }

.w78-menu__center__item__mega__cols__sub__cards__card--red-border:hover {
    border-color: #fca5a5;
    box-shadow: 0 1rem 2rem rgba(239, 68, 68, 0.08);
}

.w78-menu__center__item__mega__cols__sub__cards__card__name {
    color: #111827;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__cols__sub__cards__card__name:hover {
        text-decoration: underline;
    }

.w78-menu__center__item__mega__cols__sub__cards__card__info {
    display: flex;
    align-items: center;
    color: #4b5563;
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__cols__sub__cards__card__info:hover {
        text-decoration: underline;
    }

.w78-menu__center__item__mega__cols__sub__cards__card__info__icon {
    color: #9ca3af;
    width: 1.4rem;
    margin-right: 0.6rem;
}

.w78-menu__center__item__mega__halves {
    width: 100%;
}

.w78-menu__center__item__mega__halves__half {
    width: 100%;
}

    .w78-menu__center__item__mega__halves__half:last-child {
        margin-right: 0;
    }

.w78-menu__center__item__mega__halves__half__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
}

    .w78-menu__center__item__mega__halves__half__list:last-child {
        margin-right: 0;
    }

.w78-menu__center__item__mega__halves__half .w78-menu__center__item__mega__halves__half__list {
    width: 100%;
    margin-right: 0;
}

.w78-menu__center__item__mega__halves__half__list__store {
    display: flex;
    flex-direction: column;
    background: white;
    padding: 1.6rem;
    border-radius: 1.2rem;
    border: 0.1rem solid #f3f4f6;
    transition: all 0.2s ease;
    margin-bottom: 1.6rem;
    width: 23.875%;
    margin-left: 1.5%;
}

.w78-menu__center__item__mega--mientrung .w78-menu__center__item__mega__halves__half__list__store,
.w78-menu__center__item__mega--miennam .w78-menu__center__item__mega__halves__half__list__store {
    width: 49.25%;
}

    .w78-menu__center__item__mega--mientrung .w78-menu__center__item__mega__halves__half__list__store:nth-child(2n+1),
    .w78-menu__center__item__mega--miennam .w78-menu__center__item__mega__halves__half__list__store:nth-child(2n+1) {
        margin-left: 0;
    }

@media (min-width: 1400px) {
    .w78-menu__center__item__mega__halves__half__list__store:nth-child(4n+1) {
        margin-left: 0;
    }
}

@media (max-width: 1400px) {
    .w78-menu__center__item__mega__halves__half__list__store {
        width: 49.25%;
    }

        .w78-menu__center__item__mega__halves__half__list__store:nth-child(2n+1) {
            margin-left: 0;
        }
}

.w78-menu__center__item__mega__halves__half__list__store:hover {
    border-color: #e5e7eb;
    box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.06);
    transform: translateY(-0.2rem);
}

.w78-menu__center__item__mega__halves__half__list__store__head {
    display: flex;
    border-radius: 0.6rem;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0.8rem;
}

.w78-menu__center__item__mega__halves__half__list__store__head__num {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: white;
    width: 3.2rem;
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.4rem;
}

.w78-menu__center__item__mega__halves__half__list__store__head__name {
    background: #f3f4f6;
    color: #111827;
    width: calc(100% - 3.2rem);
    min-height: 3.2rem;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    letter-spacing: 0.05rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__halves__half__list__store__head__name:hover {
    }

.w78-menu__center__item__mega__halves__half__list__store__head__name__tag {
    background: #fca5a5;
    color: #9f1239;
    padding: 0.2rem 0.6rem;
    font-size: 0.9rem;
    border-radius: 0.4rem;
    margin-left: 0.6rem;
}

.w78-menu__center__item__mega__halves__half__list__store__row {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__halves__half__list__store__row:hover {
    }

    .w78-menu__center__item__mega__halves__half__list__store__row:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__item__mega__halves__half__list__store__row__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__item__mega__halves__half__list__store__row--red {
    color: #dc2626;
    cursor: pointer;
    font-weight: 500;
    transition: color 0.2s;
}

    .w78-menu__center__item__mega__halves__half__list__store__row--red:hover {
        color: #b91c1c;
    }

    .w78-menu__center__item__mega__halves__half__list__store__row--red .w78-menu__center__item__mega__halves__half__list__store__row__icon {
        color: #dc2626;
    }

.w78-menu__center__item__mega__halves__half__list__store__row__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__item__mega__halves__half__list__store__row__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__item__mega__halves__half__list__store__first {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__halves__half__list__store__first:hover {
    }

    .w78-menu__center__item__mega__halves__half__list__store__first:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__item__mega__halves__half__list__store__first__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__item__mega__halves__half__list__store__first__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__item__mega__halves__half__list__store__first__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__item__mega__halves__half__list__store__child {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #dc2626;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__item__mega__halves__half__list__store__child:hover {
    }

    .w78-menu__center__item__mega__halves__half__list__store__child:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__item__mega__halves__half__list__store__child__icon {
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__item__mega__halves__half__list__store__child--red {
    color: #dc2626;
    cursor: pointer;
    font-weight: 500;
    transition: color 0.2s;
}

    .w78-menu__center__item__mega__halves__half__list__store__child--red:hover {
        color: #b91c1c;
    }

    .w78-menu__center__item__mega__halves__half__list__store__child--red .w78-menu__center__item__mega__halves__half__list__store__child__icon {
        color: #dc2626;
    }

.w78-menu__center__item__mega__halves__half__list__store__child__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__item__mega__halves__half__list__store__child__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__support {
    position: relative;
    display: flex;
    padding: 1.2rem 0;
    margin-right: 1.2rem;
}

    .w78-menu__center__support:last-child {
    }

    .w78-menu__center__support:hover .w78-menu__center__support__btn__chevron {
        transform: rotate(180deg);
    }

    .w78-menu__center__support:hover .w78-menu__center__support__mega {
        visibility: visible;
        opacity: 1;
        z-index: 4;
        pointer-events: initial;
    }

    .w78-menu__center__support:nth-child(1) .w78-menu__center__support__btn {
        background: linear-gradient(to right, #ed1b24 0%, #243a76 50%, #ed1b24 100%);
        background-size: 200% 100%;
        animation: gradientMove 3s linear infinite;
    }

    .w78-menu__center__support:nth-child(3) .w78-menu__center__support__mega {
        left: -30rem;
    }

    .w78-menu__center__support:nth-child(4) .w78-menu__center__support__mega {
        left: -30rem;
    }

.w78-menu__center__support__btn {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #ed1b24 0%, #c9161e 100%);
    color: white;
    border: none;
    border-radius: 3rem;
    padding: 0.8rem 1.8rem;
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 0.4rem 1.2rem rgba(237, 27, 36, 0.25);
    letter-spacing: 0.03rem;
}

    .w78-menu__center__support__btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.6rem 1.6rem rgba(237, 27, 36, 0.4);
    }

.w78-menu__center__support__btn__icon {
    color: inherit;
    margin-right: 0.8rem;
}

.w78-menu__center__support__btn__chevron {
    font-size: 1rem;
    margin-left: 0.6rem;
    transition: transform 0.3s ease;
}

.w78-menu__center__support__mega {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 1.6rem;
    box-shadow: 0 2rem 4rem -1rem rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.05);
    padding: 2.4rem 2.4rem .8rem;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1;
    cursor: default;
    max-height: 80vh;
    overflow-y: auto;
    pointer-events: none;
    width: 104rem;
    left: -20rem;
}

.w78-menu__center__support__mega--online {
    width: 104rem;
}

.w78-menu__center__support__mega--mienbac {
    width: 110rem;
    left: -20rem;
}

.w78-menu__center__support__mega--mientrung {
    width: 64rem;
}

.w78-menu__center__support__mega--miennam {
    width: 104rem;
}

.w78-menu__center__support__mega__header {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.w78-menu__center__support__mega__header__box {
    background: #fff1f2;
    border: 0.1rem solid #fecdd3;
    border-radius: 5rem;
    padding: 0.8rem 3.2rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__support__mega__header__box:hover {
        transform: translateY(-1rem);
    }

.w78-menu__center__support__mega__header__box__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9f1239;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__support__mega__header__box__sub {
    font-size: 1.2rem;
    color: #be123c;
    opacity: 0.8;
    margin-top: 0.2rem;
}

.w78-menu__center__support__mega__cols {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w78-menu__center__support__mega__cols__col {
    width: 49%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
    min-width: 32rem;
    background: #f9fafb;
    border-radius: 1.2rem;
    padding: 1.6rem;
    border: 0.1rem solid #f3f4f6;
    margin-bottom: 1.6rem;
}

@media (max-width: 1400px) {
    .w78-menu__center__support__mega__cols__col {
        margin-left: 0;
        width: 100%;
    }
}

.w78-menu__center__support__mega__cols__col:nth-child(2n+1) {
    margin-left: 0;
}

.w78-menu__center__support__mega__cols__col__head {
    text-align: center;
    padding: 1.2rem;
    border-radius: 0.8rem;
    margin-bottom: 1.6rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all .3s ease;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
}

    .w78-menu__center__support__mega__cols__col__head:hover {
        transform: translateY(-.5rem);
    }

.w78-menu__center__support__mega__cols__col__head--red {
}

.w78-menu__center__support__mega__cols__col__head--blue {
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
}

    .w78-menu__center__support__mega__cols__col__head--blue ~ .w78-menu__center__support__mega__cols__col__cards .w78-menu__center__support__mega__cols__col__cards__card__name {
        color: #1d4ed8;
    }

.w78-menu__center__support__mega__cols__col__head__title {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__support__mega__cols__col__head__sub {
    font-size: 1.2rem;
    margin-top: 0.3rem;
    opacity: 0.9;
}

.w78-menu__center__support__mega__cols__col__cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w78-menu__center__support__mega__cols__col__cards__card {
    width: calc(33.333% - 0.8rem);
    background: white;
    border: 0.1rem solid #e5e7eb;
    border-radius: 1rem;
    padding: 1.4rem 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
}

    .w78-menu__center__support__mega__cols__col__cards__card:nth-child(3n) {
        margin-right: 0;
    }

    .w78-menu__center__support__mega__cols__col__cards__card:hover {
        transform: translateY(-0.3rem);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
        border-color: #d1d5db;
    }

.w78-menu__center__support__mega__cols__col__cards__card--red-border:hover {
    border-color: #fca5a5;
    box-shadow: 0 1rem 2rem rgba(239, 68, 68, 0.08);
}

.w78-menu__center__support__mega__cols__col__cards__card__name {
    color: #dc2626;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__support__mega__cols__col__cards__card__name:hover {
    }

.w78-menu__center__support__mega__cols__col__cards__card__info {
    display: flex;
    align-items: center;
    color: #4b5563;
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__support__mega__cols__col__cards__card__info:hover {
    }

.w78-menu__center__support__mega__cols__col__cards__card__info__icon {
    color: #9ca3af;
    width: 1.4rem;
    margin-right: 0.6rem;
}

.w78-menu__center__support__mega__cols__sub {
    width: 49%;
    margin-left: 2%;
    display: flex;
    flex-direction: column;
    min-width: 32rem;
    background: #f9fafb;
    border-radius: 1.2rem;
    padding: 1.6rem;
    border: 0.1rem solid #f3f4f6;
    margin-bottom: 1.6rem;
}

    .w78-menu__center__support__mega__cols__sub:nth-child(2n+1) {
        margin-left: 0;
    }

@media (max-width: 1400px) {
    .w78-menu__center__support__mega__cols__sub {
        margin-left: 0;
        width: 100%;
    }
}

.w78-menu__center__support__mega__cols__sub__head {
    text-align: center;
    padding: 1.2rem;
    border-radius: 0.8rem;
    margin-bottom: 1.6rem;
    box-shadow: 0 0.4rem 1rem rgba(0, 0, 0, 0.05);
    cursor: pointer;
    transition: all .3s ease;
    background: linear-gradient(135deg, #3b82f6, #1d4ed8);
    color: white;
}

    .w78-menu__center__support__mega__cols__sub__head:hover {
        transform: translateY(-.5rem);
    }

.w78-menu__center__support__mega__cols__sub__head--red {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
}

    .w78-menu__center__support__mega__cols__sub__head--red ~ .w78-menu__center__support__mega__cols__sub__cards .w78-menu__center__support__mega__cols__sub__cards__card__name {
        color: #dc2626;
    }



.w78-menu__center__support__mega__cols__sub__head--blue ~ .w78-menu__center__support__mega__cols__sub__cards .w78-menu__center__support__mega__cols__sub__cards__card__name {
    color: #1d4ed8;
}

.w78-menu__center__support__mega__cols__sub__head__title {
    font-size: 1.4rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__support__mega__cols__sub__head__sub {
    font-size: 1.2rem;
    margin-top: 0.3rem;
    opacity: 0.9;
}

.w78-menu__center__support__mega__cols__sub__cards {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.w78-menu__center__support__mega__cols__sub__cards__card {
    width: calc(33.333% - 0.8rem);
    background: white;
    border: 0.1rem solid #e5e7eb;
    border-radius: 1rem;
    padding: 1.4rem 0.8rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    transition: all 0.2s ease;
    margin-right: 1.2rem;
    margin-bottom: 1.2rem;
}

    .w78-menu__center__support__mega__cols__sub__cards__card:nth-child(3n) {
        margin-right: 0;
    }

    .w78-menu__center__support__mega__cols__sub__cards__card:hover {
        transform: translateY(-0.3rem);
        box-shadow: 0 1rem 2rem rgba(0, 0, 0, 0.06);
        border-color: #d1d5db;
    }

.w78-menu__center__support__mega__cols__sub__cards__card--red-border:hover {
    border-color: #fca5a5;
    box-shadow: 0 1rem 2rem rgba(239, 68, 68, 0.08);
}

.w78-menu__center__support__mega__cols__sub__cards__card__name {
    color: #1d4ed8;
    font-weight: 700;
    font-size: 1.25rem;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__support__mega__cols__sub__cards__card__name:hover {
    }

.w78-menu__center__support__mega__cols__sub__cards__card__info {
    display: flex;
    align-items: center;
    color: #4b5563;
    font-size: 1.2rem;
    margin-bottom: 0.4rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__support__mega__cols__sub__cards__card__info:hover {
    }

.w78-menu__center__support__mega__cols__sub__cards__card__info__icon {
    color: #9ca3af;
    width: 1.4rem;
    margin-right: 0.6rem;
}

.w78-menu__center__mientrung {
    position: relative;
    display: flex;
    padding: 1.2rem 0;
    margin-right: 1.2rem;
}

.w78-menu__center__mientrung__btn {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #ed1b24 0%, #c9161e 100%);
    color: white;
    border: none;
    border-radius: 3rem;
    padding: 0.8rem 1.8rem;
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 0.4rem 1.2rem rgba(237, 27, 36, 0.25);
    letter-spacing: 0.03rem;
}

    .w78-menu__center__mientrung__btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.6rem 1.6rem rgba(237, 27, 36, 0.4);
    }

.w78-menu__center__mientrung__btn__icon {
    color: inherit;
    margin-right: 0.8rem;
}

.w78-menu__center__mientrung__btn__chevron {
    font-size: 1rem;
    margin-left: 0.6rem;
    transition: transform 0.3s ease;
}

.w78-menu__center__mientrung:hover .w78-menu__center__mientrung__btn__chevron {
    transform: rotate(180deg);
}

.w78-menu__center__mientrung__mega {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 1.6rem;
    box-shadow: 0 2rem 4rem -1rem rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.05);
    padding: 2.4rem 2.4rem .8rem;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1;
    cursor: default;
    max-height: 80vh;
    overflow-y: auto;
    width: 60rem;
    left: -30rem;
    pointer-events: none;
}

.w78-menu__center__mientrung:hover .w78-menu__center__mientrung__mega {
    visibility: visible;
    opacity: 1;
    pointer-events: initial;
}

.w78-menu__center__mientrung__mega__header {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.w78-menu__center__mientrung__mega__header__box {
    background: #fff1f2;
    border: 0.1rem solid #fecdd3;
    border-radius: 5rem;
    padding: 0.8rem 3.2rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__mientrung__mega__header__box:hover {
        transform: translateY(-1rem);
    }

.w78-menu__center__mientrung__mega__header__box__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9f1239;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__mientrung__mega__header__box__sub {
    font-size: 1.2rem;
    color: #be123c;
    opacity: 0.8;
    margin-top: 0.2rem;
}

.w78-menu__center__mientrung__mega__halves {
    width: 100%;
}

.w78-menu__center__mientrung__mega__halves__half {
    width: 100%;
}

    .w78-menu__center__mientrung__mega__halves__half:last-child {
        margin-right: 0;
    }

.w78-menu__center__mientrung__mega__halves__half__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
}

    .w78-menu__center__mientrung__mega__halves__half__list:last-child {
        margin-right: 0;
    }

.w78-menu__center__mientrung__mega__halves__half .w78-menu__center__mientrung__mega__halves__half__list {
    width: 100%;
    margin-right: 0;
}

.w78-menu__center__mientrung__mega__halves__half__list__store {
    display: flex;
    flex-direction: column;
    background: white;
    padding: 1.6rem;
    border-radius: 1.2rem;
    border: 0.1rem solid #f3f4f6;
    transition: all 0.2s ease;
    margin-bottom: 1.6rem;
    width: 49.25%;
    margin-left: 1.5%;
}

    .w78-menu__center__mientrung__mega__halves__half__list__store:nth-child(2n+1) {
        margin-left: 0;
    }

    .w78-menu__center__mientrung__mega__halves__half__list__store:hover {
        border-color: #e5e7eb;
        box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.06);
        transform: translateY(-0.2rem);
    }

.w78-menu__center__mientrung__mega__halves__half__list__store__head {
    display: flex;
    border-radius: 0.6rem;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0.8rem;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__head__num {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: white;
    width: 3.2rem;
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.4rem;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__head__name {
    background: #f3f4f6;
    color: #111827;
    width: calc(100% - 3.2rem);
    min-height: 3.2rem;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    letter-spacing: 0.05rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__mientrung__mega__halves__half__list__store__head__name:hover {
    }

.w78-menu__center__mientrung__mega__halves__half__list__store__head__name__tag {
    background: #fca5a5;
    color: #9f1239;
    padding: 0.2rem 0.6rem;
    font-size: 0.9rem;
    border-radius: 0.4rem;
    margin-left: 0.6rem;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__row {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__mientrung__mega__halves__half__list__store__row:hover {
    }

    .w78-menu__center__mientrung__mega__halves__half__list__store__row:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__mientrung__mega__halves__half__list__store__row__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__row__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__row__strong__icon {
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__child {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #dc2626;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__mientrung__mega__halves__half__list__store__child:hover {
    }

    .w78-menu__center__mientrung__mega__halves__half__list__store__child:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__mientrung__mega__halves__half__list__store__child__icon {
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__first {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__mientrung__mega__halves__half__list__store__first:hover {
    }

    .w78-menu__center__mientrung__mega__halves__half__list__store__first:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__mientrung__mega__halves__half__list__store__first__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__first__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__mientrung__mega__halves__half__list__store__first__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam {
    position: relative;
    display: flex;
    padding: 1.2rem 0;
    margin-right: 1.2rem;
}

.w78-menu__center__miennam__btn {
    display: flex;
    align-items: center;
    background: linear-gradient(135deg, #ed1b24 0%, #c9161e 100%);
    color: white;
    border: none;
    border-radius: 3rem;
    padding: 0.8rem 1.8rem;
    font-size: 1.25rem;
    font-weight: 600;
    cursor: pointer;
    white-space: nowrap;
    transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1);
    box-shadow: 0 0.4rem 1.2rem rgba(237, 27, 36, 0.25);
    letter-spacing: 0.03rem;
}

    .w78-menu__center__miennam__btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.6rem 1.6rem rgba(237, 27, 36, 0.4);
    }

.w78-menu__center__miennam__btn__icon {
    color: inherit;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__btn__chevron {
    font-size: 1rem;
    margin-left: 0.6rem;
    transition: transform 0.3s ease;
}

.w78-menu__center__miennam:hover .w78-menu__center__miennam__btn__chevron {
    transform: rotate(180deg);
}

.w78-menu__center__miennam__mega {
    position: absolute;
    top: 100%;
    left: 0;
    background: white;
    border-radius: 1.6rem;
    box-shadow: 0 2rem 4rem -1rem rgba(0, 0, 0, 0.15), 0 0 0 0.1rem rgba(0, 0, 0, 0.05);
    padding: 2.4rem 2.4rem .8rem;
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1;
    cursor: default;
    max-height: 80vh;
    overflow-y: auto;
    width: 104rem;
    left: -52rem;
    pointer-events: none;
}

@media (max-width: 1400px) {
    .w78-menu__center__miennam__mega {
        width: 60rem;
        left: -30rem;
    }
}

.w78-menu__center__miennam:hover .w78-menu__center__miennam__mega {
    visibility: visible;
    opacity: 1;
    pointer-events: initial;
}

.w78-menu__center__miennam__mega__header {
    display: flex;
    justify-content: center;
    margin-bottom: 2rem;
}

.w78-menu__center__miennam__mega__header__box {
    background: #fff1f2;
    border: 0.1rem solid #fecdd3;
    border-radius: 5rem;
    padding: 0.8rem 3.2rem;
    text-align: center;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__header__box:hover {
        transform: translateY(-1rem);
    }

.w78-menu__center__miennam__mega__header__box__title {
    font-size: 1.5rem;
    font-weight: 700;
    color: #9f1239;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__center__miennam__mega__header__box__sub {
    font-size: 1.2rem;
    color: #be123c;
    opacity: 0.8;
    margin-top: 0.2rem;
}

.w78-menu__center__miennam__mega__halves {
    width: 100%;
}

.w78-menu__center__miennam__mega__halves__half {
    width: 100%;
}

    .w78-menu__center__miennam__mega__halves__half:last-child {
        margin-right: 0;
    }

.w78-menu__center__miennam__mega__halves__half__list {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    align-items: flex-start;
}

    .w78-menu__center__miennam__mega__halves__half__list:last-child {
        margin-right: 0;
    }

.w78-menu__center__miennam__mega__halves__half .w78-menu__center__miennam__mega__halves__half__list {
    width: 100%;
    margin-right: 0;
}

.w78-menu__center__miennam__mega__halves__half__list__store {
    display: flex;
    flex-direction: column;
    background: white;
    padding: 1.6rem;
    border-radius: 1.2rem;
    border: 0.1rem solid #f3f4f6;
    transition: all 0.2s ease;
    margin-bottom: 1.6rem;
    width: 49.25%;
    margin-left: 1.5%;
}

    .w78-menu__center__miennam__mega__halves__half__list__store:nth-child(2n+1) {
        margin-left: 0;
    }

    .w78-menu__center__miennam__mega__halves__half__list__store:hover {
        border-color: #e5e7eb;
        box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.06);
        transform: translateY(-0.2rem);
    }

.w78-menu__center__miennam__mega__halves__half__list__store__head {
    display: flex;
    border-radius: 0.6rem;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__store__head__num {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: white;
    width: 3.2rem;
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.4rem;
}

.w78-menu__center__miennam__mega__halves__half__list__store__head__name {
    background: #f3f4f6;
    color: #111827;
    width: calc(100% - 3.2rem);
    min-height: 3.2rem;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    letter-spacing: 0.05rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__store__head__name:hover {
    }

.w78-menu__center__miennam__mega__halves__half__list__store__head__name__tag {
    background: #fca5a5;
    color: #9f1239;
    padding: 0.2rem 0.6rem;
    font-size: 0.9rem;
    border-radius: 0.4rem;
    margin-left: 0.6rem;
}

.w78-menu__center__miennam__mega__halves__half__list__store__row {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__store__row:hover {
    }

    .w78-menu__center__miennam__mega__halves__half__list__store__row:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__miennam__mega__halves__half__list__store__row__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__store__row__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__miennam__mega__halves__half__list__store__row__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__store__first {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__store__first:hover {
    }

    .w78-menu__center__miennam__mega__halves__half__list__store__first:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__miennam__mega__halves__half__list__store__first__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__store__first__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__miennam__mega__halves__half__list__store__first__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__store__child {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #dc2626;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__store__child:hover {
    }

    .w78-menu__center__miennam__mega__halves__half__list__store__child:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__miennam__mega__halves__half__list__store__child__icon {
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}
.w78-menu__center__miennam__mega__halves__half__list__addr {
    display: flex;
    flex-direction: column;
    background: white;
    padding: 1.6rem;
    border-radius: 1.2rem;
    border: 0.1rem solid #f3f4f6;
    transition: all 0.2s ease;
    margin-bottom: 1.6rem;
    width: 49.25%;
    margin-left: 1.5%;
}

    .w78-menu__center__miennam__mega__halves__half__list__addr:nth-child(2n+1) {
        margin-left: 0;
    }

    .w78-menu__center__miennam__mega__halves__half__list__addr:hover {
        border-color: #e5e7eb;
        box-shadow: 0 1.2rem 2.4rem rgba(0, 0, 0, 0.06);
        transform: translateY(-0.2rem);
    }

.w78-menu__center__miennam__mega__halves__half__list__addr__head {
    display: flex;
    border-radius: 0.6rem;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__head__num {
    background: linear-gradient(135deg, #ef4444, #b91c1c);
    color: white;
    width: 3.2rem;
    min-height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    font-size: 1.4rem;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__head__name {
    background: #f3f4f6;
    color: #111827;
    width: calc(100% - 3.2rem);
    min-height: 3.2rem;
    padding: 0 1.2rem;
    font-size: 1.3rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    letter-spacing: 0.05rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__addr__head__name:hover {
    }

.w78-menu__center__miennam__mega__halves__half__list__addr__head__name__tag {
    background: #fca5a5;
    color: #9f1239;
    padding: 0.2rem 0.6rem;
    font-size: 0.9rem;
    border-radius: 0.4rem;
    margin-left: 0.6rem;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__row {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__addr__row:hover {
    }

    .w78-menu__center__miennam__mega__halves__half__list__addr__row:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__miennam__mega__halves__half__list__addr__row__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__row__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__row__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__first {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #4b5563;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__addr__first:hover {
    }

    .w78-menu__center__miennam__mega__halves__half__list__addr__first:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__miennam__mega__halves__half__list__addr__first__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__first__strong {
    font-weight: 600;
    color: #1f2937;
    display: flex;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__first__strong__icon {
    color: #9ca3af;
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}

.w78-menu__center__miennam__mega__halves__half__list__addr__child {
    display: flex;
    align-items: flex-start;
    font-size: 1.2rem;
    color: #dc2626;
    line-height: 1.5;
    margin-bottom: 0.8rem;
    cursor: pointer;
    transition: all .3s ease;
}

    .w78-menu__center__miennam__mega__halves__half__list__addr__child:hover {
    }

    .w78-menu__center__miennam__mega__halves__half__list__addr__child:last-child {
        margin-bottom: 0;
    }

.w78-menu__center__miennam__mega__halves__half__list__addr__child__icon {
    margin-top: 0.2rem;
    font-size: 1.2rem;
    width: 1.4rem;
    text-align: center;
    margin-right: 0.8rem;
}
.w78-menu__right {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-left: auto;
}

.w78-menu__right__item {
    position: relative;
    display: flex;
    padding: 1.2rem 0;
    margin-right: 0.6rem;
}

    .w78-menu__right__item:last-child {
        margin-right: 0;
    }

    .w78-menu__right__item:hover .w78-menu__right__item__drop {
        visibility: visible;
        opacity: 1;
        transform: translateY(0) scale(1);
    }

.w78-menu__right__item__btn {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
    color: #4b5563;
    cursor: pointer;
    padding: 0.8rem 1.2rem;
    border-radius: 0.8rem;
    transition: all 0.2s ease;
    background-color: #fff;
}

    .w78-menu__right__item__btn:hover {
        background-color: #f3f4f6;
        color: #111827;
    }

        .w78-menu__right__item__btn:hover .w78-menu__right__item__btn__icon {
            color: #111827;
        }

.w78-menu__right__item__btn__icon {
    font-size: 1.5rem;
    color: #6b7280;
    transition: color 0.2s;
    margin-right: 0.6rem;
}

.w78-menu__right__item__btn--red {
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    padding: 0.8rem 1.6rem;
    border-radius: 2rem;
    box-shadow: 0 0.4rem 1rem rgba(239, 68, 68, 0.2);
}

    .w78-menu__right__item__btn--red:hover {
        background: linear-gradient(135deg, #dc2626, #b91c1c);
        color: white;
        box-shadow: 0 0.6rem 1.4rem rgba(239, 68, 68, 0.3);
        transform: translateY(-0.1rem);
    }

    .w78-menu__right__item__btn--red .w78-menu__right__item__btn__icon {
        color: white !important;
    }

.w78-menu__right__sub {
    position: relative;
    display: flex;
    padding: 1.2rem 0;
    margin-right: 0.6rem;
}

    .w78-menu__right__sub:last-child {
        margin-right: 0;
    }

    .w78-menu__right__sub:hover .w78-menu__right__sub__drop {
        visibility: visible;
        opacity: 1;
        transform: translateY(0) scale(1);
    }

.w78-menu__right__sub__btn {
    display: flex;
    align-items: center;
    font-size: 1.25rem;
    font-weight: 500;
    cursor: pointer;
    padding: 0.8rem 1.2rem;
    border-radius: 0.8rem;
    transition: all 0.2s ease;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    padding: 0.8rem 1.6rem;
    border-radius: 2rem;
    box-shadow: 0 0.4rem 1rem rgba(239, 68, 68, 0.2);
}

    .w78-menu__right__sub__btn:hover {
        box-shadow: 0 0.6rem 1.6rem rgba(237, 27, 36, 0.4);
        transform: translateY(-0.1rem);
    }

.w78-menu__right__sub__btn__icon {
    font-size: 1.5rem;
    margin-right: 0.6rem;
}

.w78-menu__right__item__drop {
    position: absolute;
    top: 100%;
    right: 0;
    background: white;
    border: 0.1rem solid rgba(0, 0, 0, 0.05);
    border-radius: 1.2rem;
    box-shadow: 0 1rem 3rem rgba(0, 0, 0, 0.1);
    min-width: 24rem;
    display: flex;
    flex-direction: column;
    padding: 0.8rem;
    visibility: hidden;
    opacity: 0;
    transform: translateY(1rem) scale(0.98);
    transition: all 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
    z-index: 1;
}

.w78-menu__right__item__drop__link {
    margin-bottom: 0.2rem;
}

    .w78-menu__right__item__drop__link:last-child {
        margin-bottom: 0;
    }

.w78-menu__right__item__drop__link__text {
    padding: 1rem 1.4rem;
    font-size: 1.3rem;
    font-weight: 500;
    color: #4b5563;
    border-radius: 0.8rem;
    transition: all 0.2s ease;
    display: block;
    cursor: pointer;
}

    .w78-menu__right__item__drop__link__text:hover {
        background-color: #f3f4f6;
        color: #ed1b24;
        transform: translateX(0.4rem);
    }

.ws1TransApply .w78-menu__right__item__btn {
}

    .ws1TransApply .w78-menu__right__item__btn:hover {
        background-color: #f3f4f6;
        color: #111827;
    }

.w78-menu__right__item__drop--account {
    width: 28rem;
    padding: 2rem;
}

    .w78-menu__right__item__drop--account > * {
        margin-bottom: 1.2rem;
    }

        .w78-menu__right__item__drop--account > *:last-child {
            margin-bottom: 0;
        }

.w78-menu__right__item__drop__btn {
    background: linear-gradient(135deg, #facc15, #eab308);
    display: block;
    text-align: center;
    border-radius: 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 0.4rem 1rem rgba(234, 179, 8, 0.2);
}

    .w78-menu__right__item__drop__btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.6rem 1.4rem rgba(234, 179, 8, 0.3);
    }

.w78-menu__right__item__drop__btn--outline {
    background: white;
    border: 0.1rem solid #e5e7eb;
    color: #374151;
    box-shadow: none;
}

    .w78-menu__right__item__drop__btn--outline:hover {
        background: #f9fafb;
        border-color: #d1d5db;
    }

.w78-menu__right__item__drop__btn__text {
    display: block;
    color: #422006;
    padding: 1rem;
    font-weight: 600;
    font-size: 1.35rem;
    cursor: pointer;
}

.w78-menu__right__item__drop__reg {
    background: linear-gradient(135deg, #facc15, #eab308);
    display: block;
    text-align: center;
    border-radius: 1rem;
    transition: all 0.2s ease;
    box-shadow: 0 0.4rem 1rem rgba(234, 179, 8, 0.2);
    background: white;
    border: 0.1rem solid #e5e7eb;
    color: #374151;
    box-shadow: none;
}

    .w78-menu__right__item__drop__reg:hover {
        background: #f9fafb;
        border-color: #d1d5db;
    }

.w78-menu__right__item__drop__reg__text {
    display: block;
    color: #422006;
    padding: 1rem;
    font-weight: 600;
    font-size: 1.35rem;
    cursor: pointer;
}

.w78-menu__right__item__drop__div {
    display: flex;
    align-items: center;
    color: #9ca3af;
    font-size: 1.1rem;
    text-transform: uppercase;
    font-weight: 600;
    margin: 0.8rem 0;
    letter-spacing: 0.05rem;
}

    .w78-menu__right__item__drop__div::before, .w78-menu__right__item__drop__div::after {
        content: '';
        width: 50%;
        border-bottom: 0.1rem solid #e5e7eb;
        margin: 0 1.2rem;
    }

.w78-menu__right__item__drop__item__social {
    display: flex;
    align-items: center;
    border: 0.1rem solid #e5e7eb;
    padding: 1rem 1.6rem;
    border-radius: 1rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: #4b5563;
    transition: all 0.2s ease;
    background: white;
    cursor: pointer;
}

.w78-menu__right__item__drop__item__social__icon {
    margin-right: 1.2rem;
    font-size: 1.8rem;
    color: #ea4335;
}

.w78-menu__right__item__drop__item__social:hover {
    background: #f9fafb;
    border-color: #d1d5db;
    transform: translateY(-0.1rem);
    box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.02);
}
.w78-menu__right__item__drop__sub__social {
    display: flex;
    align-items: center;
    border: 0.1rem solid #e5e7eb;
    padding: 1rem 1.6rem;
    border-radius: 1rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: #4b5563;
    transition: all 0.2s ease;
    background: white;
    cursor: pointer;
}

    .w78-menu__right__item__drop__sub__social:hover {
        background: #f9fafb;
        border-color: #d1d5db;
        transform: translateY(-0.1rem);
        box-shadow: 0 0.4rem 0.6rem rgba(0, 0, 0, 0.02);
    }

.w78-menu__right__item__drop__sub__social__imgbox {
    width: 20px;
    height: 20px;
    background-size: contain;
    background-position: center;
    margin-right: 1.2rem;
}
.w78-menu__ckmobile {
    display: none;
}

.w78-menu__trigger {
    display: none;
    cursor: pointer;
    font-size: 2.4rem;
    color: #111827;
    padding: 0.8rem;
    border-radius: 0.8rem;
    transition: background 0.2s;
}

    .w78-menu__trigger:hover {
        background: #f3f4f6;
    }

.ws1TransApply .w78-menu__trigger {
    background: rgba(243,244,246,.8);
}

    .ws1TransApply .w78-menu__trigger:hover {
        background: rgba(243,244,246,1);
    }

.w78-menu__overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(17, 24, 39, 0.4);
    backdrop-filter: blur(0.4rem);
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: all 0.3s ease;
    display: none;
}

    .w78-menu__ckmobile:checked ~ .w78-menu__overlay,
    .w78-menu__overlay.active {
        visibility: visible;
        opacity: 1;
        display: block;
    }

.w78-menu__drawer {
    position: fixed;
    top: 0;
    height: 100%;
    background: white;
    z-index: 1;
    transition: right 0.4s cubic-bezier(0.2, 0.8, 0.2, 1);
    display: none;
    flex-direction: column;
    box-shadow: -1rem 0 3rem rgba(0, 0, 0, 0.1);
    right: -100%;
    width: 32rem;
    overflow: hidden;
}

@media (max-width: 1100px) {
    .w78-menu__drawer {
        display: flex;
    }
}

.w78-menu__ckmobile:checked ~ .w78-menu__drawer,
.w78-menu__drawer.active {
    right: 0;
}

@-webkit-keyframes key-w78-menu__drawer {
    0% {
        right: -34rem;
        width: 32rem;
        overflow: hidden;
    }

    10% {
    }

    50% {
    }

    75% {
    }

    100% {
        right: 0;
        width: 32rem;
        overflow: auto;
    }
}

.w78-menu__drawer__header {
    background: linear-gradient(135deg, #ed1b24, #b91c1c);
    padding: 1.6rem 2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 0.2rem 1rem rgba(0, 0, 0, 0.1);
}

.w78-menu__drawer__header__logo {
    display: flex;
    align-items: center;
    color: white;
    font-weight: 800;
    font-size: 2rem;
    letter-spacing: 0.05rem;
}

.w78-menu__drawer__header__logo__span {
    font-size: 1rem;
    font-weight: 500;
    margin-top: 0.6rem;
    margin-left: 0.6rem;
    opacity: 0.9;
}

.w78-menu__drawer__header__close {
    color: white;
    font-size: 2.4rem;
    cursor: pointer;
    width: 3.2rem;
    height: 3.2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    transition: background 0.2s;
}

    .w78-menu__drawer__header__close:hover {
        background: rgba(255, 255, 255, 0.2);
    }

.w78-menu__drawer__body {
    width: 100%;
    overflow-y: auto;
    background: white;
}

.w78-menu__drawer__body__title {
    padding: 2rem 2rem 1rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: #111827;
    text-transform: uppercase;
    letter-spacing: 0.05rem;
}

.w78-menu__drawer__body__wrap__ck {
    display: none;
}

.w78-menu__drawer__body__wrap {
    display: flex;
    flex-direction: column;
}

.w78-menu__drawer__body__wrap__cat {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 1.4rem 0rem 1.4rem 2rem;
    font-size: 1.4rem;
    font-weight: 500;
    color: #374151;
    cursor: pointer;
    background: white;
    transition: all 0.2s ease;
    border-left: 0.3rem solid transparent;
    position: relative;
}

.w78-menu__drawer__body__wrap__cat__span {
    width: calc(100% - 3rem);
}

.w78-menu__drawer__body__wrap__cat:hover {
    background: #f9fafb;
    color: #ed1b24;
    border-left-color: #ed1b24;
}

.w78-menu__drawer__body__wrap__cat__icon {
    color: #9ca3af;
    font-size: 1.2rem;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
    position: absolute;
    right: 0rem;
    width: 3rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.w78-menu__drawer__body__wrap__ck:checked ~ .w78-menu__drawer__body__wrap__cat,
.w78-menu__drawer__body__wrap__cat.is-active {
    background: #fef2f2;
    color: #ed1b24;
    border-left-color: #ed1b24;
}

    .w78-menu__drawer__body__wrap__ck:checked ~ .w78-menu__drawer__body__wrap__cat .w78-menu__drawer__body__wrap__cat__icon,
    .w78-menu__drawer__body__wrap__cat.is-active .w78-menu__drawer__body__wrap__cat__icon {
        transform: rotate(90deg);
        color: #ed1b24;
    }

.w78-menu__drawer__body__wrap__subcats {
    max-height: 0;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    background-color: #f9fafb;
    transition: max-height 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

    .w78-menu__drawer__body__wrap__ck:checked ~ .w78-menu__drawer__body__wrap__subcats,
    .w78-menu__drawer__body__wrap__subcats.is-open {
        max-height: 50rem;
    }

.w78-menu__drawer__body__wrap__subcats__item__link {
    padding: 1.2rem 2rem 1.2rem 3.6rem;
    font-size: 1.35rem;
    color: #6b7280;
    transition: all 0.2s ease;
    position: relative;
    display: block;
    cursor: pointer;
}

    .w78-menu__drawer__body__wrap__subcats__item__link::before {
        content: '';
        position: absolute;
        left: 2.2rem;
        top: 50%;
        transform: translateY(-50%);
        width: 0.4rem;
        height: 0.4rem;
        border-radius: 50%;
        background: #d1d5db;
        transition: background 0.2s;
    }

    .w78-menu__drawer__body__wrap__subcats__item__link:hover {
        color: #ed1b24;
        background: #f3f4f6;
    }

        .w78-menu__drawer__body__wrap__subcats__item__link:hover::before {
            background: #ed1b24;
        }

.w78-menu__drawer__body__auth {
    display: flex;
    padding: 2rem 2rem 1rem;
    border-top: 0.1rem solid #f3f4f6;
    border-bottom: 0.1rem solid #f3f4f6;
    background: #fafafa;
    flex-wrap: wrap;
}

.w78-menu__drawer__body__auth__item {
    width: calc(50% - 0.6rem);
    margin-left: 1.2rem;
}

    .w78-menu__drawer__body__auth__item:nth-child(2n+1) {
        margin-left: 0;
    }

.w78-menu__drawer__body__auth__item__btn {
    display: block;
    text-align: center;
    padding: 1.2rem;
    border-radius: 0.8rem;
    font-weight: 600;
    font-size: 1.4rem;
    transition: all 0.2s ease;
    margin-bottom: 1rem;
    background: linear-gradient(135deg, #ef4444, #dc2626);
    color: white;
    box-shadow: 0 0.4rem 1rem rgba(239, 68, 68, 0.2);
    cursor: pointer;
}

    .w78-menu__drawer__body__auth__item__btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.6rem 1.4rem rgba(239, 68, 68, 0.3);
    }

.w78-menu__drawer__body__auth__reg {
    width: calc(50% - 0.6rem);
    margin-left: 1.2rem;
}

    .w78-menu__drawer__body__auth__reg:nth-child(2n+1) {
        margin-left: 0;
    }

.w78-menu__drawer__body__auth__reg__btn {
    display: block;
    text-align: center;
    padding: 1.2rem;
    border-radius: 0.8rem;
    font-weight: 600;
    font-size: 1.4rem;
    transition: all 0.2s ease;
    margin-bottom: 1rem;
    background: white;
    color: #dc2626;
    border: 0.1rem solid #fca5a5;
    cursor: pointer;
}

    .w78-menu__drawer__body__auth__reg__btn:hover {
        transform: translateY(-0.2rem);
        box-shadow: 0 0.6rem 1.4rem rgba(239, 68, 68, 0.3);
    }

.w78-menu__drawer__body__links {
    padding: 1rem 0 3rem;
}

.w78-menu__drawer__body__links__item__link {
    display: flex;
    align-items: center;
    padding: 1.4rem 2rem;
    font-size: 1.45rem;
    font-weight: 500;
    color: #374151;
    transition: all 0.2s ease;
}

    .w78-menu__drawer__body__links__item__link:hover {
        background: #f9fafb;
        color: #ed1b24;
        padding-left: 2.4rem;
    }

.w78-menu__drawer__body__links__item__link__icon {
    color: #dc2626;
    font-size: 1.8rem;
    width: 2.4rem;
    text-align: center;
    margin-right: 1.6rem;
}

.w78-menu__drawer__body__links__item__link__span {
    margin-left: auto;
    color: #dc2626;
    font-size: 1.2rem;
    font-weight: 700;
    background: #fef2f2;
    padding: 0.4rem 0.8rem;
    border-radius: 2rem;
}

.w78-menu__drawer__body__links__sub__link {
    display: flex;
    align-items: center;
    padding: 1.4rem 2rem;
    font-size: 1.45rem;
    font-weight: 500;
    color: #374151;
    transition: all 0.2s ease;
}

    .w78-menu__drawer__body__links__sub__link:hover {
        background: #f9fafb;
        color: #ed1b24;
        padding-left: 2.4rem;
    }

.w78-menu__drawer__body__links__sub__link__icon {
    color: #dc2626;
    font-size: 1.8rem;
    width: 2.4rem;
    text-align: center;
    margin-right: 1.6rem;
}

.w78-menu__drawer__body__links__sub__link__span {
    margin-left: auto;
    color: #dc2626;
    font-size: 1.2rem;
    font-weight: 700;
    background: #fef2f2;
    padding: 0.4rem 0.8rem;
    border-radius: 2rem;
}

@media (max-width: 1400px) {
    .w78-menu__center__item__mega {
        width: 60rem;
        left: 0;
        transform: translateY(1.5rem);
    }

    .w78-menu__center__item:hover .w78-menu__center__item__mega {
        transform: translateY(0);
    }

    .w78-menu__center__item__mega__halves,
    .w78-menu__center__item__mega__halves__half {
        flex-direction: column;
    }

        .w78-menu__center__item__mega__halves > *,
        .w78-menu__center__item__mega__halves__half > * {
            width: 100%;
            margin-right: 0;
            margin-bottom: 1.6rem;
        }

            .w78-menu__center__item__mega__halves > *:last-child,
            .w78-menu__center__item__mega__halves__half > *:last-child {
                margin-bottom: 0;
            }

    .w78-menu__right__item__btn .w78-menu__right__item__btn__span {
        display: none;
    }

    .w78-menu__right__item__btn {
        padding: 0.8rem;
    }
}

@media (max-width: 1100px) {
    .w78-menu__center__item__mega__cols {
        flex-direction: column;
    }

    .w78-menu__center__item__mega__cols__col__cards__card {
        width: calc(50% - 0.6rem);
    }

    .w78-menu__group {
        min-height: 6rem;
        padding: 0.8rem 1.6rem;
        justify-content: space-between;
    }

    .w78-menu__center,
    .w78-menu__right {
        display: none;
    }

    .w78-menu__trigger {
        display: block;
    }

    .w78-menu__left__phone {
        padding: 0.8rem 1.6rem;
        background: #fef2f2;
    }
}

/*ed*/

/*w76-product-3*/

.w76-product-3 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: white;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w76-product-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w76-product-3__heading {
    text-align: center;
}

.w76-product-3__heading__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
}

.w76-product-3__heading__sub {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w76-product-3__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w76-product-3__items__item {
    border-radius: .5rem;
    align-items: center;
    border: .1rem solid #eeeded;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    background-color: #fff;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    width: 32%;
    margin-left: 2%;
    border-radius: 1rem;
    overflow: hidden;
    transition: all .3s ease;
}

    .w76-product-3__items__item:hover {
        transform: translateY(-1rem);
    }

@media only screen and (min-width: 62.5rem) {
    .w76-product-3__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w76-product-3__items__item {
        width: calc(50% - 1rem);
        margin-left: 2rem;
        margin-top: 2rem;
    }

        .w76-product-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 31.5rem) {
    .w76-product-3__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w76-product-3__items__item__mains {
    width: 100%;
}

.w76-product-3__items__item__mains__info__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.w76-product-3__items__item__mains__info {
    padding: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w76-product-3__items__item__mains__info__des {
    }
}

.w76-product-3__items__item__mains__info__prices {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    align-items: center;
}

.w76-product-3__items__item__mains__info__prices__price {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 1.6rem;
}

.w76-product-3__items__item__mains__info__prices__sale {
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    border-radius: 3rem;
    background-color: rgba(var(--main-color-w),1);
    padding: 5px 10px;
    margin-left:2rem;
}

.w76-product-3__items__item__mains__info__prices__sub {
    color: #999;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 2rem;
}

.w76-product-3__items__item__mains__info__des__bottom {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.w76-product-3__items__item__mains__info__des__bottom__iner {
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
}

.w76-product-3__items__item__mains__info__des__bottom__iner__name {
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid 1px rgba(var(--main-color-w),1);
    border-radius: 3rem;
    padding: 1rem 4.5rem 1rem 2rem;
    transition: all .3s ease;
    position: relative;
    z-index: 2;
}

    .w76-product-3__items__item__mains__info__des__bottom__iner__name:hover {
        background-color: transparent;
        color: #fff;
    }

.w76-product-3__items__item__mains__info__des__bottom__iner__icon {
    position: absolute;
    right: 1.5rem;
    color: rgba(var(--main-color-w),1);
    z-index: 2;
    transition: all .3s ease;
}
.w76-product-3__items__item__mains__info__des__bottom__iner:hover
.w76-product-3__items__item__mains__info__des__bottom__iner__icon {
    color: #fff;
}
.w76-product-3__items__item__mains__info__des__bottom__iner__bg {
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 0;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s ease;
}

.w76-product-3__items__item__mains__info__des__bottom:hover
.w76-product-3__items__item__mains__info__des__bottom__iner__bg {
    width: 100%;
}

.w76-product-3__items__item__mains__twenty {
    width: 100%;
    position: relative;
}

.w76-product-3__items__item__mains__twenty__compare {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.w76-product-3__items__item__mains__twenty__compare:not(.twentytwenty-container){
    display:flex;
}
.w76-product-3__items__item__mains__twenty__compare__imgbox {
    width: 100%;
    border: none;
    background-size: contain !important;
    width:100% !important;
    height:100% !important;
    display:flex;
    justify-content:center;
    align-items:center;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
}

@media only screen and (max-width: 50rem) {
    .w76-product-3__items__item__mains__twenty__compare__imgbox {
    }
}

@media only screen and (max-width: 37.5rem) {
    .w76-product-3__items__item__mains__twenty__compare__imgbox {
    }
}

@media only screen and (max-width: 31.25rem) {
    .w76-product-3__items__item__mains__twenty__compare__imgbox {
    }
}

.w76-product-3__items__item__mains__twenty__compare:not(.twentytwenty-container)
.w76-product-3__items__item__mains__twenty__compare__imgbox:nth-child(2) {
    position: absolute;
    left: 50%;
    background-size:cover!important;
    height:100%!important;
}

.w76-product-3__items__item__mains__twenty__compare__imgbox__img {
    width: 100%;
    opacity: 1 !important;
    min-width:100%;
}
.w76-product-3__items__item__mains__twenty__compare.loading .w76-product-3__items__item__mains__twenty__compare__imgbox__img {
    opacity: 0 !important;
}
.w76-product-3__items__item__mains__twenty__compare__imgbox__img.twentytwenty-before {
}
.w76-product-3__items__item__mains__twenty__compare__imgbox__img.twentytwenty-after {
    max-height:100%;
    object-fit:cover;
    height:100%;
}
.w76-product-3__items__item__mains__twenty__compare .twentytwenty-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: none;
}

.w76-product-3__items__item__mains__twenty__compare .twentytwenty-before-label {
    top: initial;
    left: 0rem;
    width: 4rem;
    height: max-content;
}

.w76-product-3__items__item__mains__twenty__compare .twentytwenty-after-label {
    top: initial;
    right: 2rem;
    width: 4rem;
    height: max-content;
}

.w76-product-3__items__item__mains__twenty__compare .twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: calc(100% / 2 - 38px);
    margin-left: -22px;
    margin-top: 0;
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 20;
    cursor: pointer;
    background-color: rgba(0,0,0,.2);
}

    .w76-product-3__items__item__mains__twenty__compare .twentytwenty-handle:before {
        bottom: 50%;
        margin-bottom: 22px;
        box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
        content: "";
        left: 50%;
        width: 3px;
        height: 9999px;
        display: block;
        background: #fff;
        position: absolute;
        z-index: 30;
    }

    .w76-product-3__items__item__mains__twenty__compare .twentytwenty-handle:after {
        top: 50%;
        margin-top: 19px;
        box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
        content: "";
        left: 50%;
        width: 3px;
        height: 9999px;
        display: block;
        background: #fff;
        position: absolute;
        z-index: 30;
    }

.w76-product-3__items__item__mains__twenty__name {
    position: absolute;
    width: calc(100% - 3rem);
    margin-left: 1.5rem;
    bottom: 0;
    left: 0;
    z-index: 20;
}

@media only screen and (max-width: 62.5rem) {
    .w76-product-3__items__item__mains__twenty__name {
        width: calc(100% - 2rem);
        margin-left: 1rem;
    }
}

.w76-product-3__items__item__mains__twenty__name__text {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1rem;
    border-radius: 1.5rem 1.5rem 0 0;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    line-height: 2.2rem;
}

    .w76-product-3__items__item__mains__twenty__name__text:hover {
        text-decoration: underline;
    }
.w76-product-3__bottom {
    display: flex;
    justify-content: center;
    margin-top: 3rem;
}

.w76-product-3__bottom__iner {
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
}

.w76-product-3__bottom__iner__name {
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid 1px rgba(var(--main-color-w),1);
    border-radius: 3rem;
    padding: 1rem 4.5rem 1rem 2rem;
    transition: all .3s ease;
    position: relative;
    z-index: 2;
}

    .w76-product-3__bottom__iner__name:hover {
        background-color: transparent;
        color: #fff;
    }

.w76-product-3__bottom__iner__icon {
    position: absolute;
    right: 1.5rem;
    color: rgba(var(--main-color-w),1);
    z-index: 2;
    transition: all .3s ease;
}

.w76-product-3__bottom__iner:hover
.w76-product-3__bottom__iner__icon {
    color: #fff;
}

.w76-product-3__bottom__iner__bg {
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 0;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s ease;
}

.w76-product-3__bottom:hover
.w76-product-3__bottom__iner__bg {
    width: 100%;
}
/*ed*/
/*w76-productlist-3*/
.w76-productlist-3 {
    width: 100%;
    padding: 3rem 1rem 3rem;
    background-color: white;
    position: relative;
    z-index: 0;
    overflow: hidden;
}

.w76-productlist-3__group {
    max-width: 120rem;
    width: 100%;
    margin: 0 auto;
}

.w76-productlist-3__heading {
    text-align: center;
}

.w76-productlist-3__heading__main {
    color: rgba(var(--main-color-w), 1);
    font-weight: 600;
    font-size: 3rem;
    line-height: 4rem;
}

.w76-productlist-3__heading__sub {
    font-size: 1.6rem;
    margin-top: 1rem;
    line-height: 2.6rem;
}

.w76-productlist-3__text {
    margin-top: 1rem;
}

.w76-productlist-3__items {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 1rem;
}

.w76-productlist-3__items__item {
    border-radius: .5rem;
    align-items: center;
    border: .1rem solid #eeeded;
    box-shadow: 0px 4px 4px 0px rgba(0,0,0,.25);
    background-color: #fff;
    flex-wrap: wrap;
    margin-top: 2.5rem;
    width: 32%;
    margin-left: 2%;
    border-radius: 1rem;
    overflow: hidden;
    transition: all .3s ease;
}

    .w76-productlist-3__items__item:hover {
        transform: translateY(-1rem);
    }

@media only screen and (min-width: 62.5rem) {
    .w76-productlist-3__items__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media only screen and (max-width: 62.5rem) {
    .w76-productlist-3__items__item {
        width: calc(50% - 1rem);
        margin-left: 2rem;
        margin-top: 2rem;
    }

        .w76-productlist-3__items__item:nth-child(2n+1) {
            margin-left: 0;
        }
}

@media only screen and (max-width: 31.5rem) {
    .w76-productlist-3__items__item {
        width: 100%;
        margin-left: 0;
    }
}

.w76-productlist-3__items__item__mains {
    width: 100%;
}

.w76-productlist-3__items__item__mains__info__des {
    width: 100%;
    font-size: 1.5rem;
    line-height: 2.2rem;
}

.w76-productlist-3__items__item__mains__info {
    padding: 1rem;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productlist-3__items__item__mains__info__des {
    }
}

.w76-productlist-3__items__item__mains__info__prices {
    display: flex;
    justify-content: center;
    margin-bottom: 1rem;
    align-items: center;
}

.w76-productlist-3__items__item__mains__info__prices__price {
    color: rgba(var(--main-color-w),1);
    font-weight: 600;
    font-size: 1.6rem;
}

.w76-productlist-3__items__item__mains__info__prices__sale {
    color: #fff;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    border-radius: 3rem;
    background-color: rgba(var(--main-color-w),1);
    padding: 5px 10px;
    margin-left: 2rem;
}

.w76-productlist-3__items__item__mains__info__prices__sub {
    color: #999;
    font-size: 1.4rem;
    text-decoration: line-through;
    margin-left: 2rem;
}

.w76-productlist-3__items__item__mains__info__des__bottom {
    display: flex;
    justify-content: center;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.w76-productlist-3__items__item__mains__info__des__bottom__iner {
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    transition: all .3s ease;
    position: relative;
    border-radius: 3rem;
    overflow: hidden;
}

.w76-productlist-3__items__item__mains__info__des__bottom__iner__name {
    color: rgba(var(--main-color-w),1);
    background-color: #fff;
    border: solid 1px rgba(var(--main-color-w),1);
    border-radius: 3rem;
    padding: 1rem 4.5rem 1rem 2rem;
    transition: all .3s ease;
    position: relative;
    z-index: 2;
}

    .w76-productlist-3__items__item__mains__info__des__bottom__iner__name:hover {
        background-color: transparent;
        color: #fff;
    }

.w76-productlist-3__items__item__mains__info__des__bottom__iner__icon {
    position: absolute;
    right: 1.5rem;
    color: rgba(var(--main-color-w),1);
    z-index: 2;
    transition: all .3s ease;
}

.w76-productlist-3__items__item__mains__info__des__bottom__iner:hover
.w76-productlist-3__items__item__mains__info__des__bottom__iner__icon {
    color: #fff;
}

.w76-productlist-3__items__item__mains__info__des__bottom__iner__bg {
    position: absolute;
    width: 0;
    height: 100%;
    z-index: 0;
    background-color: rgba(var(--main-color-w),1);
    transition: all .5s ease;
}

.w76-productlist-3__items__item__mains__info__des__bottom:hover
.w76-productlist-3__items__item__mains__info__des__bottom__iner__bg {
    width: 100%;
}

.w76-productlist-3__items__item__mains__twenty {
    width: 100%;
    position: relative;
}

.w76-productlist-3__items__item__mains__twenty__compare {
    width: 100%;
    overflow: hidden;
    position: relative;
}

    .w76-productlist-3__items__item__mains__twenty__compare.twentytwenty-container {
    }

.w76-productlist-3__items__item__mains__twenty__compare__imgbox {
    width: 100%;
    border: none;
    background-size: contain !important;
    width: 100% !important;
    height: 100% !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background-position: center;
    background-position: center;
    background-repeat: no-repeat;
}
.ws1RightMenubox .w76-productlist-3__items__item__mains__twenty__compare__imgbox:nth-child(1) {
    height: fit-content !important;
}
@media only screen and (max-width: 50rem) {
    .w76-productlist-3__items__item__mains__twenty__compare__imgbox {
    }
}

@media only screen and (max-width: 37.5rem) {
    .w76-productlist-3__items__item__mains__twenty__compare__imgbox {
    }
}

@media only screen and (max-width: 31.25rem) {
    .w76-productlist-3__items__item__mains__twenty__compare__imgbox {
    }
}

.w76-productlist-3__items__item__mains__twenty__compare:not(.twentytwenty-container)
.w76-productlist-3__items__item__mains__twenty__compare__imgbox:nth-child(2) {
}

.ws1RightMenubox .w76-productlist-3__items__item__mains__twenty__compare__imgbox:nth-child(2) {
    position: absolute;
    left: 50%;
    top: 0;
    background-color: #ffff;
    height: 100%;
}

.w76-productlist-3__items__item__mains__twenty__compare__imgbox__img {
    width: 100%;
    opacity: 1 !important;
    height: 100%;
}

    .w76-productlist-3__items__item__mains__twenty__compare__imgbox__img.twentytwenty-after {
        max-height: 100%;
        height: 100%;
        object-fit: cover;
    }

.ws1RightMenubox .w76-productlist-3__items__item__mains__twenty__compare:nth-child(2) .w76-productlist-3__items__item__mains__twenty__compare__imgbox__img {
    max-height: 100%;
    height: 100%;
    object-fit: cover;
}

.w76-productlist-3__items__item__mains__twenty__compare .twentytwenty-overlay {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    display: none;
}

.w76-productlist-3__items__item__mains__twenty__compare .twentytwenty-before-label {
    top: initial;
    left: 0rem;
    width: 4rem;
    height: max-content;
}

.w76-productlist-3__items__item__mains__twenty__compare .twentytwenty-after-label {
    top: initial;
    right: 2rem;
    width: 4rem;
    height: max-content;
}

.w76-productlist-3__items__item__mains__twenty__compare .twentytwenty-handle {
    height: 38px;
    width: 38px;
    position: absolute;
    left: 50%;
    top: calc(100% / 2 - 38px);
    margin-left: -22px;
    margin-top: 0;
    border: 3px solid #fff;
    border-radius: 1000px;
    box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5);
    z-index: 20;
    cursor: pointer;
    background-color: rgba(0,0,0,.2);
}

    .w76-productlist-3__items__item__mains__twenty__compare .twentytwenty-handle:before {
        bottom: 50%;
        margin-bottom: 22px;
        box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
        content: "";
        left: 50%;
        width: 3px;
        height: 9999px;
        display: block;
        background: #fff;
        position: absolute;
        z-index: 30;
    }

    .w76-productlist-3__items__item__mains__twenty__compare .twentytwenty-handle:after {
        top: 50%;
        margin-top: 19px;
        box-shadow: 0 3px 0 #fff, 0px 0px 12px rgba(51, 51, 51, 0.5);
        content: "";
        left: 50%;
        width: 3px;
        height: 9999px;
        display: block;
        background: #fff;
        position: absolute;
        z-index: 30;
    }

.w76-productlist-3__items__item__mains__twenty__name {
    position: absolute;
    width: calc(100% - 3rem);
    margin-left: 1.5rem;
    bottom: 0;
    left: 0;
    z-index: 20;
}

@media only screen and (max-width: 62.5rem) {
    .w76-productlist-3__items__item__mains__twenty__name {
        width: calc(100% - 2rem);
        margin-left: 1rem;
    }
}

.w76-productlist-3__items__item__mains__twenty__name__text {
    background-color: rgba(var(--main-color-w),1);
    color: #fff;
    padding: .75rem 1rem;
    border-radius: 1.5rem 1.5rem 0 0;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    width: 100%;
    cursor: pointer;
    line-height: 2.2rem;
}

    .w76-productlist-3__items__item__mains__twenty__name__text:hover {
        text-decoration: underline;
    }

.w76-productlist-3__paging {
    margin: 2rem 0 0rem 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.w76-productlist-3__paging__item {
    list-style-type: none;
    transition: all .5s;
    cursor: pointer;
    margin: 1rem .75rem 0 .75rem;
}

.w76-productlist-3__paging__item__text {
    font-size: 1.5rem;
    color: #333;
    width: 3.5rem;
    height: 3.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 50%;
    transition: all .3s ease;
    border: solid 1px #f1f1f1;
}

    .w76-productlist-3__paging__item__text:hover {
        transform: translateY(-.5rem);
    }

.w76-productlist-3__paging__item:hover .w76-productlist-3__paging__item__text,
.w76-productlist-3__paging__item.active .w76-productlist-3__paging__item__text {
    color: #fff;
    background-color: #0a529e;
    border-radius: 50%;
}

/*ed*/

/*w78-header*/
.w78-header {
    display: block;
    width: 100%;
    background: #ffffff;
    box-shadow: 0 2px 12px rgba(0, 0, 0, .08);
}

.main .w78-header.ws1TransApply {
    z-index: 4;
}

.main .w78-header.ws1StickyApply {
    z-index: 4;
}

@keyframes dropIn {
    from {
        opacity: 0;
        transform: translateY(-6px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}

@keyframes fadePanel {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.w78-header__group {
    display: block;
    width: 100%;
    max-width: 120rem;
    position: relative;
    margin: 0 auto;
}

.w78-header__mains {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: center;
    padding: 1rem 1.6rem;
    min-height: 6.8rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

@media (max-width: 800px) {
    .w78-header__mains {
        padding: 0.8rem 1.2rem;
        min-height: 5.8rem;
    }
}

@media (max-width: 545px) {
    .w78-header__mains {
        display: block;
        position: relative;
        padding: 0.7rem;
        min-height: auto;
    }
}

.w78-header__mains__danhmuc {
    position: relative;
    min-width: max-content;
    margin-right: 0.8rem;
}

@media (max-width: 545px) {
    .w78-header__mains__danhmuc {
        display: inline-block;
        margin-right: 0;
    }
}

.w78-header__mains__danhmuc__btn {
    display: flex;
    align-items: center;
    background: #e8111a;
    border: none;
    border-radius: 8px;
    padding: 0.9rem 1.4rem;
    font-size: 1.3rem;
    font-weight: 700;
    cursor: pointer;
    color: #fff;
    font-family: 'Nunito', sans-serif;
    letter-spacing: 0.02em;
    transition: background 0.18s cubic-bezier(.4, 0, .2, 1), transform 0.18s cubic-bezier(.4, 0, .2, 1), box-shadow 0.18s cubic-bezier(.4, 0, .2, 1);
    box-shadow: 0 2px 8px rgba(232, 17, 26, 0.3);
    white-space: nowrap;
}

    .w78-header__mains__danhmuc__btn:hover {
        background: #c00d15;
        transform: translateY(-1px);
        box-shadow: 0 4px 16px rgba(232, 17, 26, 0.4);
    }

    .w78-header__mains__danhmuc__btn:active {
        transform: translateY(0);
    }

.w78-header__mains__danhmuc__btn__bars {
    display: flex;
    flex-direction: column;
    width: 1.6rem;
    margin-right: 0.7rem;
}

.w78-header__mains__danhmuc__btn__bars__line {
    display: block;
    height: 2px;
    background: #fff;
    border-radius: 2px;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    margin-bottom: 0.4rem;
}

    .w78-header__mains__danhmuc__btn__bars__line:last-child {
        margin-bottom: 0;
    }

    .w78-header__mains__danhmuc__btn__bars__line:nth-child(2) {
        width: 70%;
    }

@media (max-width: 545px) {
    .w78-header__mains__danhmuc__btn__text {
        display: none;
    }
}

.w78-header__ck:checked ~
.w78-header__mains
.w78-header__mains__danhmuc
.w78-header__mains__danhmuc__btn
.w78-header__mains__danhmuc__btn__bars
.w78-header__mains__danhmuc__btn__bars__line:nth-child(1),
.w78-header__mains__danhmuc__btn--active .w78-header__mains__danhmuc__btn__bars__line:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}

.w78-header__ck:checked ~
.w78-header__mains
.w78-header__mains__danhmuc
.w78-header__mains__danhmuc__btn
.w78-header__mains__danhmuc__btn__bars
.w78-header__mains__danhmuc__btn__bars__line:nth-child(2),
.w78-header__mains__danhmuc__btn--active .w78-header__mains__danhmuc__btn__bars__line:nth-child(2) {
    opacity: 0;
}

.w78-header__ck:checked ~
.w78-header__mains
.w78-header__mains__danhmuc
.w78-header__mains__danhmuc__btn
.w78-header__mains__danhmuc__btn__bars
.w78-header__mains__danhmuc__btn__bars__line:nth-child(3),
.w78-header__mains__danhmuc__btn--active .w78-header__mains__danhmuc__btn__bars__line:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
    width: 100%;
}

.w78-header__mains__logo {
    min-width: max-content;
    margin-right: 1.2rem;
}

@media (max-width: 545px) {
    .w78-header__mains__logo {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        top: 0.7rem;
        margin: 0;
    }
}

.w78-header__mains__logo__link {
    display: block;
}

.w78-header__mains__logo__link__figure {
    width: 12rem;
    height: 4.8rem;
    overflow: hidden;
    background-size: contain;
    background-position: center;
}

@media (max-width: 800px) {
    .w78-header__mains__logo__link__figure {
        width: 10rem;
        height: 4rem;
    }
}

@media (max-width: 545px) {
    .w78-header__mains__logo__link__figure {
        width: 8rem;
        height: 3.2rem;
    }
}

.w78-header__mains__logo__link__figure__img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.w78-header__mains__search {
    width: 24%;
    position: relative;
    margin-right: 0.8rem;
}

@media (max-width: 900px) {
    .w78-header__mains__search {
        width: 30%;
    }
}

@media (max-width: 800px) {
    .w78-header__mains__search {
        width: 40%;
    }
}

@media (max-width: 650px) {
    .w78-header__mains__search {
        width: 32%;
    }
}

@media (max-width: 545px) {
    .w78-header__mains__search {
        display: block;
        width: 100%;
        margin-top: 1rem;
        margin-right: 0;
    }
}

.w78-header__mains__search:focus-within .w78-header__mains__search__dropdown {
    display: block;
}

.w78-header__mains__search__form {
    display: flex;
    align-items: center;
    border: 2px solid #e4e7ec;
    border-radius: 5rem;
    overflow: visible;
    background: #f9fafb;
    transition: border-color 0.18s cubic-bezier(.4, 0, .2, 1), box-shadow 0.18s cubic-bezier(.4, 0, .2, 1);
    position: relative;
}

    .w78-header__mains__search__form:focus-within {
        border-color: #e8111a;
        box-shadow: 0 0 0 4px rgba(232, 17, 26, 0.15);
        background: #ffffff;
    }

.w78-header__mains__search__form__input {
    width: 100%;
    border: none;
    outline: none;
    font-size: 1.4rem;
    font-family: 'Nunito', sans-serif;
    padding: 1rem 1.6rem;
    color: #111827;
    background: transparent;
    min-width: 0;
}

    .w78-header__mains__search__form__input::placeholder {
        color: #6b7280;
    }

.w78-header__mains__search__form__btn {
    background: #e8111a;
    border: none;
    border-radius: 0 5rem 5rem 0;
    padding: 0 2rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    min-height: 4.2rem;
    align-self: stretch;
    transition: background 0.18s cubic-bezier(.4, 0, .2, 1);
    min-width: max-content;
}

    .w78-header__mains__search__form__btn:hover {
        background: #c00d15;
    }

.w78-header__mains__search__form__btn__icon {
    color: #fff;
    font-size: 1.5rem;
}

.w78-header__mains__search__dropdown {
    display: none;
    position: absolute;
    top: calc(100% + 0.8rem);
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 12px 40px rgba(0, 0, 0, .13), 0 4px 12px rgba(0, 0, 0, .07);
    padding: 1.6rem 2rem;
    z-index: 2;
    border: 1px solid #e4e7ec;
    animation: dropIn 0.15s ease;
    width: fit-content;
    max-width: 89vh;
    overflow: hidden;
}

.w78-header__mains__search__dropdown__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #374151;
    margin-bottom: 1.2rem;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    display: flex;
    align-items: center;
}

.w78-header__mains__search__dropdown__title__icon {
    margin-right: 0.5rem;
}

.w78-header__mains__search__dropdown__tags {
    display: flex;
    flex-wrap: wrap;
}

.w78-header__mains__search__dropdown__tags__item {
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
}

.w78-header__mains__search__dropdown__tags__item__name {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #e4e7ec;
    border-radius: 5rem;
    padding: 0.45rem 1.1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    background: #ffffff;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    text-decoration: none;
}

    .w78-header__mains__search__dropdown__tags__item__name:hover {
        background: #fff0f0;
        border-color: #e8111a;
        color: #e8111a;
    }

.w78-header__mains__search__dropdown__tags__item__name--rank1 {
    background: #fff8e1;
    border-color: #f5c518;
    color: #a07800;
}

.w78-header__mains__search__dropdown__tags__item__name--rank2 {
    background: #e8f0fe;
    border-color: #4a90d9;
    color: #1a5cb0;
}

.w78-header__mains__search__dropdown__tags__item__name--rank3 {
    background: #fff3e0;
    border-color: #f5a623;
    color: #b06000;
}

.w78-header__mains__search__dropdown__tags__sub {
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
}

.w78-header__mains__search__dropdown__tags__sub__name {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #e4e7ec;
    border-radius: 5rem;
    padding: 0.45rem 1.1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    background: #ffffff;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    text-decoration: none;
    background: #fff8e1;
    border-color: #f5c518;
    color: #a07800;
}

    .w78-header__mains__search__dropdown__tags__sub__name:hover {
        background: #fff0f0;
        border-color: #e8111a;
        color: #e8111a;
    }

.w78-header__mains__search__dropdown__tags__sub {
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
}

.w78-header__mains__search__dropdown__tags__sub__name {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #e4e7ec;
    border-radius: 5rem;
    padding: 0.45rem 1.1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    background: #ffffff;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    text-decoration: none;
    background: #fff8e1;
    border-color: #f5c518;
    color: #a07800;
}

    .w78-header__mains__search__dropdown__tags__sub__name:hover {
        background: #fff0f0;
        border-color: #e8111a;
        color: #e8111a;
    }

.w78-header__mains__search__dropdown__tags__child {
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
}

.w78-header__mains__search__dropdown__tags__child__name {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #e4e7ec;
    border-radius: 5rem;
    padding: 0.45rem 1.1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    background: #ffffff;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    text-decoration: none;
    background: #e8f0fe;
    border-color: #4a90d9;
    color: #1a5cb0;
}

    .w78-header__mains__search__dropdown__tags__child__name:hover {
        background: #fff0f0;
        border-color: #e8111a;
        color: #e8111a;
    }

.w78-header__mains__search__dropdown__tags__alter {
    margin-right: 0.7rem;
    margin-bottom: 0.7rem;
}

.w78-header__mains__search__dropdown__tags__alter__name {
    display: inline-flex;
    align-items: center;
    border: 1.5px solid #e4e7ec;
    border-radius: 5rem;
    padding: 0.45rem 1.1rem;
    font-size: 1.25rem;
    font-weight: 600;
    color: #374151;
    cursor: pointer;
    background: #ffffff;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    white-space: nowrap;
    text-decoration: none;
    background: #fff3e0;
    border-color: #f5a623;
    color: #b06000;
}

    .w78-header__mains__search__dropdown__tags__alter__name:hover {
        background: #fff0f0;
        border-color: #e8111a;
        color: #e8111a;
    }

.w78-header__mains__search__dropdown__hint {
    font-size: 1.2rem;
    color: #6b7280;
    margin-top: 1rem;
    display: flex;
    align-items: center;
}

.w78-header__mains__search__dropdown__hint__icon {
    margin-right: 0.5rem;
    color: #f0c040;
}

.w78-header__mains__social {
    display: flex;
    align-items: center;
    margin-right: 0.8rem;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .w78-header__mains__social {
        display: none;
    }
}

.w78-header__mains__social__item:not(:last-child) {
    margin-right: 0.5rem;
}

@media (max-width: 900px) {
    .w78-header__mains__social__item {
        display: none;
    }

        .w78-header__mains__social__item:nth-child(1) {
            display: block;
        }

        .w78-header__mains__social__item:nth-child(2) {
            display: block;
        }

        .w78-header__mains__social__item:nth-child(3) {
            display: block;
        }
}

.w78-header__mains__social__item__box {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.4rem;
    height: 3.4rem;
    border-radius: 50%;
    font-size: 1.5rem;
    cursor: pointer;
    transition: transform 0.18s cubic-bezier(.4, 0, .2, 1), opacity 0.18s cubic-bezier(.4, 0, .2, 1), box-shadow 0.18s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    position: relative;
    text-decoration: none;
}

    .w78-header__mains__social__item__box:hover {
        transform: translateY(-2px) scale(1.08);
        box-shadow: 0 4px 12px rgba(0, 0, 0, .2);
    }

.w78-header__mains__social__item__box--fb {
    background: #1877f2;
    color: #fff;
}

.w78-header__mains__social__item__box--yt {
    background: #ff0000;
    color: #fff;
}

.w78-header__mains__social__item__box--ig {
    background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
    color: #fff;
}

.w78-header__mains__social__item__box--tt {
    background: #000;
    color: #fff;
}

.w78-header__mains__social__item__box--news {
    background: #e8111a;
    color: #fff;
    font-size: 0.95rem;
    font-weight: 900;
    letter-spacing: -0.05rem;
}

.w78-header__mains__social__item__box--tool {
    background: #374151;
    color: #fff;
}

.w78-header__mains__buildpc:not(:last-child) {
    margin-right: 0.8rem;
}

@media (max-width: 1200px) {
    .w78-header__mains__buildpc {
        display: none;
    }
}

.w78-header__mains__buildpc__box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    transition: background 0.18s cubic-bezier(.4, 0, .2, 1);
    min-width: max-content;
    background-color: #fff;
}


    .w78-header__mains__buildpc__box:hover {
        background: #f0f2f5;
    }

.w78-header__mains__buildpc__box__icon {
    width: 3.4rem;
    height: 3.4rem;
    background: linear-gradient(135deg, #1565c0 0%, #1976d2 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.8rem;
}

.w78-header__mains__buildpc__box__icon__i {
    color: #fff;
    font-size: 1.6rem;
}

.w78-header__mains__buildpc__box__text {
    display: flex;
    flex-direction: column;
}

.w78-header__mains__buildpc__box__text__line1 {
    font-size: 1.0rem;
    color: #6b7280;
    font-weight: 600;
    line-height: 1.3;
}

.w78-header__mains__buildpc__box__text__line2 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.3;
}

.w78-header__mains__trackorder:not(:last-child) {
    margin-right: 0.8rem;
}

@media (max-width: 1200px) {
    .w78-header__mains__trackorder {
        display: none;
    }
}

.w78-header__mains__trackorder__box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    transition: background 0.18s cubic-bezier(.4, 0, .2, 1);
    min-width: max-content;
    background-color: #fff;
}

@media (max-width: 1024px) {
    .w78-header__mains__trackorder__box {
        display: none;
    }
}

.w78-header__mains__trackorder__box:hover {
    background: #f0f2f5;
}

.w78-header__mains__trackorder__box__icon {
    width: 3.4rem;
    height: 3.4rem;
    background: linear-gradient(135deg, #00897b 0%, #26a69a 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 0.8rem;
}

.w78-header__mains__trackorder__box__icon__i {
    color: #fff;
    font-size: 1.6rem;
}

.w78-header__mains__trackorder__box__text {
    display: flex;
    flex-direction: column;
}

.w78-header__mains__trackorder__box__text__line1 {
    font-size: 1.0rem;
    color: #6b7280;
    font-weight: 600;
    line-height: 1.3;
}

.w78-header__mains__trackorder__box__text__line2 {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    line-height: 1.3;
}

.w78-header__mains__cart:not(:last-child) {
    margin-right: 0.8rem;
}

.w78-header__mains__cart__box {
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 0.7rem 1.2rem;
    border-radius: 8px;
    background: linear-gradient(135deg, #e8111a 0%, #ff3040 100%);
    transition: transform 0.18s cubic-bezier(.4, 0, .2, 1), box-shadow 0.18s cubic-bezier(.4, 0, .2, 1);
    min-width: max-content;
    box-shadow: 0 2px 8px rgba(232, 17, 26, 0.25);
}

@media (max-width: 545px) {
    .w78-header__mains__cart__box {
        position: absolute;
        right: 0.7rem;
        top: 0.7rem;
        margin: 0;
    }
}

.w78-header__mains__cart__box:hover {
    transform: translateY(-1px);
    box-shadow: 0 6px 20px rgba(232, 17, 26, 0.38);
}

.w78-header__mains__cart__box__figure {
    position: relative;
    margin-right: 0.9rem;
}

.w78-header__mains__cart__box__figure__icon {
    font-size: 2.2rem;
    color: #fff;
}

.w78-header__mains__cart__box__figure__badge {
    position: absolute;
    top: -0.6rem;
    right: -0.7rem;
    background: #fff;
    color: #e8111a;
    font-size: 0.95rem;
    font-weight: 900;
    border-radius: 50%;
    width: 1.8rem;
    height: 1.8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
}

.w78-header__mains__cart__box__text {
    font-size: 1.3rem;
    font-weight: 800;
    color: #fff;
    white-space: nowrap;
}

.w78-header__ck {
    display: none;
}

.w78-header__megamenu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    z-index: 1;
    padding-top: 0.4rem;
}

@media (max-width: 545px) {
    .w78-header__megamenu {
        padding-top: 0;
    }
}

.w78-header__ck:checked ~
.w78-header__megamenu,
.w78-header__megamenu--active {
    display: block;
    animation: dropIn 0.2s ease;
    z-index: 4;
}

.w78-header__megamenu__inner {
    width: 120rem;
    max-width: 100%;
    margin: 0 auto;
    display: flex;
    position: relative;
    background: #ffffff;
    border-radius: 0 0 12px 12px;
    box-shadow: 0 24px 64px rgba(0, 0, 0, .16);
    overflow: hidden;
    border: 1px solid #e4e7ec;
    border-top: none;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner {
        flex-direction: column;
        min-height: auto;
    }
}

.w78-header__megamenu__inner__sidebar {
    width: 24rem;
    min-width: 24rem;
    background: #f9fafb;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-right: 1px solid #e4e7ec;
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__sidebar {
        width: 18rem;
        min-width: 18rem;
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__sidebar {
        width: 100%;
        min-width: 100%;
        max-height: none;
        border-right: none;
        border-bottom: 1px solid #e4e7ec;
    }
}

.w78-header__megamenu__inner__sidebar__header {
    padding: 1.4rem 1.6rem 1rem;
    font-size: 1.0rem;
    font-weight: 800;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.1em;
}

.w78-header__megamenu__inner__sidebar__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

@media (min-width: 545px) {
    .w78-header__megamenu__inner__sidebar__list {
        max-height: 70vh;
        overflow-y: scroll;
    }

        .w78-header__megamenu__inner__sidebar__list::-webkit-scrollbar {
            width: 1px;
            pointer-events: none;
        }

        .w78-header__megamenu__inner__sidebar__list::-webkit-scrollbar-track {
            border-radius: .3rem;
        }

        .w78-header__megamenu__inner__sidebar__list::-webkit-scrollbar-thumb {
            border-radius: .3rem;
            background: linear-gradient(to bottom, rgba(255,255,255,0) 5%, rgba(var(--main-color-w),1) 55%, rgba(255,255,255,0) 95%);
        }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__sidebar__list {
        max-height: 70vh;
        overflow-y: scroll;
    }
}

@media (max-width: 450px) {
    .w78-header__megamenu__inner__sidebar__list {
        max-height: 50vh;
    }
}

.w78-header__megamenu__inner__sidebar__list__item {
    position: static;
    cursor: pointer;
}

.w78-header__megamenu__inner__sidebar__list__item__ck {
    display: none;
}

.w78-header__megamenu__inner__sidebar__list__item__link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1rem 1.6rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: #374151;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    user-select: none;
    border-left: 3px solid transparent;
    position: relative;
}

@media (max-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item__link {
        padding-left: 3rem;
        padding-right: 0;
    }
}

.w78-header__megamenu__inner__sidebar__list__item__link__left {
    display: flex;
    align-items: center;
}

@media (max-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item__link__left {
        width: calc(100% - 3rem);
    }
}

@media (max-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item__link__left__name {
    }
}

.w78-header__megamenu__inner__sidebar__list__item__link__left__iconwrap {
    width: 3rem;
    height: 3rem;
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.4rem;
    background: #e4e7ec;
    transition: background 0.18s cubic-bezier(.4, 0, .2, 1);
    margin-right: 1rem;
}

.w78-header__megamenu__inner__sidebar__list__item__link__arrow {
    font-size: 0.9rem;
    color: #cdd2da;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
}

@media (max-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item__link__arrow {
        position: absolute;
        right: 0;
        width: 3rem;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }
}

.w78-header__megamenu__inner__panels {
    display: none;
    position: absolute;
    top: 0;
    left: 24rem;
    width: calc(100% - 24rem);
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    z-index: 10;
}

@media (min-width: 545px) {
    .w78-header__megamenu__inner__panels {
        display: block;
        visibility: hidden;
        transition: all .3s ease;
    }
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__panels {
        left: 18rem;
        width: calc(100% - 18rem);
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__panels {
        position: relative;
        left: 0;
        width: 100%;
        height: auto;
        min-height: auto;
        background: #ffffff;
        padding: 0.5rem 1.6rem 1.5rem;
    }
}

.w78-header__megamenu__inner__panels__panel {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0;
    animation: fadePanel 0.15s ease;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__panels__panel {
        position: relative;
        height: auto;
        padding: 0;
    }
}

.w78-header__megamenu__inner__panels__panel__cols {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    width: calc(100% - 19rem);
    align-items: flex-start;
    height: fit-content;
    padding: 2rem 0 2rem 2rem;
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__panels__panel__cols {
        flex-wrap: wrap;
        width: 100%;
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__panels__panel__cols {
        flex-direction: column;
    }
}

.w78-header__megamenu__inner__panels__panel__cols__col {
    width: 33.333%;
    padding-right: 2rem;
}

@media (max-width: 1000px) {
    .w78-header__megamenu__inner__panels__panel__cols__col {
        width: 50%;
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__panels__panel__cols__col {
        width: 100%;
        padding-right: 0;
    }
}

.w78-header__megamenu__inner__panels__panel__cols__col__section {
    margin-bottom: 2rem;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__panels__panel__cols__col__section {
        margin-bottom: 1.5rem;
    }
}

.w78-header__megamenu__inner__panels__panel__cols__col__section__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #e4e7ec;
}

.w78-header__megamenu__inner__panels__panel__cols__col__section__title__hot {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #e8111a 0%, #ff5252 100%);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: 3px;
    letter-spacing: 0.05em;
    margin-left: 0.6rem;
}

.w78-header__megamenu__inner__panels__panel__cols__col__section__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
}

.w78-header__megamenu__inner__panels__panel__cols__col__section__list__item {
    display: flex;
    align-items: center;
}

.w78-header__megamenu__inner__panels__panel__cols__col__section__list__item__link {
    font-size: 1.3rem;
    font-weight: 600;
    color: #374151;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), padding-left 0.18s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    align-items: center;
    padding: 0.38rem 0;
    text-decoration: none;
}

    .w78-header__megamenu__inner__panels__panel__cols__col__section__list__item__link:hover {
        color: #e8111a;
        padding-left: 0.4rem;
    }

        .w78-header__megamenu__inner__panels__panel__cols__col__section__list__item__link:hover .w78-header__megamenu__inner__panels__panel__cols__col__section__list__item__link__arrow {
            color: #e8111a;
            transform: translateX(2px);
        }

.w78-header__megamenu__inner__panels__panel__cols__col__section__list__item__link__arrow {
    font-size: 0.85rem;
    color: #cdd2da;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), transform 0.18s cubic-bezier(.4, 0, .2, 1);
    margin-left: 0.4rem;
}

.w78-header__megamenu__inner__panels__panel__banners {
    display: flex;
    width: 100%;
    margin-top: 1.2rem;
    margin-bottom: 1.6rem;
    flex-wrap: wrap;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__panels__panel__banners {
        flex-direction: column;
    }
}

.w78-header__megamenu__inner__panels__panel__banners__item {
    width: calc(25% - 0.75rem);
    margin-right: 1rem;
}

@media (max-width: 1000px) {
    .w78-header__megamenu__inner__panels__panel__banners__item {
        width: calc(50% - 1rem);
        margin-bottom: 1rem;
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__panels__panel__banners__item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1rem;
    }
}

.w78-header__megamenu__inner__panels__panel__banners__item:last-child {
    margin-right: 0;
}



.w78-header__megamenu__inner__panels__panel__banners__item:hover .w78-header__megamenu__inner__panels__panel__banners__item__btn {
    background: #c00d15;
    transform: scale(1.1);
}

.w78-header__megamenu__inner__panels__panel__banners__item__box {
    background: #f0f2f5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 1rem 1.2rem;
    cursor: pointer;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    border: 1.5px solid transparent;
}

    .w78-header__megamenu__inner__panels__panel__banners__item__box:hover {
        background: #fff0f0;
        border-color: rgba(232, 17, 26, 0.2);
        transform: translateY(-2px);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);
    }

.w78-header__megamenu__inner__panels__panel__banners__item__box__text {
    width: 100%;
}

.w78-header__megamenu__inner__panels__panel__banners__item__box__text__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 0.02em;
}

.w78-header__megamenu__inner__panels__panel__banners__item__box__text__sub {
    font-size: 1.1rem;
    color: #6b7280;
    margin-top: 0.25rem;
    font-weight: 600;
}

.w78-header__megamenu__inner__panels__panel__banners__item__btn {
    background: #e8111a;
    color: #fff;
    border: none;
    border-radius: 50%;
    min-width: 2.6rem;
    min-height: 2.6rem;
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    margin-left: 0.8rem;
    transition: transform 0.18s cubic-bezier(.4, 0, .2, 1), background 0.18s cubic-bezier(.4, 0, .2, 1);
}

.w78-header__megamenu__inner__panels__panel__banners__item__figure {
    width: 6rem;
    height: 5rem;
    margin-left: 0.8rem;
    background-size: contain;
    background-position: center;
}

.w78-header__megamenu__inner__panels__panel__banners__item__figure__img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

@media (min-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item:hover .w78-header__megamenu__inner__panels {
        visibility: visible;
    }
}

@media (max-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item__ck:checked ~
    .w78-header__megamenu__inner__panels {
        display: block;
    }
}

.w78-header__megamenu__inner__container {
    display: none;
    position: absolute;
    top: 0;
    left: 24rem;
    width: calc(100% - 24rem);
    height: 100%;
    overflow: hidden;
    background: #ffffff;
    z-index: 10;
}

@media (min-width: 545px) {
    .w78-header__megamenu__inner__container {
        display: block;
        visibility: hidden;
        transition: all .3s ease;
    }
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__container {
        left: 18rem;
        width: calc(100% - 18rem);
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container {
        position: relative;
        left: 0;
        width: 100%;
        height: auto;
        min-height: auto;
        background: #ffffff;
        padding: 0.5rem 1.6rem 1.5rem;
    }
}

.w78-header__megamenu__inner__container__panel {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    padding: 0;
    animation: fadePanel 0.15s ease;
    display: flex;
    flex-wrap: wrap;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel {
        position: relative;
        height: auto;
        padding: 0;
    }
}

.w78-header__megamenu__inner__container__panel__cols {
    width: calc(100% - 19rem);
    padding: 2rem 0 2rem 2rem;
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__container__panel__cols {
        width: 100%;
        padding-bottom: 0;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: flex-start;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__cols__mains {
        flex-direction: column;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains__col {
    width: 33.333%;
    padding-right: 2rem;
}

@media (max-width: 1000px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__col {
        width: 50%;
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__col {
        width: 100%;
        padding-right: 0;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains__col__section {
    margin-bottom: 2rem;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__col__section {
        margin-bottom: 1.5rem;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains__col__section__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #e4e7ec;
}

.w78-header__megamenu__inner__container__panel__cols__mains__col__section__title__hot {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #e8111a 0%, #ff5252 100%);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: 3px;
    letter-spacing: 0.05em;
    margin-left: 0.6rem;
}

.w78-header__megamenu__inner__container__panel__cols__mains__col__section__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
}

.w78-header__megamenu__inner__container__panel__cols__mains__col__section__list__item {
    display: flex;
    align-items: center;
}

.w78-header__megamenu__inner__container__panel__cols__mains__col__section__list__item__link {
    font-size: 1.3rem;
    font-weight: 600;
    color: #374151;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), padding-left 0.18s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    align-items: center;
    padding: 0.38rem 0;
    text-decoration: none;
}

    .w78-header__megamenu__inner__container__panel__cols__mains__col__section__list__item__link:hover {
        color: #e8111a;
        padding-left: 0.4rem;
    }

        .w78-header__megamenu__inner__container__panel__cols__mains__col__section__list__item__link:hover .w78-header__megamenu__inner__container__panel__cols__mains__col__section__list__item__link__arrow {
            color: #e8111a;
            transform: translateX(2px);
        }

.w78-header__megamenu__inner__container__panel__cols__mains__col__section__list__item__link__arrow {
    font-size: 0.85rem;
    color: #cdd2da;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), transform 0.18s cubic-bezier(.4, 0, .2, 1);
    margin-left: 0.4rem;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs {
    width: 33.333%;
    padding-right: 2rem;
}

@media (max-width: 1000px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__subs {
        width: 50%;
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__subs {
        width: 100%;
        padding-right: 0;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__section {
    margin-bottom: 2rem;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__subs__section {
        margin-bottom: 1.5rem;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__section__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #e4e7ec;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__section__title__hot {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #e8111a 0%, #ff5252 100%);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: 3px;
    letter-spacing: 0.05em;
    margin-left: 0.6rem;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__section__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__section__list__item {
    display: flex;
    align-items: center;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__section__list__item__link {
    font-size: 1.3rem;
    font-weight: 600;
    color: #374151;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), padding-left 0.18s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    align-items: center;
    padding: 0.38rem 0;
    text-decoration: none;
}

    .w78-header__megamenu__inner__container__panel__cols__mains__subs__section__list__item__link:hover {
        color: #e8111a;
        padding-left: 0.4rem;
    }

        .w78-header__megamenu__inner__container__panel__cols__mains__subs__section__list__item__link:hover .w78-header__megamenu__inner__container__panel__cols__mains__subs__section__list__item__link__arrow {
            color: #e8111a;
            transform: translateX(2px);
        }

.w78-header__megamenu__inner__container__panel__cols__mains__subs__section__list__item__link__arrow {
    font-size: 0.85rem;
    color: #cdd2da;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), transform 0.18s cubic-bezier(.4, 0, .2, 1);
    margin-left: 0.4rem;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__sub {
    margin-bottom: 2rem;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__subs__sub {
        margin-bottom: 1.5rem;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #e4e7ec;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__title__hot {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #e8111a 0%, #ff5252 100%);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: 3px;
    letter-spacing: 0.05em;
    margin-left: 0.6rem;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__list__item {
    display: flex;
    align-items: center;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__list__item__link {
    font-size: 1.3rem;
    font-weight: 600;
    color: #374151;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), padding-left 0.18s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    align-items: center;
    padding: 0.38rem 0;
    white-space: nowrap;
    text-decoration: none;
}

    .w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__list__item__link:hover {
        color: #e8111a;
        padding-left: 0.4rem;
    }

        .w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__list__item__link:hover .w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__list__item__link__arrow {
            color: #e8111a;
            transform: translateX(2px);
        }

.w78-header__megamenu__inner__container__panel__cols__mains__subs__sub__list__item__link__arrow {
    font-size: 0.85rem;
    color: #cdd2da;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), transform 0.18s cubic-bezier(.4, 0, .2, 1);
    margin-left: 0.4rem;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__child {
    margin-bottom: 2rem;
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__cols__mains__subs__child {
        margin-bottom: 1.5rem;
    }
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__child__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    margin-bottom: 1rem;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    letter-spacing: 0.04em;
    padding-bottom: 0.6rem;
    border-bottom: 2px solid #e4e7ec;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__child__title__hot {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(135deg, #e8111a 0%, #ff5252 100%);
    color: #fff;
    font-size: 0.9rem;
    font-weight: 800;
    padding: 0.15rem 0.55rem;
    border-radius: 3px;
    letter-spacing: 0.05em;
    margin-left: 0.6rem;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__child__list {
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    list-style: none;
    background-color: #fff;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__child__list__item {
    display: flex;
    align-items: center;
}

.w78-header__megamenu__inner__container__panel__cols__mains__subs__child__list__item__link {
    font-size: 1.3rem;
    font-weight: 600;
    color: #374151;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), padding-left 0.18s cubic-bezier(.4, 0, .2, 1);
    display: flex;
    align-items: center;
    padding: 0.38rem 0;
    text-decoration: none;
}

    .w78-header__megamenu__inner__container__panel__cols__mains__subs__child__list__item__link:hover {
        color: #e8111a;
        padding-left: 0.4rem;
    }

        .w78-header__megamenu__inner__container__panel__cols__mains__subs__child__list__item__link:hover .w78-header__megamenu__inner__container__panel__cols__mains__subs__child__list__item__link__arrow {
            color: #e8111a;
            transform: translateX(2px);
        }

.w78-header__megamenu__inner__container__panel__cols__mains__subs__child__list__item__link__arrow {
    font-size: 0.85rem;
    color: #cdd2da;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), transform 0.18s cubic-bezier(.4, 0, .2, 1);
    margin-left: 0.4rem;
}

.w78-header__megamenu__inner__container__panel__brands {
    width: 19rem;
    min-width: 19rem;
    margin-left: auto;
    padding: 0rem 1.2rem;
    border: 1px solid #e4e7ec;
    border-radius: 0;
    background: #f9fafb;
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__container__panel__brands {
        width: calc(100% - 4rem);
        margin: 0 auto;
        border-radius: .3rem;
    }
}

.w78-header__megamenu__inner__container__panel__brands__title {
    font-size: 1.0rem;
    font-weight: 800;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1.2rem;
    margin-top: 1.6rem;
}

.w78-header__megamenu__inner__container__panel__brands__grid {
    display: flex;
    flex-wrap: wrap;
}

    .w78-header__megamenu__inner__container__panel__brands__grid.ws1MenudropActive {
        display: flex !important;
    }

.w78-header__megamenu__inner__container__panel__brands__grid__item {
    width: calc(50% - 0.3rem);
    margin-bottom: 0.6rem;
}

    .w78-header__megamenu__inner__container__panel__brands__grid__item:nth-child(odd) {
        margin-right: 0.6rem;
    }

.w78-header__megamenu__inner__container__panel__brands__grid__item__hinhanh {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1.5px solid #e4e7ec;
    border-radius: 6px;
    padding: 0.8rem 0.6rem;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

    .w78-header__megamenu__inner__container__panel__brands__grid__item__hinhanh:hover {
        border-color: #e8111a;
        box-shadow: 0 2px 8px rgba(232, 17, 26, 0.15);
        transform: translateY(-1px);
    }

.w78-header__megamenu__inner__container__panel__brands__grid__item__hinhanh__imgbox {
    width: 6rem;
    height: 2.4rem;
    margin: 0;
}

.w78-header__megamenu__inner__container__panel__brands__grid__item__hinhanh__imgbox__img {
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.w78-header__megamenu__inner__container__panel__brands__ads {
    width: 100%;
    margin-top: 1rem;
}

.w78-header__megamenu__inner__container__panel__brands__ads__hinhanh {
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    display: block;
    background-color: #fff;
    transition: all .3s ease;
}

    .w78-header__megamenu__inner__container__panel__brands__ads__hinhanh:hover {
        transform: translateY(-1rem);
    }

.w78-header__megamenu__inner__container__panel__brands__ads__hinhanh__imgbox {
    width: 100%;
    cursor: pointer;
    transition: all .3s;
}

.w78-header__megamenu__inner__container__panel__brands__ads__hinhanh__imgbox__img {
    width: 100%;
}

.w78-header__megamenu__inner__container__panel__banners {
    display: flex;
    width: calc(100% - 1rem);
    margin-top: 1.2rem;
    margin-bottom: 1.6rem;
    flex-wrap: wrap;
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__container__panel__banners {
        width: calc(100% - 2rem);
    }
}

@media (max-width: 545px) {
    .w78-header__megamenu__inner__container__panel__banners {
        flex-direction: column;
    }
}

.w78-header__megamenu__inner__container__panel__banners__item {
    width: calc(33.333333% - 0.75rem);
    margin-left: 1rem;
    margin-bottom: 1rem;
}

@media (min-width: 1000px) {
    .w78-header__megamenu__inner__container__panel__banners__item:nth-child(3n+1) {
        margin-left: 0;
    }
}

@media (max-width: 1000px) {
    .w78-header__megamenu__inner__container__panel__banners__item {
        width: 100%;
        margin-left: 0;
    }
}

.w78-header__megamenu__inner__container__panel__banners__item:hover .w78-header__megamenu__inner__container__panel__banners__item__btn {
    background: #c00d15;
    transform: scale(1.1);
}

.w78-header__megamenu__inner__container__panel__banners__item__box {
    background: #f0f2f5;
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 1rem 1.2rem;
    cursor: pointer;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    border: 1.5px solid transparent;
}

    .w78-header__megamenu__inner__container__panel__banners__item__box:hover {
        background: #fff0f0;
        border-color: rgba(232, 17, 26, 0.2);
        transform: translateY(-2px);
        box-shadow: 0 1px 3px rgba(0, 0, 0, .08), 0 1px 2px rgba(0, 0, 0, .05);
    }

.w78-header__megamenu__inner__container__panel__banners__item__box__text {
    width: 100%;
}

.w78-header__megamenu__inner__container__panel__banners__item__box__text__title {
    font-size: 1.2rem;
    font-weight: 800;
    color: #111827;
    text-transform: uppercase;
    line-height: 1.3;
    letter-spacing: 0.02em;
}

.w78-header__megamenu__inner__container__panel__banners__item__box__text__sub {
    font-size: 1.1rem;
    color: #6b7280;
    margin-top: 0.25rem;
    font-weight: 600;
}

.w78-header__megamenu__inner__container__panel__banners__item__btn {
    background: #e8111a;
    color: #fff;
    border: none;
    border-radius: 50%;
    min-width: 2.6rem;
    min-height: 2.6rem;
    width: 2.6rem;
    height: 2.6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.1rem;
    cursor: pointer;
    margin-left: 0.8rem;
    transition: transform 0.18s cubic-bezier(.4, 0, .2, 1), background 0.18s cubic-bezier(.4, 0, .2, 1);
}

.w78-header__megamenu__inner__container__panel__banners__item__figure {
    width: 6rem;
    height: 5rem;
    margin-left: 0.8rem;
    background-size: contain;
    background-position: center;
}

.w78-header__megamenu__inner__container__panel__banners__item__figure__img {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

@media (min-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item:hover .w78-header__megamenu__inner__container {
        visibility: visible;
    }
}

@media (max-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item__ck:checked ~
    .w78-header__megamenu__inner__container {
        display: block;
    }
}

.w78-header__megamenu__inner__sidebar__list__item:hover .w78-header__megamenu__inner__sidebar__list__item__link {
    color: #e8111a;
    background: #fff5f5;
    border-left-color: #e8111a;
}

.w78-header__megamenu__inner__sidebar__list__item:hover .w78-header__megamenu__inner__sidebar__list__item__link__left__iconwrap {
    background: rgba(232, 17, 26, 0.15);
    color: #e8111a;
}



@media (min-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item:hover .w78-header__megamenu__inner__sidebar__list__item__link__arrow {
        transform: translateX(2px);
        color: #e8111a;
    }
}

@media (max-width: 546px) {
    .w78-header__megamenu__inner__sidebar__list__item__ck:checked ~
    .w78-header__megamenu__inner__sidebar__list__item__link
    .w78-header__megamenu__inner__sidebar__list__item__link__arrow {
        color: #e8111a;
        transform: rotate(90deg);
    }
}


.w78-header__megamenu__inner__panels__panel__brands {
    width: 19rem;
    min-width: 19rem;
    margin-left: auto;
    padding: 0rem 1.2rem;
    border: 1px solid #e4e7ec;
    background: #f9fafb;
}

@media (max-width: 800px) {
    .w78-header__megamenu__inner__panels__panel__brands {
        width: calc(100% - 4rem);
        margin: 0 auto;
        border-radius: .3rem;
    }
}

.w78-header__megamenu__inner__panels__panel__brands__title {
    font-size: 1.0rem;
    font-weight: 800;
    color: #6b7280;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 1.2rem;
    margin-top: 1.6rem;
}

.w78-header__megamenu__inner__panels__panel__brands__grid {
    display: flex;
    flex-wrap: wrap;
}

    .w78-header__megamenu__inner__panels__panel__brands__grid.ws1MenudropActive {
        display: flex !important;
    }

.w78-header__megamenu__inner__panels__panel__brands__grid__item {
    width: calc(50% - 0.3rem);
    margin-bottom: 0.6rem;
}

    .w78-header__megamenu__inner__panels__panel__brands__grid__item:nth-child(odd) {
        margin-right: 0.6rem;
    }

.w78-header__megamenu__inner__panels__panel__brands__grid__item__hinhanh {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ffffff;
    border: 1.5px solid #e4e7ec;
    border-radius: 6px;
    padding: 0.8rem 0.6rem;
    transition: all 0.18s cubic-bezier(.4, 0, .2, 1);
    cursor: pointer;
}

    .w78-header__megamenu__inner__panels__panel__brands__grid__item__hinhanh:hover {
        border-color: #e8111a;
        box-shadow: 0 2px 8px rgba(232, 17, 26, 0.15);
        transform: translateY(-1px);
    }

.w78-header__megamenu__inner__panels__panel__brands__grid__item__hinhanh__imgbox {
    width: 6rem;
    height: 2.4rem;
    margin: 0;
}

.w78-header__megamenu__inner__panels__panel__brands__grid__item__hinhanh__imgbox__img {
    display: block;
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.w78-header__megamenu__inner__panels__panel__brands__ads {
    width: 100%;
    margin-top: 1rem;
}

.w78-header__megamenu__inner__panels__panel__brands__ads__hinhanh {
    width: 100%;
    overflow: hidden;
    border-radius: 1rem;
    display: block;
    background-color: #fff;
    transition: all .3s ease;
}

    .w78-header__megamenu__inner__panels__panel__brands__ads__hinhanh:hover {
        transform: translateY(-1rem);
    }

.w78-header__megamenu__inner__panels__panel__brands__ads__hinhanh__imgbox {
    width: 100%;
    cursor: pointer;
    transition: all .3s;
}

.w78-header__megamenu__inner__panels__panel__brands__ads__hinhanh__imgbox__img {
    width: 100%;
}

.w78-header__nav {
    background: #ffffff;
    width: 100%;
}

@media (max-width: 800px) {
    .w78-header__nav {
        display: none;
    }
}

.w78-header__nav__inner {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 1.6rem;
    display: flex;
    align-items: center;
    overflow-x: auto;
    scrollbar-width: none;
    flex-wrap: wrap;
}

    .w78-header__nav__inner::-webkit-scrollbar {
        display: none;
    }

.w78-header__nav__inner__item {
}

.w78-header__nav__inner__item__box {
}




.w78-header__nav__inner__item__box__main {
    display: flex;
    align-items: center;
    padding: 0.85rem 1.4rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #374151;
    white-space: nowrap;
    cursor: pointer;
    border-bottom: 2.5px solid transparent;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), border-color 0.18s cubic-bezier(.4, 0, .2, 1), background 0.18s cubic-bezier(.4, 0, .2, 1);
    text-decoration: none;
}

    .w78-header__nav__inner__item__box__main:hover {
        color: #e8111a;
        border-bottom-color: #e8111a;
        background: #fff5f5;
    }

.w78-header__nav__inner__item__box__main__icon {
    font-size: 1.1rem;
    margin-right: 0.5rem;
}

.w78-header__nav__inner__item__box__main--hot {
    color: #e8111a;
}

.w78-header__nav__inner__item__sub {
}

.w78-header__nav__inner__item__sub__main {
    display: flex;
    align-items: center;
    padding: 0.85rem 1.4rem;
    font-size: 1.25rem;
    font-weight: 700;
    color: #374151;
    white-space: nowrap;
    cursor: pointer;
    border-bottom: 2.5px solid transparent;
    transition: color 0.18s cubic-bezier(.4, 0, .2, 1), border-color 0.18s cubic-bezier(.4, 0, .2, 1), background 0.18s cubic-bezier(.4, 0, .2, 1);
    text-decoration: none;
    color: #e8111a;
}

    .w78-header__nav__inner__item__sub__main:hover {
        color: #e8111a;
        border-bottom-color: #e8111a;
        background: #fff5f5;
    }

.w78-header__nav__inner__item__sub__main__icon {
    font-size: 1.1rem;
    margin-right: 0.5rem;
}
/*ed*/